*{font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",メイリオ,"Lucida Grande","ＭＳ Ｐゴシック",Meiryo,Geneva,Arial,Verdana,sans-serif} p{margin:0} #main-wrap p{margin:0 0 16px} #main-wrap .contents p{margin:0} img{max-width:100%} ul,li{list-style:none;margin:0;padding:0} .container{max-width:1096px} #main{margin-top:16px} .text-center{text-align:center} .new{font-weight:400;font-size:8px;padding:1px 5px;margin:0 5px;color:#D64541} body #main-wrap .conversion{background:#d25125;border-radius:10px;border-bottom:3px solid #9c3c1b;webkit-transition:background-color .4s ease;-moz-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease} body #main-wrap .conversion:hover{background:#bf3d11;color:#fff} .block{margin:40px 0} .color-pro{background:#1D9256} .color-lite{background:#87D37C} .color-mini{background:#F4D03F} h1{font-size:10px;font-weight:400} h2{font-size:22px;border-bottom:2px solid #1D9256;padding-bottom:6px;font-weight:400} @media screen and (max-width: 768px) { h2{font-size:18px} } h3{font-size:18px;font-weight:400;margin:8px 0} #main-wrap h3{border-left:2px solid #1D9256;padding-left:8px;margin-bottom:16px;margin-top: 8px;} #main-wrap h4{border-left:2px solid #1D9256;padding-left:8px;font-size:16px} h4{font-size:18px} h4,h5{font-weight:400;margin:16px 0} body { margin-top: 66px;} header{padding:0;background: #fff;position: fixed;width: 100%;top: 0px;z-index: 1000;box-shadow: 0 2px 3px 0 rgba(166, 166, 166, 0.14);} .search input{border:1px solid #ddd;width:150px} .search{font-size:12px;background:#eee;padding:8px;width:230px} .search button{background:#269355;color:#fff;font-size:11px;padding:3px 7px;border:none} #header-nav{} #header-nav .right{text-align:right} #grobal-nav li{text-align: center;line-height: 36px;} @media screen and (max-width: 1200px) { .container{width:1096px} } @media screen and (max-width: 1096px) { .container{width:auto} #grobal-nav li{max-width:16.66666%} } @media screen and (max-width: 768px) { #grobal-nav li{float:none;max-width:none;width:100%} #grobal-nav{display:none;position: fixed; width: 100%;background: #fff;z-index: 1000;} } #grobal-nav a{color:#000;font-size:12px;display:block} #grobal-nav a:hover{background:#ddd} #grobal-nav li span{width:100%; display:block; border: none !important;} @media screen and (max-width: 768px) { #grobal-nav li span{border:none!important} } #reason a,#movie a,#proposal a{display:block;margin:0 0 16px} #reason .left-box{width:165px;padding:11px 16px 0} @media screen and (max-width: 768px) { #reason .left-box{width:auto;padding:8px} } #reason{background:#1A9255;webkit-transition:background-color .4s ease;-moz-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease} #reason:hover{background:#167344} #reason a{color:#fff} #reason hr{margin:5px 0} #reason img{border:1px solid #1a9255} #reason p.caption{font-size:12px;margin-top:8px} #movie{background:#4f4f4f;webkit-transition:background-color .4s ease;-moz-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease} #movie:hover{background:#000} #movie .left-box{width:163px} @media screen and (max-width: 768px) { #movie .left-box{width:auto;padding:8px} } #movie a{color:#000;padding:3px} #movie a p{background:#fff;padding:8px 4px 5px 10px;margin:0} #movie a .play{color:#fff;padding:8px 0 3px;text-align:center;font-size:12px} #proposal{background:#E3A250;webkit-transition:background-color .4s ease;-moz-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease} #proposal:hover{background:#d28b33} #proposal .left-box{width:165px;padding:16px 12px 0} @media screen and (max-width: 768px) { #proposal .left-box{width:auto;padding:8px} } #proposal a{color:#fff} #proposal img{border:1px solid #E3A250} #industry li{border-bottom:1px solid #ddd;padding:8px 0} #industry li a{display:block} #industry li a:hover{text-decoration:underline} #industry img{width:40px;padding:8px} #industry li a{color:#000} #industry p span{color:#777;font-size:12px;display:block} .bottom-link{padding-top:8px} .bottom-link:hover{text-decoration:underline} #introduce li{font-size:12px;padding:8px 0;border-bottom:1px solid #ddd} #introduce{margin-bottom:24px} #information{margin-bottom:24px} #information a:hover{text-decoration:underline} #information li{font-size:12px;padding:16px 0;border-bottom:1px solid #ddd} #information li:nth-child(1){padding-top:8px} #failure li{font-size:12px;padding:8px 0;border-bottom:1px solid #ddd} #know,#try,#support,#lab,#blog,#relative-menu,.right-col-box{margin-bottom:32px;max-width:258px} #know a:hover{text-decoration:underline} #support a,#lab a,#blog a,.right-hover-box a{display:block;min-height:73px;webkit-transition:background-color .4s ease;-moz-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease} #know li{font-size:12px;padding:8px;border-bottom:1px solid #ddd} .sidebar-conversion{background:#d25125;border-radius:10px;border-bottom:3px solid #9c3c1b;color:#fff;padding:16px 16px 13px;text-align:center;display:block;position:relative;webkit-transition:background-color .4s ease;-moz-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease} .sidebar-conversion webicon{width:20px;height:25px;position:absolute;top:12px;left:8px} .sidebar-conversion:hover{background:#bf3d11;color:#fff} #support a p,#lab a p,#blog a p,.right-hover-box a p{font-size:12px;color:#000;padding:8px} #lab-img{position:relative} body #lab-img p{position:absolute;bottom:0;background:#000;display:block;width:100%;padding:8px;margin:0;color:#fff} a.user,a.solution-card,a.lineup-card{color:#000;cursor:pointer} a.solution-card p{padding:8px 8px 0} a.solution-card h4{padding:0 8px;margin-top:8px} a.lineup-card h4{padding:0 8px;margin-bottom:8px} a.lineup-card p{padding:0 8px} .bx-wrapper:nth-child(1){height:285px} .bxslider li{position:relative;height:285px;overflow:hidden} .bxslider p,.bxslider a{display:none} .bxslider li p,.bxslider li a{position:absolute} .bxslider #first_slide p,.bxslider #second_slide p,.bxslider #third_slide p{top:0;margin:24px;font-size:32px} @media screen and (max-width: 768px) { .bxslider #first_slide p,.bxslider #second_slide p,.bxslider #third_slide p{top:0;margin:24px;font-size:42px} } @media screen and (max-width: 544px) { .bxslider #first_slide p,.bxslider #second_slide p,.bxslider #third_slide p{top:0;margin:16px;font-size:18px} body #key-visual{height:214px} .bx-wrapper:nth-child(1){height:164px} .bxslider li .slide-conversion{display:none!important} } .bxslider #first_slide p.caption,.bxslider #second_slide p.caption,.bxslider #third_slide p.caption{font-size:12px;top:150px;line-height:1.8em} .bxslider #second_slide p,.bxslider #third_slide p,.bxslider #second_slide p.caption,.bxslider #third_slide p.caption{color:#fff} .bxslider li p span{font-size:12px} .bx-controls-direction{display:none} #bx-pager{position:relative;z-index:100;display:table} #bx-pager a{text-align:center;background:#444;color:#fff;padding:16px 8px;font-size:12px;display:table-cell} #bx-pager a.active{background:#1B9059;position:relative} @media screen and (max-width: 768px) { #bx-pager a.active:after{display:none} } .page-link{background:#1A9255;border-radius:10px;border-bottom:3px solid #0E5C35;webkit-transition:background-color .4s ease;-moz-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease} #key-visual{height:334px;position:relative} .bxslider{display:none} .bxslider img{width:100%} #bx-pager{position:absolute;bottom:0;width:100%} .slide-conversion{background:#1A9255;border-radius:10px;border-bottom:3px solid #0E5C35;border-top:none;border-left:none;border-right:none;top:227px;left:50px;padding:8px 24px;color:#fff;webkit-transition:background-color .4s ease;-moz-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease} .slide-conversion:hover,.page-link:hover{background:#16824b;color:#fff} .bxslider2 table{table-layout:fixed;width:100%;text-align:center} .bxslider2 td{height:55px} .bxslider2 img{max-width:90px} @media screen and (max-width: 768px) { .bxslider2 img{max-width:60px} } #bx-pager2 .circle{width:10px;height:10px;background:#aaa;border-radius:10px;margin:0 auto} #bx-pager2{max-width:40px;margin:0 auto} #bx-pager2 .active .circle{background:#EBBD63} .super-flex:hover{color:#000;background:#eee} .solution-card{display:block;margin-bottom:24px;min-height:220px;webkit-transition:background-color .4s ease;-moz-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease} .solution-card:hover,.lineup-card:hover,#support a:hover,#lab a:hover,#blog a:hover,.right-hover-box a:hover{background:#eee} .solution-card p{padding-top:8px;color:#666} .lineup-card{display:block;margin-bottom:24px;min-height:250px;webkit-transition:background-color .4s ease;-moz-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease} .lineup-card p span{color:#aaa;font-size:12px;display:block} .fl-container{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex} footer{background:#777;text-align:center} footer a:hover{color:#ddd;text-decoration:underline!important} #mobile-menu{text-align:center;cursor:pointer} #mobile-menu img{width:30px} #search{width:190px;background:#eee;padding-left:5px;padding-right:5px;height:29px;padding-top:4px} #gsc-i-id1{background:none!important;font-size:10px!important} .gsc-search-button{box-sizing:content-box!important} .cse .gsc-search-button input.gsc-search-button-v2,input.gsc-search-button-v2{padding:6px!important} .gsc-search-box-tools .gsc-search-box .gsc-input{padding-right:3px!important} .cse .gsc-control-cse,.gsc-control-cse{padding:0!important} input.gsc-search-button,input.gsc-search-button:hover,input.gsc-search-button:focus{border:none!important;background:#1A9255!important} .cse .gsc-search-button input.gsc-search-button-v2,input.gsc-search-button-v2{margin-top:0!important;min-width:9px!important;height:8px!important;width:9px!important} form.gsc-search-box,table.gsc-search-box{margin-bottom:0!important} .gsc-control-cse{border:none!important;background:none!important;padding:0!important} .gsc-input-box{height:20px!important} #heading{background:#289254} #heading h1{font-size:18px;font-weight:700;color:#fff} #side-wrap{padding-top:16px;padding-bottom:48px;} #main-wrap{border-right:1px solid #ddd;max-width:780px;padding-right:80px;padding-top:32px;padding-bottom:32px} #first-view{position:relative;margin-bottom:16px} #first-view #h2-wrap{position:absolute;top:0;padding:36px;color:#fff} #first-view h2{font-size:28px;color:#fff;border:none} #first-view .view-caption{font-size:18px} .col-wrap{margin-top:8px;margin-bottom:8px} @media screen and (max-width: 768px) { #main-wrap{padding:8px 0 0;border:none} #first-view h2{font-size:16px} } .bottom-conversion{border-radius:10px;color:#fff;padding:16px 16px 13px;text-align:center;display:block;position:relative;margin:24px auto;max-width:250px} #main-wrap .bottom-conversion webicon{width:20px;height:25px;position:absolute;top:12px;left:8px;color:#fff} #relative-menu li{padding:4px 0;font-size:12px} #relative-menu a{color:#000} #relative-menu a:hover{text-decoration:underline} #relative-menu webicon{width:15px;height:15px;position:relative;top:3px;margin-right:8px} .inc_conversion{text-align:center;padding:24px 0 8px;background:#eee;margin:32px 0} .inc_conversion .title{font-size:24px;padding-bottom:8px} #bread-comb li{display:inline-block;font-size:11px;padding-top:8px;color:#fff;padding-right:2px;padding-left:2px} #bread-comb li a{color:#fff} #bread-comb li a:hover{text-decoration:underline} #feeling a{color:#000;display:block;webkit-transition:background-color .4s ease;-moz-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease} #feeling a:hover{background:#eee} #feeling a h4{border:none;padding-left:0;margin-bottom:8px} .company-name{display:block;padding-bottom:8px} .case-padding{padding:0 8px 8px} #back-top{display:block;text-align:center;background:#666;padding:8px 24px;position:absolute;top:-121px;right:0;margin:0 auto;cursor:pointer;box-sizing:border-box;webkit-transition:background-color .4s ease;-moz-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease} #back-top:hover{background:#444} .notice{font-size:12px;color:red;padding-top:16px} #facebook{margin-bottom:100px} @media screen and (max-width: 768px) { #facebook{display:none} .col-sm-3{position:static} } @media screen and (max-width: 768px) { #bread-comb li{padding-top:2px} #bread-comb{margin-bottom:8px} body .block{margin:24px 0 58px!important} .inc_conversion{text-align:inherit;padding:24px 24px 8px} } .outer{margin:16px 0;border:1px solid #1A9255;border-radius:8px;border-bottom:6px solid #177240;box-shadow:8px 8px #ddd;height:107px} .outer:hover{background:#eee;cursor:pointer} .outer .pull-left{background:#1A9255;border-radius:6px 0 0 3px;height:100px;width:100px;text-align:center;padding-top:14px} .outer .pull-right{color:#1A9255;width:225px;padding-top:8px} .outer .circle{width:70px;margin:0 auto;background:#177240;border-radius:40px;padding:16px;box-shadow:2px 2px 2px 1px rgba(0,0,0,0.3) inset} .text-box p{font-size:12px} #main-wrap .outer h3{border:none;padding-left:0;margin-bottom:0;padding-bottom:8px;font-weight:700} .text-box span{display:none} .sub-action{background:#d25125;border-radius:4px;text-align:center;padding:8px;display:block;color:#fff;margin:8px 0;border:none;webkit-transition:background-color .4s ease;-moz-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease} .sub-action:hover{background:#bf3d11;color:#fff} @media screen and (max-width: 1095px) { #reason a{position:relative;overflow:hidden} #reason img{position:absolute;border:none} #reason .left-box{padding:8px} #movie .clearfix{position:relative;overflow:hidden} #movie img.pull-right{position:absolute} #proposal a{position:relative;overflow:hidden} #proposal img{border:none;position:absolute} #proposal .left-box{padding:8px} } #use-scene a{color:#000;display:block;margin-bottom:16px;padding:0 16px;border:1px solid #ddd;webkit-transition:background-color .4s ease;-moz-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease} #use-scene a h4{font-weight:700;border-left:none;padding-left:0;font-size:16px;border-bottom:1px solid #aaa;padding-bottom:4px} #use-scene a:hover{background:#eee} @media screen and (min-width: 768px) { .container>.row,.container>.row>.col-sm-9{display:flex} #main-wrap{flex:1} } .header_fixed{position:fixed;top:0;z-index:10000;width:100%} .header_fixed2{position:fixed;top:33px;z-index:10000;width:100%} .side_fixed{position:fixed;bottom:0} .side_fixed2{position:absolute;bottom:0} #right-interview a h4{ margin: 0; padding: 8px 8px 0; color: #000; font-size:12px; font-weight:bold; } .tag-type{ background:#eee; color:#666; padding: 4px 8px; font-size: 12px; display:inline-block; } body #main-wrap .img-title{ font-size: 14px; background: #aaa; padding: 8px; color: #fff; border-left:none; } .h2-strong{ padding:8px; color:#fff; background:#289254; border:none; } #header-logo{ height: 22px; } header .header-logo{ margin: 22px 0; } header h1{ float: left; line-height: 12px; margin: 27px 16px; font-weight: normal; font-size: 12px; } #header-title{ float: left; line-height: 12px; margin: 27px 16px; font-weight: normal; font-size: 12px; } .header-conversion { font-size: 12px; color: #fff; /* font-weight: normal; */ text-align: center; display: block; letter-spacing: 0.1em; padding: 12px 26px; background: #d25125; border-radius: 6px; line-height: 14px; margin: 14px 0; font-weight: bold; } .header-conversion-2 { font-size: 12px; color: #d25125; /* font-weight: normal; */ text-align: center; display: block; letter-spacing: 0.1em; padding: 10px 10px; /* background: #d25125; */ border-radius: 6px; line-height: 14px; margin: 14px 8px 14px 0; border: solid 2px #d25125; font-weight: bold; } .header-conversion:hover { color: #fff; background: #9c3c1b;transition: .2s ease-in-out } .header-conversion-2:hover { color: #fff; background: #d25125;transition: .2s ease-in-out } .wp-caption { text-align: center; } .wp-caption-text { background: #666666; color: #fff; font-size: 12px; padding: 8px; text-align: center; margin-bottom:24px!important; } .contents-index { background:#eee; padding: 16px 24px; } #main-wrap .contents-index ol{ margin: 0; padding: 8px 16px; } #main-wrap .contents-index ol li { list-style: decimal; margin-bottom: 8px; } .supplement { background: #eee; padding: 8px 24px 16px; font-size: 14px; margin-bottom: 16px; } #main-wrap ul li{ margin-bottom: 0; } #main-wrap .option-wrapper .box-footer ul li{ margin-bottom: 10px; } .highlight { background: #eee; padding: 16px; margin: 24px 0; } pre { white-space: -moz-pre-wrap; /* Mozilla */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* CSS3 */ word-wrap: break-word; /* IE 5.5+ */ font-size: 12px; background: #eee; padding: 16px; border-radius: 8px; overflow: hidden; border: 1px solid #ccc; color: #777; } #main-wrap .highlight p { margin:0; } @media screen and (max-width: 768px) { #header-logo{max-width:220px} header h1,#header-title{display: none} body header .pull-left a{margin:12px 0} #header-logo {height: 20px;} #mobile-menu img {margin: 12px 0; width: 20px; } #main { margin-top:0; } } .def_ttl{ margin:24px 0 16px; } #main-wrap table{margin:30px auto} #main-wrap td,#main-wrap th{padding:0;padding:10px} .ttl{font-weight:700} .def_txt_min{font-size:12px;line-height:1.9em;margin:20px} #main-wrap th { background: #e2f5eb; font-weight: 700; } #grobal-nav-y{float: left;} #grobal-nav-y li{float:left;text-align: center;line-height: 66px;} .leftmost{ margin-left: 16px; } @media screen and (max-width: 1200px) { .container{width:1096px} } @media screen and (max-width: 1096px) { .container{width:auto} #grobal-nav-y li{max-width:16.66666%} } @media screen and (max-width: 768px) { #grobal-nav-y li{float:none;max-width:none;width:100%} #grobal-nav-y{display:none} } #grobal-nav-y a{color:#000;font-size:12px;display:block;padding: 0 8px;} #grobal-nav-y a:hover{background:#ddd} #grobal-nav-y li span{width:100%; display:block; border: none !important;} @media screen and (max-width: 768px) { #grobal-nav-y li span{border:none!important} } .pc-none-y{display: none;} @media screen and (max-width: 768px) { .mobile-none-y{display: none;} .pc-none-y{display: block;} body { margin-top: 44px; } } @media screen and (max-width: 768px){ body #front-main .top h1 { font-weight: bold; font-size: 28px; text-align: center; line-height: 1.4em; border: none; padding: 0; } }