@charset "utf-8"; /*WARP事例ページの数字リストのスタイル定義*/ body#warp_jirei .warp_f_option_inner #wrap_overview ol.numList{font-size:116%;margin:0 8% 15px;} body#warp_jirei .warp_f_option_inner #wrap_overview ol.numList li{margin-left:1.16em;text-indent:-1.16em;} /*株主総会の動画の横幅を固定しない*/ body#invest.w1260 div.soukai div.free_page_movie{width:auto !important;} /*アイコン表示用フォント設定*/ @font-face{ font-family:'mm-entypo'; src: url('/jp/wp-content/themes/theme_infoteria/font/mm_entypo.eot?74452920'); src: url('/jp/wp-content/themes/theme_infoteria/font/mm_entypo.eot?74452920#iefix') format('embedded-opentype'), url('/jp/wp-content/themes/theme_infoteria/font/mm_entypo.woff2?74452920') format('woff2'), url('/jp/wp-content/themes/theme_infoteria/font/mm_entypo.woff?74452920') format('woff'), url('/jp/wp-content/themes/theme_infoteria/font/mm_entypo.ttf?74452920') format('truetype'), url('/jp/wp-content/themes/theme_infoteria/font/mm_entypo.svg?74452920#entypo') format('svg'); font-weight:normal; font-style:normal; } /*IRページ追加スタイル*/ .mm_ir_additional p.current_state{text-align: right; font-size: 0.9em; margin-bottom: 0 !important;} .mm_ir_additional p.text-center{text-align: center;} .mm_ir_additional .boxicon:before{font-family:'mm-entypo';content:"\e893";padding-right:10px;font-size:1em;} .mm_ir_additional .color-yellowgreen:before{color:#98d964;} .mm_ir_additional .color-thickgreen:before{color:#609f78;} .mm_ir_additional .color-brightgreen:before{color:#6dbc8b;} .mm_ir_additional .color-lightgreen:before{color:#cdedd9;} .mm_ir_additional .color-grey:before{color:#c9cacb;} .mm_ir_additional .color-asteria-green:before{color:#00B140;} .mm_ir_additional .color-asteria-blue:before{color:#307FE2;} /*メールマガジン カスタム*/ body#news div#contents_main div#entry_body>.zppage-container table{background-color: transparent; border: none;} body#news div#contents_main div#entry_body>.zppage-container td{border:none;} body#news div#contents_main div#entry_body>.zppage-container a.extlink{background: none; padding-right: 0 !important;} body#news div#contents_main div#entry_body>.zppage-container ul {border:none;padding:1em 0;margin:0;padding-inline-start:40px;} /*グレーの白抜きボックス文字*/ .mm_rbox_text, body#inquiry #inquiry_form_text p span.mm_rbox_text {border: Solid 1px; border-radius: 4px; line-height: 1; padding: 0.3em 0.6em; font-size: 0.6em; margin-right: 1em; display:inline-block; width:60px; text-align: center;vertical-align:middle;} .mm_rbox_text.grey, body#inquiry #inquiry_form_text p span.mm_rbox_text.grey {background: linear-gradient(0deg, rgba(133, 133, 133, 1) 0.28%, rgba(158, 158, 158, 1) 54.19%, rgba(153, 153, 153, 1) 100%);border-color: #999;color: #fff;} .mm_bstable {width: 100%; margin-bottom: 10px} .mm_bstable .blank {border-left:transparent 1px solid !important;} .mm_bstable .text-right{text-align: right !important;} .mm_bstable .text-center{text-align: center !important;} .mm_bstable .text-left{text-align: left !important;} .mm_bstable .w-90{width: 90% !important;} .mm_bstable .w-80{width: 80% !important;} .mm_bstable .w-70{width: 70% !important;} .mm_bstable .w-60{width: 60% !important;} .mm_bstable .w-50{width: 50% !important;} .mm_bstable .w-45{width: 45% !important;} .mm_bstable .w-40{width: 40% !important;} .mm_bstable .w-30{width: 30% !important;} .mm_bstable .w-20{width: 20% !important;} .mm_bstable .w-10{width: 10% !important;} .mm_bstable .w-8{width: 8% !important;} .mm_bstable .w-7{width: 7% !important;} .mm_bstable .w-5{width: 5% !important;} /*Web登録フォーム用 追加スタイル*/ ol.mm_summary_list { counter-reset: item; list-style-type: none !important; text-align: left; font-size: 1.1em; font-weight: bold; margin: 30px auto 60px !important; width: 480px; padding: 0; } ol.mm_summary_list li { text-indent: -1.3em; padding-left: 1.3em; } ol.mm_summary_list li:before { counter-increment: item; content: counter(item)') '; display: inline-block; text-align: right; padding-right: 0.5em; } .mm_movie_box {background-color: #eee; margin: 0 0 20px; border: 1px solid #c9c8c8; text-align: left; } .mm_movie_box h3 { font-size: 1.1em; margin-bottom: 15px; font-weight: bold; border-bottom: 1px solid #c9c8c8; margin: 20px 20px 0 !important; padding: 0 20px 10px 10px !important; } .mm_movie_box iframe { padding: 20px 0; display: block; margin: 0 auto; } /*WARP オプション 通常の丸リストに戻す*/ body#warp_jirei .warp_f_option_inner #wrap_overview ul.discList li{list-style:disc !important; font-weight:normal;} /*WARP オプション チェックアイコンリスト*/ .warp_f_option_inner #wrap_overview ul.chkList>li{font-weight:normal !important;} body#warp_jirei .warp_f_option_inner #wrap_overview ul.chkList li{list-style-type:none !important;} .warp_f_option_inner #wrap_overview ul.chkList li:before{font-family:'mm-entypo';content:"\e802";padding-right:10px;color:#14ad8a;} /*WARP オプション 入れ子リスト*/ .warp_f_option_inner #wrap_overview ul li >ul{margin:0.5em 0 0.5em -1em !important;font-weight:bold;font-size:0.8em;} .warp_f_option_inner #wrap_overview ul li >ul li:before{font-family:'mm-entypo';content:"\e822";padding-right:10px;} .warp_f_option_inner #wrap_overview ul li >ul li {display:block;} /*WARP オプション 追加マージン設定*/ .warp_f_option_inner .mb40px {margin-bottom:40px !important;} .warp_f_option_inner .mb60px {margin-bottom:60px !important;} .warp_f_option_inner .mb80px {margin-bottom:80px !important;} /*2カラム分割、親タグ側に指定*/ .mm_multicolumn_div2{-moz-column-count:2;-webkit-column-count:2;column-count:2;margin-bottom:2em;} .mm_multicolumn_div2 .secondColumn{break-before: column; -webkit-column-break-before: column; -moz-column-break-before: column; -ms-column-break-before: column; -o-column-break-before: column; -webkit-column-break-inside: avoid;} .mm_multicolumn_div2 > div, .mm_multicolumn_div2 > p{display: inline-block; page-break-inside: avoid;} /*2カラム分割 暫定*/ .mm_col2_float{width: 100%; overflow: hidden;} .mm_col2_float >div, .mm_col2_float >p {float: left; width:47%; margin: 0;} /*2カラム CSS Grid*/ .mm_grid_2fr{display:grid; width:100%; grid-template-columns: 1fr 1fr; justify-content:center; margin:20px 0; } .mm_grid_2fr p{grid-auto-columns: 1/2;text-align: center;margin:0;} /*3カラム CSS Grid*/ .mm_grid_3fr{display:grid; grid-template-columns: repeat(3,33%); grid-gap: 10px; margin: 0 auto 10px; } .mm_grid_2fr p{grid-auto-columns: 1/3;text-align: center;} /*4カラム CSS Grid*/ .mm_grid_4fr{display:grid; grid-template-columns: repeat(4,25%); grid-gap: 15px; margin: 0 auto 20px; } .mm_grid_4fr p{grid-auto-columns: 1/4;text-align: center;} .mm_grid_2fr img, .mm_grid_3fr img, .mm_grid_4fr img{display: block; margin-bottom: 5px;} /*簡易事例リストカスタマイズ*/ #warp_jirei .jirei_contents .mm_multicolumn_div2 .simple_jirei_normal, #warp_jirei .jirei_contents .mm_multicolumn_div2 .simple_jirei_red{width:95%;margin:0 auto;} #warp_jirei .jirei_contents .mm_multicolumn_div2 .simple_jirei_normal h3, #warp_jirei .jirei_contents .mm_multicolumn_div2 .simple_jirei_red h3{color:#FFF;font-size:116%;line-height:35px; font-weight:normal !important; text-align: center !important;} #warp_jirei .jirei_contents .mm_multicolumn_div2 .simple_jirei_normal ul, #warp_jirei .jirei_contents .mm_multicolumn_div2 .simple_jirei_red ul{} #warp_jirei .jirei_contents .mm_multicolumn_div2 .simple_jirei_normal ul li, #warp_jirei .jirei_contents .mm_multicolumn_div2 .simple_jirei_red ul li{background:transparent url(img/case_point_arrow.png) no-repeat left 4px;margin-bottom:0.7em;padding-left:1.4em; list-style:none !important;} #warp_jirei .jirei_contents .mm_multicolumn_div2 .simple_jirei_normal h3{background:#31859c;} #warp_jirei .jirei_contents .mm_multicolumn_div2 .simple_jirei_red h3{background:#fb6633;} /*簡易事例内でネストしたリスト内容のフォーマット調整*/ #warp_jirei div#contents_main .jirei_simple_point ul li>ul{list-style-type:disc; margin-left:2em; margin-top:0.5em;line-height:1.2; font-size:0.9em;} #warp_jirei div#contents_main .jirei_simple_point ul li>ul li{background:none; padding-left:0;} /*簡易事例内で「導入後の効果」を「課題」の直下に移動した場合のスタイル変更*/ #warp_jirei div#contents_main .jirei_text .jirei_simple_point{width: 96%; margin: 0 auto; border:none;font-size:1em;} #warp_jirei div#contents_main .jirei_text .jirei_simple_point .point_adopt_and_efficacy > h3 {width:100%;color:#FFF;margin:0 auto 15px;text-align:center;font-size:1.16em;line-height:35px;font-weight:400;} #warp_jirei div#contents_main .jirei_text .jirei_simple_point ul {width:90%;font-size:0.9em;margin:0;padding:0;} #warp_jirei div#contents_main .jirei_text .jirei_simple_point ul li {background:transparent url(img/case_point_arrow.png) no-repeat left 4px;margin-bottom:0.7em;padding-left:1.4em;list-style: none;} /*warpブログ テキストつめ*/ .mm_warp_blog{font-feature-settings: "palt" 1;} /*WARPブログ パラグラフ設定*/ .mm_warp_blog p{margin-bottom: 20px;} .mm_warp_blog p.text-center{text-align: center;} .mm_warp_blog p.text-right{text-align: right;} .mm_warp_blog p.text-left{text-align: left;} /*WARPブログ 文字色設定*/ .mm_warp_blog .color-asteria-green {color:#00B140 !important;} .mm_warp_blog .color-accent-blue {color:#2E74B5 !important;} .mm_warp_blog .color-red {color:#F00 !important;} .mm_warp_blog .color-orange {color:#F5AB18 !important;} /*WARPブログ 背景色カスタム設定*/ .mm_warp_blog .bg-color-light-blue{background-color: #d5e6ed;} .mm_warp_blog .bg-color-gray{background-color: #C9CACB} .mm_warp_blog .bg-color-green{background-color:#609F78} .mm_warp_blog .bg-color-light-green{background-color: #CDEDD9;} .mm_warp_blog .bg-color-purple{background-color:#D7E0F1;} .mm_warp_blog .mark{background-color:#FFFFAF} .mm_warp_blog .w-100{width: 100% !important;} .mm_warp_blog .w-90{width: 90% !important;} .mm_warp_blog .w-80{width: 80% !important;} .mm_warp_blog .w-70{width: 70% !important;} .mm_warp_blog .w-60{width: 60% !important;} .mm_warp_blog .w-50{width: 50% !important;} .mm_warp_blog .w-40{width: 40% !important;} .mm_warp_blog .w-30{width: 30% !important;} .mm_warp_blog .w-20{width: 20% !important;} .mm_warp_blog .w-10{width: 10% !important;} .mm_warp_blog .w-8{width: 8% !important;} .mm_warp_blog .w-7{width: 7% !important;} .mm_warp_blog .w-5{width: 5% !important;} /*WARPブログマージン値追加*/ .mm_warp_blog .mb0px {margin-bottom:0px !important;} .mm_warp_blog .mb5px {margin-bottom:5px !important;} .mm_warp_blog .mb60px {margin-bottom:60px !important;} .mm_warp_blog .mb70px {margin-bottom:70px !important;} /*WARPブログ フォントサイズ変更*/ .mm_warp_blog .text-ex-small{font-size: 0.6em;} .mm_warp_blog .text-small{font-size: 0.8em;} .mm_warp_blog .text-large{font-size: 1.6em;} /*WARPブログ Table設定*/ .mm_warp_blog .mm_bstable {border: 1px solid #c8cccc;} .mm_warp_blog .mm_bstable .blank {border-left:transparent 1px solid !important;} .mm_warp_blog .mm_bstable .text-right{text-align: right !important;} .mm_warp_blog .mm_bstable .text-center{text-align: center !important;} .mm_warp_blog .mm_bstable .text-left{text-align: left !important;} .mm_warp_blog .mm_bstable .bg-grey{background-color:#f4f4f4 !important;} .mm_warp_blog .mm_bstable .bg-green{background-color:#cdedd9 !important;} /*WARPブログ専用 画像にグレイ線*/ .mm_warp_blog img.border_grey{border:solid 1px #b9ceca;} /*WARPブログ シンプルbox 設定*/ .mm_warp_blog .simple-box{padding: 6px 8px; margin-bottom: 20px; border: 1px solid #c8cccc;} /*WARPブログ専用 左右回り込み画像*/ .mm_warp_blog .photoLeft{float:left; margin: 0 20px 20px 0; font-size: 0.85em;} .mm_warp_blog .photoRight{float:right; margin: 0 0 20px 20px; font-size: 0.85em;} .mm_warp_blog .photoLeft strong, .mm_warp_blog .photoRight strong {display: block; text-align: center; font-weight: bold;} .mm_warp_blog .float_clear{clear: both;} /*WARPブログ 角丸box 設定*/ .mm_warp_blog div.simple-box-rnd{padding: 2em; margin-bottom: 20px; border-radius: 20px;} .mm_warp_blog div.simple-box-rnd ul.indent{list-style-type:none !important;} /*WARPブログ 黒線box 設定*/ .mm_warp_blog .line-box{padding:0; margin-bottom: 20px; border: 1px solid #333;} .mm_warp_blog .line-box>h3{padding:15px 12px !important; margin:0 0 20px; border-bottom: solid 1px #333; font-weight: normal;} .mm_warp_blog .line-box p{margin:0px 12px 20px;} .mm_warp_blog .line-box h4{margin:0px 12px 20px !important;} .mm_warp_blog .line-box ul.indent{margin-left:2em; text-indent:4em;} /*WARPブログ コメント用 緑囲み線 設定*/ .mm_warp_blog .comment_box_rnd{border: 5px #64c646 solid; border-radius: 20px;margin: 1em; padding: 20px;} .mm_warp_blog .comment_box_rnd>h3{font-weight: normal;} .mm_warp_blog .comment_box_rnd ul{} .mm_warp_blog .comment_box_rnd ul li{margin-left:40px;text-indent:-28px;} /*WARPブログ 先頭アイコン設定*/ .mm_warp_blog .header_icon_install:before{font-family:'mm-entypo';content:"\e8b0";padding-right:10px; margin-left: 0em;} .mm_warp_blog .header_icon_star_green:before{font-family:'mm-entypo';content:"\e8ee";padding-right:10px; margin-left: 0em; color: #00B050} /*WARPブログ専用 画像にドロップシャドウ*/ .mm_warp_blog img.dropshadow{padding:3px; border:solid 1px #ccc; box-shadow : 2px 2px 2px rgba(102, 102, 102, 0.6);} /*WARPブログ記事内にメーカーアイコン表示*/ .mm_warp_blog .IconList{padding:0; width: 100%; list-style:none;} .mm_warp_blog .IconList li{width:130px; display: inline-block; padding-bottom:10px;} .mm_warp_blog .IconList img{width:120px; display: block;} /*WARPブログ 動作フロー説明用*/ .mm_warp_blog .flow_description{margin-bottom:2em;padding:0 2em;} .mm_warp_blog .flow_description p.al_center{text-align:center;} .mm_warp_blog ul.arrow_list{} .mm_warp_blog ul.arrow_list li{list-style-type:none;margin-left:2em; text-indent:-2em} .mm_warp_blog ul.arrow_list li:before{font-family:'mm-entypo';content:"\e885";padding-right:10px;margin-left: 1em; color:#14ad8a;} .mm_warp_blog ul.indent{padding: 0 1em 2em; list-style: disc outside;} .mm_warp_blog ol.indent{padding: 0 1em 2em; list-style: decimal outside;} .mm_warp_blog .indent li{margin-left: 15px; text-indent:-20px;} /*WARPブログ 画像リスト*/ .mm_warp_blog ul.imgBlockList{width: 850px; margin:0 auto 20px;} .mm_warp_blog ul.imgBlockList li{list-style-type:none; display: inline-block;text-align:center; margin-bottom:1em; vertical-align: top;} .mm_warp_blog ul.imgBlockList li img{display:block;} /*WARPブログ ランキング下線*/ .mm_warp_blog div.mt1em div.rankconent.bottom_line {border-top:none !important;border-bottom:1px solid #ccc;overflow: hidden;} /*WARPブログ 記述リスト*/ .mm_warp_blog dl {display: inline-block; margin-bottom: 1em; padding-left: 1em; width: 100%;} .mm_warp_blog dl dt{float: left; clear: left; display: inline-block; text-align: right;} .mm_warp_blog dl dd{margin-left: 4em; } .mm_warp_blog dl.indent {display:block; margin-bottom:2em; } .mm_warp_blog dl.indent dt{display: block;font-weight: bold;float:none; text-align:left;} .mm_warp_blog dl.indent dd{display: block; margin-bottom:1em;} /*WARPブログ 目次*/ .mm_warp_blog dl.mokujiList{background-color: #fff; border-radius: 8px; padding: 1em; margin-bottom:2em; border:1px solid #e0e0e0; width:85%} body#warp_blog div#contents_main div.blog_entry_body .mm_warp_blog dl.mokujiList > dt{font-weight: 700; font-size:1.2em;float: none; margin:20px;} body#warp_blog div#contents_main div.blog_entry_body .mm_warp_blog dl.mokujiList ol.content-list{list-style: none;counter-reset: count 0} body#warp_blog div#contents_main div.blog_entry_body .mm_warp_blog dl.mokujiList ol.content-list a{text-decoration: none;color: #474747;} .mm_warp_blog dl.mokujiList ol.content-list li{line-height: 1.75;font-weight: bold; counter-increment: order;} .mm_warp_blog dl.mokujiList ol.content-list li:before{content: counter(order) ". "; color:#00a785;} body#warp_blog div#contents_main div.blog_entry_body .mm_warp_blog dl.mokujiList ol.content-list li > ol{list-style: none; counter-reset: 0;} body#warp_blog div#contents_main div.blog_entry_body .mm_warp_blog dl.mokujiList ol.content-list li > ol > li{font-weight: normal; counter-increment: none;position: relative; margin-left: 1.5em; padding-left: 20px;} body#warp_blog div#contents_main div.blog_entry_body .mm_warp_blog dl.mokujiList ol.content-list li > ol > li:before{position: absolute; content: ''; display: block; background: #474747; height: 1px; width: 5px; top:12px; left:4px;} /*WARPブログ 吹き出し風ボックス*/ .mm_warp_blog .uservoice_box{ margin-bottom:1em; position: relative; padding: 10px 20px; background-color:#DBF0DB; border: 4px solid #DBF0DB; border-radius: 6px;} .mm_warp_blog .uservoice_box::before{content: ''; position: absolute;display: block; width: 0; height: 0; left: -14px; top: 10px; border-right: 10px solid #DBF0DB; border-top: 8px solid transparent; border-bottom: 8px solid transparent;} .mm_warp_blog .uservoice_box ol{padding: 1em; } /*WARPブログ 吹き出し風ボックス 鈴木さんアイコン表示*/ .mm_warp_blog div.fukidashi>p{ margin-left:85px; position: relative; padding: 10px 20px; background-color:#DBF0DB; border: 4px solid #DBF0DB; border-radius: 6px;} .mm_warp_blog div.fukidashi>p::before{content: ''; position: absolute;display: block; width: 0; height: 0; left: -14px; top: 35px; border-right: 10px solid #DBF0DB; border-top: 8px solid transparent; border-bottom: 8px solid transparent;} .mm_warp_blog div.fukidashi.suzuki{ background:url("/jp/wp-content/uploads/2021/01/ic_asteria_Suzuki.png") no-repeat 0 0; background-size: 70px;} /*WARPブログ blockquote*/ .mm_warp_blog blockquote{padding:1em 2em; font-size: 0.95em; background:#f3f3f3; margin-bottom:2em;} .mm_warp_blog blockquote h3{margin-top:1.5em !important;} .mm_warp_blog blockquote h4{margin-top:1.5em !important; margin-bottom:0.25em !important;} .mm_warp_blog blockquote p{margin-bottom: 2em;} /*.mm_warp_blog blockquote img{width:98%;}*/ /*WARPブログ コードサンプル表記*/ .mm_warp_blog pre{font-size: 1.0em; margin: 1em 1em 1.5em; padding: 1em; border: 1px solid #e4e4e4; background: #f8f8f8; border-radius: 2px; line-height: 1;} .mm_warp_blog pre code{font-family:"monospace"} .mm_warp_blog .hg_withLine{border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:1em 0;padding:15px 0 5px;} .mm_warp_blog .hg_withLine h3{font-size:1.2em !important; color: #066 !important; border-left: #066 4px solid; padding-left:6px !important; margin-bottom:5px !important;} .mm_warp_blog .hg_withLine h4{text-align:center;font-weight:normal !important;} .mm_warp_blog .hg_withLine h4.text-left{text-align:left !important;} .mm_warp_blog .hg_withLine dl {padding-left: 4em; width: 100%;} .mm_warp_blog .hg_withLine dl dd{margin-left: 8em; } .mm_warp_blog .hg_withLine dl dd.text-right{text-align: right;} .mm_warp_blog p.QA_Q{color:#01A585; font-weight:bold; margin-bottom:1em;text-indent:-1.5em; margin-left:2em;} .mm_warp_blog p.QA_Caption{text-indent:1.5em; color:#6ea100;} .mm_warp_blog p strong.green {color: #01A785; padding-right: 0.5em;font-weight: bold;} .mm_warp_blog p strong.red {color: #f00; font-weight: bold;} /*WARPブログ 事例リンクbox*/ .mm_warp_blog div.box_caseLink{border-top:solid 1px #c8cccc; border-bottom:solid 1px #c8cccc; padding:1em 0 0;margin-bottom:1em; clear: both;} .mm_warp_blog div.box_caseLink > a{display: block; text-decoration: none; overflow: hidden; color: #474747 !important;} .mm_warp_blog div.box_caseLink > a:hover{opacity: 0.7;} .mm_warp_blog div.box_caseLink p.logo{margin: 0 60px 10em 0; float: left; width: 200px;} .mm_warp_blog div.box_caseLink p.logo>img{width: 180px;} .mm_warp_blog div.box_caseLink h3{font-size: 1.4em;} .mm_warp_blog div.box_caseLink h4{font-size: 1.2em;} .mm_warp_blog div.box_caseLink p{margin-bottom: 1em; line-height: 1.4} .mm_warp_blog div.box_caseLink p.linkBtn{margin-left:2em; text-indent:-2em; text-align:right;} .mm_warp_blog div.box_caseLink p.linkBtn:before{font-family:'mm-entypo';content:"\e885";padding-right:10px;margin-left: 1em; color:#14ad8a;} /*WARPブログ 色についての説明*/ .mm_warp_blog .legendArea{padding: 1em 2em; font-size: 0.9em;border: 1px solid #ccc; border-radius: 8px;} .mm_warp_blog .legendArea:before{content: "　　　"; margin-right: 5px;} .mm_warp_blog .legendArea.green:before{background-color:#cdedd9;} /*WARPブログ アダプターリスト*/ .mm_warp_blog ul.adapterList{width: 100%; display:grid; grid-gap: 24px; grid-template-columns: repeat(3,1fr); align-items: center; overflow: hidden; list-style: none; padding-left: 0;} .mm_warp_blog ul.adapterList li{display: block; border-radius: 10px; border: solid #cbcccc 2px; padding: 5%; align-content: center; box-sizing: border-box; overflow: hidden; background-color: #fff;} .mm_warp_blog ul.adapterList li p.icon {float: left; display: block; width: 50px; position:relative; top:8px;} .mm_warp_blog ul.adapterList li p.icon>img{display: block; width: 40px; height: 40px;} .mm_warp_blog ul.adapterList li p.content{display: block; line-height: 1.1; margin: 0 0 0 20px; position:relative; top:5px;} .mm_warp_blog ul.adapterList li p.content strong{ font-weight: 700;} .mm_warp_blog ul.adapterList li a{text-decoration: none; display: block;} .mm_warp_blog ul.adapterList li:hover{border: 2px solid #50B848;} /* WARP ブログ PDF一覧エリア 2017/11/22 */ .mm_warp_blog .warp_w_archive{text-align:left;margin-bottom:50px;} .mm_warp_blog .warp_w_archive h2{font-size:40px;color:#000;line-height:1;margin-bottom:60px;padding:0;text-align:center;} .mm_warp_blog .warp_w_archive div.w_box{position:relative;max-width:1200px;width: 100%; min-height:322px;margin:0 auto 20px;border:1px solid #C8CCCC;background:#FFF;box-sizing:border-box;overflow:hidden;} .mm_warp_blog .warp_w_archive div.w_box a.link_eria{position:absolute;display:block;width:100%;height:100%;left:0;top:0;z-index:100;} .mm_warp_blog .warp_w_archive div.w_box div.over_eria{background:#EEE;} .mm_warp_blog .warp_w_archive div.w_box div.data_box{width:auto;min-height:282px;padding:20px 20px 20px 241px;cursor:pointer;} .mm_warp_blog .warp_w_archive div.w_box div.data_box img{position:absolute;width:201px;height:282px;left:20px;top:20px;} .mm_warp_blog .warp_w_archive div.w_box div.data_box span{display:inline-block;padding:0 6px;font-size:13px;font-weight:bold;line-height:1.4;text-align:center;} .mm_warp_blog .warp_w_archive div.w_box div.data_box span.new_txt{border:1px solid #C4565B;background:#C4565B;color:#FFF;margin-right:2px;} .mm_warp_blog .warp_w_archive div.w_box div.data_box span.rank_txt{border:1px solid #50B848;background:#50B848;color:#FFF;margin-right:2px;} .mm_warp_blog .warp_w_archive div.w_box div.data_box span.cat_txt{border:1px solid #666;} .mm_warp_blog .warp_w_archive div.w_box div.data_box h3{font-size:167%;letter-spacing:-0.5px;margin:5px 0 0;text-align:left;font-weight:bold;} .mm_warp_blog .warp_w_archive div.w_box div.data_box h4{font-size:131%;margin-bottom:5px;} .mm_warp_blog .warp_w_archive div.w_box div.data_box div.text p a.btn{position:relative;display:inline-block;float:right;height:46px;width:140px;line-height:46px;font-size:18px;text-align:center;padding:2px 40px 0 20px;margin:15px 0 0 15px;border-radius:25px;text-decoration:none;color:#313131 !important;border:1px solid #C8CCCC;} .mm_warp_blog .warp_w_archive div.w_box div.data_box div.text p a.btn{background:#E5E5E5;background:linear-gradient(top bottom,#FEFEFE,#E5E5E5);background:-ms-linear-gradient(top, #FEFEFE, #E5E5E5);background:-moz-linear-gradient(center top, #FEFEFE 0%,#E5E5E5 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #E5E5E5));} .mm_warp_blog .warp_w_archive div.w_box div.data_box div.text p a.btn i{width:25px;height:24px;display:inline-block;position:absolute;right:20px;top:11px;background:url(img/warp_w_pdf_icon.png) right center no-repeat;} /* WARP ブログ ボックスフォーマット */ .mm_warp_blog .w_box {background:#F0F0F0 -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF),color-stop(1, #F0F0F0)); position: relative; border: 1px solid #c8cccc;float: left; height: 450px; margin: 0 0 0 2%; box-sizing: border-box; text-align: left;} .mm_warp_blog .w_box a.link_eria {position:absolute;display:block;width:100%;height:100%;left:0;top:0;z-index:1;} .mm_warp_blog .w_box a.link_eria:hover + div.data_box{background:#eee;opacity:0.1;} .mm_warp_blog .w_box div.data_box {min-height:414px;margin:5px;padding:13px 10px;cursor:pointer;} .mm_warp_blog .w_box div.data_box span {display:inline-block;line-height:1;text-align:center;} .mm_warp_blog .w_box div.data_box span.new_txt {background:#C4565B;color:#FFF;padding:3px 7px;font-size:11px;} .mm_warp_blog .w_box div.data_box span.cat_txt {background:#AAA;color:#FFF;padding:5px 7px;font-size:12px;} .mm_warp_blog .w_box div.data_box img {display:block;max-width:100%;margin:15px auto 20px;} .mm_warp_blog .w_box div.data_box h3 {font-size:131%;text-align:left;font-weight:normal !important;margin:0 0 8px;line-height:1.5;letter-spacing:-0.5px;} .mm_warp_blog .w_box div.data_box h3 small {font-size:85%;} .mm_warp_blog .w_box div.data_box h4 {text-align:left;font-size:93% !important; font-weight:normal !important; margin-bottom:8px;letter-spacing:-0.5px;} .mm_warp_blog .w_box div.data_box p.rb_txt {font-size: 0.9em; position:absolute; display: inline-block; bottom:30px;right:30px;} /* WARP ブログ box green banner */ .mm_warp_blog div.block_banner_link{border: 5px #64c646 solid; border-radius: 25px;margin: 4em 0 0; padding: 20px;} .mm_warp_blog div.block_banner_link>h5{font-size: 1.0em !important;color: #fff !important;background-color: #000;display: inline;padding:0 10px 0 5px !important;border: 1px solid #000;border-top-right-radius: 10px;} .mm_warp_blog div.block_banner_link h3{font-size: 1.3em !important;margin:8px 0 0 0 !important;} .mm_warp_blog div.block_banner_link h4{font-size: 1.2em !important; font-weight:normal !important;} .mm_warp_blog div.block_banner_link p{margin-top:4em;} .mm_warp_blog div.block_banner_link .detail_btn {border-radius:25px; padding: 10px 25px 10px 30px; color:#313131;border:1px solid #C8CCCC;background:#E5E5E5;background:linear-gradient(top bottom,#FEFEFE,#E5E5E5);background:-ms-linear-gradient(top, #FEFEFE, #E5E5E5);background:-moz-linear-gradient(center top, #FEFEFE 0%,#E5E5E5 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #E5E5E5));} .mm_warp_blog div.block_banner_link .detail_btn:after{font-family:'mm-entypo';content:"\e885";padding-left:15px;color:#64c646;} /*PRブログ スタイル設定*/ .mm_prblog p strong.og{color:#F5AB18;} .mm_prblog p strong.gr{color:#00A395;} .mm_prblog H4{font-size:100% !important;} .mm_prblog p.img_r{width:320px;text-align:center;overflow:hidden; float:right;font-size:0.8em;line-height:1.25;margin-left:20px;} .mm_prblog p > img{display:block; margin-bottom:5px;} .mm_prblog p.img_l{width:320px;text-align:center;overflow:hidden; float: left;font-size: 0.8em;} /*MDMコラムの先頭タイトルのフォントサイズが別のスタイルから上書きされるのを回避*/ .mdm_cont_wrap > h3.mbigtitle{font-size:30px;} /*Warp特長ページ Youtube動画フロート位置調整*/ .swrap #flow_2.w_wrap > .right{width:calc(100% - 600px);} .swrap #flow_2.w_wrap > .left{width:500px;} /*warp_core_LP スタイル設定*/ #warpcore_lp_container .mb60px{margin-bottom:60px;} #warpcore_lp_container .mb65px{margin-bottom:65px;} #warpcore_lp_container .mb70px{margin-bottom:70px;} #warpcore_lp_container .gray{color:#777;} #warpcore_lp_container .green{color:#64C646;} #warpcore_lp_container .red{color:#DE3A35;} #warpcore_lp_container .blue{color:#5298cb;} #warpcore_lp_container .deepBlue{color:#0067b7;} #warpcore_lp_container img{max-width:100%;height:auto;overflow:hidden;} #warpcore_lp_container .warpcore_titleBox{position:relative;max-width:1100px;width:auto;margin:35px auto 50px;text-align:center;} #warpcore_lp_container .warpcore_titleBox #warpcore_titleBox_inner h4{color:#313131;font-size:35px;font-weight:400;} #warpcore_lp_container .warpcore_titleBox #warpcore_titleBox_inner h2{color:#5298cb;font-size:70px;line-height:1.2;font-weight:700;} #warpcore_lp_container .warpcore_titleBox #warpcore_titleBox_inner h3{font-size:50px;font-weight:normal;color:#5298cb;margin-bottom:20px;} #warpcore_lp_container .warpcore_titleBox p{font-size:18px;color:#464646;margin-top:45px;line-height:30px;} /*warp core RPA 用タイトル*/ #warpcore_lp_container .warpcore_rpa_titleBox{position:relative;max-width:980px;width:auto;margin:35px auto 0;text-align:center;} #warpcore_lp_container .warpcore_rpa_titleBox #warpcore_rpa_titleBox_text{width:655px; float: left;} #warpcore_lp_container .warpcore_rpa_titleBox #warpcore_rpa_titleBox_text h2{font-size:60px; text-align: left; font-weight: bold; line-height: 1;margin-top:41px;} #warpcore_lp_container .warpcore_rpa_titleBox #warpcore_rpa_titleBox_text h2 strong{font-size:1.5em;} #warpcore_lp_container .warpcore_rpa_titleBox #warpcore_rpa_titleBox_text h2 small{font-size:42px;} #warpcore_lp_container .warpcore_rpa_titleBox #warpcore_rpa_titleBox_text h3{font-size:40px; text-align: left; font-weight: normal; margin-bottom: 30px;} #warpcore_lp_container .warpcore_rpa_titleBox #warpcore_rpa_titleBox_text h3.strong{font-weight: bold;} #warpcore_lp_container .warpcore_rpa_titleBox #warpcore_rpa_titleBox_text div.borer_box{text-align: center;margin:0 auto 30px; border-radius: 60px; border: 2px solid #0068b7;width:630px;height:120px;} #warpcore_lp_container .warpcore_rpa_titleBox p{font-size:28px;line-height:1.3; text-align:center; margin-top:0.9em; } #warpcore_lp_container .warpcore_rpa_titleBox #warpcore_rpa_titleBox_image{margin-left:-5%; width:320px; float:right;position:relative;bottom:-15px;} #warpcore_lp_container .warpcore1702_img02_box p.warpcore_rpa_notation{color: #464646; font-size: 18px; line-height: 30.6px; margin:0 auto 80px; padding: 0 10px; width: 90%; max-width:1200px;} #warpcore_lp_container .warpcore1702_img02_box h3.warpcore_rpa_suggest{font-size: 42px;} #warpcore_lp_container .warpcore1702_img01_boxBg_blue ul.maru{max-width:1200px;width:auto;margin:0 auto;list-style:none;text-align:center;box-sizing:border-box;} #warpcore_lp_container .warpcore1702_img01_boxBg_blue ul.maru li{display:inline-block;width:23%;height:310px;margin:45px 2% 45px 0;padding:45px 0;box-sizing:border-box;border:5px solid #bbd6ea;background-color:#FFF;border-radius:100%;font-size:18px;line-height:1.5;font-weight:800;} #warpcore_lp_container .warpcore1702_img01_boxBg_blue ul.maru li:last-child{margin-right:0;} #warpcore_lp_container .warpcore1702_img01_boxBg_blue ul.maru li.list01{background:url(img/warp_core_lp_infra_image.png) no-repeat center 117px #fff;} #warpcore_lp_container .warpcore1702_img01_boxBg_blue ul.maru li.list02{background:url(img/warp_core_lp_it_image.png) no-repeat center 108px #fff;} #warpcore_lp_container .warpcore1702_img01_boxBg_blue ul.maru li.list03{background:url(img/warp_core_lp_backbone_image.png) no-repeat center 101px #fff;} #warpcore_lp_container .warpcore1702_img01_boxBg_blue ul.maru li.list04{background:url(img/warp_core_lp_support_image.png) no-repeat center 108px #fff;} /*RPA用 */ #warpcore_lp_container .warpcore_rpa_blue{background:#EFF5FA;min-height:400px;margin-bottom:50px;} #warpcore_lp_container .warpcore_rpa_blue ul.maru{max-width:1200px;width:auto;margin:0 auto;list-style:none;text-align:center;box-sizing:border-box;height: 400px;} #warpcore_lp_container .warpcore_rpa_blue ul.maru li{display:inline-block;width:30%;height:310px;margin:45px 2% 45px 0;padding:45px 0;box-sizing:border-box;border:5px solid #bbd6ea;background-color:#FFF;border-radius:100%;font-size:18px;line-height:25px;font-weight:normal;} #warpcore_lp_container .warpcore_rpa_blue ul.maru li strong{font-weight: bold; font-size: 22px;} #warpcore_lp_container .warpcore_rpa_blue ul.maru li:last-child{margin-right:0;} #warpcore_lp_container .warpcore_rpa_blue ul.maru li#excel{background:url(img/warpcore_rpa_excel_icon.png) no-repeat center 132px #fff;} #warpcore_lp_container .warpcore_rpa_blue ul.maru li#import_web{background:url(img/warpcore_rpa_import_web.png) no-repeat center 132px #fff;} #warpcore_lp_container .warpcore_rpa_blue ul.maru li#create_report{background:url(img/warpcore_rpa_report.png) no-repeat center 132px #fff;} #warpcore_lp_container .warpcore_rpa_rounded{background:#EFF5FA;min-height:900px;margin-bottom:50px;background-color: #ecf8e8; width: 100%; position: relative; padding-bottom: 60px;} #warpcore_lp_container .warpcore_rpa_rounded h3{margin:60px 0 40px; font-weight: normal;} #warpcore_lp_container .warpcore_rpa_rounded h3 strong{font-weight: bold;} #warpcore_lp_container .warpcore_rpa_rounded ul.content_round{background:url(/jp/wp-content/uploads/2019/06/rpa_robot.png) center center no-repeat;background-size:160px auto;position: relative;margin: 0 auto;list-style: none;height: 928px;width: 900px;} #warpcore_lp_container .warpcore_rpa_rounded ul.content_round li{width: 225px;height: 225px;border-radius: 50%; background-color: #fff; line-height:1.3; text-align: center; position: absolute;border: 3px solid;} #warpcore_lp_container .warpcore_rpa_rounded ul.content_round li strong{display: block; font-size:30px; font-weight:bold;height: 225px; padding-top: 80px;} #warpcore_lp_container .warpcore_rpa_rounded ul.content_round li:nth-child(1){left:50%;top:0;margin-left:-113px;} #warpcore_lp_container .warpcore_rpa_rounded ul.content_round li:nth-child(2){left:113px; top: 113px;} #warpcore_lp_container .warpcore_rpa_rounded ul.content_round li:nth-child(3){left:0;top:50%;margin-top:-113px;} #warpcore_lp_container .warpcore_rpa_rounded ul.content_round li:nth-child(4){left:0;bottom:0;margin-bottom:113px; margin-left:113px;} #warpcore_lp_container .warpcore_rpa_rounded ul.content_round li:nth-child(5){bottom:0; right:50%; margin-right:-113px;} #warpcore_lp_container .warpcore_rpa_rounded ul.content_round li:nth-child(6){right:0;bottom:0;margin-bottom:113px;margin-right:113px;} #warpcore_lp_container .warpcore_rpa_rounded ul.content_round li:nth-child(7){right:0;top:50%;margin-top:-113px;} #warpcore_lp_container .warpcore_rpa_rounded ul.content_round li:nth-child(8){right:0;top:113px;margin-right:113px;} #warpcore_lp_container .warpcore_rpa_rounded ul.content_round li:nth-child(odd){color: #64c646;} #warpcore_lp_container .warpcore_rpa_rounded ul.content_round li:nth-child(even){color: #0068b7;} #warpcore_lp_container #warpcore_rpa_detailFeatures {max-width:1200px;width:auto;text-align:center; margin: 0 auto;} /*RPA ガイド*/ #warpcore_lp_container .rpa_guide_button a{display: block;width: 930px; height: 86px; background: url(img/930_86_WP_rpa_solution_guide_btn.png) no-repeat;overflow: hidden; text-indent: 100%; white-space: nowrap; margin:0 auto;} #warpcore_lp_container .rpa_guide_button a:hover{opacity: 0.8;} #warpcore_lp_container #warpcore_rpa_detailFeatures .textColumn{ background:url(/jp/wp-content/uploads/2019/06/rpa_robot.png) center right no-repeat; background-size:160px auto; width: 930px;height:250px; margin:0 auto; vertical-align:middle; padding: 63px 0 48px; } #warpcore_lp_container #warpcore_rpa_detailFeatures .textColumn h3{font-size: 45px; font-weight: bold;color: #313131; margin-bottom: 26px;line-height: 1; margin-top: 51px;} #warpcore_lp_container #warpcore_rpa_detailFeatures p{text-align: center;} #warpcore_lp_container #warpcore_rpa_detailFeatures p.description{font-size: 21px;font-weight: 400;line-height: 31.5px;text-align: center;} #warpcore_lp_container #warpcore_rpa_detailFeatures p > a{color: #006699; font-size: 1.2em; line-height: 1; text-decoration:underline;} #warpcore_lp_container #warpcore_rpa_detailFeatures h5{margin: 85px auto 55px; font-size: 24px; line-height: 1.4;font-weight: normal;} #warpcore_lp_container #warpcore_rpa_detailFeatures h5 strong{font-weight: bold;} #warpcore_lp_container #warpcore_rpa_detailFeatures h5 i{font-weight: normal; font-style: normal;} #warpcore_lp_container #warpcore_rpa_detailFeatures h5 big{font-size: 1.4em; font-weight: bold;} #warpcore_lp_container h3.suggest{line-height:49px;font-size:35px;font-weight:400;padding-bottom:90px;background:url(img/warp_core_lp_bg_arrow.png) no-repeat center bottom;margin-bottom:30px;} #warpcore_lp_container h3.suggest strong{display:block;font-size:45px;font-weight:800;} #warpcore_lp_container h3.warpcore_rpa_suggest{font-size: 42px; font-weight: bold; padding-right:0; margin-left:0;} #warpcore_lp_container h4{font-size:21px;font-weight:normal;} #warpcore_lp_container #warpcore_rpa_solution{background:url(img/warpcore_rpa_arrow_black.png) no-repeat center top; padding-top: 175px; position: relative; top:-74px;} #warpcore_lp_container #warpcore_rpa_solution h3{font-size: 45px; font-weight: bold; line-height: 63px;padding:0} #warpcore_lp_container .warpcore1702_img03_box{margin-bottom:60px;} #warpcore_lp_container .warpcore1702_img03_box h3{margin-bottom:20px;} #warpcore_lp_container .warpcore1702_img03_box h3.noStrong{position:relative;width:930px;height:75px;overflow:hidden;vertical-align:middle;line-height:74px;} #warpcore_lp_container .warpcore1702_img03_box h3.noStrong span{display:inline;vertical-align:top;} #warpcore_lp_container .warpcore1702_img03_box h3.noStrong img{width:250px;margin:0 20px 0 0;height:74px;} #warpcore_lp_container .warpcore1702_img03_box a{font-size:16px;text-decoration:underline;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray{background:#F0F0F0;margin-bottom:50px;padding:0 0 15px;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray ul.kino{max-width:1200px;width:auto;margin:0 auto;list-style:none;min-height:200px;box-sizing:border-box;overflow:hidden;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray ul.kino li{background:#FFF;margin-bottom:2%;position:relative;text-align:center;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray ul.kino li h4{font-size:24px;font-weight:bold;padding:30px 0 15px 20px;line-height:1;text-align:left;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray ul.kino li p{font-size:15px;margin:0 20px 15px 20px;text-align:left;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray ul.kino li a{display:block;font-size:15px;position:absolute;width:100%;left:0;bottom:15px;text-decoration:underline;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray ul.kino.cal01{margin-top:30px;width:100%;background-color:#fff;margin:30px auto;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray ul.kino.cal01 li{min-height:230px;max-width:1200px;width:80%;overflow:hidden;margin:2% 10%;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray ul.kino.cal01 li .ab_a{float:left;margin-bottom:30px;width:45%;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray ul.kino.cal01 li .ab_b{float:right;width:50%;text-align:right;display:block;padding-right:20px;padding-top:10px;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray ul.kino.cal03 li{float:left;min-height:340px;margin-bottom:2%;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray ul.kino.cal03 li.list01{width:32%;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray ul.kino.cal03 li.list02{width:32%;margin-left:2%;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray ul.kino.cal03 li.list03{width:32%;margin-left:2%;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray ul.kino.cal03 li img{max-width:260px;max-height:130px;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray .kino.cal03 li.convert{background:url(img/warp_core_lp_convert.png) no-repeat center 70% #fff;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray .kino.cal03 li.template{background:url(img/warp_core_lp_template.png) no-repeat center 70% #fff;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray .kino.cal03 li.schedule{background:url(img/warp_core_lp_schedule.png) no-repeat center 70% #fff;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray .kino.cal03 li.connectivity{background:url(img/warp_core_lp_connectivity.png) no-repeat center 70% #fff;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray .kino.cal03 li.adapter{background:url(img/warp_core_lp_adapter.png) no-repeat center 70% #fff;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray .kino.cal03 li.update{background:url(img/warp_core_lp_update.png) no-repeat center 70% #fff;} #warpcore_lp_container .warpcore1702_img02_box{margin-bottom:50px;} #warpcore_lp_container .warpcore1702_img02_box ul.merit{margin:0 auto 60px;padding:2.5em 0;width:80%;max-width:1200px;text-align:center;list-style:none;border:3px solid #c7c7c7;border-radius:15px;position:relative;} #warpcore_lp_container .warpcore1702_img02_box ul.merit:before{border-top:30px #c7c7c7 solid;border-left:15px solid transparent;border-right:15px solid transparent; content:"";position:absolute;left:50%;bottom:-30px;} #warpcore_lp_container .warpcore1702_img02_box ul.merit:after{border-top:30px #fff solid;border-left:15px solid transparent;border-right:15px solid transparent;content:"";position:absolute;left:50%;bottom:-24px;} /*#warpcore_lp_container .warpcore1702_img02_box ul.merit li{display:inline-block;font-size:2.6vw;color:#777;vertical-align:middle;height:95px;line-height:95px;} #warpcore_lp_container .warpcore1702_img02_box ul.merit li em{font-size:2em;color:#f60;font-weight:normal;vertical-align:-8%;} #warpcore_lp_container .warpcore1702_img02_box ul.merit li:first-child{text-align:right;margin-right:37px;} #warpcore_lp_container .warpcore1702_img02_box ul.merit li:last-child{text-align:left;margin-right:37px;} */ #warpcore_lp_container .warpcore1702_img02_box ul.merit li{display:inline-block;font-size:2.6vw;color:#777;vertical-align:middle;} #warpcore_lp_container .warpcore1702_img02_box ul.merit li.box-center{display:block;text-align:center;line-height:1.4;} #warpcore_lp_container .warpcore1702_img02_box p.logo{text-align:center;} #warpcore_lp_container .warpcore1702_img02_box h3.pickup_case_title{font-size:40px;color:#313131;font-weight:700;margin-bottom:30px;} #warpcore_lp_container .warpcore1702_img02_box h3.noStrong{font-weight:normal;margin-bottom:10px;} #warpcore_lp_container .warpcore1702_img02_box .case_detail{background-color:#eff5fa;padding-top:60px;} #warpcore_lp_container .warpcore1702_img02_box ul.kadai{max-width:1200px;width:90%;margin:0 auto 30px;height:140px;box-sizing:border-box;list-style:none;text-align:center;} #warpcore_lp_container .warpcore1702_img02_box ul.kadai li{display:inline-block;vertical-align:middle;width:32%;height:140px;margin:0 1% 0 0;box-sizing:border-box;border:5px solid #DED6A5;border-radius:15px;font-size:30px;line-height:1.3;font-weight:700;background:#fff;color:#726729;} #warpcore_lp_container .warpcore1702_img02_box ul.kadai li:last-child{margin-right:0;} #warpcore_lp_container .warpcore1702_img02_box ul.kadai li h4{background:#BAA944;color:#FFF;font-size:20px;margin-bottom:8px;font-weight:normal;width:110px;height:40px;margin-left:20px;margin-top:-20px;} #warpcore_lp_container .warpcore1702_img02_box ul.kadai li h4 strong{font-size:25px;font-weight:normal;} #warpcore_lp_container .warpcore1702_img02_box ul.kadai li.list01{} #warpcore_lp_container .warpcore1702_img02_box ul.kadai li.list02{} #warpcore_lp_container .warpcore1702_img02_box ul.kadai li.list03{} #warpcore_lp_container .warpcore1702_img02_box .dot_line{background:url(img/warpcore1702_img02_kadai_dotline.png) no-repeat center bottom;background-size:70% 100%;display:block;max-width:1200px;width:90%;height:73px;position:relative;top:-40px;margin:0 auto;} #warpcore_lp_container .warpcore1702_img02_box .koka{} #warpcore_lp_container .warpcore1702_img02_box .koka .koka_arrow{margin:-76px auto 180px;background-color:#BAA944;max-width:1200px;width:90%;text-align:center;height:70px;} #warpcore_lp_container .warpcore1702_img02_box .koka .koka_arrow p.logo{width:240px;height:70px;background-color:#fff;text-align:center;position:relative;border-radius:45px;top:35px;margin:0 auto;z-index:5;} #warpcore_lp_container .warpcore1702_img02_box .koka .koka_arrow img{width:150px;margin:7px 0 0;} #warpcore_lp_container .warpcore1702_img02_box .koka .koka_arrow h3{padding-top:40px;font-size:40px;color:#fff;font-weight:normal;height:100px;position:relative;z-index:4;background:linear-gradient(to top right, rgba(255,255,255,0) 50%, #887012 50.5%) no-repeat top left/50% 100%,linear-gradient(to top left, rgba(255,255,255,0) 50%, #887012 50.5%) no-repeat top right/50% 100%;} /*#warpcore_lp_container .warpcore1702_img02_box .koka ul{max-width:1200px;width:90%;margin:25px auto 55px;min-height:260px;background:#FFF;list-style:none;overflow:hidden;}*/ /*導入効果の横幅をやや狭く*/ #warpcore_lp_container .warpcore1702_img02_box .koka ul{max-width:980px;width:75%;margin:25px auto 55px;min-height:260px;background:#FFF;list-style:none;overflow:hidden;} #warpcore_lp_container .warpcore1702_img02_box .koka ul li{width:100%;min-height:65px;font-size:27px;border-bottom:1px dotted #C8CCCC;line-height:65px;text-align:left;background:url(img/warp_core_lp_chkmark.png) no-repeat 20px center;padding-left:90px;} #warpcore_lp_container .warpcore1702_img02_box .koka ul li strong{font-weight:bold;} #warpcore_lp_container .warpcore1702_img02_box .koka ul li:last-child{border-bottom:none;} #warpcore_lp_container .warpcore1702_img02_box .koka a{font-size:20px;text-decoration:underline;padding-bottom:70px;display:block;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case{max-width:1000px;width:auto;margin:0 auto;min-height:230px;position:relative;overflow:hidden;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case .case{background:#313131;color:#FFF;width:150px;height:40px;position:absolute;right:0;top:0;font-size:20px;line-height:40px;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case .fukidashi{background:url(img/warpcore1702_img02_fukidashi.png) no-repeat 50% 28px;min-height:230px;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case .fukidashi{background-size:96% auto;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case .left{float:left;width:40%;margin:8% 0 0 8%;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case .left img{width:100%;height:auto;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case .right{float:right;width:35%;margin:6% 10% 0 0;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case .right img{width:100%;height:auto;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case .item00{} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case p{font-size:25px;text-align:center;margin-bottom:0;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case p strong{font-weight:bold;} #warpcore_lp_container .warpcore_trialBox_w730_h90{margin:0 auto 60px;max-width:1200px;width:auto;height:90px;overflow:hidden;} #warpcore_lp_container .warpcore_trialBox_w730_h90 a{position:relative;display:block;width:100%;height:100%;line-height:90px;font-size:22px;color:#fff;text-align:center;margin:0;background:#000;background:linear-gradient(top, bottom,#666,#000);background:-ms-linear-gradient(top, #666, #000);background:-moz-linear-gradient(center top, #666 0%,#000 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #666),color-stop(1, #000));} #warpcore_lp_container .warpcore_trialBox_w730_h90 a i{width:11px;height:12px;display:inline-block;background:url(img/warpcore1702_trial_arrow.png) left center no-repeat;} #warpcore_lp_container .warpcore_trialBox_w730_h90 a strong{font-weight:bold;} #warpcore_lp_container .warpcore_trialBox_w730_h90 a span{display:inline-block;width:220px;height:40px;line-height:40px;font-size:20px;color:#fff;text-align:center;margin:0 0 0 30px;border-radius:20px;background:#43942C;background:linear-gradient(top bottom,#64C846,#43942C);background:-ms-linear-gradient(top, #64C846, #43942C);background:-moz-linear-gradient(center top, #64C846 0%,#43942C 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #64C846),color-stop(1, #43942C));} #warpcore_lp_container h3{margin:0 auto 60px;font-size:30px;color:#313131;line-height:1.5;font-weight:normal;text-align:center;} #warpcore_lp_container h3 strong{font-weight:bold;} #warpcore_lp_container h3.bigger, #warpcore_lp_container h3 .bigger{font-size:35px;} #warpcore_lp_container h3.noStrong{font-weight:normal;} #warpcore_lp_container .warpcore1702_img01_boxBg_gray{background:url(img/warpcore1702_img01_bg.png) repeat-x left top;} #warpcore_lp_container .warpcore1702_img01_boxBg_gray .warpcore1702_img01_boxBg_gray_inner{max-width:1000px;width:auto;margin:0 auto;min-height:534px;overflow:hidden;} #warpcore_lp_container .warpcore1702_img01_boxBg_gray .warpcore1702_img01_boxBg_gray_inner .left{float:left;max-width:445px;width:49%;position:relative;min-height:534px;} #warpcore_lp_container .warpcore1702_img01_boxBg_gray .warpcore1702_img01_boxBg_gray_inner .right{float:right;max-width:445px;width:49%;position:relative;min-height:534px;} #warpcore_lp_container .warpcore1702_img01_boxBg_gray .warpcore1702_img01_boxBg_gray_inner h4{background:url(img/warpcore1702_img01_fukidashi.png) no-repeat left top;font-size:23px;line-height:1.4;} #warpcore_lp_container .warpcore1702_img01_boxBg_gray .warpcore1702_img01_boxBg_gray_inner h4{background-size:contain;height:6em;padding:15px 0 10px;} #warpcore_lp_container .warpcore1702_img01_boxBg_gray .warpcore1702_img01_boxBg_gray_inner h4 strong{font-weight:bold;} #warpcore_lp_container .warpcore1702_img01_boxBg_gray .warpcore1702_img01_boxBg_gray_inner img{} #warpcore_lp_container .warpcore1702_img01_boxBg_gray .warpcore1702_img01_boxBg_gray_inner .bloglink{position:absolute;width:100%;left:0;bottom:30px;text-align:left;} #warpcore_lp_container .warpcore1702_img01_boxBg_gray .warpcore1702_img01_boxBg_gray_inner .bloglink h5{background:#BBB;width:5em;line-height:1;color:#FFF;font-size:15px;text-align:center;padding:6px 0 5px;margin-bottom:5px;} #warpcore_lp_container .warpcore1702_img01_boxBg_gray .warpcore1702_img01_boxBg_gray_inner .bloglink h5 strong{font-weight:bold;} #warpcore_lp_container .warpcore1702_img01_boxBg_gray .warpcore1702_img01_boxBg_gray_inner .bloglink a{display:block;} #warpcore_lp_container .warpcore1702_img01_boxBg_gray .warpcore1702_img01_boxBg_gray_inner .bloglink a{font-size:15px;padding-left:18px;text-decoration:underline;height:3em;overflow:hidden;} #warpcore_lp_container .warpcore1702_img01_boxBg_blue{background:#EFF5FA;min-height:370px;margin-bottom:50px;} #warpcore_lp_container .warpcore1702_img01_boxBg_blue h3{margin:50px 0 35px;} #warpcore_lp_container .warpcore1702_img02_box{margin-bottom:50px;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case{max-width:1000px;width:auto;margin:0 auto;min-height:230px;position:relative;overflow:hidden;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case .case{background:#313131;color:#FFF;width:150px;height:40px;position:absolute;right:0;top:0;font-size:20px;line-height:40px;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case .fukidashi{background:url(img/warpcore1702_img02_fukidashi.png) no-repeat 50% 28px;min-height:230px;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case .fukidashi{background-size:96% auto;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case .left{float:left;width:40%;margin:8% 0 0 8%;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case .left img{width:100%;height:auto;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case .right{float:right;width:35%;margin:6% 10% 0 0;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case .right img{width:100%;height:auto;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case .item00{} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case p{font-size:25px;text-align:center;margin-bottom:0;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case p strong{font-weight:bold;} #warpcore_lp_container .warpcore1702_img04_box{} #warpcore_lp_container .warpcore1702_img04_box h2.warpcore_rpa_table_header{font-size: 40px; text-align: center;font-weight: normal;} #warpcore_lp_container .warpcore1702_img04_box h3.warpcore_rpa_table_header{font-size: 30px; font-weight: bold;} #warpcore_lp_container .warpcore1702_img04_box table{width:100%;max-width:1200px;margin:0 auto;font-size:18px;line-height:1.3;overflow:hidden;} #warpcore_lp_container .warpcore1702_img04_box table th{padding:15px 20px;border-right:2px solid #FFF;border-bottom:2px solid #FFF;background:#F0F0F0;} #warpcore_lp_container .warpcore1702_img04_box table td{padding:15px 20px;border-right:2px solid #FFF;border-bottom:2px solid #FFF;} #warpcore_lp_container .warpcore1702_img04_box table thead th{width:30%;background:none;color:#FFF;text-align:center;font-weight:bold;padding:1em 20px;font-size:123.1%;} #warpcore_lp_container .warpcore1702_img04_box table thead .col1{width:35%;background-color:#0068B7;} #warpcore_lp_container .warpcore1702_img04_box table thead .col2{width:35%;background-color:#0086D1;} #warpcore_lp_container .warpcore1702_img04_box table tbody th{text-align:left;} #warpcore_lp_container .warpcore1702_img04_box table tbody td{text-align:center;} #warpcore_lp_container .warpcore1702_img04_box table tbody td.col1{background-color:#EAF5FF;color:#005392;} #warpcore_lp_container .warpcore1702_img04_box table tbody td.col2{background-color:#EAF8FF;color:#006BA7;} #warpcore_lp_container .warpcore1702_img04_box table tbody td.col1 a{color:#005392;} #warpcore_lp_container .warpcore1702_img04_box table tbody td.col2 a{color:#006BA7;} #warpcore_lp_container .warpcore1702_img04_box table tbody td a:hover, #warpcore_lp_container .warpcore1702_img04_box table tbody td a:active, #warpcore_lp_container .warpcore1702_img04_box table tbody td a:focus{color:#C8CCCC;} #warpcore_lp_container .warpcore1702_img04_box table tbody td strong{font-size:123.1%;} #warpcore_lp_container h2.warpcore_rpa_benefit {text-align: center;font-size: 40px; line-height: 56px; margin:70px 0 62px; } #warpcore_lp_container .warpcore_trialBox_w930_h120{margin:0 auto 60px;max-width:1200px;width:auto;height:120px;overflow:hidden;} #warpcore_lp_container .warpcore_trialBox_w930_h120 a{position:relative;display:block;width:100%;height:100%;line-height:120px;font-size:30px;color:#fff;text-align:center;margin:0;background:#000;background:linear-gradient(top bottom,#666,#000);background:-ms-linear-gradient(top, #666, #000);background:-moz-linear-gradient(center top, #666 0%,#000 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #666),color-stop(1, #000));vertical-align:middle;} #warpcore_lp_container .warpcore_trialBox_w930_h120 a i{width:11px;height:12px;display:inline-block;background:url(img/warpcore1702_trial_arrow.png) left center no-repeat;padding-right:20px !important;} #warpcore_lp_container .warpcore_trialBox_w930_h120 a strong{font-weight:bold;} #warpcore_lp_container .warpcore_trialBox_w930_h120 a span{display:inline-block;width:280px;height:70px;line-height:70px;font-size:30px;color:#fff;text-align:center;margin:0 0 0 30px;border-radius:35px;background:#43942C;background:linear-gradient(top bottom,#64C846,#43942C);background:-ms-linear-gradient(top, #64C846, #43942C);background:-moz-linear-gradient(center top, #64C846 0%,#43942C 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #64C846),color-stop(1, #43942C));} /*warp core RPA ボタン画像*/ #warpcore_lp_container .warpcore_trialBox_w930_h120 a span.w370{width:370px;border-radius: 35px; background-image: -webkit-linear-gradient(-90deg, #0086d1 0%, #0068b7 97%); background-image: linear-gradient(180deg, #0086d1 0%, #0068b7 97%);} /*warp core RPA ロボット画像青ボタン*/ #warpcore_lp_container .warpcore_trialBox_wRobo{margin:0 auto 60px;max-width:1200px;width:auto;height:120px;overflow:hidden;} #warpcore_lp_container .warpcore_trialBox_wRobo a{ position:relative;display:block;width:100%;height:100%;line-height:120px;font-size:30px;color:#fff;text-align:center;margin:0; /*background:linear-gradient(top bottom,#666,#000); background:-ms-linear-gradient(top, #666, #000); background:-moz-linear-gradient(center top, #666 0%,#000 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #666),color-stop(1, #000));*/ vertical-align:middle; background:url(img/warpcore_rpa_robo_banner.png) right center no-repeat,linear-gradient(180deg, #666 0%, #000 99%),#000;} #warpcore_lp_container .warpcore_trialBox_wRobo a i{width:11px;height:12px;display:inline-block;background:url(img/warpcore1702_trial_arrow.png) left center no-repeat;padding-right:20px !important;} #warpcore_lp_container .warpcore_trialBox_wRobo a strong{font-weight:bold;} #warpcore_lp_container .warpcore_trialBox_wRobo a span{display:inline-block;width:370px;height:70px;line-height:70px;font-size:25px;color:#fff;text-align:center;margin:0 0 0 30px;border-radius:35px;background:#0086d1;background-image: linear-gradient(180deg, #0086d1 0%, #0068b7 98%);} #warpcore_lp_container .warpcore1702_img05_box{margin:0 auto 60px;} #warpcore_lp_container .warpcore1702_img05_box a{font-size:16px;text-decoration:underline;} /* PC width 1260px以下 */ @media screen and (max-width:1260px){ #warpcore_lp_container .warpcore_titleBox, #warpcore_lp_container h3, #warpcore_lp_container .warpcore1702_img01_boxBg_gray, #warpcore_lp_container .warpcore1702_img01_boxBg_blue, #warpcore_lp_container .warpcore1702_img02_box .pickUp_case, #warpcore_lp_container .warpcore1702_img03_boxBg_gray ul.kino{padding-left:5%;padding-right:5%;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray ul.kino.cal01{width:90%;margin-left:5%;margin-right:5%;} #warpcore_lp_container .warpcore1702_img03_boxBg_gray ul.kino.cal01 li{width:100%;margin:0;} #warpcore_lp_container .warpcore1702_img04_box table, #warpcore_lp_container .warp_w_archive, #warpcore_lp_container .warpcore_trialBox_w930_h120{width:90%;margin-left:5%;margin-right:5%;} #warpcore_lp_container .warpcore1702_img02_box .pickUp_case .case{right:2%;} #warpcore_lp_container #warpcore_rpa_titleBox_text h3{padding-left:0; width:100%;} } /* PC width 1180px以下 WARPブログ、PRブログで横長画像が広がりすぎるのを対処*/ @media screen and (max-width:1180px){ .blog_entry_body p>img, .blog_entry_body div>img, #entry_body p>img, #entry_body div>img{max-width:100%;height:auto;} } /* PC width 930px以下 */ @media screen and (max-width:929px){ .mm_grid_4fr{grid-template-columns: repeat(2,201px);} #warpcore_lp_container .warpcore_rpa_titleBox #warpcore_rpa_titleBox_text{width:100%; float: none;} #warpcore_lp_container .warpcore_rpa_titleBox #warpcore_rpa_titleBox_text h2, #warpcore_lp_container .warpcore_rpa_titleBox #warpcore_rpa_titleBox_text h3, #warpcore_lp_container .warpcore_rpa_titleBox #warpcore_rpa_titleBox_text p{text-align:center;} #warpcore_lp_container .warpcore_rpa_titleBox #warpcore_rpa_titleBox_image{width:20%; float:none; margin:0 auto;} } /* PDF一覧エリア */ #warpcore_lp_container .warp_w_archive{text-align:left;margin-bottom:50px;} #warpcore_lp_container .warp_w_archive h2{font-size:40px;color:#000;line-height:1;margin-bottom:60px;padding:0;text-align:center;} #warpcore_lp_container .warp_w_archive h3{font-size:35px;color:#313131;line-height:49px;margin-bottom:38px;padding:0;text-align:center;} #warpcore_lp_container .warp_w_archive div.w_box{position:relative;max-width:1200px;min-height:322px;margin:0 auto 20px;border:1px solid #C8CCCC;background:#FFF;box-sizing:border-box;overflow:hidden;} #warpcore_lp_container .warp_w_archive div.w_box a.link_eria{position:absolute;display:block;width:100%;height:100%;left:0;top:0;z-index:100;} #warpcore_lp_container .warp_w_archive div.w_box div.over_eria{background:#EEE;} #warpcore_lp_container .warp_w_archive div.w_box div.data_box{width:auto;min-height:282px;padding:20px 20px 20px 241px;cursor:pointer;} #warpcore_lp_container .warp_w_archive div.w_box div.data_box img{position:absolute;width:201px;height:282px;left:20px;top:20px;} #warpcore_lp_container .warp_w_archive div.w_box div.data_box span{display:inline-block;padding:0 6px;font-size:13px;font-weight:bold;line-height:1.4;text-align:center;} #warpcore_lp_container .warp_w_archive div.w_box div.data_box span.new_txt{border:1px solid #C4565B;background:#C4565B;color:#FFF;margin-right:2px;} #warpcore_lp_container .warp_w_archive div.w_box div.data_box span.rank_txt{border:1px solid #50B848;background:#50B848;color:#FFF;margin-right:2px;} #warpcore_lp_container .warp_w_archive div.w_box div.data_box span.cat_txt{border:1px solid #666;} #warpcore_lp_container .warp_w_archive div.w_box div.data_box h3{font-size:167%;letter-spacing:-0.5px;margin:5px 0 0;text-align:left;font-weight:bold;} #warpcore_lp_container .warp_w_archive div.w_box div.data_box h4{font-size:131%;margin-bottom:5px;} #warpcore_lp_container .warp_w_archive div.w_box div.data_box div.text p a.btn{position:relative;display:inline-block;float:right;height:46px;width:140px;line-height:46px;font-size:18px;text-align:center;padding:2px 40px 0 20px;margin:15px 0 0 15px;border-radius:25px;text-decoration:none;color:#313131 !important;border:1px solid #C8CCCC;} #warpcore_lp_container .warp_w_archive div.w_box div.data_box div.text p a.btn{background:#E5E5E5;background:linear-gradient(top bottom,#FEFEFE,#E5E5E5);background:-ms-linear-gradient(top, #FEFEFE, #E5E5E5);background:-moz-linear-gradient(center top, #FEFEFE 0%,#E5E5E5 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #E5E5E5));} #warpcore_lp_container .warp_w_archive div.w_box div.data_box div.text p a.btn i{width:25px;height:24px;display:inline-block;position:absolute;right:20px;top:11px;background:url(img/warp_w_pdf_icon.png) right center no-repeat;}