/* Theme Name: neomars */ /*----------------------------------------------------------------- リセット ----------------------------------------------------------------- */ *, *:after, *:before { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; border: 0; outline: 0; } ol, ul,li{ list-style: none; margin:0; padding:0;} :focus, :active { outline:0;} table { border-collapse: collapse; border-spacing: 0; } th, td { padding:8px; line-height:1.4em;} input{ margin-right:5px;} .switch { visibility: hidden; } body{ font:15px/1.6 "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; margin:0; padding:0; color:#000;} h1, h2, h3, h4, h5, h6, p,dt ,dl,dd{ font-size:inherit; margin:0; padding:0; } hr{ display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } ul{ list-style:none; margin:0; padding:0; } li{ margin:0; padding:0; } @media screen and (min-width: 360px) { * { -webkit-text-size-adjust: none; } } /*---------------------------------------------------- clearfix ----------------------------------------------------*/ .clearfix:after, .spCrearBox:after, #header:after, #gNavi:after, #newsWrap:after, .footerSitemap:after, .breadcrumb:after, .breadcrumb ul:after, .serviceWrap:after, #footer .footerSitemap:after, .subMenu:after, dl.history:after, .recruitFtr:after, .staffList:after, .staffDetail:after, .staffNavi:after, .topicsListBox:after, .nav-below:after, .serviceHeadBox:after, .serviceHeadBox dd>ul.cont:after, .serviceWorksList:after, .serviceWorksList dl:after, .serviceWorksList dl dt:after, .linkList:after, .partnerTbl02 ul:after, .productFlowList:after, .productFlowList02:after, .stellaList:after, .subFooterLink02:after, .subFooterBanner02:after, .subMenuRecruit:after, .npList:after, .stellasystemList:after, .stella_price:after, .stella_voice:after, .stella_voice>li dl:after, .stella_voice>li dl dt:after, .serviceWaitList:after, .serviceWaitList02:after, .humanBtn:after, .uratWorks:after, .uratWorks li:after, .uratWorks li .txtBox dl:after, .resp-tabs-list:after, #areaMapBox:after, .productsIcon:after, .itList:after, .contents:after{ content: ".";display:block;height:0.1px;clear:both;visibility:hidden;font-size:0.1em;line-height:0; } .clearfix, .spCrearBox, #header, #gNavi, #newsWrap, .footerSitemap, .breadcrumb, .breadcrumb ul, .serviceWrap, #footer .footerSitemap, .subMenu, dl.history, .recruitFtr, .staffList, .staffDetail, .staffNavi, .topicsListBox, .nav-below, .serviceHeadBox, .serviceHeadBox dd>ul.cont, .serviceWorksList, .serviceWorksList dl, .serviceWorksList dl dt, .linkList, .partnerTbl02, .productFlowList, .productFlowList02, .stellaList, .subFooterLink02, .subFooterBanner02, .subMenuRecruit, .npList, .stellasystemList, .stella_price, .stella_voice, .stella_voice>li dl, .stella_voice>li dl dt, .serviceWaitList, .serviceWaitList02, .humanBtn, .uratWorks, .uratWorks li, .uratWorks li .txtBox dl, .resp-tabs-list, #areaMapBox, .productsIcon, .itList, .contents{ display:inline-block;overflow:hidden;_overflow:visible;display:block; } * html .clearfix, * html .spCrearBox, * html #header, * html #gNavi, * html #newsWrap, * html .footerSitemap, * html .breadcrumb, * html .breadcrumb ul, * html .serviceWrap, * html #footer .footerSitemap, * html .subMenu, * html dl.history, * html .recruitFtr, * html .staffList, * html .staffDetail, * html .staffNavi, * html .topicsListBox, * html .nav-below, * html .serviceHeadBox, * html .serviceHeadBox dd>ul.cont, * html .serviceWorksList, * html .serviceWorksList dl, * html .serviceWorksList dl dt, * html .linkList, * html .partnerTbl02, * html .productFlowList, * html .productFlowList02, * html .stellaList, * html .subFooterLink02, * html .subFooterBanner02, * html .subMenuRecruit, * html .npList, * html .stellasystemList, * html .stella_price, * html .stella_voice, * html .stella_voice>li dl, * html .stella_voice>li dl dt, * html .serviceWaitList, * html .serviceWaitList02, * html .humanBtn, * html .uratWorks, * html .uratWorks li, * html .uratWorks li .txtBox dl, * html .resp-tabs-list, * html #areaMapBox, * html .productsIcon, * html .itList, * html .contents{ height:1%; } /* ----------- anchor */ a { color:#9fa0a0; text-decoration:none;} a:hover { color:#9fa0a0; } a .imgbt:hover{opacity:0.8;filter:alpha(opacity=80);cursor:pointer;} a { -webkit-tap-highlight-color: rgba(0,0,0,0); } .onlySP { display: none;} #wrapper{ position: relative;width: 100%;} #wrapper img{max-width: 100%;} .contentsWrap{width: 100%; padding: 60px 0;} .contentsWrapSub{ width: 100%;padding: 60px 0 60px;} .contentsWrapSub.pb0{ padding-bottom: 0;vertical-align: bottom;} .contents{ width: 1000px;margin-left: auto; margin-right: auto;} .contentsGrayWrap{ width: 100%; background: #fafafa; padding: 120px 0;} .contentsWrapSub120{ width: 100%; padding: 120px 0;} /*---------------------------------------------------- header ----------------------------------------------------*/ #header{ background: #fff; position: fixed; padding: 20px; width: 100%;z-index: 100000; } h1 img{ width: 182px;float: left; } #mobile {display: none;} #gNavi ul{ float: right;} #gNavi ul li{ text-align: center; display: inline;font-family: 'Palanquin', sans-serif; letter-spacing:0.1em; } #gNavi ul li a{ color: #231815; display: inline-block; float: left; padding: 7px 10px 0;font-size: 13px;} #gNavi ul li a img{ width: 20px;} #gNavi ul li:last-child a{ padding-right: 0;} #gNavi ul li a:hover{ color: #dcdddd;} #gNavi ul .close{ display:none;} /*---------------------------------------------------- TOP ----------------------------------------------------*/ /* ---- particles.js container ---- */ #particles-jsWrap { height: 820px; padding-top: 80px; background-image: url("./img/bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: 50% 60%; } #particles-js { /*position: absolute;*/ width: 100%; height: 740px; } #particles-jsWrap span{display: none;} /* ---- stats.js ---- */ .count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; } h2{ font-weight: bold; font-family: 'Palanquin', sans-serif; letter-spacing:0.1em; font-size: 200%; line-height: 1.1em; } h2 span{ display: block; font-size: 13px;} #newsWrap{ background: #222; color: #fff; padding: 20px 0;} #newsWrap h2{ width: 200px; float: left; } #newsWrap ul{ width: 720px;float: left; margin-bottom: 10px;} #newsWrap ul a{color: #fff; display: block; padding-top: 10px;} #newsWrap ul a:hover {opacity:0.7;filter:alpha(opacity=70); } #newsWrap ul span.day,#newsWrap ul span.category{font-family: 'Palanquin', sans-serif; font-size: 87%;} #newsWrap ul span.ttl{ font-weight: bold;} #newsWrap ul span{ display: block;} #newsWrap p.more{ width: 75px; float: right; padding-top: 20px; } #newsWrap p.more a{ font-family: 'Palanquin', sans-serif; display: inline-block; background: url(./img/icon_more.png) no-repeat right 58%; -webkit-background-size: 11px; background-size: 11px; padding-right: 20px; color: #fff; } #newsWrap p.more a:hover{ opacity:0.7;filter:alpha(opacity=70);} .serviceWrap{ width: 100%;} .serviceWrap ul li a{ display: block; width: 33.333333%; float: left; height: 700px; text-align: center; color: #fff; padding-top: 40px; position: relative; overflow: hidden; } .serviceWrap ul li a:after { position: absolute; content: ""; display: block; width: 100%; height: 100%; top: 0; background: url(./img/bg_service01.jpg) no-repeat center center; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-background-size: cover; background-size: cover; } .serviceWrap ul li a .inner { z-index: 1; display: block; position: relative; } .serviceWrap ul li:nth-child(2) a:after{background: url(./img/bg_service02.jpg) no-repeat;-webkit-background-size: cover;background-size: cover; background-position: center;} .serviceWrap ul li:nth-child(3) a:after{background: url(./img/bg_service03.jpg) no-repeat;-webkit-background-size: cover;background-size: cover;} .serviceWrap ul li:nth-child(4) a:after{background: url(./img/bg_service04.jpg) no-repeat;-webkit-background-size: cover;background-size: cover;} .serviceWrap ul li a:hover:after { opacity: .9; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } @media only screen and (min-width: 2000px){ .serviceWrap ul li a,.serviceWrap ul li:nth-child(2) a,.serviceWrap ul li:nth-child(3) a,.serviceWrap ul li:nth-child(4) a{ background-size: cover ;} } .serviceWrap ul li a .number{ font-family: 'Palanquin', sans-serif; font-size: 73%; color: #222;} .serviceWrap ul li a .numberTtl{ font-family: 'Roboto Condensed', sans-serif; font-size: 56px;margin-bottom: 20px; line-height: 1em; color: #222;} .serviceWrap ul li a .ttl{ font-size: 213%; margin-bottom: 10px; font-weight: bold; line-height: 1em;} .serviceWrap ul li a .ttl span{ font-family: 'Palanquin', sans-serif; font-size: 11px; display: block; font-weight: normal; } .contentsWrapProducts{ background: #0068b3 url(./img/bg_products.png) no-repeat center 80%; padding: 120px 0;} .contentsWrapProducts h2,.contentsWrapHistory h2{ text-align: center; color: #fff; line-height: 1em; margin-bottom: 40px;} .contentsWrapProducts ul{ margin-bottom: 40px;} .productsWrap{ width: 100%; overflow:hidden; _zoom:1; height: 460px; } .productsSlider{ margin-bottom: 40px;} .productsSlider li{ display: inline-block; width: 320px; height: 320px; display:table-cell; text-align: center; vertical-align: middle;} .productsSlider li a.noLink{ pointer-events: none; } .productsSlider li a{ width: 310px; height: 310px; background: #fff; display: block; color: #000; padding: 1px; position: relative; margin: 20px auto; } .productsSlider li a:after{ position: absolute; content: ""; display: block; width: 100%; height: 100%; top: 0; background: #fff; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; } .productsSlider li a .inner { z-index: 1; display: block; position: relative; } .productsSlider li a .photoBox{ display:table-cell; text-align: center; vertical-align: middle; width: 308px; height: 190px;} .productsSlider li a .photoBox img{margin-left: auto;margin-right: auto;} #wrapper .productsSlider li a .photoBox img{max-width: 308px;} .productsSlider li a span{display: block;} .productsSlider li a .cont{ padding: 20px;} .productsSlider li a .label{ position: relative; padding-left:82px; font-family: 'Palanquin', sans-serif; font-weight: 600 ; font-size: 13px; text-align: left; } .productsSlider li a .label:before { border-top: 4px solid; content: ""; position: absolute; top: 42%; left: 0; width: 80px; } .productsSlider li a .label span { background-color: #fff; display: inline-block; padding: 0 0.5em; } .productsSlider li a .ttl{ font-family: 'Palanquin', sans-serif; font-weight: 600 ; font-size: 24px; text-align: left;} .productsSlider li a .ttl02{ font-size: 9px; color: #999; text-align: left;} .productsSlider li a:hover:after{ opacity: .9; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .productsSlider li a:hover{opacity:0.9;filter:alpha(opacity=90);} .productsSlider li.noHover a:hover:after{ opacity: 1.0; -moz-transform: scale(1.0); -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0);} .productsSlider li.noHover a:hover{opacity:1.0;filter:alpha(opacity=100);} .productsWrap { margin: 0 auto; width: 1024px; height: 800px; text-align: left; position: relative; overflow: hidden; } .productsWrap ul { height: 800px; float: left; display: inline; overflow: hidden; } .productsWrap ul li { width: 340px; height: 340px; float: left; display: inline; overflow: hidden; } .productsWrap ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; } .productsWrap ul { display: inline-block; overflow: hidden; } .productsWrap #loopleft { top: 38%; left: 10px; width: 22px; height: 44px; position: absolute; overflow: hidden; cursor: pointer; z-index: 10000; text-indent: 1000000px; background: url(./img/prev02.png) no-repeat 0 0; } .productsWrap #loopright { top: 38%; right: 10px; width: 22px; height: 44px; position: absolute; overflow: hidden; cursor: pointer; z-index: 10000; text-indent: 1000000px; background: url(./img/next02.png) no-repeat 0 0; } .moreBtn a{ display: block; width: 460px; margin-left: auto;margin-right: auto; background: #000 url(./img/icon_more.png) no-repeat 90% 50%; color: #fff ; -webkit-background-size: 11px; background-size: 11px; padding: 20px 0 22px; text-align: center; font-family: 'Palanquin', sans-serif; letter-spacing:0.1em; } .moreBtn a:hover{background: #999 url(./img/icon_more.png) no-repeat 90% 50%;-webkit-background-size: 11px;background-size: 11px;} .moreBtn.mb120{ margin-bottom: 120px;} .contentsWrapHistory{background: #062a61 url(./img/bg_history.png) no-repeat center 80%; padding: 120px 0;} .historySliderWrap { margin-bottom: 40px; position: relative; } .historySliderWrap .bx-pager.clearfix{ background:url(./img/bg_historyLine.png) no-repeat center bottom; height: 65px; width: 100%; position: absolute; bottom: 120px; } .historySliderWrap .bx-pager.clearfix li{ margin: 0!important;padding: 0!important;float: left;width: 148px;} .historySliderWrap .bx-pager.clearfix li a{ display: block;height: 65px; float: left;margin: 0!important;padding: 0!important;} .historySliderWrap .bx-pager.clearfix li:first-child,.historySliderWrap .bx-pager.clearfix li:first-child a{width: 148px;} .historySliderWrap .bx-pager.clearfix li:nth-child(2),.historySliderWrap .bx-pager.clearfix li:nth-child(2) a{ width: 133px;} .historySliderWrap .bx-pager.clearfix li:nth-child(3),.historySliderWrap .bx-pager.clearfix li:nth-child(3) a{ width: 133px;} .historySliderWrap .bx-pager.clearfix li:nth-child(4),.historySliderWrap .bx-pager.clearfix li:nth-child(4) a{ width: 74px;} .historySliderWrap .bx-pager.clearfix li:nth-child(5),.historySliderWrap .bx-pager.clearfix li:nth-child(5) a{ width: 145px;} .historySliderWrap .bx-pager.clearfix li:nth-child(6),.historySliderWrap .bx-pager.clearfix li:nth-child(6) a{ width: 142px;} .historySliderWrap .bx-pager.clearfix li:nth-child(7),.historySliderWrap .bx-pager.clearfix li:nth-child(7) a{ width: 104px;} .historySliderWrap .bx-pager.clearfix li:nth-child(8),.historySliderWrap .bx-pager.clearfix li:nth-child(8) a{ width: 112px;} .historySliderWrap .bx-pager.clearfix li:first-child a.active{ background: url(./img/btn_history01.png) no-repeat center bottom; background-position: 3px 50%!important;} .historySliderWrap .bx-pager.clearfix li:nth-child(2) a.active{ background: url(./img/btn_history01.png) no-repeat center bottom;background-position: -5px 50%!important;} .historySliderWrap .bx-pager.clearfix li:nth-child(3) a.active{ background: url(./img/btn_history01.png) no-repeat center bottom;background-position: 34px 50%!important;} .historySliderWrap .bx-pager.clearfix li:nth-child(4) a.active{ background: url(./img/btn_history01.png) no-repeat center bottom;background-position: -36px 50%!important;} .historySliderWrap .bx-pager.clearfix li:nth-child(5) a.active{ background: url(./img/btn_history01.png) no-repeat center bottom;background-position: -25px 50%!important;} .historySliderWrap .bx-pager.clearfix li:nth-child(6) a.active{ background: url(./img/btn_history01.png) no-repeat center bottom;background-position: 16px 50%!important;} .historySliderWrap .bx-pager.clearfix li:nth-child(7) a.active{ background: url(./img/btn_history01.png) no-repeat center bottom;background-position: -27px 50%!important;} .historySliderWrap .bx-pager.clearfix li:nth-child(8) a.active{ background: url(./img/btn_history01.png) no-repeat center bottom;background-position: -27px 50%!important;} .historySliderWrap .bx-wrapper .bx-viewport{ height: 400px;} .historySliderWrap .bx-wrapper .bx-viewport ul li{ padding-bottom: 200px;} .historySliderWrap .bx-wrapper .bx-caption{ position: absolute; bottom: 55px; width: 100%; height: 50px; background: #fff; text-align: center; color: #000; } .historySliderWrap .bx-wrapper .bx-caption span{ color: #000; padding: 0; font-size: 96%;font-weight: bold; position: relative; display: block; width: 100%; height: 50px; padding-top: 15px; } .historySliderWrap .bx-wrapper li.active-slide .bx-caption span:before{ bottom: 100%; left: 76px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 15px; margin-left: -15px; } .historySliderWrap .bx-wrapper li:nth-child(2).active-slide .bx-caption span:before{ left: 214px;} .historySliderWrap .bx-wrapper li:nth-child(3).active-slide .bx-caption span:before{ left: 387px;} .historySliderWrap .bx-wrapper li:nth-child(4).active-slide .bx-caption span:before{ left: 449px;} .historySliderWrap .bx-wrapper li:nth-child(5).active-slide .bx-caption span:before{ left: 535px;} .historySliderWrap .bx-wrapper li:nth-child(6).active-slide .bx-caption span:before{ left: 721px;} .historySliderWrap .bx-wrapper li:nth-child(7).active-slide .bx-caption span:before{ left: 820px;} .historySliderWrap .bx-wrapper li:nth-child(8).active-slide .bx-caption span:before{ left: 923px;} .contentsWrapGray{width: 100%; background: #f3f3f3;padding: 60px 0;} .subFooterLink{ text-align: center; margin-bottom: 50px;} .subFooterLink li{ text-align: center; display: inline-block; } .subFooterLink li:after{ content: '　/　';} .subFooterLink li:last-child:after{ content: '';} .subFooterBannerWrap { margin: 0 auto; width: 1064px; height: 85px; text-align: left; position: relative; overflow: hidden; } .subFooterBannerWrap .bx-wrapper .bx-prev {left: -30px;background: url(./img/prev03.png) no-repeat 0 0;} .subFooterBannerWrap .bx-wrapper .bx-next {right: -30px;background: url(./img/next03.png) no-repeat 0 0;} .subFooterBannerWrap .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -6px; outline: 0; width: 11px; height: 20px; text-indent: -9999px; z-index: 9999; } .topSubCompany {text-align: center; margin-bottom: 60px;} .topSubCompany li{ display: inline-block; text-align: center; padding: 0 10px;} .topSubCompany li img{ width: 280px;} .topLogo{ text-align: center;} .topLogo img{ width: 291px;} .pageTop img{ width: 63px;} /*---------------------------------------------------- footer ----------------------------------------------------*/ #footer .footerSItemapWrap{ width: 100%; background: #222; padding: 60px 0;} #footer a{ color: #fff;} #footer a:hover{opacity:0.7;filter:alpha(opacity=70);} #footer .footerSitemap>li{ width: 20%; float: left; } #footer .footerSitemap>li ul li{ font-weight: bold; margin-bottom: 15px;} #footer .footerSitemap>li:first-child ul li{ margin-bottom: 10px;} #footer .footerSitemap>li dl dt{ font-weight: bold;margin-bottom: 15px;} #footer .footerSitemap>li dl dt{ color: #fff;} #footer .footerSitemap>li dl dd ul li:before{ content: '— '; color: #fff;} #footer .footerSitemap>li dl dd{ font-size: 80%; margin-bottom: 10px;} #copyright{ font-size: 86%; text-align: center; padding: 20px 0 19px; color: #000;font-family: "Droid Sans";} .subFooterLink02{ margin-bottom: 60px;} .subFooterLink02 li a{ display: block; width: 310px; float: left; height: 64px; line-height: 64px; color: #fff; background: #000 url(./img/icon_more.png) no-repeat 90% 50%; margin-right: 35px; text-align: center;-webkit-background-size: 11px;background-size: 11px; } .subFooterLink02 li:last-child a{margin-right: 0;} .subFooterLink02 li a:hover{background: #999 url(./img/icon_more.png) no-repeat 90% 50%;-webkit-background-size: 11px;background-size: 11px;} /*---------------------------------------------------- 下位common ----------------------------------------------------*/ .breadcrumb{ background: #f3f3f3;} .breadcrumb ul{ padding: 10px 0 9px; font-size: 80%; width: 1000px;margin-left: auto;margin-right: auto;} .breadcrumb ul li{ display: inline;} .breadcrumb ul li a{color: #4c4948;display:inline-block; } .breadcrumb ul li:before { content:"＞"; margin-right: 5px; margin-left: 5px; color: #4c4948;} .breadcrumb ul li:first-child:before { content:""; margin-right: 0;} .breadcrumb ul li a:hover { text-decoration: underline ; color: #9fa0a0;} .contents.mt120{ margin-top: 120px;} .contentsWrapSub h2{text-align: center; color: #fff;background: url(./img/bg_conpany.jpg);padding: 140px 0 120px; font-size: 40px; line-height: 1em;background-position: center;} .contentsWrapSub h2 span{font-size: 15px;} .contentsWrapSub h2.recruit{background: url(./img/bg_recruit.jpg) center center;} .contentsWrapSub h2.service{background: url(./img/bg_service.jpg) center center;} .contentsWrapSub h2.products_direct{background: url(./img/bg_products_d.jpg) center center;} .contentsWrapSub h2.products_stella{background: url(./img/bg_products_s.jpg) center center;} .contentsWrapSub h2.products_go{background: url(./img/bg_products_g_02.jpg) center center;} .contentsWrapSub h2.products_smarteyes{background: url(./img/bg_products_se.png) center center;} .contentsWrapSub h2.products{background: url(./img/bg_products.jpg) center center;} .contentsWrapSub h3,.contentsGrayWrap h3{ text-align: center; font-size: 24px; font-weight: bold;margin-bottom: 120px;} .contentsWrapSub h3 span{ display: block; font-size: 18px; margin-top: 10px;} .contentsWrapSub h3.mb40{ margin-bottom: 40px;} .contentsWrapSub h3.mt120{ margin-top: 120px;} .contentsWrapSub h3.serif { font-size: 24px; line-height: 1.5em;} .contentsWrapSub h3.serif span{display: block; font-size: 40px;font-family:"游明朝 Medium", "Yu Mincho Medium" , "游明朝体", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight: bolder ; } .contentsWrapSub h3.serviceH3{ line-height: 1.7em; letter-spacing:0.1em; } .contentsWrapSub h3.serviceH3 span{ font-family: 'Palanquin', sans-serif; font-size: 15px;} .contentsWrapSub h3.serviceTop{ margin-top: 120px; margin-bottom: 40px;} .subMenu{ background: #fafafa; margin-bottom: 120px;} .subMenu ul{ width: 1000px; margin-left: auto;margin-right: auto; display: flex; justify-content: space-evenly; } .subMenu ul li{display: inline;} .subMenu ul li a{ display:block; text-align: center; height: 72px; line-height: 72px; color: #000; border-bottom: 1px solid #eff0f1;} .subMenu ul li.current a,.subMenu ul li a:hover{ color: #9fa0a0; border-bottom: 1px solid #9fa0a0;} /* .subMenu.line02 ul li a{ width: 33%;} .subMenu.line03 ul li a{ width: 33.33333%;} .subMenu.line04 ul li a{ width: 16.6666%;} .subMenu.line05 ul li a{ width: 16.6666%;} .subMenu.line05 ul li a{ width: 11%;} .subMenu.line06 ul li a{ width: 16%;} */ .table01{ width: 100%; table-layout:fixed;} .table01 th{ width: 20%; border-collapse: collapse; border-top: 1px solid #eff0f1; padding: 20px 40px; text-align: left; } .table01 td{ border-collapse: collapse; border-top: 1px solid #eff0f1; padding: 20px 40px; } .table01 tr:last-child th,.table01 tr:last-child td{border-bottom: 1px solid #eff0f1;} .table01 td .tblCont dt{ font-weight: bold;} .table01 td .tblCont dd{ margin-bottom: 30px;} .table01 td .tblCont dd:last-child{ margin-bottom: 0;} .google-maps iframe, .google-maps object, .google-maps embed { width: 100%; height: 350px; } .google-maps { width: 100%; height:350px; margin-bottom: 20px; } .discList li{ list-style-type:disc; margin-left: 20px;} /*---------------------------------------------------- 下位company ----------------------------------------------------*/ .companyOL .ttl{ font-weight: bold; font-size: 24px;margin-bottom: 40px;} .companyOL .ttl span{ font-family: 'Roboto Condensed', sans-serif; font-size: 24px;line-height: 1em; border-bottom: 1px solid #000; margin-right: 30px; font-weight: bold;} ol.rinen{ text-align: center;} ol.rinen li{ margin-bottom: 40px;} ol.rinen li:last-child{margin-bottom: 0;} ol.rinen .ttl{ font-weight: bold; font-size: 24px;margin-bottom: 10px;} ol.rinen .ttl span{font-family: 'Roboto Condensed', sans-serif; font-size: 24px;line-height: 1em; border-bottom: 1px solid #000; margin-right: 10px; font-weight: bold;} .ceoBox p.mb40{ font-size: 17px;} .ceoBox .txtBox{ width: 560px;float: left; } .ceoBox img{ float: right;} dl.history dt{ width: 6em; float: left; padding: 19px 0; text-align: right; font-weight: bolder; color: #9fa0a0; } dl.history dt:after{ content: '●';float: right;margin-left: 1.5em;color: #dcdddd;} dl.history dd{ border-left: 1px solid #dcdddd; margin-left: 5.5em; padding: 19px 0; padding-left: 1.5em; padding-right: 0.5em; } .officeList>li{ margin-bottom: 120px; } .officeList li h4{ font-size: 132%;margin-bottom: 20px;} .officeList li .spCrearBox{ width: 800px;margin-left: auto;margin-right: auto;} #map_canvas,#map_canvas02,#map_canvas03,#map_canvas04,#map_canvas05{ width: 100%;height: 400px;} #wrapper .logoGroup01 img{max-width: 833px;} #wrapper .logoGroup02 img{max-width: 350px;} #wrapper .logoGroup03 img{max-width: 398px;} /*---------------------------------------------------- 下位recruit ----------------------------------------------------*/ .recruitCap{ margin:80px 0;} .recruitFtr{ padding-top: 80px; border-top: 1px #eff0f1 solid; margin-bottom: 40px; } .recruitFtr li{ width: 33.3%;float: left; text-align: center; font-weight: bold;} .recruitFtr li a{ color: #000;} .recruitFtr li img{ margin-bottom: 20px;} .recruitFtr li span{font-size: 160%;} .recruitFtr li:first-child a{ pointer-events: none;} .recruitFtr li:nth-child(3) span{ font-size: 18px; display: inline-block; background: url(./img/bg_arw.png) no-repeat center right; padding-right: 12px;} .recruitFtr li:nth-child(3) span.onlyPC{background: none; padding-right: 0; } .recruitFtr li:nth-child(3) a:hover span{background: url(./img/bg_arw_o.png) no-repeat center right; } .recruitFtr li:nth-child(3) a:hover{ color: #9fa0a0; } .recruitFtr li:nth-child(3) a:hover img {opacity:0.8;filter:alpha(opacity=80);} .staffList li a{ display: block; width: 25%; float: left; margin-bottom: 70px; color: #000; text-align: center; } .staffList li a img{ margin-bottom: 10px;} .staffList li a .staffNo{font-family: 'Roboto Condensed', sans-serif; font-size: 64px; line-height: 1em; margin-bottom: 30px; } .staffList li a .staffNo span{ border-bottom: 2px solid #000;} .staffList li a .staffName{ font-weight: bold; font-size: 20px; margin-bottom: 15px;} .staffList li a .detail{ font-size: 12px; } .staffList li a:hover img{ opacity:0.8;filter:alpha(opacity= 80);} .staffList li a:hover{ color: #9fa0a0;} .staffList li a:hover .staffNo span{ border-bottom: 2px solid #9fa0a0;} h3.interview { font-size: 24px;letter-spacing:0.1em; line-height: 2em;} h3.interview span{ font-family: 'Palanquin', sans-serif; font-size: 15px; display: block; } .staffMain{ width: 100%; position: relative; padding-bottom: 40px; margin-bottom: 80px; } .staffMain .staffNameBox{ position: absolute;width: 310px;height: 230px; background: #3e3a39; color: #fff; bottom: 0; right: 0;padding: 40px; letter-spacing:0.1em;} .staffMain .staffNameBox .ttl{ font-weight: bold; font-size: 24px; margin-bottom: 20px;} .staffMain .staffNameBox .ttl span{ display: block;font-family: 'Palanquin', sans-serif; font-size: 10px; } .staffDetail>li{ width: 48%; float: left; margin-bottom: 80px; } .staffDetail>li:nth-child(2n){ float: right;} .staffDetail>li.line01{ width: 100%;} .staffDetail li .ttl{font-weight: bold; font-size: 24px;margin-bottom: 40px;padding-left: 2.2em;text-indent: -2.2em; } .staffDetail li .ttl span{ font-family: 'Roboto Condensed', sans-serif; font-size: 24px;line-height: 1em; border-bottom: 1px solid #000; margin-right: 30px; font-weight: bold;} .staffNavi { padding-top: 40px; border-top: 1px #eff0f1 solid; font-weight: bold; margin-bottom: 40px; display: flex; align-items: center; } .staffNavi>li{ width: 33.3%;float: left; min-height:10px; } .staffNavi>li a{color: #000;} .staffNavi>li:first-child{ background: url(./img/bg_prev.jpg) no-repeat center left; padding-left: 30px; line-height: 1.2em;} .staffNavi>li:nth-child(2) {text-align: center;} .staffNavi>li:last-child{ text-align: right;background: url(./img/bg_next.jpg) no-repeat center right; padding-right: 30px; line-height: 1.2em;} .staffNavi>li:first-child span,.staffNavi>li:last-child span{ font-weight: normal; font-family: 'Palanquin', sans-serif; font-size: 10px; display: block;} .staffNavi>li a:hover{ color: #9fa0a0;} .staffNavi>li:first-child:hover{ background: url(./img/bg_prev_o.jpg) no-repeat center left;} .staffNavi>li:last-child:hover{ background: url(./img/bg_next_o.jpg) no-repeat center right; } .staffNavi>li.staffNone:first-child,.staffNavi>li.staffNone:last-child{ background: none;} .subMenuRecruit { width: 1000px;margin-left: auto;margin-right: auto; margin-bottom: 120px;} .subMenuRecruit li a{ display: block;width: 320px; float: left; border: 2px solid #3e3a39; text-align: center; font-weight: bold; padding: 19px 10px 18px; margin-right: 20px; background: url(./img/icon_recruit.png) no-repeat 94% center; color: #3e3a39;} .subMenuRecruit li:last-child a{ margin-right: 0;} .subMenuRecruit li.current a,.subMenuRecruit li a:hover{ background: #3e3a39;color: #fff;} /*---------------------------------------------------- 下位privacy sitemap ----------------------------------------------------*/ .privacy dt{ font-weight: bold; font-size: 112%; margin-bottom: 10px; } .privacy dd{ margin-bottom: 60px;} .privacyBox{ padding: 20px; border: 1px solid #eff0f1; background: #fafafa;} .footerSitemap.subSitemap>li{ width: 20%; float: left; } .footerSitemap.subSitemap>li ul li{ font-weight: bold; margin-bottom: 15px;} .footerSitemap.subSitemap>li dl dt{ font-weight: bold;margin-bottom: 15px;} .footerSitemap.subSitemap>li dl dt a{ } .footerSitemap.subSitemap>li dl dd:before{ content: 'ー '; color: #000;} .footerSitemap.subSitemap>li dl dd{ font-size: 80%; margin-bottom: 10px;} .footerSitemap.subSitemap>li a{color: #000;} .footerSitemap.subSitemap>li a:hover{ color: #9fa0a0;} /*---------------------------------------------------- 下位topics ----------------------------------------------------*/ .topicsList{ margin-top: 30px;} .topicsList h3{ text-align: left; margin-bottom: 20px; line-height: 1.2em;} .topicsList li{ padding-bottom: 50px; border-bottom:1px solid #eff0f1; margin-bottom: 50px;} .topicsListBox .topicsListPhoto{ width: 140px; height: 140px; overflow: hidden; float: left; } .topicsListBox .topicsListTxt{ float: right; width: 100%; margin-left: -180px; padding-left: 180px; } .topicsList a{ color: #000;} .topicsListBox .topicsListTxt .topicsListDate{ color: #000;} .topicsListBox .topicsListTxt span.moreRead{ margin-left: 10px; display: inline-block; background: url(./img/bg_next_o.jpg) no-repeat left center; -webkit-background-size: 8px; background-size: 8px; padding-left: 12px; color: #9fa0a0;} .ariariari {text-align: center;} .topicsList a:hover .topicsListBox .topicsListTxt span.moreRead{ text-decoration: underline;} .topicsBox p{ margin-bottom: 30px;} .topicsBox img{ display: block; margin: 30px 0; max-width: 100%;} .topicsBox h4{ font-size: 140%; margin-bottom: 10px;} .nav-below{ margin-top: 60px; padding-top: 60px;border-top:1px solid #eff0f1; } .nav-below>li{ width: 33.3%;float: left; min-height:10px; } .nav-below>li a{color: #000;} .nav-below>li:first-child{ background: url(./img/bg_prev.jpg) no-repeat center left; padding-left: 30px; line-height: 1.2em;} .nav-below>li:nth-child(2) {text-align: center;} .nav-below>li:last-child{ text-align: right;background: url(./img/bg_next.jpg) no-repeat center right; padding-right: 30px; line-height: 1.2em;} .nav-below>li:first-child span,.nav-below>li:last-child span{ font-weight: normal; font-family: 'Palanquin', sans-serif; display: block;} .nav-below>li a:hover{ color: #9fa0a0;} .nav-below>li:first-child:hover{ background: url(./img/bg_prev_o.jpg) no-repeat center left;} .nav-below>li:last-child:hover{ background: url(./img/bg_next_o.jpg) no-repeat center right; } .nav-below>li.contNone{ background: none;} /*---------------------------------------------------- 下位service ----------------------------------------------------*/ .parallaxHuman{ margin-bottom: 40px;} .parallaxUrat{ /*margin-bottom: 40px;*/} .parallax{height:650px;} .parallaxBox{ padding: 120px 0; color: #fff;} .parallaxBox h3{ margin-bottom: 40px; text-align: center; } .parallaxBox p{ font-size: 17px; text-align: center;} .parallaxHuman .parallax_img_1{background:url(./img/bg_human01.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;-webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden} .parallaxHuman .parallax_img_2{background:url(./img/bg_human02.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;-webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden} .parallaxHuman .parallax_img_3{background:url(./img/bg_human03.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;-webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden} .parallaxHuman .parallaxBox.box01{ background: #ed6c00;} .parallaxHuman .parallaxBox.box02{ background: #f5a200;} .parallaxHuman .parallaxBox.box03{ background: #ed6c00;} .parallaxUrat .parallax_img_1{background:url(./img/bg_urat01.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;-webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden} .parallaxUrat .parallax_img_2{background:url(./img/bg_urat02.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;-webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden} .parallaxUrat .parallax_img_3{background:url(./img/bg_urat03.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;-webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden} .parallaxUrat .parallax_img_4{background:url(./img/bg_urat04.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;-webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden} .parallaxUrat .parallaxBox.box01{ background: #2c893a;} .parallaxUrat .parallaxBox.box02{ background: #72aa56;} .parallaxUrat .parallaxBox.box03{ background: #2c893a;} .parallaxUrat .parallaxBox.box04{ background: #2c893a;} .parallaxIt .parallax_img_1{background:url(./img/bg_it01.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;-webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden} .parallaxIt .parallax_img_2{background:url(./img/bg_it02.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;-webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden} .parallaxIt .parallax_img_3{background:url(./img/bg_it03.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;-webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden} .parallaxIt .parallaxBox.box01{ background: #546e7a;} .parallaxIt .parallaxBox.box02{ background: #78909c;} .parallaxIt .parallaxBox.box03{ background: #37474f;} .parallaxBpo .parallax_img_1{background:url(./img/bg_bpo01.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;-webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden} .parallaxBpo .parallax_img_2{background:url(./img/bg_bpo02.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;-webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden} .parallaxBpo .parallax_img_3{background:url(./img/bg_bpo03.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;-webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden} .parallaxBpo .parallaxBox.box01{ background: #e53a40;} .parallaxBpo .parallaxBox.box02{ background: #ef6169;} .parallaxBpo .parallaxBox.box03{ background: #a41d1a;} .serviceFt .recruitFtr{ border-top: none;} .serviceHeadBox{ margin-bottom: 20px;} .serviceHeadBox dt{ width: 175px; float: left; font-size: 20px; letter-spacing:0.1em; font-weight: bold;} .serviceHeadBox dd{ width: 800px; float: right;} .serviceHeadBox dd>ul.cont{ margin-bottom: 20px;} .serviceHeadBox dd>ul.cont>li{ background: #fafafa; padding: 20px; width: 250px; float: left; margin-left: 25px; border: 1px solid #eff0f1; border-left: 2px solid #0068b3;} .serviceHeadBox dd>ul.cont>li:first-child{ margin-left: 0;} .serviceHeadBox dd>ul.cont>li .ttl{ font-size: 16px; font-weight: bold; margin-bottom: 10px;} .serviceHeadBox dd>ul.cont>li ul li{ list-style-type:disc; margin-left: 20px; } .serviceHeadBox dd>ul.cont>li .cautionTxt{ font-size: 12px; margin-top: 10px; text-indent: -1em; padding-left: 1em;} .serviceHeadBox dd>ul.caution{font-size: 12px; margin-bottom: 110px;text-indent: -1em; padding-left: 1em;} .serviceHeadBox.bpoHead ul.cont>li{ min-height:235px;} .serviceHeadBox.bpoHead ul.cont>li:nth-child(3) ,.serviceHeadBox.bpoHead ul.cont>li:nth-child(4) { min-height:139px;} .serviceHeadBox.humanHead ul.cont>li{ min-height:313px;} .serviceHeadBox.bpoHead dd>ul.cont>li{ border-left: 2px solid #e53a40;} .serviceHeadBox.humanHead dd>ul.cont>li{ border-left: 2px solid #f36d00;} .serviceHeadBox.itHead dd>ul.cont>li{ border-left: 2px solid #546e7a;} .serviceHeadBox.itHead,.serviceHeadBox.bpoHead{ margin-bottom: 110px;} .serviceHeadBox.uratHead dd>ul.cont>li,.serviceHeadBox.bpoHead dd>ul.cont>li{ width: 385px; margin-left: 0; margin-bottom: 30px;} .serviceHeadBox.uratHead dd>ul.cont>li:nth-child(2n),.serviceHeadBox.bpoHead dd>ul.cont>li:nth-child(2n){ float: right;} .serviceHeadBox.uratHead dd>ul.cont>li:nth-child(3),.serviceHeadBox.uratHead dd>ul.cont>li:nth-child(4), .serviceHeadBox.bpoHead dd>ul.cont>li:nth-child(3),.serviceHeadBox.bpoHead dd>ul.cont>li:nth-child(4){ margin-bottom: 0;} .serviceHeadBox.uratHead dd>ul.cont>li .ttl,.serviceHeadBox.bpoHead dd>ul.cont>li .ttl{ margin-bottom: 0;} .serviceWorksList li{ width: 48%; float: left; margin-bottom: 70px;} .serviceWorksList li:nth-child(2n){ float: right;} .serviceWorksList li h4{ background: #3e3a39; color: #fff; font-weight: bold; padding: 8px 10px 7px; margin-bottom: 10px; } .serviceWorksList dl dt{ clear: left; float: left; width: 7em; border-top:1px solid #eff0f1; padding-top:5px; font-weight: bold; padding-left: 10px; } .serviceWorksList dl dd { margin-left: 7em; margin-bottom: 10px; border-top:1px solid #eff0f1; padding-top:5px; padding-bottom:0; padding-left: 30px; } .serviceWorksList dl dd a{ text-decoration:underline;} .serviceWorksList dl dt:first-child {border:none;} .serviceWorksList dl dt:first-child + dd {border:none;} .serviceWorksList dl dt:last-of-type { margin-bottom:0;} .serviceWorksList dl dt:last-of-type + dd {margin-bottom:0;} .serviceList li a{ display: block; background: url(./img/bg_serviceTop01.jpg) no-repeat center center; height: 700px; text-align: center; width: 100%; vertical-align: bottom; padding-top: 200px; color: #fff; font-weight: bold; -webkit-background-size: cover; background-size: cover; } .serviceList li:nth-child(2) a {background: url(./img/bg_serviceTop02.jpg) no-repeat center center;} .serviceList li:nth-child(3) a {background: url(./img/bg_serviceTop03.jpg) no-repeat center center;} .serviceList li:nth-child(4) a {background: url(./img/bg_serviceTop04.jpg) no-repeat center center;} @media only screen and (max-width: 736px){ .serviceList li:nth-child(2) a {background: url(./img/bg_serviceTop02.jpg) no-repeat center right;} .serviceList li:nth-child(3) a {background: url(./img/bg_serviceTop03.jpg) no-repeat top center;} } .serviceList li h4{ font-weight: bold; letter-spacing:0.1em; line-height: 1.4em; font-size: 32px; margin-bottom: 40px; } .serviceList li h4 span{font-family: 'Palanquin', sans-serif; display: block; font-size: 13px;} .serviceList li p { position: relative; display: inline-block; padding-top: 40px; margin-bottom: 40px; font-size: 16px; } .serviceList li p::before { content: ""; position: absolute; left: 0; right: 0; top: 0; border-top: 2px solid #fff; width : 6% ; width : -webkit-calc(100% - 20px) ; width : calc(16% - 20px) ; margin: 0 auto; } .serviceList li span.link{ display: block; width: 460px; margin-left: auto;margin-right: auto; background: #000 url(./img/icon_more.png) no-repeat 90% 50%; color: #fff ; -webkit-background-size: 11px; background-size: 11px; padding: 20px 0 22px; text-align: center; font-family: 'Palanquin', sans-serif; letter-spacing:0.1em; } .serviceList li a:hover span.link{background: #999 url(./img/icon_more.png) no-repeat 90% 50%;-webkit-background-size: 11px;background-size: 11px;} .postNavi{ width: 1000px; text-align: center; margin-bottom: 60px;margin-top: 60px;font-size: 0;} .postNavi a,.postNavi .current,.postNavi .dots{ font-size: 12px; display: inline-block; width: 28px; height:28px; line-height: 28px; color: #130E20; text-align: center; text-decoration: none; border-right: 0; margin: 0; padding: 0; margin-bottom: 10px; } .postNavi .current{ background: #130E20; color: #fff;} .postNavi .next{width: 70px;} .postNavi .prev{width: 100px;} .postNavi a:hover{ background: #9fa0a0; color: #fff;} li .btnKw{ position: absolute; bottom: 20px; right: 10px;} .linkR a{ display: block; text-align: right;background: url(./img/bg_next.jpg) no-repeat center right; padding-right: 10px; line-height: 1.2em; margin-bottom: 60px; -webkit-background-size: 8px; background-size: 8px; color: #000;} .linkR a:hover{ color: #9fa0a0; text-decoration: underline;} /*---------------------------------------------------- 下位iso link pertner contact ----------------------------------------------------*/ .isoList{ margin-bottom: 40px;} .isoList li{ list-style-type:decimal; margin-bottom: 10px; margin-left: 20px;} .linkList{ width: 880px;margin-left: auto;margin-right: auto;} .linkList li{ width: 48%; float: left; margin-bottom: 60px;} .linkList li a{ display: block; width: 100%; height: 110px; border: 1px solid #dadada; position: relative; margin-bottom: 10px;} .linkList li a img{ width: 310px; height: 100px; position: absolute; margin:auto; top: 0;bottom: 0;right: 0;left: 0;} .linkList li:nth-child(2n){ float: right;} .contentsGrayWrap h3.pertnerH3{ margin-top: 0; margin-bottom: 40px; text-align: left; } .contentsGrayWrap h4.pertnerH4{ font-size: 18px;margin-bottom: 10px;} .partnerTbl01,.partnerTbl02,.partnerTbl03{ width: 100%; table-layout: fixed; margin-bottom: 20px; border-collapse:collapse;} .partnerTbl01 th,.partnerTbl02 th,.partnerTbl03 th{ font-weight: bold; font-size: 18px; color: #fff; width: 240px;} .partnerTbl01 th,.partnerTbl02 th,.partnerTbl03 th, .partnerTbl01 td,.partnerTbl02 td,.partnerTbl03 td{ padding: 20px;} .partnerTbl01 th{ background: #0068b3;} .partnerTbl02 th{ background: #4c4948;} .partnerTbl03 th{ background: #e6001b;} .partnerTbl01 th,.partnerTbl01 td{ border: 1px solid #0068b3;border-collapse:collapse;} .partnerTbl02 th,.partnerTbl02 td{ border: 1px solid #4c4948;border-collapse:collapse;} .partnerTbl03 th,.partnerTbl03 td{ border: 1px solid #e6001b;border-collapse:collapse;} .partnerTbl01 p.ttl,.partnerTbl02 p.ttl,.partnerTbl03 p.ttl{ font-weight: bold;font-size: 18px;} .partnerTbl02 p.bdt,.partnerTbl03 p.bdt{ padding-top: 20px; border-top: 1px solid #ddd; margin-top: 20px;} .partnerTbl03{margin-bottom: 120px;} .partnerTbl02 ul li{ width: 33%; float: left; margin-bottom: 5px;} .partnerTbl02 ul li:before{ content: '○';} .partnerTxt{ font-weight: bold; text-align: center; margin-bottom: 120px; font-size: 18px;} table.table01.tableContact{ margin-bottom: 40px;} table.table01.tableContact th{width: 30%;} .redHissu{ display: inline-block;font-size: 80%; font-weight: bold; background: #c00; color: #fff; padding: 2px 10px 2px; margin-left: 10px;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } input.inputBtn{ -webkit-appearance: none; display: block; width: 400px; margin-left: auto;margin-right: auto; background: #000 url(./img/icon_more.png) no-repeat 90% 50%; color: #fff ; -webkit-background-size: 11px; background-size: 11px; padding: 15px 0 15px; text-align: center; font-family: 'Palanquin', sans-serif; letter-spacing:0.1em; font-size: 120%; font-weight: bold; margin-bottom: 60px; } input.inputBtn:hover{background: #999 url(./img/icon_more.png) no-repeat 90% 50%;-webkit-background-size: 11px;background-size: 11px;} .ppBtn{ width: 210px;margin-left: auto;margin-right: auto;text-align: center; display: block;/*background: url(./img/bg_next.jpg)*/ no-repeat center right; padding-right: 10px;text-decoration: underline;-webkit-background-size: 8px; background-size: 8px;margin-bottom: 10px;} .Privacy{ display: none; margin-top: 40px;} /*---------------------------------------------------- 下位products ----------------------------------------------------*/ .productLogo{ text-align: center;} .productLogo img{ width: 212px;} .productLogo_smarteyes{ text-align: center;} .productLogo_smarteyes img{ width: 500px;} .productBanner{ text-align: center; margin-bottom: 120px;} .productBanner img{width: 600px;} .productNoTtl{ text-align: center; font-family: 'Roboto Condensed', sans-serif; font-weight: bold;font-size: 56px; margin-bottom: 20px; line-height: 1.2em;} .productNoTtl span{font-family: 'Palanquin', sans-serif; display: block; font-size: 11px; font-weight: normal; line-height: 1em;} .productCap{ font-weight: bold;font-size: 32px;margin-bottom: 50px; text-align: center;} .productCap02{ background: #fff; color: #ff7f9f; border: 2px solid #ff7f9f; text-align: center; padding:10px;margin-bottom: 20px;font-weight: bold; font-size: 24px;} .productCap03{ background: #fff; color: #E73E8F; border: 2px solid #E73E8F; text-align: center; padding:10px;margin-bottom: 20px;font-weight: bold; font-size: 24px;} .productCap04{ background: #fff; color: #1eb9ee; border: 2px solid #1eb9ee; text-align: center; padding:10px;margin-bottom: 20px;font-weight: bold; font-size: 24px;} .productFlowList{ width: 964px;margin-left: auto;margin-right: auto; margin-bottom: 50px;} .productFlowList li{ width: 268px; float: left; padding-right: 87px; background: url(./img/products/direct/img_arw.png) no-repeat 91% 34%;} .productFlowList li:last-child{width: 160px; padding-right: 0; background: none;} .productFlowList li p{ text-align: center; font-weight: bold;font-size: 18px;} .productFlowList li img{ margin-bottom: 10px;} .productFlowList02{ margin-bottom: 20px;} .productFlowList02 li{ width: 370px; float: left; padding-right: 87px; background: url(./img/products/direct/img_arw02.png) no-repeat 93% 24%; padding-bottom: 80px;} .productFlowList02 li:nth-child(3),.productFlowList02 li:nth-child(6) { width: 260px; background: none; padding-right: 0;} .productFlowList02 li:nth-child(2) { background: url(./img/products/direct/img_arw03.png) no-repeat 93% 24%; } .productFlowList02 li:nth-child(3) { background: url(./img/products/direct/img_arw04.png) no-repeat center 92%; } .productFlowList02 li:nth-child(4) { background: url(./img/products/direct/img_arw06.png) no-repeat 92% 12%; } .productFlowList02 li:nth-child(5) { background: url(./img/products/direct/img_arw05.png) no-repeat 92% 24%; } .productFlowList02 li p{ text-align: center; font-weight: bold;font-size: 18px;} .productFlowList02 li img{ margin-bottom: 10px;} dl.productsTop{ display:table; table-layout:fixed; width: 100%; margin-bottom: 30px;} dl.productsTop dt{ width: 302px; display:table-cell; } #wrapper dl.productsTop dt img{ max-width: 240px;} #wrapper dl.productsTop dt img.go{ max-width: 161px;margin-left: 30px;} dl.productsTop dd{ display:table-cell; vertical-align:top;} a dl.productsTop{ color: #000;} dl.productsTop .ttl{ font-family: 'Palanquin', sans-serif; font-weight: 600 ; margin-bottom: 30px;font-size: 36px; letter-spacing:0.1em; line-height: 1em;} dl.productsTop .ttl span{ position: relative; padding-left:90px; font-size: 15px; text-align: left; display: block; margin-top: 5px;} dl.productsTop .ttl span:before { border-top: 4px solid; content: ""; position: absolute; top: 50%; left: 0; width: 80px; } dl.productsTop dd .cap{ font-weight: bold;font-size: 18px;margin-bottom: 10px;} .poductsLink span.link{ display: block; width: 400px; margin-left: auto;margin-right: auto; background: #000 url(./img/icon_more.png) no-repeat 90% 58%; color: #fff ; -webkit-background-size: 11px; background-size: 11px; padding: 20px 0 22px; text-align: center; font-family: 'Palanquin', sans-serif; letter-spacing:0.1em; } a:hover .poductsLink span.link{background: #999 url(./img/icon_more.png) no-repeat 90% 58%;-webkit-background-size: 11px;background-size: 11px;} .stellaList{ margin-bottom: 40px;} .stellaList li{ width: 300px; float: left; text-align: center; margin-right: 50px; } .stellaList li:last-child{ margin-right: 0;} /*---------------------------------------------------- 下位products 201808追加 ----------------------------------------------------*/ h3.npH3{ margin-bottom: 20px;text-align: center;font-size: 24px;font-weight: bold;} .np_cap{text-align: center;margin-bottom: 60px;} .np_cap span{background: linear-gradient(transparent 60%, #fff6a1 60%);} .npList{ margin-bottom: 60px;} .npList>li{ width: 312px; float: left; text-align: center; margin-right: 32px; } .npList>li:last-child{ margin-right: 0;} .npList .red{ color: #ee0021;} .npList>li img{margin-bottom: 20px;} .npList .ttl{ font-size: 18px; font-weight: bold; margin-bottom: 20px;} .stella_box{ background: #f5f5f5; padding: 20px; text-align: left;} .stella_box ul>li{ text-align: left; margin-left: 1em; text-indent: -1em;} .stella_box ul>li:before{ content: '◎';} .npList li .stella_box{ min-height:230px;} .salesforceBox{ border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 40px; margin-bottom: 60px; } .salesforceBox h3{margin-bottom: 20px;} .salesforceBox .imgBox{ float: left; margin-right: 20px; width: 240px;} .salesforceBox .txtBox{ float: right; width: 100%; margin-left: -260px; padding-left: 260px;} .stellasystemList{margin-bottom: 40px;} .stellasystemList>li{ width: 48%; float: left; margin-bottom: 20px; } .stellasystemList>li:nth-child(2n){float: right;} .stellasystemList>li .ttl{ font-weight: bold; font-size: 18px; color: #fff; background: url(./img/products/stella_cloud/bg_type01.png) no-repeat left bottom; vertical-align: bottom; -webkit-background-size: 245px; background-size: 245px; height: 36px; line-height: 36px; padding-left: 10px; } .stellasystemList>li:nth-child(2) .ttl{background: url(./img/products/stella_cloud/bg_type02.png) no-repeat left bottom;-webkit-background-size: 245px;background-size: 245px;} .stellasystemList>li:nth-child(3) .ttl{background: url(./img/products/stella_cloud/bg_type03.png) no-repeat left bottom;-webkit-background-size: 245px;background-size: 245px;} .stellasystemList>li:nth-child(4) .ttl{background: url(./img/products/stella_cloud/bg_type04.png) no-repeat left bottom;-webkit-background-size: 245px;background-size: 245px;} .stellasystemList>li .ttl span{ font-size: 13px; display: inline-block;margin-left: 5px;} .stellasystemList>li .typeBox{ border: 2px solid #cc0d74; background: #fff; padding: 40px 35px; min-height: 480px;} .stellasystemList>li:nth-child(2) .typeBox{ border-color: #0080c8;} .stellasystemList>li:nth-child(3) .typeBox{ border-color: #379d49;} .stellasystemList>li:nth-child(4) .typeBox{ border-color: #cb562a;} .stellasystemList>li img{ display: block; margin: 0 auto 20px;} .stellasystemList>li .typeTtl{ font-family: 'Palanquin', sans-serif;font-weight: bold;font-size: 24px; color: #cc0d74; text-align: center; margin-bottom: 20px;} .stellasystemList>li:nth-child(2) .typeTtl{ color: #0080c8;} .stellasystemList>li:nth-child(3) .typeTtl{ color: #379d49;} .stellasystemList>li:nth-child(4) .typeTtl{ color: #cb562a;} .stellasystemList>li .typeTtl span{ display: block; font-size: 10px;line-height: 1.2em;font-weight: normal;} .stellasystemList>li .typeBox ul li{margin-left: 1em; text-indent: -1em;} .stellasystemList>li .typeBox ul li:before{ content: '◎';} .stella_price{ margin-bottom: 40px;} .stella_price>li{ width: 48%; float: left;text-align: center;} .stella_price>li:nth-child(2n){float: right;} .stella_price img{margin-bottom: 20px;} .stella_price .ttl{ font-weight: bold;font-size: 20px; margin-bottom: 20px;} .stella_voice>li{ width: 48%; float: left; background: #fff; padding: 30px; margin-bottom: 40px; min-height:290px; } .stella_voice>li:nth-child(2n){float: right;} .stella_voice>li .txt{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #ccc;} .stella_voice>li dl{ font-size: 13px;margin-bottom: -10px;} .stella_voice>li dl dt{ clear: left; float: left; width: 6em;margin-bottom: 10px;} .stella_voice>li dl dd{ padding-left: 6em;margin-bottom: 10px;} .stella_voice>li dl dd ul li{ display: inline-block; background: #cc0d74; color: #fff; font-size: 10px;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px; padding: 2px 10px 2px;font-weight: bold; margin-right: 5px;} .stella_voice>li dl dd ul li.no02{ background: #0080c8;} .stella_voice>li dl dd ul li.no03{ background: #379d49;} .stella_voice>li dl dd ul li.no04{ background: #cb562a;} /*---------------------------------------------------- 下位service 201808追加 ----------------------------------------------------*/ .contentsWrapGray.pd100{padding: 100px 0;} .serviceHeadBox{ margin-bottom: 100px;} .serviceH4{ font-size: 36px; font-weight: bold;text-align: center;margin-bottom: 30px;} .humanCap{ font-size: 18px;font-weight: bold;margin-bottom: 60px;text-align: center;} .humanCap span{background: linear-gradient(transparent 60%, #fff6a1 60%);} .humanCap.mb40{margin-bottom: 40px;} .contentsWrapHuman01{ width: 100%; background:#fafafa url(./img/service/human/bg_01.png) no-repeat center top; padding: 100px 0;-webkit-background-size: cover ;background-size: cover;} @media only screen and (max-width: 2000px){.contentsWrapHuman01{ -webkit-background-size: auto ;background-size: auto;} } .contentsWrapHuman02{ width: 100%; background:#fff url(./img/service/human/bg_02.png) no-repeat center top; padding: 100px 0;-webkit-background-size: cover ;background-size: cover;} @media only screen and (max-width: 2000px){.contentsWrapHuman02{ -webkit-background-size: auto ;background-size: auto;} } h3.serviceH3 span.serviceJpn{ font-size: 18px; line-height: 1.4em;} h3.serviceH3.mb20{margin-bottom: 20px;} h3.serviceH3.mb30{margin-bottom: 30px;} .moreBtn.humanBtn a{ background: #000 url(./img/icon_more.png) no-repeat 90% 50%; -webkit-background-size: 11px;background-size: 11px; font-weight: bold; font-size: 18px;padding: 25px 0 24px;} .moreBtn.humanBtn a:hover{background: #ed6c00 url(./img/icon_more.png) no-repeat 90% 50%; -webkit-background-size: 11px;background-size: 11px;} ul.moreBtn.humanBtn{ width: 800px;margin-left: auto;margin-right: auto;} ul.moreBtn.humanBtn a{ width: 48%; float: left; } ul.moreBtn.humanBtn li:nth-child(2n) a{float: right;} ul.moreBtn.humanBtn a span{ font-size: 14px;} .humanMerit{ width: 800px; margin: 0 auto 60px;border-bottom: 2px solid #ed6c00;} .humanMerit>li{ border: 2px solid #ed6c00; border-bottom: none; background-color: rgba(255,255,255,0.7); padding: 40px;} .humanMerit>li dl dt{ color: #ed6c00; font-weight: bold; font-size: 18px; margin-bottom: 20px;} .humanMerit>li dl dt:before{ content: 'Q.';} .humanMerit>li dl dt{margin-left: 1em; text-indent: -1em;} .humanMerit>li dl dd p:before{ content: 'A.';} .humanMerit>li dl dd p{margin-left: 1em; text-indent: -1em;margin-bottom: 0;padding-bottom: 0;} .humanMerit>li dl dd ul{margin-left: 12px;} .humanMerit>li dl dd ul li{margin-left: 1em; text-indent: -1em;} .humanMerit>li dl dd ul li:before{ content: '◎';} .serviceWait{ text-align: center;font-weight: bold;font-size: 24px;margin-bottom: 20px;} .serviceWaitList,.serviceWaitList02{ width: 1000px; margin: 0 auto 60px; } .serviceWaitList li,.serviceWaitList02 li{ width: 192px; height: 192px; border-radius: 96px; -webkit-border-radius: 96px; -moz-border-radius: 96px; background: #ee8e00 url(img/service/human/icon_human.png) no-repeat center 45px; -webkit-background-size: 28px; background-size: 28px; color: #fff; font-weight: bold; float: left; margin-right: 10px; text-align: center; font-size: 18px; padding-top: 90px; line-height: 1.6em; } .serviceWaitList li:last-child,.serviceWaitList02 li:last-child{margin-right: 0;} .serviceWaitList li span,.serviceWaitList02 li span{font-size: 24px;display: block;} .serviceWaitList02 li{ background: #d35009 url(img/service/human/icon_human.png) no-repeat center 35px; -webkit-background-size: 28px; background-size: 28px; width: 188px; height: 188px; padding-top: 75px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .humanCostBox{ width: 600px; margin: 0 auto 40px; border: 2px solid #d35009; background: #fff; padding: 40px; text-align: center; } .humanCostBox .ttl{ font-weight: bold; color: #d35009; font-size: 24px; margin-bottom: 20px; } .humanCostBox .ttl span{ display: block; font-size: 18px;} .humanVoice{ margin-bottom: 40px;} .humanVoice>li{ border: 2px solid #ccc; background: #fff; padding: 40px; margin-bottom: 20px; } .humanVoice>li dl dt{ font-size: 18px; font-weight: bold; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } .humanVoice>li dl dd{margin-left: 40px;} /*----- TECHNICAL SOLUTION -----*/ .uratWorks{margin-bottom: 70px;} .uratWorks li{ width: 300px; float: left; margin-right: 50px; } .uratWorks li:last-child{margin-right: 0;} .uratWorks li .photoBox{ width: 90px; float: left;} .uratWorks li .txtBox{ width: 100%; float: right; margin-left: -100px; padding-left: 100px;} .uratWorks li .txtBox .ttl{ font-weight: bold; } .uratWorks li .txtBox dl dt{ float: left; clear: both;} .uratWorks li .txtBox dl dt:after{ content: '：';} .uratWorks li .txtBox dl dd{ float: left;} .uratWorksTtl{ background: #f3f3f3; border: 2px solid #3e3a39; text-align: center; padding: 10px 10px 9px; font-weight: bold;font-size: 24px; vertical-align: bottom;} .uratWorksTtl span{ font-family: 'Squada One', cursive; font-size: 64px; margin-left: 10px; margin-right: 10px;} #areaMapBox{ margin-bottom: 65px!important; } #areaMapBox .mapBox{ padding: 38px 75px; border: 2px solid #3e3a39; border-top: none; background: url(img/service/urat/bg_map.png); float: right; width: 800px; } .resp-tabs-list{ width: 240px; float: left; list-style: none; cursor: pointer; color: #3e3a39; margin-right: -40px; padding-right:40px; } .resp-tabs-list li:first-child{ border-top: none;} .resp-tabs-list li{ border: 2px solid #3e3a39; border-right: none; border-bottom: none; padding-left: 10px; height: 44px; line-height: 44px; font-weight: bold; position: relative; } .resp-tabs-list li:nth-child(2){ height: 64px; line-height: 1.4em; padding-top: 10px;} .resp-tabs-list li.resp-tab-active,.resp-tabs-list li:hover{ background: #3e3a39; color: #fff;} .resp-tabs-list li:last-child{ border-bottom: 2px solid #3e3a39;} .resp-tabs-container { padding: 0px; } h2.resp-accordion { cursor: pointer; padding: 5px; display: none; } .resp-tab-content { display: none; } .resp-tabs-list li.resp-tab-active:after { top: -2px; right: -33px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 104, 179, 0); border-left-color: #3e3a39; border-width: 24px 16px 24px 16px; } .resp-tabs-list li:nth-child(2).resp-tab-active:after {border-width: 34px 16px 34px 16px;right: -34px;} .resp-content-active, .resp-accordion-active { display: block; } /*----- uRAT -----*/ .np_cap.mb20{margin-bottom: 20px;} .moreBtn.btnWorks a{ padding: 8px 0 10px; width: 100%;} .worksFaq{ background: #f3f3f3; padding: 40px; margin-bottom: 40px; } .worksFaq dt{ font-weight: bold;color: #006daf; font-size: 18px; margin-bottom: 10px; } .worksFaq dt:before{ content: 'Q.';} .worksFaq dd{ padding-left: 20px; margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #ccc;} .worksFaq dd:last-child{ border-bottom: none; margin-bottom: 0; padding-bottom: 0;} .worksFaq dd span{ background: linear-gradient(transparent 60%, #fff6a1 60%);} .pertnerBtn .moreBtn a{ padding: 24px 0 26px; font-weight: bold; font-size: 18px;} .pertnerBtn li:last-child .moreBtn a{ background: #0069af url(./img/icon_more.png) no-repeat 90% 50%; -webkit-background-size: 11px;background-size: 11px;} .pertnerBtn li:last-child .moreBtn a:hover{ background: #999 url(./img/icon_more.png) no-repeat 90% 50%; -webkit-background-size: 11px;background-size: 11px;} h3.npH3.mb10{ margin-bottom: 10px;} .productTop{ color: #fff;font-size: 18px;font-weight: bold; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #fff; margin-bottom: 40px;} .contentsWrapProducts ul.productsIcon{ margin-bottom: 60px;} .contentsWrapProducts ul.productsIcon.mb80{ margin-bottom: 80px;} .productsIcon li{ width: 15%; float: left; margin: 0 0.8% 0; text-align: center; color: #fff; } .productsIcon li img{ display: block;margin-left: auto;margin-right: auto; margin-bottom: 5px;} .productsIcon li a .ttl{display: block; color: #fff;} .productsIcon li a:hover img{opacity:0.7;filter:alpha(opacity=70);} .uratTxt{ text-align: center; font-size: 13px; padding: 20px; background: rgba(255, 255, 255, 0.8); margin-bottom: 60px; color: #006daf; position: relative;} .uratTxt p{margin-bottom: 20px;} .uratTxt p:last-child{margin-bottom: 0;} .uratTxt:after { top: -24px; right: 0; left: 0; margin-left: auto;margin-right: auto; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: rgba(255, 255, 255, 0.8); border-width: 4px 18px 24px 18px; } /*----- IT SOLUTION -----*/ .humanCap.mb120{margin-bottom: 120px;} span.underLine{background: linear-gradient(transparent 60%, #fff6a1 60%);} h3.itH3{ text-align: left;} .itList{ width: 470px;margin-left: auto;margin-right: auto;} .itList li{ text-align: center; float: left;} .itList li:nth-child(2n){float: right;} .itList li img{ margin-bottom: 10px;} .itList li .ttl { line-height: 1.4em; font-size: 13px; } .itList li .ttl span{ display: block; font-size: 24px; margin-bottom: 10px; font-weight:500; font-family: 'Palanquin', sans-serif;} .contentsWrapSub.itContents{ padding-top: 100px; padding-bottom: 100px; margin-bottom: 20px; border-bottom: 1px solid #ddd;} .pc30sp10{ margin-bottom: 30px;} .pc40sp10{ margin-bottom: 40px;} .pc40sp20{ margin-bottom: 40px;} .pc60sp20{ margin-bottom: 60px;} .pc60sp40{ margin-bottom: 60px;} .pc80sp40{ margin-bottom: 80px;} .pc120sp80{ margin-bottom: 120px;} .pc120sp60{ margin-bottom: 120px;} .pcmt30{ margin-top: 30px;} .pcmt40{ margin-top: 40px;} .pcmt60{ margin-top: 60px;} .pcmb20{ margin-bottom: 20px;} .pcmb40{ margin-bottom: 40px;} .pcmb50{ margin-bottom: 50px;} .pcOnlymb15{ margin-bottom: 7px;} .pcOnmb55{ margin-bottom: 53px;} .pcOnmb40{ margin-bottom: 40px;} .pcOnmb60{ margin-bottom: 60px;} .pcOnmt40{ margin-top: 40px;} .pcRight{ text-align: right;} .pcCenter{text-align: center;} /*スマホ　sumaho*/ @media only screen and (max-width: 736px){ body{ font:14px/1.6 ArialMT; font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; } .onlyPC { display: none;} .onlySP { display: block;} img.onlySP { display: inline-block;} .contentsWrap{width: 100%; padding: 30px 0;} .contentsGrayWrap{ padding: 60px 0;} .contents{ width: 100%;margin-left: auto; margin-right: auto;} .contentsWrapSub120{ width: 100%; padding: 60px 0;} /*---------------------------------------------------- header ----------------------------------------------------*/ h1 img{ width: 150px; } #header{ padding: 10px; width: 100%;} #mobile {display: block; width: 33px; right: 10px; position: absolute;} #mobile img{ max-width:100%;} #right-sidr ul li img{ display: block; width: 30px;margin-top:10px; margin-bottom:9px;} /*#right-sidr ul li:nth-child(6) ,#right-sidr ul li:nth-child(7),#right-sidr ul li:nth-child(8){ display: inline-block; width: 33.3%; text-align: center; float: left; }*/ #right-sidr ul li:nth-child(6) a:hover,#right-sidr ul li:nth-child(7) a:hover,#right-sidr ul li:nth-child(8) a:hover{ background: #fff;} #right-sidr ul li:nth-child(6) a:hover img,#right-sidr ul li:nth-child(7) a:hover img,#right-sidr ul li:nth-child(8) a:hover img{ opacity:0.7;filter:alpha(opacity=70);} .head-nav{display:none; } .head-nav .close{ display:block;} /*---------------------------------------------------- TOP ----------------------------------------------------*/ /* ---- particles.js container ---- */ #particles-jsWrap { height: 540px; padding-top: 60px; background-image: url("./img/bg_sp.jpg"); background-repeat: no-repeat; background-size: cover; background-position: 50% 10%; } #particles-js { /*position: absolute;*/ width: 100%; height: auto; } #newsWrap{ background: #222; color: #fff; padding: 20px 0;} #newsWrap h2{ width: 90%; float: none; margin-left: auto;margin-right: auto; margin-bottom: 10px; } #newsWrap .clearfix{ position: relative; width: 90%;margin-left: auto;margin-right: auto;} #newsWrap ul{ width: 100%; /*padding-right: 75px;*/margin-bottom: 10px;} #newsWrap ul a{color: #fff; display: block;} #newsWrap ul a:hover {opacity:0.7;filter:alpha(opacity=70); } #newsWrap ul span.day,#newsWrap ul span.category{font-family: 'Palanquin', sans-serif; font-size: 87%;} #newsWrap ul span.ttl{ font-weight: bold;} #newsWrap ul span{ display: block;} #newsWrap p.more{ width: 65px; padding-top: 0; /*position: absolute; right: 0; bottom: 0;*/ text-align: right; } #newsWrap p.more a{ font-family: 'Palanquin', sans-serif; display: inline-block; background: url(./img/icon_more.png) no-repeat right 58%; -webkit-background-size: 11px; background-size: 11px; padding-right: 20px; color: #fff; } #newsWrap p.more a:hover{ opacity:0.7;filter:alpha(opacity=70);} .serviceWrap{ width: 100%;} .serviceWrap ul li a:after { background: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } .serviceWrap ul li:nth-child(2) a:after{background: none;} .serviceWrap ul li:nth-child(3) a:after{background: none;} .serviceWrap ul li:nth-child(4) a:after{background: none;} .serviceWrap ul li a{ display: block; width: 100%; float: none; background: url(./img/bg_service01.jpg) no-repeat center 40%; background-size: cover; height: 490px; text-align: center; color: #fff; padding-top: 30px; } .serviceWrap ul li:nth-child(2) a{background: url(./img/bg_service02.jpg) no-repeat center 30%;background-size:cover;} .serviceWrap ul li:nth-child(3) a{background: url(./img/bg_service03.jpg) no-repeat center 40%;background-size:cover;} .serviceWrap ul li:nth-child(4) a{background: url(./img/bg_service04.jpg) no-repeat center 30%;background-size:cover;} .serviceWrap ul li a .number{ font-family: 'Palanquin', sans-serif; font-size: 73%; color: #222;} .serviceWrap ul li a .numberTtl{ font-family: 'Roboto Condensed', sans-serif; font-size: 40px;margin-bottom: 20px; line-height: 1em; color: #222;} .serviceWrap ul li a .ttl{ font-size: 180%; margin-bottom: 10px; font-weight: bold; line-height: 1em;} .serviceWrap ul li a .ttl span{ font-family: 'Palanquin', sans-serif; font-size: 11px; display: block; font-weight: normal; } .serviceWrap ul li a:hover:after { opacity: .9; -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none; } .contentsWrapProducts{ background: #0068b3 url(./img/bg_products.png) no-repeat center 80%; padding: 120px 0;} .contentsWrapProducts h2,.contentsWrapHistory h2{ text-align: center; color: #fff; line-height: 1em; margin-bottom: 40px;} .contentsWrapProducts ul{ margin-bottom: 40px;} .productsWrap{ width: 100%; overflow:hidden; _zoom:1; height:inherit; height: auto; text-align: center; } .productsSlider{ margin-bottom: 40px; width: 96%;margin-left: auto;margin-right: auto;} .productsSlider li{ display: inline-block; width: 310px; height: 310px; display:table-cell; text-align: center; vertical-align: middle;} .productsSlider li a:hover:after{ opacity: .9; -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none;} .productsSlider li a:hover{opacity:0.9;filter:alpha(opacity=90);} .productsWrap { height: auto; } .productsWrap ul { height: auto; float: none; } .productsWrap ul li { width: 310px; height: 310px; float: none; display: block; margin-left: auto;margin-right: auto; } .productsWrap ul li a{ width: 300px;height: 300px;} .moreBtn a{ display: block; width: 80%; margin-left: auto;margin-right: auto; background: #000 url(./img/icon_more.png) no-repeat 90% 58%; color: #fff ; -webkit-background-size: 11px; background-size: 11px; padding: 20px 0 22px; text-align: center; font-family: 'Palanquin', sans-serif; letter-spacing:0.1em; } .moreBtn a:hover{background: #999 url(./img/icon_more.png) no-repeat 90% 58%;-webkit-background-size: 11px;background-size: 11px;} .contentsWrapHistory{background: #062a61 url(./img/bg_history.png) no-repeat center 30%; padding: 120px 0;} .subFooterBannerWrap { margin: 0 auto; width: 100%; } .subFooterBannerWrap .bx-wrapper .bx-prev {left: -20px;background: url(./img/prev03.png) no-repeat 0 0;} .subFooterBannerWrap .bx-wrapper .bx-next {right: -20px;background: url(./img/next03.png) no-repeat 0 0;} .topSubCompany {text-align: center; margin-bottom: 60px;} .topSubCompany li{ display: block; text-align: center; padding: 0 10px;} .topSubCompany li:first-child{margin-bottom: 10px;} .topLogo{ text-align: center;} .topLogo img{ width: 240px;} .pageTop img{ width: 58px;} /*---------------------------------------------------- footer ----------------------------------------------------*/ #footer .footerSItemapWrap{ width: 100%; background: #222; padding: 0 0;} #footer .footerSItemapWrap .contents{ width: 100%;margin-left: auto;margin-right: auto;} #footer a{ color: #fff;} #footer a:hover{opacity:0.7;filter:alpha(opacity=70);} #footer .footerSitemap{ width: 100%;margin-left: auto;margin-right: auto; font-size: 92%;} /*#footer .footerSitemap>li{ margin-bottom: 40px; } #footer .footerSitemap>li:nth-child(2),#footer .footerSitemap>li:nth-child(4) {float: left;width: 58%;} #footer .footerSitemap>li:nth-child(3),#footer .footerSitemap>li:nth-child(5) {float: right;width: 40%;} #footer .footerSitemap>li:nth-child(4),#footer .footerSitemap>li:nth-child(5) { margin-bottom: 0;} #footer .footerSitemap>li:first-child{width: 100%; float: none;text-align: center;} #footer .footerSitemap>li ul li{ font-weight: bold; margin-bottom: 15px;} #footer .footerSitemap>li dl dt{ font-weight: bold;margin-bottom: 15px;} #footer .footerSitemap>li dl dd:before{ content: 'ー '; color: #fff;} #footer .footerSitemap>li dl dd{ font-size: 80%; margin-bottom: 10px;} */ #footer .footerSitemap>li:first-child{ width: 100%; float: none; overflow: hidden;_zoom:1;} #footer .footerSitemap>li:first-child ul li{ vertical-align: top; margin-bottom: 0;} #footer .footerSitemap>li:first-child ul li a{ display: block; width: 50%;float: left; height: 50px;line-height: 50px; border-bottom: 1px solid #666;margin-bottom: 0; font-size: 90%; padding-left: 10px;} #footer .footerSitemap>li:first-child ul li:last-child a{width: 100%;} #footer .footerSitemap>li:first-child ul li:nth-child(2n) a{border-left: 1px solid #666;} #copyright{ font-size: 86%; text-align: center; padding: 20px 0 19px;} #footer .footerSitemap>li dt{ cursor:pointer; width: 100%; background: url(./img/icon_sitemap.png) no-repeat 98% 50%;} #footer .footerSitemap>li dt.active{ cursor:pointer; width: 100%; background: url(./img/icon_sitemap_o.png) no-repeat 98% 50%;} #footer .footerSitemap>li dt a{pointer-events:none;} #footer .footerSitemap > li dl dd{ margin-bottom: 0;} #footer .footerSitemap>li dd ul{ padding-top: 10px;border-bottom: 1px solid #666;} #footer .footerSitemap>li dd ul li{ padding-left: 20px;} #footer .footerSitemap>li:nth-child(2), #footer .footerSitemap>li:nth-child(3), #footer .footerSitemap>li:nth-child(4), #footer .footerSitemap>li:nth-child(5){ float: none; width: 100%;} #footer .footerSitemap>li:nth-child(2) dl dt, #footer .footerSitemap>li:nth-child(3) dl dt, #footer .footerSitemap>li:nth-child(4) dl dt, #footer .footerSitemap>li:nth-child(5) dl dt{ border-bottom: 1px solid #666;margin-bottom: 0; font-size: 90%; padding:15px 10px 14px 10px;} #footer .footerSitemap>li:nth-child(2) dl dd, #footer .footerSitemap>li:nth-child(3) dl dd, #footer .footerSitemap>li:nth-child(4) dl dd, #footer .footerSitemap>li:nth-child(5) dl dd{ display: none; } .subFooterLink02{ margin-bottom: 60px;} .subFooterLink02 li a{ display: block; width: 300px; float: none; color: #fff; margin-left: auto;margin-right: auto;margin-bottom: 20px; } .subFooterLink02 li:last-child a{margin-left: auto;margin-right: auto;margin-bottom: 0;} /*---------------------------------------------------- 下位common ----------------------------------------------------*/ .breadcrumb ul{ width: 96%;} .contents.mt120{ margin-top: 60px;} .contentsWrapSub h2{background: url(./img/bg_conpany.jpg);background-position: center;padding: 70px 0 50px; font-size: 40px; line-height: 1em; background-size:cover;} .contentsWrapSub h2.recruit{background: url(./img/bg_recruit.jpg) left center;background-size:cover;} .contentsWrapSub h2.service{background: url(./img/bg_service.jpg) left center;background-size:cover;} .contentsWrapSub h2.products{background: url(./img/bg_products.jpg) center center;background-size:cover;} .contentsWrapSub h2.products_stella{ background-size:cover;} .contentsWrapSub h2.products_go{ background-size:cover;} .contentsWrapSub h2.products_direct{ background-size:cover;} .contentsWrapSub h2.products_smarteyes{ background-size:cover;} .contentsWrapSub h3,.contentsGrayWrap h3{ text-align: center; font-size: 22px; font-weight: bold;margin:0 10px 60px 10px;} .contentsWrapSub h3.serviceTop{ margin-top: 60px; margin-bottom: 40px;} .contentsWrapSub h3.mt60{margin-top: 60px;} .contentsWrapSub h3.mt120{ margin-top: 60px;} .subMenu{ background: #fafafa; margin-bottom: 60px;} .subMenu ul{ width: 100%; margin-left: auto;margin-right: auto; flex-wrap: wrap; justify-content: flex-start;} .subMenu ul li{ display: inline; width: 50%;} .subMenu ul li a{ display:block; text-align: center; height: 60px; line-height: 60px; color: #000; border-right: 1px solid #eff0f1;} /* .subMenu ul li:nth-child(2n) a{ border-right: none;} .subMenu.line06 ul li a{ width: 50%;}*/ .table01 th{ width: 100%; display: block; border-collapse: collapse; border-top: 1px solid #eff0f1; padding: 20px 4% 5px; text-align: left; } .table01 td{ width: 100%; display: block; border-collapse: collapse; border-top: none; border-bottm: 1px solid #eff0f1; padding: 5px 4% 20px; } .table01 tr:last-child th{border-bottom: none;} /*---------------------------------------------------- 下位company ----------------------------------------------------*/ .companyOL .ttl{ width: 92%;margin-left: auto;margin-right: auto; } .ceoBox .txtBox{ width: 100%; float: none;} .ceoBox p{ width: 92%;margin-left: auto;margin-right: auto; float: none; margin-bottom: 30px;} .ceoBox img{ float: none; display: block;margin-left: auto;margin-right: auto;} .companyImg{ margin-bottom: 60px;} .officeList li .spCrearBox{ width: 92%;margin-left: auto;margin-right: auto;} #map_canvas{ width: 100%;height: 400px;} #wrapper .logoGroup01 img{max-width: 100%;} #wrapper .logoGroup02 img{max-width: 80%;} #wrapper .logoGroup03 img{max-width: 80%;} /*---------------------------------------------------- 下位recruit ----------------------------------------------------*/ .recruitCap{ margin:80px 0;} .recruitFtr{ padding-top: 70px; border-top: 1px #eff0f1 solid; margin-bottom: 0; } .recruitFtr li{ width: 290px;float: none; margin-bottom: 40px; overflow: hidden;_zoom:1; margin-left: auto;margin-right: auto; text-align: left;} .recruitFtr li img{ margin-bottom: 10px; width: 60px; float: left; margin-right: 30px;} .recruitFtr li span{font-size: 160%; text-align: left;} .recruitFtr li:first-child a{ pointer-events:auto ;text-decoration: underline;color: #9fa0a0;} .recruitFtr li span.onlyPC{display: none;} .recruitFtr li p{ padding-top: 3px;} .recruitFtr li:last-child{ margin-bottom: 0;} .staffList li a{ display: block; width: 50%; float: left; margin-bottom: 70px; color: #000; text-align: center; } .staffMain{ width: 100%; position: relative; padding-bottom: 0; margin-bottom: 80px; } .staffMain img{ vertical-align: bottom;} .staffMain .staffNameBox{ position: static;width: 100%;height: auto; background: #3e3a39; color: #fff; top: 0; right: 0;padding: 20px; letter-spacing:0.1em;} .staffDetail{ width: 92%;margin-left: auto;margin-right: auto;} .staffDetail>li{ width: 100%; float: none; margin-bottom: 80px; } .staffDetail>li:nth-child(2n){ float: none;} .staffDetail>li.line01{ width: 100%;} .staffDetail li .ttl{font-weight: bold; font-size: 24px;margin-bottom: 20px;padding-left: 2.2em;text-indent: -2.2em; } .staffDetail li .ttl span{ font-family: 'Roboto Condensed', sans-serif; font-size: 24px;line-height: 1em; border-bottom: 1px solid #000; margin-right: 30px; font-weight: bold;} .staffNavi { padding-top: 40px; border-top: 1px #eff0f1 solid; font-weight: bold; margin-bottom: 40px; width: 96%;margin-left: auto;margin-right: auto; } .staffNavi li:nth-child(2) {text-align: center; padding-top: 7px;} .staffNavi li:first-child{ padding-left: 20px; } .staffNavi li:last-child{ padding-right: 20px;} .subMenuRecruit { width: 92%;margin-left: auto;margin-right: auto; margin-bottom: 60px;} .subMenuRecruit li a{ display: block;width: 100%; float: none; padding: 19px 10px 18px; margin-right: 0; background: url(./img/icon_recruit.png) no-repeat 94% center; margin-bottom: 20px;} .subMenuRecruit li:last-child a{ margin-right: 0;} /*---------------------------------------------------- 下位sitemap ----------------------------------------------------*/ .footerSitemap.subSitemap{ width: 96%;margin-left: auto;margin-right: auto; font-size: 92%;} .footerSitemap.subSitemap>li{ margin-bottom: 40px; } .footerSitemap.subSitemap>li:nth-child(2),.footerSitemap.subSitemap>li:nth-child(4) {float: left;width: 58%;} .footerSitemap.subSitemap>li:nth-child(3),.footerSitemap.subSitemap>li:nth-child(5) {float: right;width: 40%;} .footerSitemap.subSitemap>li:nth-child(4),.footerSitemap.subSitemap>li:nth-child(5) { margin-bottom: 0;} .footerSitemap.subSitemap>li:first-child{width: 100%; float: none;text-align: center;} .footerSitemap.subSitemap>li ul li{ font-weight: bold; margin-bottom: 15px;} .footerSitemap.subSitemap>li dl dt{ font-weight: bold;margin-bottom: 15px;} .footerSitemap.subSitemap>li dl dd{ font-size: 80%; margin-bottom: 10px;} /*---------------------------------------------------- 下位topics ----------------------------------------------------*/ .topicsList{ margin-top: 30px; } .topicsList h3{ text-align: left; margin-bottom: 20px; line-height: 1.2em;} .topicsList li{ padding-bottom: 50px; border-bottom:1px solid #eff0f1; margin-bottom: 50px;} .topicsListBox{ width: 92%;margin-left: auto;margin-right: auto;} .topicsListBox .topicsListPhoto{ width: 140px; height: 140px; overflow: hidden; float: none; margin-bottom: 10px; } .topicsListBox .topicsListTxt{ float: none; margin-left: 0; padding-left: 0; } .topicsBox {width: 92%;margin-left: auto;margin-right: auto;} /*---------------------------------------------------- 下位service ----------------------------------------------------*/ .parallaxHuman{ margin-bottom: 40px;} .parallax{height:380px;} .parallaxBox{ text-align: center; padding: 60px 4%; color: #fff;} .parallaxHuman .parallax_img_1{background:url(./img/bg_human01.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;} .parallaxHuman .parallax_img_2{background:url(./img/bg_human02.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;} .parallaxHuman .parallax_img_3{background:url(./img/bg_human03.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;} .parallaxUrat .parallax_img_1{background:url(./img/bg_urat01.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;} .parallaxUrat .parallax_img_2{background:url(./img/bg_urat02.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;} .parallaxUrat .parallax_img_3{background:url(./img/bg_urat03.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;} .parallaxUrat .parallax_img_4{background:url(./img/bg_urat04.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;} .parallaxIt .parallax_img_1{background:url(./img/bg_it01.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;} .parallaxIt .parallax_img_2{background:url(./img/bg_it02.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;} .parallaxIt .parallax_img_3{background:url(./img/bg_it03.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;} .parallaxBpo .parallax_img_1{background:url(./img/bg_bpo01.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;} .parallaxBpo .parallax_img_2{background:url(./img/bg_bpo02.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;} .parallaxBpo .parallax_img_3{background:url(./img/bg_bpo03.jpg); background-position: 50% 50%;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;} .serviceHeadBox.uratHead dd>ul.cont>li:nth-child(2n),.serviceHeadBox.bpoHead dd>ul.cont>li:nth-child(2n){ float: none;} .serviceHeadBox.bpoHead dd>ul.cont>li:nth-child(3){ margin-bottom: 30px;} .serviceHeadBox{ margin-bottom: 20px; width: 92%;margin-left: auto;margin-right: auto;} .serviceHeadBox dt{ width: 100%; float: none; margin-bottom: 10px;} .serviceHeadBox dd{ width: 100%; float: none;} .serviceHeadBox dd>ul.cont{ margin-bottom: 0;} .serviceHeadBox dd>ul.cont>li{ width: 100%; float: none; margin-left: 0; margin-bottom: 20px;} .serviceHeadBox dd>ul.cont>li:first-child{ margin-left: 0;} .serviceHeadBox dd>ul.caution{font-size: 12px; margin-bottom: 60px;text-indent: -1em; padding-left: 1em;} .serviceHeadBox.uratHead dd>ul.cont>li{ width: 100%; margin-left: 0; margin-bottom: 20px;} .serviceHeadBox.uratHead dd>ul.cont>li:nth-child(2n){ float: none;} .serviceHeadBox.uratHead dd>ul.cont>li:nth-child(3),.serviceHeadBox.uratHead dd>ul.cont>li:nth-child(4){ margin-bottom: 20px;} .parallaxBox p{ font-size: 17px; text-align: left;} .serviceHeadBox.bpoHead ul.cont>li{ min-height: inherit; min-height:auto; height: auto;} .serviceHeadBox.bpoHead ul.cont>li:nth-child(3) ,.serviceHeadBox.bpoHead ul.cont>li:nth-child(4) {min-height: inherit; min-height:auto;} .serviceHeadBox.humanHead ul.cont>li{ min-height: inherit;min-height:auto;} .serviceHeadBox.uratHead dd>ul.cont>li,.serviceHeadBox.bpoHead dd>ul.cont>li{ width: 100%; margin-left: 0; margin-bottom: 30px;} .serviceWorksList li{ width: 100%; float: none; margin-bottom: 50px;} .serviceWorksList li:nth-child(2n){ float: none;} .serviceWorksList li h4{ background: #3e3a39; color: #fff; font-weight: bold; padding: 8px 10px 7px; margin-bottom: 10px; } .serviceList li a{ height: 460px;padding-top: 60px; } .serviceList li span.link{ width: 80%; } .postNavi{ width: 100%; text-align: center; margin-bottom: 30px;margin-top: 30px;font-size: 0;} .linkR a{ width: 92%;margin-left: auto;margin-right: auto;} /*---------------------------------------------------- 下位iso link pertner ----------------------------------------------------*/ .linkList{ width: 100%;margin-left: auto;margin-right: auto;} .linkList li{ width: 100%; float: none; margin-bottom: 40px;} .linkList li a{ display: block; width: 100%; height: 110px; border: 1px solid #dadada; position: relative; margin-bottom: 10px;} .linkList li a img{ width: 310px; height: 100px; position: absolute; margin:auto; top: 0;bottom: 0;right: 0;left: 0;} .linkList li:nth-child(2n){ float: none;} .partnerTbl01 th,.partnerTbl02 th,.partnerTbl03 th{ font-weight: bold; font-size: 18px; color: #fff; width: 100%; display: block;} .partnerTbl01 td,.partnerTbl02 td,.partnerTbl03 td{ width: 100%;display: block;} .partnerTbl02 ul li{ width: 50%; float: left; margin-bottom: 5px;} table.table01.tableContact th{width: 100%;} input.inputBtn{ width: 80%;} .Privacy{ width: 92%;margin-left: auto;margin-right: auto;} /*---------------------------------------------------- 下位products ----------------------------------------------------*/ .productLogo img{ width: 212px;} .productBanner{ text-align: center; margin-bottom: 60px;} .productBanner img{width: auto;} .productCap{ font-size: 28px;} .productFlowList{ width: 100%;margin-bottom: 50px;} .productFlowList li{ width: 100%; float: none; padding-right: 0; background: url(./img/products/direct/img_arwSP.png) no-repeat center 100%; text-align: center; margin-bottom: 20px; padding-bottom: 80px;} .productFlowList li:last-child{width: 100%; padding-right: 0; background: none; margin-bottom: 0; padding-bottom: 0;} .productFlowList02{ margin-bottom: 50px;} .productFlowList02 li{ width: 100%; float: none; padding-right: 0; background: url(./img/products/direct/img_arw02SP.png) no-repeat center 100%; padding-bottom: 80px; text-align: center; margin-bottom: 20px;} .productFlowList02 li:nth-child(3),.productFlowList02 li:nth-child(6) { width: 100%; background: none; padding-right: 0;} .productFlowList02 li:nth-child(2) { background: url(./img/products/direct/img_arw03SP.png) no-repeat center 100%; padding-bottom: 100px; } .productFlowList02 li:nth-child(3) { background: url(./img/products/direct/img_arw04.png) no-repeat center 100%; } .productFlowList02 li:nth-child(4) { background: url(./img/products/direct/img_arw06SP.png) no-repeat center 100%; padding-bottom: 170px; } .productFlowList02 li:nth-child(5) { background: url(./img/products/direct/img_arw02SP.png) no-repeat center 100%; } .productFlowList02 li:last-child{ margin-bottom: 0;padding-bottom: 0;} dl.productsTop{ display:block; width: 100%; margin-bottom: 30px;} dl.productsTop dt{ width: 100%; display:block; text-align: center; margin-bottom: 40px; } #wrapper dl.productsTop dt img{ max-width: 70%;} #wrapper dl.productsTop dt img.go{ max-width: 60%;margin-left: 0;} dl.productsTop dd{ display:block; vertical-align:top;} .poductsLink span.link{width: 80%;} .stellaList li{ width: 100%; float: none; text-align: center; margin-right: 0; margin-bottom: 30px; } /*---------------------------------------------------- 下位products 201808追加 ----------------------------------------------------*/ h3.npH3{ margin-bottom: 20px;} .np_cap{text-align: center;margin-bottom: 60px;} .np_cap span{background: linear-gradient(transparent 60%, #fff6a1 60%);} .npList{ margin-bottom: 0px;} .npList>li{ width: 100%; float: none; text-align: center; margin-right: 0;margin-bottom: 60px; } .npList>li:last-child{ margin-right: 0;margin-bottom: 20px;} .npList>li img{margin-bottom: 10px;} .npList .ttl{ margin-bottom: 10px;} .npList li .stella_box{ min-height:inherit; min-height:auto;} .salesforceBox{ padding: 20px 0; margin-bottom: 40px; } .salesforceBox h3{margin-bottom: 20px;} .salesforceBox .imgBox{ float: none; margin-right: 0; width: 100%; text-align: center;margin-bottom: 20px;} .salesforceBox .txtBox{ float: none; width: 100%; margin-left: 0; padding-left: 0;} .stellasystemList{margin-bottom: 20px;} .stellasystemList>li{ width: 100%; float: none; margin-bottom: 20px; } .stellasystemList>li:nth-child(2n){float: none;} .stellasystemList>li .typeBox{ border: 2px solid #cc0d74; background: #fff; padding: 40px 35px 30px; min-height:inherit; min-height:auto;} .stella_price{ margin-bottom: 0px;} .stella_price>li{ width: 100%; float: none;text-align: center;} .stella_price>li:nth-child(2n){float: none;} .stella_price>li:first-child{margin-bottom: 40px;} .stella_price>li .np_cap{ margin-bottom: 20px;} .stella_voice>li{ width: 100%; float: none; background: #fff; padding: 30px; margin-bottom: 40px; min-height:inherit; min-height:auto; } .stella_voice>li:nth-child(2n){float: none;} .stella_voice>li dl dt{ clear: left; float: none; width: 100%;margin-bottom: 0;} .stella_voice>li dl dd{ padding-left: 0;margin-bottom: 15px;} /*---------------------------------------------------- 下位service 201808追加 ----------------------------------------------------*/ .serviceHeadBox{ margin-bottom: 60px;} .contentsWrapGray.pd100{padding: 60px 0;} .contentsWrapHuman01{ width: 100%; background:#fafafa url(./img/service/human/bg_01.png) no-repeat center top; padding: 60px 0;-webkit-background-size: cover;background-size: cover;-webkit-background-size: 1200px;background-size: 1200px;} .contentsWrapHuman02{ width: 100%; background:#fff url(./img/service/human/bg_02.png) no-repeat center top; padding: 60px 0;-webkit-background-size: cover;background-size: cover;-webkit-background-size: 1200px;background-size: 1200px;} .humanMerit{ width: 92%; margin: 0 auto 40px;} .humanMerit>li{ padding: 20px;} .serviceWaitList,.serviceWaitList02{ width:92%; margin: 0 auto 40px; text-align: center; } .serviceWaitList li,.serviceWaitList02 li{ width: 100%; height: 40px; background: #ee8e00 url(img/service/human/icon_human.png) no-repeat 4% center; -webkit-background-size: 20px; background-size: 20px; float: none; padding-top: 0; margin:0 auto 10px; text-align: center; display: inline-block; font-size: 14px; line-height: 40px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .serviceWaitList li:last-child,.serviceWaitList02 li:last-child{ margin:0 auto 10px;} .serviceWaitList li span,.serviceWaitList02 li span{font-size: 16px;display: inline;} .serviceWaitList02 li{ background: #d35009 url(img/service/human/icon_human.png) no-repeat 4% center; -webkit-background-size: 20px; background-size: 20px; width: 100%; height: 40px; padding-top: 0; } .serviceWaitList02 li:nth-child(2) br.onlySP,.serviceWaitList02 li:nth-child(3) br.onlySP{ display: none;} .moreBtn.humanBtn a{ font-size: 16px;padding: 20px 0 19px;background-position: 96% 50%;} .moreBtn.humanBtn a:hover{background-position: 96% 50%;} ul.moreBtn.humanBtn{ width: 100%;margin-left: auto;margin-right: auto;} ul.moreBtn.humanBtn a{ width: 100%; float: none; margin-bottom: 4%;} ul.moreBtn.humanBtn li:nth-child(2n) a{float: none;margin-bottom: 0;} .humanCostBox{ width: 92%; margin: 0 auto 20px; padding: 20px; } .humanVoice{ margin-bottom: 40px;} .humanVoice>li{ padding: 20px; margin-bottom: 20px; } .humanVoice>li dl dd{margin-left: 0;} /*----- TECHNICAL SOLUTION -----*/ .uratWorks{width: 92%;margin: 0 auto 40px;} .uratWorks li{ width: 100%; float: none; margin-right: 0; margin-bottom: 30px; } .uratWorks li:last-child{margin-right: 0;margin-bottom: 0;} .uratWorks li .photoBox{ width: 90px; float: left;} .uratWorks li .txtBox{ width: 100%; float: right; margin-left: -100px; padding-left: 100px;} .uratWorksTtl{ width: 100%;margin-left: auto;margin-right: auto; font-size: 24px; line-height: 1.8em; border-left: none;border-right: none;} #areaMapBox{ margin-bottom: 65px!important; } #areaMapBox .mapBox{ padding: 20px 10px; border: none; float: none; width: 100%; } ul.resp-tabs-list { display: none; } h2.resp-accordion {display: block; background: none; font-size: 15px; color: #0068b3; padding: 10px 0 10px 10px; text-align: left; border-bottom: 2px solid #0068b3; position: relative;} h2.resp-accordion:after { top: 8px; right: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 104, 179, 0); border-left-color: #0068b3; border-width:10px 8px 10px 8px; } h2.resp-accordion br{display: none;} .resp-tab-content { border-bottom: 2px solid #0068b3; } .resp-accordion-closed { display: none !important; } .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; } h2.resp-accordion.resp-tab-active{ background: #0068b3; color: #fff;} h2.resp-accordion.resp-tab-active:after { top: 50%; right: 6px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width:10px 8px 10px 8px; margin-top: -3px; } /*----- uRAT -----*/ .moreBtn.btnWorks a{ padding: 8px 0 10px; width: 100%; background-position: 90% 46%; } .worksFaq{ padding: 30px 20px; } .worksFaq dt{ margin-left: 1em; text-indent: -1em; } .pertnerBtn .moreBtn a{ width: 100%;} .productTop{ margin-bottom: 20px;} .contentsWrapProducts ul.productsIcon{ margin-bottom: 30px;} .contentsWrapProducts ul.productsIcon.mb80{ margin-bottom: 40px;} .productsIcon li{ width: 30%; float: left; margin: 0 1.6% 0; text-align: center; color: #fff; margin-bottom: 10px; } .uratTxt{text-align: left; margin-bottom: 20px;} .uratTxt:after { top: -20px; } /*----- IT -----*/ .itList{ width: 92%;margin-left: auto;margin-right: auto;} .pcBox49p{ width: 100%;} .pc30sp10{ margin-bottom: 10px;} .pc40sp10{ margin-bottom: 10px;} .pc40sp20{ margin-bottom: 20px;} .pc60sp20{ margin-bottom: 20px;} .pc60sp40{ margin-bottom: 40px;} .pc80sp40{ margin-bottom: 40px;} .pc120sp80{ margin-bottom: 80px;} .pc120sp60{ margin-bottom: 60px;} .spmt10{ margin-top: 10px;} .spmt20{ margin-top: 20px;} .spmb10{ margin-bottom: 10px;} .spmb20{ margin-bottom: 20px;} .spmb30{ margin-bottom: 30px;} .spmb40{ margin-bottom: 40px;} .spmb60{ margin-bottom: 60px;} .pcmb20{ margin-bottom: 0;} .pcmb50{ margin-bottom: 20px;} .pcmb40{ margin-bottom: 10px;} .pcmt40{ margin-top: 10px;} .pcmt60{ margin-top: 10px;} .pcOnmb55{ margin-bottom: 0;} .pcOnmb60{ margin-bottom: 0;} .pcOnmt40{ margin-top: 0;} .spPd30{ padding:30px 0; text-align: center;} .spCrearBox .box45p,.spCrearBox .box48p,.spCrearBox .box49p,.spCrearBox .box50p,.wrap94 .box49p,.wrap80 .box49p{ width: 100%;} .spCrearBox fl,.spCrearBox fr,.wrap94 fl,.wrap94 fr,.wrap80 fl,.wrap80 fr,.spCrearBox img.fl,.spCrearBox img.fr{ float:none;} .sp92Wrap{ width: 92%; margin-left: auto; margin-right: auto;} .pcCenter{ text-align: left;} .spCenter{ text-align: center;} } @media only screen and (max-width: 640px){ /* .subMenu.line05 ul li a{ width: 33.3333333%;} .subMenu.line05 ul li:nth-child(5) a, .subMenu.line05 ul li:nth-child(6) a{ width: 33.3333333%;} .subMenu.line05 ul li:nth-child(4) a{ clear: both; width: 50%;} .subMenu.line05 ul li:nth-child(5) a{ width: 50%;} .subMenu.line05 ul li:nth-child(6) a{ clear: both; width: 50%;} .subMenu.line05 ul li:nth-child(7) a{ width: 50%;} .subMenu.line05 ul li:nth-child(8) a{ width: 50%;}*/ } @media only screen and (max-width: 510px){ .itList li{ text-align: center; float: none;} .itList li:nth-child(2n){float: none;} .itList li:first-child{ margin-bottom: 40px;} } @media only screen and (max-width: 440px){ .serviceWaitList02 li:nth-child(2),.serviceWaitList02 li:nth-child(3){ height: 60px; line-height: 1.4em; padding-top: 10px;} .serviceWaitList02 li:nth-child(2) br.onlySP,.serviceWaitList02 li:nth-child(3) br.onlySP{ display: inline-block;} .contentsWrapHuman01{ -webkit-background-size: 700px;background-size: 700px;} .contentsWrapHuman02{ -webkit-background-size: 700px;background-size: 700px;} } @media only screen and (max-width: 420px){ #particles-jsWrap { height: 490px;} .serviceWrap ul li a{background: url(./img/bg_service01.jpg) no-repeat center 20%; background-size: cover ;} .serviceWrap ul li:nth-child(2) a{background: url(./img/bg_service02.jpg) no-repeat center 10%;background-size:cover;} .serviceWrap ul li:nth-child(3) a{background: url(./img/bg_service03.jpg) no-repeat center 25%;background-size:cover;} .serviceWrap ul li:nth-child(4) a{background: url(./img/bg_service04.jpg) no-repeat center 15%;background-size:cover;} } /* --------------------------------------------------------- 汎用ボタン --------------------------------------------------------- */ .btn a,input.btn{ -webkit-appearance: none; display:block; margin:20px auto; background:#88BF0B; font-size:160%; font-weight: bold; width: 50%; text-align: center; padding:12px 10px 11px; border-radius: 5px; -webkit-border-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-radius: 5px; /* Firefox用 */ color: #fff; text-decoration: none; } .btn a:hover,input.btn:hover{ background:#FF9800;} /* --------------------------------------------------------- フォーム、フォーム バリデーション --------------------------------------------------------- */ .top_select1 select,.top_select2 select,.top_select3 select,.top_select4 select{ -webkit-appearance: button; -moz-appearance: button; appearance: button; border-radius:0px; width: 255px; height: 38px; line-height: 38px; font-size: 13px; padding-left:3px; color: #333; border: 1px solid #ccc; cursor: pointer; background: #fff url(../img/arrow.png) no-repeat right center; /* Old browsers */ border-radius: 3px; /* CSS3草案 */ -webkit-border-radius: 3px; /* Safari,Google Chrome用 */ -moz-border-radius: 3px; /* Firefox用 */ } /* input base */ input[type=text],input[type=tel], textarea { -webkit-appearance: none; padding:10px; text-align:left; border:1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input:focus,textarea:focus { border:solid 1px #EEA34A; } input{ min-height:40px;} input[type=image]{ max-width:100%; height:auto;} input[type=checkbox], input[type=radio]{ margin-right:5px; } input[type=text],input[type=tel] { width: 70%; font-size:1.1em;display:block;} textarea { width:98%; font-size:1em;display:block;} @media only screen and (max-width: 420px){ input[type=text],input[type=tel] { width: 100%; font-size:1.4em;display:block;} textarea { width:100%; font-size:1em;display:block;} } label, input[type=text], input[type=tel], input[type=checkbox], input[type=radio] { display:inline; vertical-align: middle!important;} labei{vertical-align: middle!important;} input.myError, textarea.myError{ background:#FFE8ED; } p.myError{ color:#c00; padding-top:10px; font-weight:bolder; display:block; clear:both; } /* ------------------------------------------------ 　common ---------------------------------------------- */ .fl { float:left;} .fr { float:right;} .mb0 { margin-bottom:0px;} .mb5 { margin-bottom:5px;} .mb9 { margin-bottom:9px;} .mb10 { margin-bottom:10px;} .mb15 { margin-bottom:15px;} .mb20 { margin-bottom:20px;} .mb25 { margin-bottom:25px;} .mb30 { margin-bottom:30px;} .mb40 { margin-bottom:40px;} .mb50 { margin-bottom:50px;} .mb60 { margin-bottom:60px;} .mb70 { margin-bottom:70px;} .mb90 { margin-bottom:90px;} .mb120 { margin-bottom:120px;} .ml5 { margin-left:5px;} .ml10 { margin-left:10px;} .ml12 { margin-left:12px;} .ml13 { margin-left:13px;} .ml15 { margin-left:15px;} .ml20 { margin-left:20px;} .ml25 { margin-left:25px;} .ml30 { margin-left:30px;} .mr5 { margin-right:5px;} .mr10 { margin-right:10px;} .mr15 { margin-right:15px;} .mr20 { margin-right:20px;} .mr30 { margin-right:30px;} .mt5 { margin-top:5px;} .mt10 { margin-top:10px;} .mt15 { margin-top:15px;} .mt20 { margin-top:20px;} .mt30 { margin-top:30px;} .mt40 { margin-top:40px;} .mt50 { margin-top:50px;} .mt60 { margin-top:60px;} .pt5 { padding-top:5px;} .pt10 { padding-top:10px;} .pt20 { padding-top:20px;} .pt30 { padding-top:30px;} .pt40 { padding-top:40px;} .pt120 { padding-top:120px;} .pb5 { padding-bottom:5px;} .pb10 { padding-bottom:10px;} .pb20 { padding-bottom:20px;} .pb100{ padding-bottom: 100px;} .text10{ font-size:66%; } .text11{ font-size:70%; } .text12{ font-size:86%; } .text13{ font-size:93%; } .text14{ font-size:100%; } .text16{ font-size:115%; } .text18{ font-size:129%; } .text20{ font-size:143%; } .text24{ font-size:172%; } .text28{ font-size:200%; } .text30{ font-size:214%; } .textC { text-align:center;} .textR { text-align:right;} .textL{ text-align: left;} .textB { font-weight:bolder;} .textN{ font-weight: normal;} .red { color:#D80000;} .blue{ color: #639fdf;} .green{ color: #008C00;} .pink{ color: #FF6085;} .orange{ color: #FF9900;} .box10p { width: 10%;} .box15p { width: 15%;} .box20p { width: 20%;} .box35p { width: 35%;} .box40p { width: 40%;} .box45p { width: 45%;} .box48p { width: 48%;} .box49p { width: 49%;} .box50p { width: 50%;} .box55p { width: 55%;} .box60p { width: 60%;} .box80p { width: 80%;} .lrAuto{ margin-left:auto; margin-right:auto;} .link a{ color:#FD7E33; text-decoration:underline; font-weight:bold;} .link a:hover{ text-decoration:none;} .va_b{ vertical-align:bottom;} .va_m{ display:inline-block;vertical-align:middle;} .va_t{ vertical-align: top;} /**=====お問い合わせ======**/ .for_company{ display: none;} /**=====追加要素20190524======**/ p img { display: block; margin: 0 auto; } /* ------------------------------------------------ 　2019/5 追加css ---------------------------------------------- */ /* プロダクト */ .contentsWrapProducts { background:#fff!important; } .contentsWrapProducts .h2-custom, .contentsWrapHistory .h2-custom { color: #231815; margin-bottom: 60px; } .contentsWrapProducts li a { color: #231815; transition:0.3s; } .contentsWrapProducts li a:hover { opacity: 0.95; } .contentsWrapProducts .space { margin-bottom: 8px; font-size: 20px; margin-top: 16px; } @media only screen and (max-width: 736px){ .contentsWrapProducts .space { margin-bottom: 0px; margin-top: 10px; } } .contentsWrapProducts .npList>li img { margin-bottom: 6px; } @media only screen and (max-width: 736px){ .contentsWrapProducts .npList>li img { margin-bottom: 0; } } @media only screen and (max-width: 736px){ .contentsWrapProducts .npList>li { margin-bottom: 30px; } } .contentsWrapProducts .Products-headerStyle { font-size: 19px; margin-bottom: 10px; } @media only screen and (max-width: 736px){ .contentsWrapProducts .Products-headerStyle { font-size: 14px; } } .contentsWrapProducts .Products-headerbody { text-align: left; } .contentsWrapProducts ul { margin-bottom: 80px; } @media only screen and (max-width: 736px){ .contentsWrapProducts ul { margin-bottom: 0; } .contentsWrapProducts ul:nth-last-child(2) { margin-bottom: 30px; } } @media only screen and (max-width: 736px){ .box48p-plus { margin-bottom: 30px; } } .box30p { width: 30%; } @media only screen and (max-width: 736px){ .spCrearBox .box30p { width: 100%; } } #wrapper .contentsWrapProducts .resize { width: 100%; vertical-align: bottom; margin-bottom: 26px; -webkit-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; } #wrapper .contentsWrapProducts a:hover .resize { -webkit-box-shadow: 0px 7px 24px -5px rgba(0, 0, 0, 0.4); box-shadow: 0px 7px 24px -5px rgba(0, 0, 0, 0.4); opacity: 0.9; -webkit-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; } @media only screen and (max-width: 736px){ #wrapper .contentsWrapProducts .resize { margin-bottom: 26px; } } .pcNone { display: none; } .pcNone_flex { display: none; } @media only screen and (max-width: 736px){ .spNone { display: none!important; } .pcNone { display: inline-block; } .pcNone_flex { display: flex; } } /* 黒ボタン */ .subFooterLink02 li a { width: 223.7px; } .custom-container { max-width: 1000px; width: 100%; margin-left: auto; margin-right: auto; } /* PRODUCTS製品・サービス紹介 LED電球＋Smart */ .mb-0px { margin-bottom: 0!important; } .productOnlineShop { text-align: center; margin: 0 auto; margin-bottom: 120px; } .productOnlineShop .subFooterLink02 li a { width: 460px; } .productOnlineShop .subFooterLink02 li { display: inline-block; } .productOnlineShop .subFooterLink02 { margin: 0 auto; margin-top: 60px; } .productOnlineShop .p-h, .productOnlineShop .p-h { text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 60px; } @media only screen and (max-width: 736px){ .productOnlineShop { margin-bottom: 0; } .productOnlineShop .subFooterLink02 { margin-top: 30px; } .productOnlineShop .p-h, .productOnlineShop .p-h { margin-bottom: 30px; } .productOnlineShop .subFooterLink02 li a { width: 300px; } .productOnlineShop .subFooterLink02 li:last-child a { width: 300px; margin-left: -5px; } } .flex { display: flex; flex-direction: column; padding-left: 4%; } @media only screen and (max-width: 736px){ .flex { padding-left: 0.1%; } } .products_smarteyes-text { margin-bottom: 36px; } .product-divcontainer { margin-bottom: 80px; } .hover-text { color: #231815; transition: 0.3s; } .contentsWrapProducts .mb140 { margin-bottom: 140px; } .main-products { display: flex; justify-content: space-between; margin-bottom: 55px!important; } @media only screen and (max-width: 736px){ .main-products { flex-direction: column; margin-bottom: 0!important; } } .main-product { width: 31.5%; /* width: 22.5%; */ margin-right: 4%; } @media only screen and (max-width: 736px){ .main-product { max-width: 300px; margin-right: auto; margin-left: auto; margin-bottom: 40px; width: 92%; } } .main-product:last-child { margin-right: 0; } @media only screen and (max-width: 736px){ .main-product:last-child { margin-right: auto; } } .contents-custom { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 736px){ .contents-custom { width: 96%; } .imgWrap_L { height: auto; } } @media only screen and (max-width: 736px){ .sp-smallMain { max-width: 300px; margin-right: auto; margin-left: auto; width: 92%; } .sp-smallMB { margin-bottom: 40px; } .contentsWrapProducts .moreBtn { max-width: 300px; margin-right: auto; margin-left: auto; } .contentsWrapProducts .moreBtn a { width: 100%; } } /* ------------------------------------------------ 　2019/6 追加css ---------------------------------------------- */ /* 投稿ページ　記事更新用の追加CSS */ .single h3 { margin: 0; /* デフォルトCSS打ち消し */ font-size: 28px; /* 文字サイズ指定 */ border-bottom: solid 3px; /* 線指定 */ padding-bottom: 5px; /* 余白指定 */ margin-bottom: 15px; /* 周りの余白指定 */ position: relative; /* 位置調整 */ font-weight: 900; text-align: left; /* 文字の太さ調整 */ } @media only screen and (max-width: 736px) { .single h3 { line-height: 1.3; } } .single h3:before { content: ''; /* 空白の要素を作る */ width: 50px; /* 幅指定 */ height: 3px; /* 高さ指定 */ background-color: #dcdddd; /* 背景色指定 */ display: block; /* ブロック要素にする */ position: absolute; /* 位置調整 */ left: 0; /* 位置調整 */ bottom: -3px; /* 位置調整 */ } .single h4 { padding: .3em; border-top: 2px solid #3e3a39; border-bottom: 2px solid #3e3a39; font-size: 24px; margin-bottom: 1em; color: #3e3a39; } .single h5 { position: relative; padding-left: 1.5em; } .single h5::after { position: absolute; top: 50%; left:0; transform:translateY(-50%); content: ''; width: 20px; height:4px; background-color: #dcdddd; } .single blockquote { position: relative; padding: 10px 15px 10px 50px; box-sizing: border-box; font-style: italic; color: #555; } .single blockquote:before{ display: inline-block; position: absolute; top: 10px; left: -3px; content: "“"; font-family: sans-serif; color: #cfcfcf; font-size: 90px; line-height: 1; } .single blockquote p { padding: 0; margin: 10px 0; line-height: 1.7; } .single blockquote cite { display: block; text-align: right; font-size: 0.9em; } /* 記事内の画像の縮小率調整 */ #wrapper .single img { max-width: 100%; height: auto; } /* 記事のアイキャッチ設定 */ .eyecatch-img { display: block; margin: 0 auto 10px; overflow: hidden; max-width: 100%; } /*----------------------------------------------------------------- LED電球 +Smart　設定 ----------------------------------------------------------------- */ .part4 { margin: 0 auto; overflow: hidden; display: flex; flex-wrap: wrap; width: 100%; justify-content: center; } .clearfix { zoom: 1; } .item { font-family: "ヒラギノ角ゴ Pro", sans-serif; text-align: center; padding: 30px 0px 0px; } .part { box-sizing: border-box; float: left; height: 330px; margin: 0 15px 30px; width: 210px; } @media only screen and (max-width: 736px){ .part { margin: 0 auto; } } .itemImg { box-sizing: border-box; -webkit-font-smoothing: antialiased; height: 210px; line-height: 208px; margin: auto; overflow: hidden; padding: 1px; vertical-align: middle; width: 210px; } .item .itemImg img { max-height: 206px; max-width: 206px; vertical-align: middle; border: none; vertical-align: top; } .item .itemTitle { margin: 20px 0 5px; text-align: center; } .item a .itemTitle h3 { display: block; font-size: 14px; font-weight: bold; margin: 2px auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 206px; } .item a { color: #231815; } .item .itemDetail .itemPrice { font-size: 10px; letter-spacing: 1px; text-align: center; } /* #map_canvas03 { display: none; } */ /* フッターリンク追記に伴い無効処理 */ #footer .footerSitemap>li:first-child ul li:last-child a { width: 50%; } .mx-auto { margin-left: auto; margin-right: auto; } .flex-center { display: flex; justify-content: center; } /* 投稿記事　２カラム調整 */ .single .su-row .su-column { margin: 0 0 0 2%; } /* 投稿記事　3カラム調整 */ .single .su-column-size-1-3 { width: 28.66%; } /*----------------------------------------------------------------- 20191121 ----------------------------------------------------------------- */ .single .contents { width: 100%; max-width: 680px; } @media only screen and (max-width: 736px) { .single .contents {padding: 0 25px;} } .single .linkList {width: 100%;} .single .topicsBox p { margin-bottom: 10px;} #wrapper .single .tate { padding: 0 50px;} @media only screen and (max-width: 736px) { #wrapper .single .tate { padding: 0;} } .single .su-row {margin-bottom: 5px;} /*----------------------------------------------------------------- 20200221 濱田さんインタビュー ----------------------------------------------------------------- */ .nwes_staffList {display: flex; flex-wrap: wrap; justify-content: space-between;} /*----------------------------------------------------------------- 20200305 関連記事Box ----------------------------------------------------------------- */ a .su-box:hover { -webkit-box-shadow: 0px 7px 24px -5px rgba(0, 0, 0, 0.4); box-shadow: 0px 7px 24px -5px rgba(0, 0, 0, 0.4); opacity: 0.9; -webkit-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; } #wrapper .single .su-box .topicsBox img { margin: 0;} .newsbox_flex { display: flex;} a.kizi {color: #fff;} a:hover {color: #9fa0a0;} a.kizi p {color: #000; padding-left: 20px;} a.kizi p:hover {color: #9fa0a0;} a.kizi img {margin: 0;} @media only screen and (max-width: 736px) { .su-box .topicsBox img { padding: 0;} .newsbox_flex { flex-direction: column;} a.kizi p { padding-left: 0;} } @media only screen and (max-width: 736px) { #wrapper .single .newsbox_flex img { margin: 0 auto; } } /*----------------------------------------------------------------- スクロール 設定 ----------------------------------------------------------------- */ /* .simply-scroll-container { position: relative; } .simply-scroll-clip { position: relative; overflow: hidden; } .simply-scroll-list { overflow: hidden; margin: 0; padding: 0; } .simply-scroll-list li { float: left; padding: 0; margin: 0; width: 100%; max-width: 306px; height: 306px; list-style:none !important; } .simply-scroll-list li img { display: block; width: 100%; height: 100%; object-fit: cover;} .table table td{ vertical-align:top; } */ .simply-scroll-container { position: relative; } .simply-scroll-clip { position: relative; overflow: hidden; } .simply-scroll-list { overflow: hidden; margin: 0; padding: 0; height: 画像の高さ; /* 崩れる場合にはこちらも設定 */ } .simply-scroll-list li { list-style:none !important; float: left; width: 画像の横幅; height: 画像の高さ; margin: 0; padding: 0; } .simply-scroll-list li img { display: block; } /*----------------------------------------------------------------- 2021/06/30 フォームチェックボックス 設定 ----------------------------------------------------------------- */ .check_area { position: relative; } .check_area .myError { position: absolute; margin-left: -25px; left: 0; right: 0; bottom: -15px; } .check_area input.myError { position: static; margin-left: 0; } /*----------------------------------------------------------------- 2022/04/05 uratページ ３列リスト設定 ----------------------------------------------------------------- */ .list-threeline { width: 705px; display: flex; margin: auto; flex-wrap: wrap; text-align: center; } @media only screen and (max-width: 736px) { .list-threeline { width: 100%; } } .list-threeline li { width: 30.6%; margin-right: 4%; margin-bottom: 40px; } @media only screen and (max-width: 736px) { .list-threeline li { width: auto; max-width: 100%; margin: 0 auto 40px; } } .list-threeline li:nth-child(3n) { margin-right: 0; } @media only screen and (max-width: 736px) { .list-threeline li:nth-child(3n) { margin-right: auto; } } .list-threeline li img { margin-bottom: 10px; } .list-threeline li .ttl { line-height: 1.4em; font-size: 13px; } .list-threeline li .ttl span { display: block; font-size: 24px; margin-bottom: 10px; font-weight: 500; font-family: 'Palanquin', sans-serif; line-height: 1.2; } /*----------------------------------------------------------------- 2022/08/25 追記 ----------------------------------------------------------------- */ .contentsWrapSub h3.serviceH3__b { font-size: 36px; line-height: 1em; } @media only screen and (max-width: 736px) { .contentsWrapSub h3.serviceH3__b { font-size: 26px; } } .contentsWrapSub h3.serviceH3__s { font-size: 20px; } /*----------------------------------------------------------------- 2022/10/05 追記 ----------------------------------------------------------------- */ .youtube { width: 100%; aspect-ratio: 16 / 9; } .youtube iframe { width: 100%; height: 100%; } /*----------------------------------------------------------------- 2023/11/05 追記 ----------------------------------------------------------------- */ .flex-card { border: 1px solid #dadada; display: flex; align-items: center; padding: 50px 4.39% 40px; flex-direction: row; margin-bottom: 120px; } .top-message { text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 40px; } #wrapper .flex-card .img-dx { max-width: 360px; width: 100%; margin-right: 20px; } @media only screen and (max-width: 736px) { .flex-card { flex-direction: column; width: 92%; margin-left: auto; margin-right: auto; margin-bottom: 60px; padding: 20px; } #wrapper .flex-card .img-dx { margin-right: 0; margin-bottom: 20px; } } .border-gray { border: 1px solid #ececec; } .contentsWrapSub .message h3, .contentsGrayWrap .message h3 { margin-bottom: 40px; } .contentsWrapSub .philosophy h3, .contentsGrayWrap .philosophy h3 { margin-bottom: 40px; } .message-heading { font-size: 22px; font-weight: bold; margin-bottom: 120px; margin-bottom: 60px; font-family: serif; text-align: center; } .message-heading div { font-size: 40px; margin-bottom: 16px; } .contents.message { max-width: 800px; width: 100%; } .ceoBox .txtBox { width: 450px; } @media only screen and (max-width: 736px) { .ceoBox .txtBox { width: 100%; } } #wrapper .message .clearfix img { width: 100%; max-width: 280px; } @media only screen and (max-width: 736px) { #wrapper .message .clearfix img { max-width: 180px; } } @media only screen and (max-width: 736px) { .message-heading { font-size: 20px; margin-left: 15px; margin-right: 15px; margin-bottom: 60px; } .message-heading div { font-size: 32px; } } #particles-jsWrap { height: auto; background-image: none; } @media only screen and (max-width: 736px){ #particles-jsWrap { height: auto; background-image: none; } } .video {display: block;} /*----------------------------------------------------------------- 2023/12/013 追記 ----------------------------------------------------------------- */ .subFooterBanner02 { display: flex; flex-wrap: wrap; justify-content: center; } .subFooterBanner02 li { width: 12.2%; margin-right: 36px; margin-bottom: 24px; } .subFooterBanner02 li:nth-child(6n) { margin-right: 0; } @media only screen and (max-width: 736px) { .subFooterBanner02 li { width: 223px; margin-right: 0; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .subFooterBanner02 li:nth-child(6n) { margin-right: auto; } } .award-list { justify-content: space-between; margin-bottom: 36px; margin-left: 0; margin-right: 0; } .award-list::after { display: none; } .award-list li { width: 100%; max-width: 140px; justify-content: space-between; margin-right: 0; margin-bottom: 0; } .award-list li:last-child { } @media only screen and (max-width: 736px) { .award-list { flex-direction: column; margin-left: auto; margin-right: auto; margin-bottom: 16px; } .award-list li { max-width: 230px; margin-bottom: 16px; margin-left: auto; margin-right: auto; } .award-list li:last-child { margin-bottom:0; } } /*----------------------------------------------------------------- 2024/3/5 追記 ----------------------------------------------------------------- */ .recruitFtr{ display: flex; justify-content: center; } .recruitFtr li span{ font-size: 100%;} @media only screen and (max-width: 736px) { .recruitFtr{ flex-direction: column; } } /*----------------------------------------------------------------- 2024/5/22 追記 ----------------------------------------------------------------- */ .staffDetail .half_banner { margin-top: 30px; margin-bottom: 80px; } @media only screen and (max-width: 736px) { .staffDetail .half_banner { margin-top: 0px; margin-bottom: 80px; } } /*----------------------------------------------------------------- 2024/9/22 追記 ----------------------------------------------------------------- */ .single .contents ul.disc { margin-left: 30px; } .single .contents ul.disc li { list-style: disc; } /*----------------------------------------------------------------- 2025/9/11 追記 ※ここから下本番未反映 ----------------------------------------------------------------- */ .company__list { text-align: center; } @media only screen and (max-width: 736px) { .company__list { width: 92%; margin-left: auto; margin-right: auto; } } .company__list li { margin-bottom: 90px;} @media only screen and (max-width: 736px) { .company__list li { margin-bottom: 60px;} } .company__list.rinen .ttl { font-weight: bold; font-size: 24px; margin-bottom: 10px; } .company__list--sub li { margin-bottom: 4px;} /*----------------------------------------------------------------- 2025/9/23 アコーディオン追記 ----------------------------------------------------------------- */ .accordion-003 { width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 7px; border-bottom: 2px solid #d0d0d0; } .accordion-003 summary { display: flex; justify-content: center; align-items: center; position: relative; padding: 1em 2em; cursor: pointer; font-size: 24px; font-weight: bold; line-height: 2; color: #9A3011; } @media only screen and (max-width: 736px) { .accordion-003 summary { font-size: 15px; padding: 1em 2em 1em 0; } } .accordion-003 summary::-webkit-details-marker { display: none; } .accordion-003 summary::before, .accordion-003 summary::after { width: 2px; height: .5em; border-radius: 5px; background-color: #333333b3; content: ''; position: absolute; right: 2em; } @media only screen and (max-width: 736px) { .accordion-003 summary::before, .accordion-003 summary::after { right: 1em; } } .accordion-003 summary::before { position: absolute; right: 2em; rotate: 90deg; } @media only screen and (max-width: 736px) { .accordion-003 summary::before { right: 1em; } } .accordion-003 summary::after { transition: rotate .3s; } .accordion-003[open] summary::after { rotate: 90deg; } .accordion-003 p { transform: translateY(-10px); opacity: 0; /* margin: 0; */ padding: .3em 2em 1.8em; font-size: 15px; /* text-align: center; */ transition: transform .5s, opacity .5s; } @media only screen and (max-width: 736px) { .accordion-003 p { width:100%; padding: .3em 0.5em 1.5em; } } .accordion-003[open] p { transform: none; opacity: 1; } .purpose { text-align: center; font-size: 15px; } @media only screen and (max-width: 736px) { .purpose { margin-left: 15px; margin-right: 15px; } } .company__list--sub { padding: .3em 2em 3em; } @media only screen and (max-width: 736px) { .company__list--sub { padding: .3em 0.5em 1.5em; } } .border-none { border-bottom: none; } .purpose-heading { margin-bottom: 70px; } @media only screen and (max-width: 736px) { .purpose-heading { margin-bottom: 40px; } } .purpose-hed-color { color: #585754; } .purpose--subMenu { font-family: serif; font-size: 24px; font-weight: bold; display: flex; justify-content: center; margin-bottom: 40px; } @media only screen and (max-width: 736px) { .purpose--subMenu { font-size: 15px; margin-bottom: 40px; } } .purpose--subMenu a { color: #9A3011; display: inline-block; padding: 4px 22px 6px; border-bottom: 2px solid; margin-right: 40px; } @media only screen and (max-width: 736px) { .purpose--subMenu a { padding: 4px 12px; border-bottom: 1px solid; margin-right: 20px; } } .purpose--subMenu li:first-child a { color: #585754; } .purpose--subMenu li:last-child a { margin-right: 0; } #purpose__anchor , #misson__anchor , #visoin__anchor , #value__anchor { margin-top: -100px; padding-top: 100px; } @media only screen and (max-width: 736px) { #purpose__anchor , #misson__anchor , #visoin__anchor , #value__anchor { margin-top: -70px; padding-top: 70px; } } /*----------------------------------------------------------------- 2025/10/3 追記 ----------------------------------------------------------------- */ #wrapper .purpose-img { width: 100%; max-width: 720px; margin: 0 auto 48px; display: block; } .accordion-text { text-align: left; max-width: 900px; margin-left: auto; margin-right: auto; } .purpose-en { font-family: serif; } .subMenu{ margin-bottom: 70px;} /*----------------------------------------------------------------- 2026/02/04 追記 ----------------------------------------------------------------- */ .backtop-btn { position: fixed; width: 60px; height: auto; bottom: 16px; right: 16px; } @media only screen and (max-width: 736px) { .backtop-btn { bottom: 10px; right: 10px; } }