/* THEME NAME:infoteria 02 */ /*---------------------------------------------------------------------------- ZOHOチャットボタン 2020/06 #zsiqbtn.zsiq_float3.zsiq_custombtn{position:relative;display:block !important;visibility:visible !important;} ----------------------------------------------------------------------------*/ #siqbtndiv.zsiq_flt_rel3.siqico-chat{position:fixed;right:15px;bottom:25px;} /*---------------------------------------------------------------------------- お問い合わせフォームTOP 17/08 ----------------------------------------------------------------------------*/ /* 共通 */ body#company.w1260 p strong {font-weight:bold;} body#company.w1260 div.box_wrap {font-size:108%;} body#inquiry ul li {list-style-type:none;} body#inquiry div.links {margin-bottom:50px;} body#inquiry div.link_box {border:solid 1px #c9c8c8;text-align:left;margin:0 0 20px;} body#inquiry div.link_box h2 {background:url(img/kadai_title_bg.jpg) repeat-x 0 0;padding:5px 5px 12px 10px;font-size:116%;margin-bottom:0;font-weight:bold;color:#313131;} body#inquiry div.link_box ul:before, body.kadai div.link_box ul:after {content:'';display:block;overflow:hidden;} body#inquiry div.link_box ul:after {clear:both;} body#inquiry div.link_box ul {zoom:1;} body#inquiry div.link_box ul {margin:1em;} body#inquiry div.link_box ul li {background:url(img/kadai_arow.png) no-repeat 0 9px;padding:7px 0 5px 25px;font-size:100%;width:45%;float:left;margin-right:10px;} body#inquiry div.free_text {text-align:left;padding:10px 20px 15px 20px;} body#inquiry div.free_text02 {text-align:left;padding:0px 20px 15px 20px;line-height:1.5;} body#inquiry div.free_text_hosoku {text-align:left;padding:10px 20px;font-size:93%;} body#inquiry div.contact_box {text-align:left;margin:10px 20px 20px;border:solid 1px #c9c8c8;font-size:93%;} body#inquiry div#links_partners div.contact_box {margin-bottom:0px;} body#inquiry div.contact_box div.contact_box_in {margin:1px;border:solid 1px #f5f5f5;padding:11px 13px;} body#inquiry div.contact_box dl dt {text-align:left;float:left;margin-right:8px;} body#inquiry div.contact_box dl dd {text-align:left;float:left;margin-right:8px;} /* WEBフォーム（メルマガ登録）2020/03 */ body#inquiry #ZHform_mail_entry_style {font-size:116%;} body#inquiry #ZHform_mail_entry_style div#SIGNUP_PAGE {padding:0 !important;} /* WEBフォーム（メルマガ解除）2020/03 */ body#inquiry #ZHform_mail_release_style table {font-size:15px;border:none;width:100%;} body#inquiry #ZHform_mail_release_style table th {padding:12px 10px;border:1px solid #c9c8c8;background:#eee;vertical-align:top;width:25%;font-weight:bold;} body#inquiry #ZHform_mail_release_style table td {padding:12px 10px;border:1px solid #c9c8c8;text-align:left;vertical-align:top;background:#fff;} body#inquiry #ZHform_mail_release_style table small {color:#777;font-size:77%;} body#inquiry #ZHform_mail_release_style table td input[type='text'] {font-size:108%;padding:3px;border:1px solid #C8CCCC;} body#inquiry #ZHform_mail_release_style table td input[type='text'] {width:75%;} body#inquiry #ZHform_mail_release_style table td.ZHsubmitBtn {text-align:center;padding:30px 0;border:none;background:transparent;} body#inquiry #ZHform_mail_release_style table td input[type='submit'] {width:185px;height:45px;line-height:45px;background:url(img/btn_bg.png);border:none;font-weight:bold;} body#inquiry #ZHform_mail_release_style table td input[type='submit'] {margin:0 1em !important;font-size:16px !important;color:#fff !important;} body#inquiry #ZHform_mail_release_style table td input[type='submit']:hover {opacity:0.5;} /* WEBフォーム 2020/03 */ body#inquiry #ZHform_all_reset_style table.inquiry_form {} body#inquiry #ZHform_all_reset_style table {font-size:15px;border:none;width:100%;} body#inquiry #ZHform_all_reset_style table th {padding:12px 10px;border:1px solid #c9c8c8;background:#eee;vertical-align:top;width:25%;font-weight:bold;} body#inquiry #ZHform_all_reset_style table td {padding:12px 10px;border:1px solid #c9c8c8;text-align:left;vertical-align:top;background:#fff;} body#inquiry #ZHform_all_reset_style table span.hissu {color:#ba0909;font-size:93%;padding-left:7px;} body#inquiry #ZHform_all_reset_style table small {color:#096;font-size:93%;} body#inquiry #ZHform_all_reset_style table td select, body#inquiry #ZHform_all_reset_style table td textarea, body#inquiry #ZHform_all_reset_style table td input[type='text'], body#inquiry #ZHform_all_reset_style table td input[type='date'] {font-size:108%;padding:3px;border:1px solid #C8CCCC;} body#inquiry #ZHform_all_reset_style table td input[type='radio'], body#inquiry #ZHform_all_reset_style table td input[type='checkbox'] {-webkit-transform:scale(1.5);transform:scale(1.5);margin:5px 10px 5px 3px;} body#inquiry #ZHform_all_reset_style table td textarea {width:90%;height:10em;} body#inquiry #ZHform_all_reset_style table td input[type='text'] {width:75%;} body#inquiry #ZHform_all_reset_style table td input[name='Last Name'], body#inquiry #ZHform_all_reset_style table td input[name='First Name'] {width:33.3%;min-width:160px;} body#inquiry #ZHform_all_reset_style table td input[name='Zip Code'], body#inquiry #ZHform_all_reset_style table td input[name='State'], body#inquiry #ZHform_all_reset_style table td input[name='Phone'] {width:25%;min-width:160px;} body#inquiry #ZHform_all_reset_style table td input.TaikenCloudDay {width:25%;} body#inquiry #ZHform_all_reset_style table td.ZHsubmitBtn {text-align:center;padding:30px 0;border:none;background:transparent;} body#inquiry #ZHform_all_reset_style table td input[type='submit'] {width:185px;height:45px;line-height:45px;background:url(img/btn_bg.png);border:none;font-weight:bold;} body#inquiry #ZHform_all_reset_style table td input[type='submit'] {margin:0 1em !important;font-size:16px !important;color:#fff !important;} body#inquiry #ZHform_all_reset_style table td input[type='submit']:hover {opacity:0.5;} /* WEBフォーム 2020/03 代替予定（table）以下は無いかもしれないので代替予定無し、削除かも、とりあえずこのまま */ body#inquiry #ZHform_all_reset_style table td p.extra {margin:0;padding:10px 0 3px;font-size:93%;} body#inquiry #ZHform_all_reset_style table p {font-size:100%;} body#inquiry #ZHform_all_reset_style table p.gray {color:#777;text-indent:1em;} body#inquiry #ZHform_all_reset_style table td#reason_cell p {margin:0;padding:0;} /* WEBフォーム ◎新バージョン（table ⇒ div）他フォーム更新したらsmall以降再チェック予定 2020/09 */ body#inquiry #ZHform_all_reset_style #crmWebToEntityForm.zcwf_lblLeft {width:100%;padding:0;margin:0;box-sizing:border-box;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm {font-size:15px;border-top:1px solid #c9c8c8;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_row {margin:0;border:1px solid #c9c8c8;border-top:none;background:#eee;} /* tr 相当 */ body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_lab {float:left;margin:0;width:25%;padding:12px 10px;vertical-align:top;font-weight:bold;} /* th 相当 */ #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_row {display:flex;flex-wrap:wrap;} /* flexbox調整（モダンブラウザ） */ #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_row.wfrm_fld_dpNn {display:none;} /* 非表示行 */ body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_lab label {} /* th内ラベル 相当 */ body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld {float:left;margin:0;width:75%;padding:12px 10px;position:relative;} /* td 相当 */ body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld {border-left:1px solid #c9c8c8;text-align:left;vertical-align:top;background:#fff;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld div small {display:block;clear:both;box-sizing:border-box;overflow:hidden;margin:0;padding:0;} /* 内包注釈small */ body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_privacy {margin:0;padding:12px 10px;vertical-align:top;background:#fff;width:100%;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_privacy .zcwf_privacy_txt {font-size:100%;font-family:auto;color:#474747;padding-top:0;margin-left:0;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_privacy #privacyErr {font-size:85%;color:#ba0909;padding-left:25px;font-weight:bold;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld.ZHreCAPTCHA {width:100%;border-left:none;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld #recapErr {font-size:85%;color:#ba0909;padding-left:25px;font-weight:bold;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm span.hissu {color:#ba0909;font-size:93%;padding-left:7px;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm small {color:#096;font-size:93%;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld select, body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld textarea, body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld input[type='text'], body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld input[type='date'] {font-size:108%;padding:3px;border:1px solid #C8CCCC;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld input[type='radio'], body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld input[type='checkbox'], body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_privacy input[type='checkbox'] {-webkit-transform:scale(1.5);transform:scale(1.5);margin:5px 10px 5px 3px;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld textarea {width:90%;height:10em;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld input[type='text'] {width:75%;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld input[name='Last Name'], body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld input[name='First Name'] {width:33.3%;min-width:160px;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld input[name='Zip Code'], body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld input[name='State'], body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld input[name='Phone'] {width:25%;min-width:160px;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld input.TaikenCloudDay {width:25%;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_row.ZHsubmitBtn {margin:30px auto;border:none;background:transparent;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_row.ZHsubmitBtn div.zcwf_col_fld {border:none;width:auto;float:none;text-align:center;padding:0;margin:0 auto;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld input[type='submit'] {width:185px;height:45px;line-height:45px;background:url(img/btn_bg.png);border:none;font-weight:bold;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld input[type='submit'] {padding:0;border-radius:22px;max-width:none;text-overflow:ellipsis;white-space:nowrap;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld input[type='submit'] {margin:0 1em !important;font-size:16px;color:#fff;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld input[type='submit']:hover {opacity:0.5;} /* WEBフォーム 新しい構成版（table ⇒ div）以下は無いかもしれないので代替予定無し、削除かも、とりあえずこのまま 2020/09 */ body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld p.extra {margin:0;padding:10px 0 3px;font-size:93%;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm p {font-size:100%;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm p.gray {color:#777;text-indent:1em;} body#inquiry #ZHform_all_reset_style div.crmWebToEntityForm div.zcwf_col_fld#reason_cell p {margin:0;padding:0;} /* お問い合わせフォーム */ body#inquiry h1.free_page_title {text-align:left;padding:13px 0 0px 0px;} body#inquiry h1.free_page_title span {display:inline-block;padding:0px 0 30px 0;font-size:20px;background:url(img/title_active.gif) 0 40px repeat-x;} body#inquiry .free_page_subtitle {width:100%;height:34px;display:block;background:url(img/bgMonth.jpg) repeat-x;} body#inquiry .free_page_subtitle h2 {text-align:left;font-size:116%;line-height:1;padding-top:10px;margin-bottom:0;} body#inquiry .free_page_subtitle h2 span {color:#fff;padding-left:16px;} body#inquiry .inquiry_form {font-size:15px;border-bottom:solid 1px #c9c8c8;border-right:solid 1px #c9c8c8;width:100%;} body#inquiry .inquiry_form p {font-size:100%;} body#inquiry .inquiry_form p.gray {color:#777;text-indent:1em;} body#inquiry .inquiry_form th {padding:12px 10px;border-left:solid 1px #c9c8c8;border-top:solid 1px #c9c8c8;background:#eee;vertical-align:top;width:25%;font-weight:bold;} body#inquiry .inquiry_form td {padding:12px 10px;border-left:solid 1px #c9c8c8;border-top:solid 1px #c9c8c8;text-align:left;vertical-align:top;background:#fff;} body#inquiry .inquiry_form span.hissu {color:#ba0909;font-size:93%;padding-left:7px;} body#inquiry .inquiry_form td label {display:block;} body#inquiry .inquiry_form td label input {position:relative;top:2px;} body#inquiry .inquiry_form td span small {color:#777;font-size:77%;} body#inquiry .inquiry_form td p.extra {margin:0;padding:10px 0 3px;font-size:93%;} body#inquiry textarea#inquiry_text {width:80%;font-size:108%;padding:5px;} body#inquiry h3#inquiry_sub {margin:25px 0 10px 0;font-size:108%;font-weight:bold;color:#313131;} body#inquiry select, body#inquiry input, body#inquiry textarea {border:1px solid #C8CCCC;} body#inquiry input#your_company, body#inquiry input#your_section, body#inquiry select#your_position, body#inquiry select#your-t0601_inquiry_name, body#inquiry select#your_pref, body#inquiry input#your_city, body#inquiry input#your_banchi, body#inquiry input.telno, body#inquiry input#your_name_sei, body#inquiry input#your_name_mei, body#inquiry input#your_kana_sei, body#inquiry input#your_kana_mei, body#inquiry input.textitem, body#inquiry input#email, body#inquiry input#your_email, body#inquiry input#grad_school, body#inquiry input#date_of_change, body#inquiry input.reason_detail_other, body#inquiry input#textarea1, body#inquiry input#your_zip01, body#inquiry input#your_zip02, body#inquiry input#your_age, body#inquiry input#your_salary, body#inquiry input#request_salary, body#inquiry .textarea_int, body#inquiry input.campaign_code201811, body#inquiry input[name=t0601_start_date], body#inquiry input#your_opputinity_text, body#inquiry input#your_oppotunity_text02 {font-size:108%;padding:3px;} body#inquiry input#your_company, body#inquiry input#your_section, body#inquiry input.textitem, body#inquiry input#email, body#inquiry input#your_email, body#inquiry input#grad_school, body#inquiry input#date_of_change, body#inquiry input.reason_detail_other, body#inquiry input#textarea1{width:350px;} body#inquiry input#your_name_sei, body#inquiry input#your_name_mei, body#inquiry input#your_kana_sei, body#inquiry input#your_kana_mei, body#inquiry input#your_city, body#inquiry input#your_opputinity_text {width:150px;} body#inquiry input#your_banchi {width:550px;} body#inquiry input#your_tel01 {width:80px;} body#inquiry input.telno {width:160px;display:inline;} body#inquiry input#your_name_sei, body#inquiry input#your_name_mei, body#inquiry input#your_kana_sei, body#inquiry input#your_kana_mei, body#inquiry input#your_opputinity_text {margin-left:5px;} body#inquiry input#your_zip01, body#inquiry input#your_age, body#inquiry input#your_salary, body#inquiry input#request_salary {width:60px;} body#inquiry input#your_zip02 {width:100px;} body#inquiry input.campaign_code201811 {width:200px;} body#inquiry input[name=t0601_start_date], body#inquiry input#your_oppotunity_text02 {width:300px;} body#inquiry .textarea_int {width:98%;height:55px;} body#inquiry textarea#your_oopotunity_text_free {width:80%;font-size:108%;padding:5px;} body#inquiry #submit_btn input {width:185px;height:45px;background:url(img/btn_bg.png);color:#fff;border:none;font-size:16px;margin:0 8px;font-weight:bold;} body#inquiry #submit_btn {padding:30px 0;} body#inquiry #submit_btn input {cursor:pointer;} body#inquiry #submit_btn input:hover {opacity:0.6;} body#inquiry #ssl_box {width:50%;max-width:480px;margin:0 auto;} body#inquiry #ssl_box table {float:left;margin-right:15px;} body#inquiry #ssl_box p {padding-top:10px;} body#inquiry #ssl_box p a {background:url(img/yakumono.png) 0 11px no-repeat;padding:3px 0 3px 12px;} body#inquiry #inquiry_form_text p span {background:url(img/label.png) 0 0 no-repeat;padding:2px 10px 10px 6px;color:#fff;} body#inquiry span.wpcf7-list-item {display:block;} body#inquiry div.reason_detail {padding-left:20px;padding-bottom:8px;} body#inquiry div.reason_detail input {margin-left:8px;} body#inquiry .inquiry_form td#reason_cell p {margin:0;padding:0;} body#inquiry #inquiry_form_text a.style_clear {background:none;} body#inquiry #inquiry_form_text a.arrow_glay {background:url(img/sankakuGlay.png) no-repeat 0 7px;padding:3px 0px 5px 12px;} /* ASTERIA評価版 AWS */ body#inquiry #inquiry_form_text ul.trial_box {margin-bottom:20px;margin-left:15px;} body#inquiry #inquiry_form_text ul.trial_box li {list-style-type:none;float:left;width:430px;height:200px;} /* AWS手順説明 */ body#inquiry #inquiry_form_text dl.aws_order_signup {margin-top:1em;margin-bottom:30px;text-align:left;font-size:108%;font-weight:bold;border-bottom:1px solid #C8CCCC;} body#inquiry #inquiry_form_text dl.aws_order_signup a {text-decoration:underline;} body#inquiry #inquiry_form_text dl.aws_order_signup span {color:#09F;} body#inquiry #inquiry_form_text dl.aws_order_signup dt {margin:0 0 15px 0;} body#inquiry #inquiry_form_text dl.aws_order_signup dd {margin:0 0 30px 40px;} body#inquiry #inquiry_form_text dl.aws_order_signup dd img {font-size:0;line-height:1;width:700px;} /* AWS申込方法 */ body#inquiry #inquiry_form_text dl.aws_order {margin-top:1em;margin-bottom:20px;text-align:left;font-size:108%;} body#inquiry #inquiry_form_text dl.aws_order a {text-decoration:underline;} body#inquiry #inquiry_form_text dl.aws_order span {font-weight:bold;} body#inquiry #inquiry_form_text dl.aws_order span.blue {color:#09F;} body#inquiry #inquiry_form_text dl.aws_order dt {font-weight:bold;margin:0;} body#inquiry #inquiry_form_text dl.aws_order dd {margin:0 0 30px 40px;} /* AWS申込注意 */ body#inquiry #inquiry_form_text div.aws_notice {margin-top:1em;margin-bottom:2em;border:1px solid #C8CCCC;} body#inquiry #inquiry_form_text div.aws_notice h4 {font-size:123.1%;font-weight:bold;text-align:left;text-decoration:underline;margin:1em 1em 0.5em;} body#inquiry #inquiry_form_text div.aws_notice ul li {list-style-type:none;margin-left:1em;margin-right:1em;} /* AWS申込方法イメージ */ body#inquiry #inquiry_form_text ul.aws_order {margin-top:2em;margin-bottom:2em;margin-left:15px;} body#inquiry #inquiry_form_text ul.aws_order li {background:url(img/aws_order_long.png) right top no-repeat;font-size:123.1%;text-align:center;list-style-type:none;float:left;margin:0 0 0 5px;width:140px;min-height:65px;line-height:1.3;color:#FFF;} body#inquiry #inquiry_form_text ul.aws_order li.ok {background:url(img/aws_order_short.png) right top no-repeat;width:25px;color:#777;} body#inquiry #inquiry_form_text ul.aws_order li.login {background:url(img/aws_order_long_login.png) right top no-repeat;} body#inquiry #inquiry_form_text ul.aws_order li.gyo1 {line-height:90px;} body#inquiry #inquiry_form_text ul.aws_order li.gyo2 {padding-top:25px;} /* AWSフォーム */ body#inquiry #inquiry_form_text div.aws_box {margin-top:1em;margin-bottom:30px;text-align:left;font-weight:bold;border-bottom:1px solid #C8CCCC;} body#inquiry #inquiry_form_text div.aws_box p {margin-bottom:30px;} /* CF7共通 */ .wpcf7 span.wpcf7-not-valid-tip {display:block;position:static;top:0;left:0;border:none;color:red;font-size:123.1%;font-weight:bold;} .wpcf7 .wpcf7-not-valid {background:pink;} .wpcf7 .wpcf7-response-output {margin:10px 0 0;padding:8px 35px 8px 14px;} .wpcf7 .wpcf7-validation-errors {color:#B94A48;background-color:#F2DEDE;border:1px solid #EED3D7;} .wpcf7 .wpcf7-mail-sent-ok {color:#3A87AD;background-color:#D9EDF7;border:1px solid #BCE8F1;} textarea.wpcf7-textarea {width:80%;} /*---------------------------------------------------------------------------- WARPライブラリー 17/08 ----------------------------------------------------------------------------*/ .form_honbun {position:relative;text-align:left;margin-right:35%;margin-left:20px;} .form_img {width:33%;float:right;text-align:right;padding-top:20px;} .form_img img {max-width:100%;} /* 2018/12 比率調整 */ .form_honbun dl dt {font-size:108%;font-weight:bold;color:#333;border-bottom:solid 1px #C8CCCC;padding-bottom:8px;margin-bottom:8px;} .form_honbun dl dd {padding:0 2.5em;} .form_honbun dl dd.lastline {padding-bottom:40px;} .form_summary {border-top:1px solid #C8CCCC;padding:2em 0 0;} .form_summary02 {padding:20px 0px 0;} .form_summary_w350 {max-width:350px;float:right;text-align:right;margin:0 0 2em;padding:2em 0 1em;border:1px solid #C8CCCC;border-left:none;border-right:none;} .form_honbun dl.border_0 dt {border-bottom:0px solid;} dl.summary_box {text-align:left;width:500px;margin:30px auto 40px auto;font-size:108%;font-weight:bold;} table.movie_wrap {background-color:#eee;width:100%;margin:0 0 20px 0px;border:1px solid #c9c8c8;text-align:left;} table.movie_wrap p {font-size:16px;font-weight:bold;border-bottom:1px solid #c9c8c8;margin:20px 20px 0px 20px;padding:0px 20px 10px 10px;} table.movie_wrap iframe {padding:20px 0px;} table.movie_wrap img.dl_button {display:block;width:160px;height:33px;margin:0px auto 20px auto;} table.dl_link_wrap {border:1px solid #c9c8c8;background-color:#eee;width:750px;margin:20px auto;text-align:left;} table.dl_link_wrap td {border-bottom:1px solid #c9c8c8;height:100px;padding:10px 30px;margin-bottom:100px;} .form_honbun a.report_link {font-weight:bold;} .form_honbun div.title_area h2 span {font-size:20px;} /* ライブラリ ソーシャルブックマーク */ div#contents div.form_honbun div.summry_box div.social_plugin div.wp_social_bookmarking_light div {float:left;clear:right;display:block;} /* タイトル文字サイズ大きく 17/09 */ div.free_page div.title_area02 h2 {text-align:left;font-size:200%;} div.free_page div.title_area02 h2 span {} div.free_page div.summry_box dl {margin:0 0 0 20px;} /*---------------------------------------------------------------------------- 製品ブログ ----------------------------------------------------------------------------*/ body#warp_blog {background:#fff url(img/bg_bodyCon.jpg) repeat-x center top;} body#warp_blog div#bodyCont {width:100%;background:none;} /* 目次（プラグイン共通） */ #toc_container {box-sizing:border-box;overflow:hidden;} #toc_container {background-color:#fff;border-radius:8px;margin:3em auto;border:1px solid #C8CCCC;padding:2em;} #toc_container.no_bullets {} #toc_container .toc_title {font-size:131%;font-weight:bold;text-align:center;border-bottom:1px dotted #C8CCCC;} #toc_container .toc_title {margin:0 auto 1em;padding:0 0 1em;} #toc_container .toc_toggle {font-size:70%;color:#777;} #toc_container .toc_toggle a {font-weight:normal;color:#777 !important;} #toc_container .toc_toggle a:active, #toc_container .toc_toggle a:hover {color:#CCC !important;text-decoration:underline;} #toc_container ul.toc_list {} #toc_container ul.toc_list li {font-weight:bold;list-style:none;} #toc_container ul.toc_list li {counter-increment:order;counter-reset:count 0;} #toc_container ul.toc_list li:before {content:counter(order) ". ";color:#00A785;} #toc_container ul.toc_list li a {text-decoration:none;color:#474747 !important;} #toc_container ul.toc_list li a:active, #toc_container ul.toc_list li a:hover {text-decoration:underline;color:#999 !important;} #toc_container ul.toc_list > li {} #toc_container ul.toc_list > li > ul {} #toc_container ul.toc_list > li > ul > li {font-weight:normal;counter-increment:none;position:relative;margin:0 0 0 1.5em;padding:0 0 0 0;} #toc_container ul.toc_list > li > ul > li:before {content:"- ";} #toc_container ul.toc_list > li > ul > li {} #toc_container ul.toc_list > li > ul > li > ul {} #toc_container ul.toc_list > li > ul > li > ul > li {font-weight:normal;counter-increment:none;position:relative;margin:0 0 0 1.5em;padding:0 0 0 0;} #toc_container ul.toc_list > li > ul > li > ul > li:before {content:"- ";} #toc_container ul.toc_list > li > ul > li > ul > li {} #toc_container ul.toc_list > li > ul > li > ul > li > ul {} #toc_container ul.toc_list > li > ul > li > ul > li > ul > li {font-weight:normal;counter-increment:none;position:relative;margin:0 0 0 1.5em;padding:0 0 0 0;} #toc_container ul.toc_list > li > ul > li > ul > li > ul > li:before {content:"- ";} #toc_container ul.toc_list > li > ul > li > ul > li > ul > li {} #toc_container ul.toc_list > li > ul > li > ul > li > ul > li > ul {} #toc_container ul.toc_list > li > ul > li > ul > li > ul > li > ul > li {font-weight:normal;counter-increment:none;position:relative;margin:0 0 0 1.5em;padding:0 0 0 0;} #toc_container ul.toc_list > li > ul > li > ul > li > ul > li > ul > li:before {content:"- ";} /* インフォメーション */ body#warp_blog div#contents_main p.blog_entry_info {font-size:85%;color:#898989;} body#warp_blog div#contents_main p.blog_entry_info span {font-size:77%;background:url(img/bgCat.png);padding:1px 6px;margin-right:5px;} body#warp_blog div#contents_main p.blog_entry_info span a {color:#006699} /* 著者紹介BOX */ body#warp_blog div#contents_main div.blog_author_bottom div#linkList {margin:0 0 25px;text-align:left;} body#warp_blog div#contents_main div.blog_author_bottom div#linkList div.linkbtnbox {border:solid 1px #c9c8c8;background:#fff;} body#warp_blog div#contents_main div.blog_author_bottom div#linkList div.linkbtnboxIn {position:relative;border:solid 1px #f5f5f5;margin:1px;} body#warp_blog div#contents_main div.blog_author_bottom div#linkList div.linkbtnboxIn div.HeadTitle, body#warp_blog div#contents_main div.blog_author_bottom div#linkList div.linkbtnboxIn h2.BtnText {font-size:108%;font-weight:bold;border-left:5px solid #B7CECA;margin:8px;padding:0 8px;} body#warp_blog div#contents_main div.blog_author_bottom div#linkList div.linkbtnboxIn div.HeadTitle a, body#warp_blog div#contents_main div.blog_author_bottom div#linkList div.linkbtnboxIn h2.BtnText a {color:#474747;} body#warp_blog div#contents_main div.blog_author_bottom div#linkList div.linkbtnboxIn div.HeadTitle a:hover, body#warp_blog div#contents_main div.blog_author_bottom div#linkList div.linkbtnboxIn h2.BtnText a:hover, body#warp_blog div#contents_main div.blog_author_bottom div#linkList div.linkbtnboxIn div.HeadTitle a:active, body#warp_blog div#contents_main div.blog_author_bottom div#linkList div.linkbtnboxIn h2.BtnText a:active {color:#64C646;} body#warp_blog div#contents_main div.blog_author_bottom div#linkList div.linkbtnboxIn div.hr {border-bottom:1px solid #C8CCCC;height:1px;_height:1px;margin:0 0 8px;} body#warp_blog div#contents_main div.blog_author_bottom div#linkList div.linkbtnboxIn div.BtnIcon {float:left;margin:0 8px 1em 8px;} body#warp_blog div#contents_main div.blog_author_bottom div#linkList div.linkbtnboxIn div.BtnIcon img {border:solid 1px #b7ceca;} body#warp_blog div#contents_main div.blog_author_bottom div#linkList div.linkbtnboxIn div.BtnDescription {padding:0 8px 8px 108px;min-height:95px;} body#warp_blog div#contents_main div.blog_author_bottom div#linkList div.linkbtnboxIn div.BtnDescription a {color:#006699;} body#warp_blog div#contents_main div.blog_author_bottom div#linkList div.linkbtnboxIn div.BtnDescription a:active, body#warp_blog div#contents_main div.blog_author_bottom div#linkList div.linkbtnboxIn div.BtnDescription a:hover {color:#999;} /* 201704 サイドメニュー子カテゴリ追加分 */ body#warp_blog div#contents_side div#sideMainCat ul li ul.children {display:none;} body#warp_blog div#contents_side div#sideMainCat ul li.current-cat ul.children, body#warp_blog div#contents_side div#sideMainCat ul li.current-cat-parent ul.children {display:block;} /* ページナビゲーション */ body.product_blog_detail div#contents_main div.page_navigation ul {width:203px;margin:0 auto;height:31px;display:block;margin-bottom:25px;} body.product_blog_detail div#contents_main div.page_navigation ul li.btnprevious {width:96px;float:left;} body.product_blog_detail div#contents_main div.page_navigation ul li.btnnext {width:96px;float:right;} /*【H4】同じカテゴリの投稿 */ body.product_blog_detail div#contents_main div#sameCategoryReport {text-align:left;} body.product_blog_detail div#contents_main div#sameCategoryReport div#sameCategoryReportIn div.HeadTitle, body.product_blog_detail div#contents_main div#sameCategoryReport div#sameCategoryReportIn h2 {background:url(img/bgSmallLabel.png) no-repeat;color:#fff;padding:4px 0 7px 6px;} body.product_blog_detail div#contents_main div#sameCategoryReport div#sameCategoryReportIn ul {margin-left:10px;} body.product_blog_detail div#contents_main div#sameCategoryReport div#sameCategoryReportIn ul li {font-size:116%;background:url(img/kuropin.png) no-repeat 3px 10px;padding:2px 0 2px 12px;} /* SNS */ body.product_blog_detail div#contents_main div.social_plugin {padding:10px 0 25px;} /* Warp Blog メインコンテンツ下バナー */ div#single_bottom_bnrBox {width:740px;height:auto;margin-bottom:50px;margin-left:auto;margin-right:auto;} div#single_bottom_bnrBox img {width:740px;height:auto;} /* 記事詳細 BOX */ body#warp_blog div#contents_main div.blog_entry_box {font-size:16px;} /*【H1】記事タイトル */ body#warp_blog div#contents_main h1.blog_entry_title {font-size:189%;font-weight:bold;color:#313131;line-height:1.3;letter-spacing:-1px;text-align:left;} /*【H2】記事詳細：ブログカテゴリ名 */ body#warp_blog div#contents_main div.monthlyBox div.HeadTitle, body#warp_blog div#contents_main div.monthlyBox h2 {width:100%;height:34px;display:block;margin-bottom:5px;background:url(img/bgMonth.jpg) repeat-x;text-align:left;font-size:123.1%;line-height:1;padding-top:12px;} body#warp_blog div#contents_main div.monthlyBox div.HeadTitle span, body#warp_blog div#contents_main div.monthlyBox h2 span {color:#fff;padding-left:16px;} /* ブログ本文（旧）コメントアウト */ /* body#warp_blog div#contents_main div.blog_entry_body {font-size:16px;} body#warp_blog div#contents_main div.blog_entry_body {text-align:left;margin-bottom:25px;} body#warp_blog div#contents_main div.blog_entry_body h2 {font-size:138.5%;font-weight:bold;color:#313131;line-height:1.5;margin:0 0 20px 0;padding:0;} body#warp_blog div#contents_main div.blog_entry_body h3 {font-size:108%;font-weight:bold;color:#313131;line-height:1.5;margin:0 0 15px 0;padding:0;} body#warp_blog div#contents_main div.blog_entry_body h4 {font-size:100%;font-weight:bold;color:#313131;line-height:1.5;margin:0 0 10px 0;padding:0;} body#warp_blog div#contents_main div.blog_entry_body h5 {font-size:93%;font-weight:bold;color:#313131;line-height:1.5;margin:0 0 10px 0;padding:0;} body#warp_blog div#contents_main div.blog_entry_body h6 {font-size:93%;font-weight:bold;color:#313131;line-height:1.5;margin:0 0 10px 0;padding:0;} body#warp_blog div#contents_main div.blog_entry_body ul {list-style-type:disc;list-style-position:inside;} body#warp_blog div#contents_main div.blog_entry_body ol {list-style-type:decimal;list-style-position:inside;} body#warp_blog div#contents_main div.blog_entry_body a {color:#006699;} body#warp_blog div#contents_main div.blog_entry_body a:hover {color:#CCC;} body#warp_blog div#contents_main div.blog_entry_body i {font-style:italic;} body#warp_blog div#contents_main div.blog_entry_body hr {width:100%;border:none;border-bottom:1px solid #C8CCCC;height:1px;_height:1px;margin-bottom:2em;} body#warp_blog div#contents_main div.blog_entry_body table tr td {border-right:solid 1px #c8cccc;border-bottom:solid 1px #c8cccc;padding:6px 8px;} body#warp_blog div#contents_main div.blog_entry_body table tr th {border-right:solid 1px #c8cccc;border-bottom:solid 1px #c8cccc;padding:6px 8px;background:#efefef;} */ /* ブログ本文（新）スタイル 2021/10 */ body#warp_blog div#contents_main div.blog_entry_body {text-align:left;margin-bottom:1.5em;} body#warp_blog div#contents_main div.blog_entry_body p {font-size:116%;margin:0 0 1.5em;padding:0;box-sizing:border-box;overflow:hidden;} body#warp_blog div#contents_main div.blog_entry_body p.comment {background:#fff5f5;padding:2em 2em 2em 3em;font-size:100%;border-radius:20px;text-indent:-1em;} body#warp_blog div#contents_main div.blog_entry_body p.green {font-weight:600;color:#00A785;} body#warp_blog div#contents_main div.blog_entry_body p b, body#warp_blog div#contents_main div.blog_entry_body p strong {font-weight:600;display:inline;background-image:linear-gradient(rgba(0,0,0,0) 70%, rgb(242 255 0 / 0.7) 70%);} body#warp_blog div#contents_main div.blog_entry_body .green {color:#01A785;} body#warp_blog div#contents_main div.blog_entry_body p.left.photo {margin-right:1.5em;} body#warp_blog div#contents_main div.blog_entry_body p.right.photo {margin-left:1.5em;} body#warp_blog div#contents_main div.blog_entry_body table {font-size:100%;border-top:solid 1px #C8CCCC;border-left:solid 1px #C8CCCC;} body#warp_blog div#contents_main div.blog_entry_body table {width:100%;margin:0 auto 1.5em;box-sizing:border-box;overflow:hidden;} body#warp_blog div#contents_main div.blog_entry_body table thead, body#warp_blog div#contents_main div.blog_entry_body table tbody {background:#FFF;} body#warp_blog div#contents_main div.blog_entry_body table thead th {background:#F0F0F0;} body#warp_blog div#contents_main div.blog_entry_body table tbody th {background:#FAFAFA;} body#warp_blog div#contents_main div.blog_entry_body table th, body#warp_blog div#contents_main div.blog_entry_body table td {border-right:solid 1px #C8CCCC;border-bottom:solid 1px #C8CCCC;padding:1em 1.5em;} body#warp_blog div#contents_main div.blog_entry_body ul.indent, body#warp_blog div#contents_main div.blog_entry_body ol.indent {background:#F5FBFA;border-radius:20px;margin:0 0 1.5em;padding:2em 2em 2em 3em;box-sizing:border-box;overflow:hidden;} body#warp_blog div#contents_main div.blog_entry_body ul.indent {list-style-type:disc;list-style-position:inside;} body#warp_blog div#contents_main div.blog_entry_body ol.indent {list-style-type:decimal;list-style-position:inside;} body#warp_blog div#contents_main div.blog_entry_body ul.indent li, body#warp_blog div#contents_main div.blog_entry_body ol.indent li {text-indent:-1.25em;} /* （松）吹き出しBOX 修正予定 2021/10 */ body#warp_blog div#contents_main div.blog_entry_body div.fukidashi > p {margin-left:85px;padding:10px 20px;} /* （松）引用BOX 修正予定 2021/10 */ body#warp_blog div#contents_main div.blog_entry_body blockquote {font-size:100%;background:#F5FBFA;border-radius:20px;margin:0 0 1.5em;padding:1em 2em;} body#warp_blog div#contents_main div.blog_entry_body blockquote h2, body#warp_blog div#contents_main div.blog_entry_body blockquote h3, body#warp_blog div#contents_main div.blog_entry_body blockquote h4, body#warp_blog div#contents_main div.blog_entry_body blockquote h5, body#warp_blog div#contents_main div.blog_entry_body blockquote h6 {margin:2em 0 1.5em !important;} body#warp_blog div#contents_main div.blog_entry_body dl {font-size:100%;border:3px solid #EEE;background:#FFF;} body#warp_blog div#contents_main div.blog_entry_body dl {border-radius:20px;margin:0 auto 1.5em;padding:2em;} body#warp_blog div#contents_main div.blog_entry_body dl dt {text-align:left;font-weight:600;} body#warp_blog div#contents_main div.blog_entry_body dl dt:before {display:inline;font-size:70%;content:'▶';padding-right:0.5em;color:#59C5AE;} body#warp_blog div#contents_main div.blog_entry_body dl dd {padding:0 0 1.5em 0;} body#warp_blog div#contents_main div.blog_entry_body dl dd:last-child {padding-bottom:0;} /* （松）打ち消し */ body#warp_blog div#contents_main div.blog_entry_body dl dt {float:none;clear:both;display:block;} body#warp_blog div#contents_main div.blog_entry_body dl dd {margin:0;} /* flexbox */ body#warp_blog div#contents_main div.blog_entry_body dl {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} body#warp_blog div#contents_main div.blog_entry_body dl {width:100%;box-sizing:border-box;overflow:hidden;} body#warp_blog div#contents_main div.blog_entry_body dl dt {flex:0 0 auto;width:100%;align-self:stretch;box-sizing:border-box;overflow:hidden;} body#warp_blog div#contents_main div.blog_entry_body dl dd {flex:0 0 auto;width:100%;align-self:stretch;box-sizing:border-box;overflow:hidden;} body#warp_blog div#contents_main div.blog_entry_body h2 {font-size:200%;font-weight:500;color:#313131;letter-spacing:1.4px;line-height:1.5;margin:3em auto 1.5em;padding:0;} body#warp_blog div#contents_main div.blog_entry_body h3 {font-size:167%;font-weight:600;color:#00A785;letter-spacing:1.2px;line-height:1.5;margin:3em auto 1.5em;padding:0;} body#warp_blog div#contents_main div.blog_entry_body h4 {font-size:146.5%;font-weight:600;color:#313131;letter-spacing:1.2px;line-height:1.5;margin:3em auto 1.5em;padding:0;} body#warp_blog div#contents_main div.blog_entry_body h5 {font-size:131%;font-weight:600;color:#FFF;letter-spacing:1.1px;line-height:1.5;margin:3em auto 1.5em;padding:0;} body#warp_blog div#contents_main div.blog_entry_body h6 {font-size:131%;font-weight:600;color:#313131;background:#F0F0F0;letter-spacing:1.1px;line-height:1.5;margin:3em auto 1.5em;padding:0;} body#warp_blog div#contents_main div.blog_entry_body h2 {position:relative;padding:0 0 15px 0;} body#warp_blog div#contents_main div.blog_entry_body h2:before, body#warp_blog div#contents_main div.blog_entry_body h2:after {content:"";display:block;position:absolute;bottom:0;left:0;height:4px;} body#warp_blog div#contents_main div.blog_entry_body h2:before {width:100%;background-color:#EEE;} body#warp_blog div#contents_main div.blog_entry_body h2:after {width:24.8%;background-color:#00A785;} /* 置き換える。 body#warp_blog div#contents_main div.blog_entry_body div.mt1em div.rankconent em, body#warp_blog div#contents_main div.blog_entry_body div.mt1em div.ranklist em {font-size:81%;font-style:normal;border:1px solid;margin:0 5px;padding:0px 5px;font-weight:bold;display:inline-block;line-height:1;vertical-align:middle;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em div.rankconent em.up {color:#00A091;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em div.rankconent em.new {color:#C4565B;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em div.rankconent em.stay {color:#9F8CA0;} */ body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em {display:inline-block;box-sizing:border-box;overflow:hidden;} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em {font-size:0.5em;font-weight:600;letter-spacing:0;vertical-align:middle;line-height:1.5;} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em {border:1px solid;border-radius:20px;margin:0 0.5em;padding:0 0.5em;} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.up {color:#00A785;} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.new {color:#C4565B;} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.stay {color:#9F8CA0;} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em:before {display:inline;} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.up:before {content:'↑';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.new:before {content:'NEW';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.stay:before {content:'→';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em:after {display:inline;} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank1:after {content:'1位';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank2:after {content:'2位';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank3:after {content:'3位';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank4:after {content:'4位';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank5:after {content:'5位';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank6:after {content:'6位';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank7:after {content:'7位';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank8:after {content:'8位';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank9:after {content:'9位';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank10:after {content:'10位';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank11:after {content:'11位';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank12:after {content:'12位';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank13:after {content:'13位';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank14:after {content:'14位';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank15:after {content:'15位';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank16:after {content:'16位';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank17:after {content:'17位';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank18:after {content:'18位';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank19:after {content:'19位';} body#warp_blog div#contents_main div.blog_entry_body h2.rankcount em.before_rank20:after {content:'20位';} body#warp_blog div#contents_main div.blog_entry_body #warp_books_contents h2:before, body#warp_blog div#contents_main div.blog_entry_body #warp_books_contents h2:after {display:none;} body#warp_blog div#contents_main div.blog_entry_body h3 {position:relative;padding:0 0.5em 0.5em 0;} body#warp_blog div#contents_main div.blog_entry_body h3:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:8px;} body#warp_blog div#contents_main div.blog_entry_body h3:after {background-image:repeating-linear-gradient(45deg, #00A785 0px, #00A785 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);background-size:8px 8px;} body#warp_blog div#contents_main div.blog_entry_body h4 {position:relative;padding:0.5rem 1rem calc(0.5rem + 10px) 0.6rem;background:#E7F7F3;border-radius:7px;margin-left:7px;} body#warp_blog div#contents_main div.blog_entry_body h4:before {position:absolute;top:-7px;left:-7px;width:99%;height:90%;content:'';border:3px double #00A785;border-radius:7px;} body#warp_blog div#contents_main div.blog_entry_body h5 {position:relative;display:inline-block;padding:0.6em 1.5em;background:#00A785;} body#warp_blog div#contents_main div.blog_entry_body h5 {border-radius:15px;} body#warp_blog div#contents_main div.blog_entry_body h5:before {position:absolute;top:25%;left:15px;width:6px;height:50%;content:'';opacity:0.25;} body#warp_blog div#contents_main div.blog_entry_body h5:before {-ms-filter:'alpha(opacity=25)';border-radius:3px;background:#FFF;} body#warp_blog div#contents_main div.blog_entry_body h6 {display:inline-block;padding:0.5em 0.75em 0.4em;} /*（松）講演レポート見出し（h3+p+smallまたはh3+h4+small）div.hg_withLine ⇒ div.hg_withLineNew202110 */ body#warp_blog div#contents_main div.blog_entry_body .hg_withLineNew202110 {margin:3em auto 2em;} body#warp_blog div#contents_main div.blog_entry_body .hg_withLineNew202110 p {text-align:right;} body#warp_blog div#contents_main div.blog_entry_body .hg_withLineNew202110 p small {} body#warp_blog div#contents_main div.blog_entry_body .hg_withLineNew202110 p small {position:relative;padding-left:1.5em;} body#warp_blog div#contents_main div.blog_entry_body .hg_withLineNew202110 p small:before {position:absolute;display:inline-block;left:0;content:'';width:1.5em;height:1.5em;background:url(img/icon_Microphone_Green.png) no-repeat;background-size:contain;} body#warp_blog div#contents_main div.blog_entry_body .hg_withLineNew202110 p small strong {background-image:linear-gradient(rgba(0,0,0,0) 70%, rgb(0 167 133 / 0.1) 70%);} body#warp_blog div#contents_main div.blog_entry_body .hg_withLineNew202110 h3 {font-size:138.5%;font-weight:600;color:#00A785;background:#F5FBFA;letter-spacing:1.2px;line-height:1.5;margin:0 auto 1em;padding:1em;} body#warp_blog div#contents_main div.blog_entry_body .hg_withLineNew202110 h3 {position:relative;border:5px solid #00A785;border-radius:20px;} body#warp_blog div#contents_main div.blog_entry_body .hg_withLineNew202110 h3:before {position:absolute;right:50px;bottom:-25px;width:0;height:0;content:'';} body#warp_blog div#contents_main div.blog_entry_body .hg_withLineNew202110 h3:before {border-top:25px solid #00A785;border-right:25px solid transparent;border-bottom:none;border-left:none;} body#warp_blog div#contents_main div.blog_entry_body .hg_withLineNew202110 h3:after {position:absolute;right:56px;bottom:-13px;left:inherit;width:0;height:0;content:'';} body#warp_blog div#contents_main div.blog_entry_body .hg_withLineNew202110 h3:after {border-top:14px solid #F5FBFA;border-right:14px solid transparent;border-bottom:none;border-left:none;} body#warp_blog div#contents_main div.blog_entry_body .hg_withLineNew202110 dl {border:none;background:#FAFAFA;} body#warp_blog div#contents_main div.blog_entry_body .hg_withLineNew202110 dl dt {text-align:right;} body#warp_blog div#contents_main div.blog_entry_body .hg_withLineNew202110 dl dd {text-align:left;} body#warp_blog div#contents_main div.blog_entry_body .hg_withLineNew202110 dl dd b {} /* flexbox */ body#warp_blog div#contents_main div.blog_entry_body .hg_withLineNew202110 dl dt {width:8em;padding:0.5em 0 0.5em 0;} body#warp_blog div#contents_main div.blog_entry_body .hg_withLineNew202110 dl dd {width:calc(100% - 8em);padding:0.5em 0 0.5em 1em;} /* 編集画面直接埋め込み h3.faq 修正予定 2021/10 */ body#warp_blog div#contents_main div.blog_entry_body h3.faq {font-size:138.5%;font-weight:600;color:#00A785;background:#F5FBFA;letter-spacing:1.2px;line-height:1.5;margin:3em auto 1.5em;padding:1em;} body#warp_blog div#contents_main div.blog_entry_body h3.faq {position:relative;border:5px solid #00A785;border-radius:20px;} body#warp_blog div#contents_main div.blog_entry_body h3.faq:before {position:absolute;left:50px;bottom:-25px;width:0;height:0;content:'';} body#warp_blog div#contents_main div.blog_entry_body h3.faq:before {border-top:25px solid #00A785;border-left:21px solid transparent;border-bottom:none;border-right:21px solid transparent;} body#warp_blog div#contents_main div.blog_entry_body h3.faq:after {position:absolute;left:57px;bottom:-18px;width:0;height:0;content:'';} body#warp_blog div#contents_main div.blog_entry_body h3.faq:after {border-top:18px solid #F5FBFA;border-left:14px solid transparent;border-bottom:none;border-right:14px solid transparent;} body#warp_blog div#contents_main div.blog_entry_body h3.faq strong {display:inline-block;font-size:85%;border-radius:1em;margin-right:0.5em;padding:0 0.5em;} body#warp_blog div#contents_main div.blog_entry_body h3.faq strong {border:1px solid #00A785;background:#00A785;color:#FFF;} /* 編集画面直接埋め込み ul.answers 修正予定 2021/10 */ body#warp_blog div#contents_main div.blog_entry_body ul.answers {list-style-type:upper-alpha;background:#FFF;border:3px solid #EEE;border-radius:20px;} body#warp_blog div#contents_main div.blog_entry_body ul.answers {padding:2em;margin:0;} body#warp_blog div#contents_main div.blog_entry_body ul.answers li {margin:0 0 0 1em;} body#warp_blog div#contents_main div.blog_entry_body ul.answers li.correct {text-decoration:underline;font-weight:600;color:#00A785;} body#warp_blog div#contents_main div.blog_entry_body ul.answers li img {vertical-align:top;padding-bottom:1.5em;} /* （松）インデントあり（定義リスト）dl.indent ⇒ dl.indentNew202110 */ body#warp_blog div#contents_main div.blog_entry_body dl.indentNew202110 {font-size:116%;} body#warp_blog div#contents_main div.blog_entry_body dl.indentNew202110 dt {} body#warp_blog div#contents_main div.blog_entry_body dl.indentNew202110 dd {} /* （松）用語集 機能特長（定義リスト）*/ body#warp_blog div#contents_main div.blog_entry_body dl.featureList {background:#F5FBFA;border:none;} body#warp_blog div#contents_main div.blog_entry_body dl.featureList dt {background:#777;color:#FFF;} body#warp_blog div#contents_main div.blog_entry_body dl.featureList dt:nth-child(3) {background:#C8CCCC;} body#warp_blog div#contents_main div.blog_entry_body dl.featureList dt:nth-child(5) {background:#59C5AE;} body#warp_blog div#contents_main div.blog_entry_body dl.featureList dt:before {display:none;} body#warp_blog div#contents_main div.blog_entry_body dl.featureList dd {position:relative;background:#FFF;} body#warp_blog div#contents_main div.blog_entry_body dl.featureList dd:before {display:block;position:absolute;content:'';width:auto;height:auto;top:calc(50% - 10px);left:0;} body#warp_blog div#contents_main div.blog_entry_body dl.featureList dd:before {border-left:10px solid #777;border-top:10px solid transparent;border-bottom:10px solid transparent;} body#warp_blog div#contents_main div.blog_entry_body dl.featureList dd:nth-child(4):before {border-left:10px solid #C8CCCC;} body#warp_blog div#contents_main div.blog_entry_body dl.featureList dd:nth-child(6):before {border-left:10px solid #59C5AE;} body#warp_blog div#contents_main div.blog_entry_body dl.featureList dd > ul {margin:0;} body#warp_blog div#contents_main div.blog_entry_body dl.featureList dd > ul li {} body#warp_blog div#contents_main div.blog_entry_body dl.featureList dd > ul li a {} /* flexbox */ body#warp_blog div#contents_main div.blog_entry_body dl.featureList dt {display:flex;align-items:center;width:12em;padding:1em;margin-bottom:1em;} body#warp_blog div#contents_main div.blog_entry_body dl.featureList dd {display:flex;align-items:center;width:calc(100% - 12em);padding:1em 1em 1em 1.5em;margin-bottom:1em;} /* （松）ブログ 左右回り込み画像 */ body#warp_blog div#contents_main div.blog_entry_body .photoLeft {float:left;margin:0 1em 1em 0; font-size: 85%;} body#warp_blog div#contents_main div.blog_entry_body .photoRight {float:right;margin:0 0 1em 1em; font-size: 85%;} body#warp_blog div#contents_main div.blog_entry_body .photoLeft strong, body#warp_blog div#contents_main div.blog_entry_body .photoRight strong {display:block;text-align:center;font-weight:600;} body#warp_blog div#contents_main div.blog_entry_body .float_clear {clear: both;} /* （松）ブログ コメント用 緑囲み線 */ body#warp_blog div#contents_main div.blog_entry_body .comment_box_rnd {border:5px #59C5AE solid;border-radius:20px;margin:0 auto 1.5em;padding:2em;} body#warp_blog div#contents_main div.blog_entry_body .comment_box_rnd > h3 {font-weight:normal;} body#warp_blog div#contents_main div.blog_entry_body .comment_box_rnd > h5 {margin-top:0;} body#warp_blog div#contents_main div.blog_entry_body .comment_box_rnd > p:last-child {margin-bottom:0;} body#warp_blog div#contents_main div.blog_entry_body .comment_box_rnd ul {} body#warp_blog div#contents_main div.blog_entry_body .comment_box_rnd ul li {margin-left:40px;text-indent:-28px;} /* ブログ 関連情報ボックス 2021/10 */ body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox {box-sizing:border-box;overflow:hidden;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts {} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.flexboxinner a {display:block;box-sizing:border-box;overflow:hidden;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.flexboxinner a {position:relative;background:#FAFAFA;border-radius:20px;margin:0 0 1.5em;padding:2em;color:#474747;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.flexboxinner a:active, body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.flexboxinner a:hover {background:#F5F5F5;text-decoration:none;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.flexboxinner a, body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.flexboxinner a:active, body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.flexboxinner a:hover {background-image:linear-gradient(135deg, #59C5AE 45px, transparent 0);} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.flexboxinner a:after {position:absolute;top:0;left:0;font-size:70%;font-weight:600;color:#FFF;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.flexboxinner a:after {content:'Link';transform:rotate(-45deg) translate(-3px, 15px);} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.post_blog a:after {content:'ブログ';transform:rotate(-45deg) translate(-5px, 15px);} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.post_library a:after {content:'資 料';transform:rotate(-45deg) translate(-3px, 16px);} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.post_case a:after {content:'事 例';transform:rotate(-45deg) translate(-3px, 15px);} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.post_news a:after {content:'ニュース';transform:rotate(-45deg) translate(-9px, 10px);} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.post_option a:after {content:'アダプター';transform:rotate(-45deg) translate(-11px, 7px);} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.post_template a:after {content:'テンプレート';transform:rotate(-45deg) translate(-15px, 3px);} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.post_rank1 a:after {content:'1 位';transform:rotate(-45deg) translate(-3px, 15px);} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.post_rank2 a:after {content:'2 位';transform:rotate(-45deg) translate(-3px, 15px);} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.post_rank3 a:after {content:'3 位';transform:rotate(-45deg) translate(-3px, 15px);} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.post_rank4 a:after {content:'4 位';transform:rotate(-45deg) translate(-3px, 15px);} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.post_rank5 a:after {content:'5 位';transform:rotate(-45deg) translate(-3px, 15px);} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.post_rank6 a:after {content:'6 位';transform:rotate(-45deg) translate(-3px, 15px);} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.post_rank7 a:after {content:'7 位';transform:rotate(-45deg) translate(-3px, 15px);} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.post_rank8 a:after {content:'8 位';transform:rotate(-45deg) translate(-3px, 15px);} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.post_rank9 a:after {content:'9 位';transform:rotate(-45deg) translate(-3px, 15px);} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.post_rank10 a:after {content:'10 位';transform:rotate(-45deg) translate(-3px, 15px);} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .image {height:auto;box-sizing:border-box;overflow:hidden;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .image img {max-width:100%;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .data {} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .data .HeadTitle {position: relative;font-size:123.1%;font-weight:600;line-height:1.5;color:#313131;padding:0 0.5em 0.5em 0;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .data h3 {font-size:123.1%;letter-spacing:0;font-weight:600;margin:0;color:#313131;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .data h3:after {display:none;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .data p {font-size:100%;margin:0 0 1em;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .data p strong {background:none;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .infomation {font-size:70%;margin:1.5em 0 0;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .infomation ul {margin:0 0 -1em -1em;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .infomation ul li {color:#FFF;border-radius:20px;background:#59C5AE;margin:0 0 1em 1em;padding:5px;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .infomation ul.category {} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .infomation ul.category li {} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .infomation .date {padding:5px 0;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .infomation .download {color:#FFF;text-align:center;border-radius:20px;border:none;background:#0FA989;padding:5px 1em;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .infomation .download {background:linear-gradient(top bottom,#54C4AC,#0FA989);background:-ms-linear-gradient(top, #54C4AC, #0FA989);background:-moz-linear-gradient(center top, #54C4AC 0%,#0FA989 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #54C4AC),color-stop(1, #0FA989));} /* 共通ボタンオーバー表現：白 */ body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .infomation .download:hover {background:#54C4AC;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .infomation .download:active {background:#0FA989;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .infomation .download:after {display:inline;width:auto;overflow:hidden;content:'はこちら';} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .infomation .download:before {display:inline-block;content:'';width:14px;height:14px;margin:0 0.25em -2px 0;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .infomation .download:before {background: url(img/202301/Linklist_ActionBtn_Whitepaper_White.png) no-repeat;background-size:cover;} /* flexbox */ body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .flexbox {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .flexbox {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .flexboxinner {align-self: stretch;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .flexboxinner {box-sizing:border-box;overflow:hidden;} /* flexbox 1カラム */ body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .flexbox.Related_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 2カラム */ body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .flexbox.Related_2col .flexboxinner {flex:0 0 48%;max-width:48%;} /* flexbox 3カラム */ body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .flexbox.Related_3col .flexboxinner {flex:0 0 30.33%;max-width:30.33%;} /* flexbox 子要素 - flexbox */ body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_Posts.flexboxinner a {display:flex;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .data {display:flex;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .infomation {display:flex;flex-flow:row nowrap;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .infomation ul {display:flex;flex-flow:row wrap;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .infomation .date {margin:0 0 0 auto;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .infomation .download {margin:0 0 0 auto;flex:0 0 17em;} /* 1カラム */ body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_1col {} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_1col a {flex-flow:row wrap;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_1col .image {flex:0 0 35%;padding-right:2em;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_1col .data {flex:1 0 65%;flex-flow:column nowrap;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_1col .infomation {flex:0 0 100%;} /* 2カラム */ body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_2col {} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_2col a {flex-flow:column nowrap;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_2col .image {flex:0 0 100%;max-width:100%;margin:0 0 1.5em;position:relative;padding-top:52.356%;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_2col .image img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:100%;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_2col .data {flex:0 0 100%;flex-flow:column nowrap;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_2col .infomation {flex:0 0 100%;} /* 3カラム */ body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_3col {} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_3col a {flex-flow:column nowrap;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_3col .image {flex:0 0 100%;max-width:100%;margin:0 0 1.5em;position:relative;padding-top:52.356%;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_3col .image img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:100%;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_3col .data {flex:0 0 100%;flex-flow:column nowrap;} body#warp_blog div#contents_main div.blog_entry_body .Related_Postsbox .Related_3col .infomation {flex:0 0 100%;} /* まだ未修正 2021/10 */ body#warp_blog div#contents_main div.blog_entry_body hr {width:100%;border:none;border-bottom:1px solid #C8CCCC;height:1px;_height:1px;margin-bottom:2em;} body#warp_blog div#contents_main div.blog_entry_body a {color:#006699;} body#warp_blog div#contents_main div.blog_entry_body a:active, body#warp_blog div#contents_main div.blog_entry_body a:hover {color:#CCC;} body#warp_blog div#contents_main div.blog_entry_body i {font-style:italic;} /*---------------------------------------------------------------------------- ※本文に追加する場合以下 ----------------------------------------------------------------------------*/ /* pickup contents 14/05/14 ← h3見出し追加予定あり 2021/10 */ body#warp_blog div#contents_main div.blog_entry_body div.pickup {box-sizing:border-box;overflow:hidden;} body#warp_blog div#contents_main div.blog_entry_body div.pickup {background:#FAFAFA;border-radius:20px;margin:0 0 1.5em;padding:2em;} body#warp_blog div#contents_main div.blog_entry_body div.pickup h3 {font-size:100%;letter-spacing:0;font-weight:normal;margin:0 0 1.5em;} body#warp_blog div#contents_main div.blog_entry_body div.pickup h3:after {display:none;} body#warp_blog div#contents_main div.blog_entry_body div.pickup h3:last-child {margin:0;} body#warp_blog div#contents_main div.blog_entry_body div.pickup h3 a:active, body#warp_blog div#contents_main div.blog_entry_body div.pickup h3 a:hover {text-decoration:underline;} /* チキチキ第2回 15/05/21 */ body#warp_blog div#contents_main div.blog_entry_body table.font85_center {font-size:85%;line-height:1.3;} body#warp_blog div#contents_main div.blog_entry_body table.font85_center th {text-align:center;} body#warp_blog div#contents_main div.blog_entry_body table.font85_center td {text-align:center;padding:3px 2px;} body#warp_blog div#contents_main div.blog_entry_body table.font85_center td.tikiname {text-align:left;} body#warp_blog div#contents_main div.blog_entry_body table.font85_center td.youwin {background-color:#FFDFF1;} /* ダウンロードボタン クラウドアイコン 2018/03/22 */ body#warp_blog div#contents_main div.blog_entry_body a.btn_clowd_download {color:#fff !important;border:1px solid #999;border-bottom:1px solid #333;background:#333;background:linear-gradient(top bottom,#999,#333);background:-ms-linear-gradient(top, #999, #333);background:-moz-linear-gradient(center top, #999 0%,#333 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #999),color-stop(1, #333));} body#warp_blog div#contents_main div.blog_entry_body a.btn_clowd_download {display:inline-block;width:auto;min-width:25%;height:40px;line-height:40px;box-sizing:border-box;overflow:hidden;} body#warp_blog div#contents_main div.blog_entry_body a.btn_clowd_download {text-align:center;margin:0;padding:0 15px;border-radius:20px;} body#warp_blog div#contents_main div.blog_entry_body a.btn_clowd_download:after {display:inline-block;width:16px;height:20px;margin:0 0 0 5px;overflow:hidden;} body#warp_blog div#contents_main div.blog_entry_body a.btn_clowd_download:after {content:'';background:url(img/icon_clowd_download01.png) no-repeat left 5px;} body#warp_blog div#contents_main div.blog_entry_body a.btn_clowd_download:active, body#warp_blog div#contents_main div.blog_entry_body a.btn_clowd_download:hover {background:#555;} /* ランキング順位表示 15/01/08 */ body#warp_blog div#contents_main div.blog_entry_body div.mt1em {margin-top:1em;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em a {display:block;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em a:hover {background-color:#EEE !important;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em a:active {background-color:#DDD !important;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em a, body#warp_blog div#contents_main div.blog_entry_body div.mt1em a:link, body#warp_blog div#contents_main div.blog_entry_body div.mt1em a:hover, body#warp_blog div#contents_main div.blog_entry_body div.mt1em a:visited, body#warp_blog div#contents_main div.blog_entry_body div.mt1em a:active, body#warp_blog div#contents_main div.blog_entry_body div.mt1em a h3, body#warp_blog div#contents_main div.blog_entry_body div.mt1em a span {color:#474747 !important;text-decoration:none;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em.last {border-bottom:1px solid #999;margin-bottom:2em;padding-bottom:1em;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em div.rankconent {padding-top:10px;padding-bottom:2em;border-top:1px solid #999;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em div.rankconent p {font-size:91%;margin-left:37%;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em div.rankconent .left_image_text {margin-left:37%;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em div.rankconent img {float:left;width:200px;margin-left:25px;margin-right:25px;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em div.rankconent em, body#warp_blog div#contents_main div.blog_entry_body div.mt1em div.ranklist em {font-size:81%;font-style:normal;border:1px solid;margin:0 5px;padding:0px 5px;font-weight:bold;display:inline-block;line-height:1;vertical-align:middle;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em div.rankconent em.up {color:#00A091;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em div.rankconent em.new {color:#C4565B;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em div.rankconent em.stay {color:#9F8CA0;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em div.rankconent strong {font-size:medium;font-weight:bold;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em div.rankconent small {font-size:0.6em;text-align:right;display:block;margin-right:5em;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em div.ranklist {font-size:medium;list-style:none;padding:0;} body#warp_blog div#contents_main div.blog_entry_body div.mt1em div.ranklist LI {padding-bottom:10px;} /* 【12183】【つないでみた】ワールドカップとつないでみた（画像） インラインフレーム横幅650×400 */ body#warp_blog div#contents_main div.blog_entry_body div.w650_h400_box {width:91.5%;max-height:400px;overflow:scroll;border:2px solid #BBB;}/* コンテンツ幅710pxに対して91.5%程 */ body#warp_blog div#contents_main div.blog_entry_body div.w650_h400_box div.w650_h400_box_inner, body#warp_blog div#contents_main div.blog_entry_body div.w650_h400_box div.w650_h400_box_inner img {width:100% !important;} /* 【15267】つないでみた：さくら2015 インラインフレーム横幅610×400 */ body#warp_blog div#contents_main div.blog_entry_body div.w610_h400_box {width:86%;max-height:400px;overflow-x:hidden;border:2px solid #BBB;}/* コンテンツ幅710pxに対して86%程 */ body#warp_blog div#contents_main div.blog_entry_body div.w610_h400_box div.w610_h400_box_inner {width:100%;height:100%;overflow:hidden;} body#warp_blog div#contents_main div.blog_entry_body div.w610_h400_box div.w610_h400_box_inner iframe {transform:scale(1.00);-o-transform:scale(1.00);-webkit-transform:scale(1.00);-moz-transform:scale(1.00);-ms-transform:scale(1.00);transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;}/* 外部コンテンツ幅610×400なので比率は1.00倍 */ /* 【16266】つないでみた：Tableauと地震情報 インラインフレーム横幅600×500 */ body#warp_blog div#contents_main div.blog_entry_body div.w600_h500_box {width:86%;max-height:500px;overflow-x:hidden;border:0;}/* コンテンツ幅710pxに対して86%程 */ body#warp_blog div#contents_main div.blog_entry_body div.w600_h500_box div.w600_h500_box_inner {width:100%;height:100%;overflow:hidden;} body#warp_blog div#contents_main div.blog_entry_body div.w600_h500_box div.w600_h500_box_inner iframe {transform:scale(1.00);-o-transform:scale(1.00);-webkit-transform:scale(1.00);-moz-transform:scale(1.00);-ms-transform:scale(1.00);transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;}/* 外部コンテンツ幅600×500なので比率は1.00倍 */ /*---------------------------------------------------------------------------- ※本文に追加する場合上記 ----------------------------------------------------------------------------*/ /* 一覧 BOX */ body.product_blog div#contents_main div.product_blog_box {clear:both;padding:0 10px 25px;border-bottom:1px solid #C8CCCC;margin-bottom:15px;} /* サムネイル画像 */ body.product_blog div#contents_main div.product_blog_box p.blog_entry_thum {width:180px;float:left;border:solid 1px #b9ceca;} body.product_blog div#contents_main div.product_blog_box p.blog_entry_thum img {border:solid 1px #fff;} /* インフォメーション */ body.product_blog div#contents_main div.product_blog_box p.blog_entry_info {padding-left:200px;} body.product_blog div#contents_main div.product_blog_box p.blog_entry_summary {padding-left:200px;line-height:1.5;font-size:123.1%;} body.product_blog div#contents_main div.product_blog_box p.blog_entry_link {text-align:left;margin-left:200px;margin-bottom:20px;font-size:108%;} body.product_blog div#contents_main div.product_blog_box p.blog_entry_link a {text-align:left;color:#006699;background:url(img/blogSankaku.png) left center no-repeat;padding:3px 0 3px 12px;} /*【H1】一覧 */ body#warp_blog div#contents_main div.monthlyBox h1 {width:100%;height:34px;display:block;margin-bottom:5px;background:url(img/bgMonth.jpg) repeat-x;text-align:left;font-size:123.1%;line-height:1;padding-top:12px;} body#warp_blog div#contents_main div.monthlyBox h1 span {color:#fff;padding-left:16px;} /*【H2】一覧 記事タイトル */ body#warp_blog div#contents_main h2.blog_entry_title {font-size:174%;font-weight:bold;color:#313131;line-height:1.3;letter-spacing:-1px;text-align:left;} body.product_blog div#contents_main div.product_blog_box h2.blog_entry_title {padding-left:200px;} /* 著者一覧 */ body#warp_blog div#contents_main p.blog_author_title {margin-bottom:20px;padding:0 0 5px;border-bottom: 1px solid #C8CCCC;} body#warp_blog div#contents_main p.blog_author_title:before {content:'◎ ';color:#64C846;} /* 以下を削除予定 */ body#warp_blog div#contents_main p.blog_entry_title {font-size:174%;font-weight:bold;color:#313131;line-height:1.3;letter-spacing:-1px;} body.product_blog div#contents_main div.product_blog_box p.blog_entry_title {padding-left:200px;} /* 201602 ブロックチェーンカテゴリへの追加分 */ div.blog_cat_attention_box {text-align:left;background:url(img/entry_body_hr.png) left bottom no-repeat;padding-bottom:50px;margin-bottom:25px;} div.blog_cat_attention_box h1 {margin-bottom:20px;} div.blog_cat_attention_box p {font-size:123.1%;line-height:1.5;margin-bottom:20px;} div.blog_cat_attention_box p a {color:#006699;text-decoration:underline;} div.blog_cat_attention_box .data_box {border-left:7px solid #78A700;margin-bottom:20px;padding:25px 20px 25px 13px;} div.blog_cat_attention_box .data_box h2 {color:#313131;font-size:153.9%;line-height:1.5;margin-bottom:10px;} div.blog_cat_attention_box .data_box h2 a {color:#313131;font-size:123.1%;font-weight:bold;text-decoration:underline;} div.blog_cat_attention_box .data_box h2 a:active, div.blog_cat_attention_box .data_box h2 a:hover {color:#006699;} div.blog_cat_attention_box .data_box img {display:block;} div.blog_cat_relation_box {text-align:left;} div.blog_cat_relation_box h2 {font-size:167%;font-weight:bold;margin-bottom:25px;} div.blog_cat_relation_box ul {} div.blog_cat_relation_box ul li.data_box {float:left;width:360px;height:116px;border-bottom:1px dotted #CCC;margin-bottom:10px;margin-left:19px;} div.blog_cat_relation_box ul li:first-child {margin-left:0;} /* 01 */ div.blog_cat_relation_box ul li:nth-child(2n+1) {margin-left:0;} /* IE8対応用 */ div.blog_cat_relation_box ul > *:first-child + * + * {margin-left:0;} /* 3 */ div.blog_cat_relation_box ul li.data_box p {float:left;} div.blog_cat_relation_box ul li.data_box p a {display:inline-block;} div.blog_cat_relation_box ul li.data_box p img {width:140px;height:106px;margin-right:10px;} div.blog_cat_relation_box ul li.data_box h3 {font-size:100%;line-height:1.5;overflow:hidden;height:116px;} div.blog_cat_relation_box ul li.data_box h3 a {color:#006699;} div.blog_cat_relation_box ul li.data_box h3 a:active, div.blog_cat_relation_box ul li.data_box h3 a:hover {color:#999;text-decoration:underline;} div.blog_cat_banner_box_2cal {} div.blog_cat_banner_box_2cal a {display:block;width:360px;height:86px;float:left;} /*---------------------------------------------------------------------------- 製品ブログ内設置：用語集 移行のため body.product_blog を外した。2021/06 ----------------------------------------------------------------------------*/ div#contents_main #words {text-align:left;} div#contents_main #words .discription {font-size:116%;} div#contents_main #words .discription p {margin-bottom:15px;} div#contents_main #words .sakuin {background:#F4F4F4;text-align:center;overflow:hidden;padding:20px;border:1px solid #C8CCCC;} div#contents_main #words .sakuin ul {list-style:none;} div#contents_main #words .sakuin ul li {list-style:none;float:left;font-size:123.1%;color:#999;padding:0;margin:0 10px 0 0;} div#contents_main #words h1 {font-size:197%;color:#313131;line-height:1.3;letter-spacing:-1px;text-align:left;margin-bottom:15px;} div#contents_main #words h2 {font-size:174%;color:#313131;line-height:1.3;letter-spacing:-1px;text-align:left;} div#contents_main #words h4 {font-size:131%;color:#313131;line-height:1.3;letter-spacing:-1px;text-align:left;margin-bottom:15px;} div#contents_main #words .pagelink {font-size:108%;} div#contents_main #words .pagelink li {line-height:2;background:url(img/sankakuGlay.png) no-repeat 0 center;padding:5px 0px 3px 15px;border-bottom:dotted 1px #CCC;margin:0 0 0 20px;list-style:none;width:335px;float:left;} div#contents_main #words .pagelink li a {color:#006699;} div#contents_main #words .pagelink li a:active, div#contents_main #words .pagelink li a:hover {color:#999;} div#contents_main #words p.entry_head {text-align:right;padding:0 0 30px;} div#contents_main #words p.entry_head a {color:#313131;} div#contents_main #words p.entry_head img {vertical-align:middle;margin-right:5px;} div#contents_main #words .relevance {clear:both;border-bottom:dotted 1px #CCC;padding:0px 10px 5px 10px;margin-bottom:8px;min-height:55px;} div#contents_main #words .relevance .relevance_entry_thum {width:65px;float:left;border:solid 1px #b9ceca;} div#contents_main #words .relevance .relevance_entry_thum a {width:65px;height:50px;display:block;} div#contents_main #words .relevance .relevance_entry_thum a img {border:solid 1px #fff;width:63px;height:48px;} div#contents_main #words .relevance .relevance_entry_title {font-size:116%;color:#313131;line-height:1.3;text-align:left;padding-left:80px;line-height:1.8;} div#contents_main #words .relevance .relevance_entry_title h3 {font-size: 100%;letter-spacing: 0;line-height: 1.7;} div#contents_main #words .relevance .relevance_entry_title a:hover {text-decoration:underline;} /*---------------------------------------------------------------------------- WARP導入企業一覧 2018/01 ----------------------------------------------------------------------------*/ body#warp_jirei .warp_201801_case_all h1 {font-size:243%;color:#5b5b5b;line-height:1.5;margin-bottom:20px;} body#warp_jirei .warp_201801_case_all h1 small {font-size:77%;color:#50B848;} body#warp_jirei .warp_201801_case_all h1 + p {font-size:146.5%;text-align:center;} /* ロゴのみ表示一覧 */ body#warp_jirei .warp_201801_case_all .all_rogo_box {width:100%;} body#warp_jirei .warp_201801_case_all .all_rogo_box ul {width:auto;height:auto;margin:0 0 0 -2%;box-sizing:border-box;overflow:hidden;} body#warp_jirei .warp_201801_case_all .all_rogo_box ul {list-style-type:unset;list-style-position:unset;text-align:center;} body#warp_jirei .warp_201801_case_all .all_rogo_box ul li {float:left;width:18%;*width:17.9%;position:relative;margin:0 0 2.5% 2%;box-sizing:border-box;overflow:hidden;} body#warp_jirei .warp_201801_case_all .all_rogo_box ul li span.image, body#warp_jirei .warp_201801_case_all .all_rogo_box ul li a.link_eria {display:block;width:100%;height:100%;padding:15px 0 15px 0;box-sizing:border-box;overflow:hidden;} body#warp_jirei .warp_201801_case_all .all_rogo_box ul li span.image, body#warp_jirei .warp_201801_case_all .all_rogo_box ul li a.link_eria {border:3px solid #FFF;border-radius:10px;background-color:#FFF;} body#warp_jirei .warp_201801_case_all .all_rogo_box ul li a.link_eria:after {position:absolute;right:10px;bottom:0;content:'この事例を見る';font-size:12px;color:#50B848;} body#warp_jirei .warp_201801_case_all .all_rogo_box ul li a.link_eria:after {background:url(img/warp_201711_option_arrow.png) left center no-repeat;line-height:30px;padding:0 0 0 10px;} body#warp_jirei .warp_201801_case_all .all_rogo_box ul li img {max-width:90%;height:auto;margin:-5% auto;} /* 外部リンクマーク 15/06/09 */ body#warp_jirei .warp_201801_case_all .all_rogo_box ul li a.extlink {position:absolute;right:8px;top:8px;width:13px;height:10px;z-index:1;left:initial;} /* ロールオーバー */ body#warp_jirei .warp_201801_case_all .all_rogo_box ul li a.link_eria.over_eria {border:3px solid #50B848;} body#warp_jirei .warp_201801_case_all .all_rogo_box ul li a.link_eria.over_eria img {opacity:0.75;} /*---------------------------------------------------------------------------- warp jirei 17/08 ----------------------------------------------------------------------------*/ body#warp_jirei div#contents {position:relative;} /*---------------------------------------------------------------------------- WARP事例TOP 2015/07 --------------------------------------*/ body#warp_jirei .warp_jirei_top h1 {font-size:230%;color:#5b5b5b;text-align:left;margin-bottom:20px;} body#warp_jirei .warp_jirei_top .taxonomyLink h3 {font-size:182%;text-align:left;font-weight:normal;color:#474747;} /* ピックアップ事例 */ body#warp_jirei .warp_jirei_pickup {position:relative;width:auto;min-height:260px;border:1px solid #CDCDCD;background:url(img/warp_jirei_pickup_bg.png) left bottom repeat-x;margin-bottom:20px;box-sizing:border-box;overflow:hidden;} body#warp_jirei .warp_jirei_pickup .option_box {text-align:left;} body#warp_jirei .warp_jirei_pickup .option_box .pickuplist {display:none;} body#warp_jirei .warp_jirei_pickup .option_box .rogo {float:left;width:26%;height:auto;overflow:hidden;text-align:center;margin:30px 0 0 2%;} body#warp_jirei .warp_jirei_pickup .option_box .rogo a {display:block;width:100%;height:100%;overflow:hidden;} body#warp_jirei .warp_jirei_pickup .option_box .rogo img {max-width:100%;width:250px;} /* 事例内容 */ body#warp_jirei .warp_jirei_pickup .option_box .data_box {float:left;width:66%;min-height:200px;margin:30px 0 90px 2%;} body#warp_jirei .warp_jirei_pickup .option_box .data_box h2 {font-size:26px;line-height:1.4;font-weight:bold;color:#313131;} body#warp_jirei .warp_jirei_pickup .option_box .data_box h2 small {display:block;font-weight:normal;} body#warp_jirei .warp_jirei_pickup .option_box .data_box .company {color:#777;font-size:15px;margin:0;} body#warp_jirei .warp_jirei_pickup .option_box .data_box h3.text {font-size:15px;} /* カテゴリ */ body#warp_jirei .warp_jirei_pickup .option_box .data_box dl.category dt {clear:both;float:left;display:inline-block;padding:0;font-weight:bold;} body#warp_jirei .warp_jirei_pickup .option_box .data_box dl.category dd {float:left;display:inline-block;padding:0;} /* リンクボタン */ /* 2018/02 */ body#warp_jirei .warp_jirei_pickup .option_box .detail_btn {position:absolute;left:0;bottom:30px;width:100%;height:40px;overflow:hidden;text-align:center;} body#warp_jirei .warp_jirei_pickup .option_box .detail_btn a {position:relative;display:inline-block;min-width:25%;height:36px;line-height:36px;font-size:108%;text-align:center;padding:2px 30px 0 20px;margin:0 0 0 20px;border-radius:20px;} /* 2018/02 */ body#warp_jirei .warp_jirei_pickup .option_box .detail_btn a:active {text-decoration:none;} body#warp_jirei .warp_jirei_pickup .option_box .detail_btn a.btn01 {padding-left:25px;color:#fff !important;border:1px solid #999;border-bottom:1px solid #333;background:#333;background:linear-gradient(top bottom,#999,#333);background:-ms-linear-gradient(top, #999, #333);background:-moz-linear-gradient(center top, #999 0%,#333 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #999),color-stop(1, #333));} body#warp_jirei .warp_jirei_pickup .option_box .detail_btn a.btn02 {color:#313131 !important;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));} body#warp_jirei .warp_jirei_pickup .option_box .detail_btn a i {display:inline-block;color:#50B848;line-height:39px;background-image:none;position:absolute;right:0;top:0;} body#warp_jirei .warp_jirei_pickup .option_box .detail_btn a.btn01 i:after, body#warp_jirei .warp_jirei_pickup .option_box .detail_btn a.btn02 i:after {font-size:10px;content:'▶';}/* 2018/01 */ /* 新着5件ロゴ、ロゴのみ表示一覧 */ body#warp_jirei div.warp_jirei_only_rogo {width:100%;} body#warp_jirei div.warp_jirei_only_rogo h2 {font-size:197%;text-align:left;margin-bottom:30px;} body#warp_jirei div.warp_jirei_only_rogo h2 span {float:right;font-size:15px;color: #999;margin-left:1em;} body#warp_jirei div.warp_jirei_only_rogo h2 span a {color: #999;} body#warp_jirei div.warp_jirei_only_rogo h2 span a:hover {text-decoration:underline;} body#warp_jirei div.warp_jirei_only_rogo ul {width:auto;height:auto;margin:0 0 0 -2%;box-sizing:border-box;overflow:hidden;} body#warp_jirei div.warp_jirei_only_rogo ul.mb30px {margin-bottom:30px;} /* 新着5件ロゴ */ body#warp_jirei div.warp_jirei_only_rogo ul li {float:left;width:18%;*width:17.9%;position:relative;margin:0 0 0 2%;box-sizing:border-box;overflow:hidden;} body#warp_jirei div.warp_jirei_only_rogo ul li span.image, body#warp_jirei div.warp_jirei_only_rogo ul li a.link_eria {display:block;width:100%;height:100%;padding:15px 0 15px 0;box-sizing:border-box;overflow:hidden;} body#warp_jirei div.warp_jirei_only_rogo ul li span.image, body#warp_jirei div.warp_jirei_only_rogo ul li a.link_eria {border:3px solid #FFF;border-radius:10px;background-color:#FFF;} body#warp_jirei div.warp_jirei_only_rogo ul li a.link_eria:after {position:absolute;right:10px;bottom:0;content:'この事例を見る';font-size:12px;color:#50B848;} body#warp_jirei div.warp_jirei_only_rogo ul li a.link_eria:after {background:url(img/warp_201711_option_arrow.png) left center no-repeat;line-height:30px;padding:0 0 0 10px;} body#warp_jirei div.warp_jirei_only_rogo ul li img {max-width:90%;height:auto;margin:-5% auto;} /* ロゴのみ表示一覧：横スライドBOXサイズ */ body#warp_jirei div.warp_jirei_only_rogo #swiper1.swiper {width:100%;height:auto;margin-left:auto;margin-right:auto;} body#warp_jirei div.warp_jirei_only_rogo #swiper1.swiper ul li {margin-bottom:2%;} /* 外部リンクマーク 15/06/09 */ body#warp_jirei div.warp_jirei_only_rogo ul li a.extlink {position:absolute;right:8px;top:8px;width:13px;height:10px;z-index:1;left:initial;} /* 新着企業5件ロゴ、ロゴのみ企業 */ body#warp_jirei div.warp_jirei_only_rogo_new {width:100%;} body#warp_jirei div.warp_jirei_only_rogo_new h2 {font-size:197%;text-align:left;margin-bottom:30px;} body#warp_jirei div.warp_jirei_only_rogo_new h2 span {font-size:12px;} body#warp_jirei div.warp_jirei_only_rogo_new ul {width:99%;height:auto;margin:0;padding:0 0.5%;overflow:hidden;background:#73C66D;border-radius:18px;} /* 2018/01 */ body#warp_jirei div.warp_jirei_only_rogo_new ul.mb30px {margin-bottom:30px;} /* 新着5件ロゴ */ body#warp_jirei div.warp_jirei_only_rogo_new ul li {float:left;width:19%;*width:18.9%;position:relative;margin:1% 0.5%;box-sizing:border-box;overflow:hidden;} body#warp_jirei div.warp_jirei_only_rogo_new ul li {border-radius:10px;background-color:#FFF;}/* 2018/01 */ body#warp_jirei div.warp_jirei_only_rogo_new ul li img {max-width:90%;height:auto;margin:0 auto;} /* 絞込み機能 */ body#warp_jirei div.warp_jirei_list {position:relative;border-bottom:1px solid #C8CCCC;padding-bottom:0px;margin-bottom:30px;height:auto;} body#warp_jirei div.warp_jirei_list .result_arrow {position:absolute;left:46.7%;bottom:-15px;width:61px;height:15px;} /* 選択ボタン */ body#warp_jirei div.warp_jirei_list .btn_area {width:100%;} body#warp_jirei div.warp_jirei_list .btn_area div.list_box {margin:0 0 15px 0;border:1px dotted #C8CCCC;border-bottom:none;padding-top:15px;overflow:hidden;} body#warp_jirei div.warp_jirei_list .btn_area div.list_box div.l_box {float:left;width:15%;line-height:35px;color:#666;font-size:116%;} body#warp_jirei div.warp_jirei_list .btn_area div.list_box div.r_box {width:80%;float:left;} body#warp_jirei div.warp_jirei_list .btn_area div.list_box div.r_box ul {margin-top:-5px;} body#warp_jirei div.warp_jirei_list .btn_area div.list_box div.r_box ul li {margin:5px 3px 0 0;float:left;} body#warp_jirei div.warp_jirei_list .btn_area div.list_box div.r_box ul li a {display:block;border:1px solid #C8CCCC;padding:8px 5px 6px;background:url(img/warp_jirei_list_btn.png) repeat-x left top #FFF;cursor:pointer;font-size:12px;line-height:1;} body#warp_jirei div.warp_jirei_list .btn_area div.list_box div.r_box ul li a:hover {background-color:#E4E4E4;color:#313131;background-image:none;text-decoration:none;} body#warp_jirei div.warp_jirei_list .btn_area div.list_box div.r_box ul li a.on {background:#73C66D;color:#FFF;border:1px solid #73C66D;}/* 2018/01 */ /* 送信ボタン */ body#warp_jirei div.warp_jirei_list .submit_area {width:100%;margin:0 auto;height:45px;} body#warp_jirei div.warp_jirei_list .submit_area ul {width:225px;margin:0 auto;padding:0;min-height:28px;} body#warp_jirei div.warp_jirei_list .submit_area ul li {margin:0 6px;float:left;} body#warp_jirei div.warp_jirei_list .submit_area ul li a {display:block;width:80px;border:1px solid #C8CCCC;padding:8px 9px 6px;background:url(img/warp_jirei_list_btn.png) repeat-x left top #FFF;cursor:pointer;border-radius:14px;font-size:12px;line-height:1;} body#warp_jirei div.warp_jirei_list .submit_area ul li a:hover {background-color:#E4E4E4;color:#313131;background-image:none;text-decoration:none;} body#warp_jirei div.warp_jirei_list .submit_area ul li a:active {background-color:#BBB;border:1px solid #AAA;background-image:none;text-decoration:none;} body#warp_jirei div.warp_jirei_list .submit_area ul li a span {color:#73C66D;padding-right:5px;}/* 2018/01 */ /* 検索ボタン */ body#warp_jirei div.warp_jirei_list .search_btn {width:100%;margin:0 auto;height:65px;} body#warp_jirei div.warp_jirei_list .search_btn ul {width:33.33%;margin:0 auto;padding:0;min-height:50px;} body#warp_jirei div.warp_jirei_list .search_btn ul li {display:block;padding:15px 10px 16px;cursor:pointer;border-radius:25px;font-size:15px;line-height:1;} body#warp_jirei div.warp_jirei_list .search_btn ul li {color:#FFF;background:#50B848;} body#warp_jirei div.warp_jirei_list .search_btn ul li.nowOpen_pc {color:#313131 !important;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));} body#warp_jirei div.warp_jirei_list .search_btn ul li img {vertical-align:bottom;} body#warp_jirei div.warp_jirei_list .search_btn ul li:hover {background-color:#E4E4E4;color:#313131;background-image:none;text-decoration:none;} body#warp_jirei div.warp_jirei_list .search_btn ul li:active {background-color:#BBB;border:1px solid #AAA;background-image:none;text-decoration:none;} /* 絞込結果 */ body#warp_jirei div.warp_jirei_result {width:100%;margin-bottom:40px;overflow:hidden;} body#warp_jirei div.warp_jirei_result .result_num span {color:#73C66D;text-decoration:underline;font-size:108%;padding-right:3px;}/* 2018/01 */ /* 3カラムボックス */ body#warp_jirei div.warp_jirei_result div.index_area {width:auto;margin:0 0 0 -2%;box-sizing:border-box;overflow:hidden;} body#warp_jirei div.warp_jirei_result div.inner_box {position:relative;float:left;width:31.3%;*width:31.2%;min-height:424px;margin:0 0 2% 2%;box-sizing:border-box;overflow:hidden;} /*3カラム目：右余白なし*/ body#warp_jirei div.warp_jirei_result div.mr_3n {margin-right:0;} body#warp_jirei div.warp_jirei_result div.inner_box .link_eria {position:relative;width:100%;min-height:424px;box-sizing:border-box;overflow:hidden;} body#warp_jirei div.warp_jirei_result div.inner_box .link_eria {border-radius:10px;border:3px solid #F5F5F5;background:#FFF;} body#warp_jirei div.warp_jirei_result div.inner_box .link_eria a.link_eriaIN {display:block;width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;cursor:pointer;z-index:1;} /* 外部リンクマーク 15/06/09 */ body#warp_jirei div.warp_jirei_result div.inner_box .link_eria a.extlink {position:absolute;right:8px;top:8px;width:13px;height:10px;z-index:1;left:initial;} /* 事例内容 */ body#warp_jirei div.warp_jirei_result div.inner_box .data_box {border-bottom:1px dotted #CCC;margin-bottom:7px;overflow:hidden;height:280px;} body#warp_jirei div.warp_jirei_result div.inner_box .data_box .rogo {width:220px;height:125px;margin:1em auto 0;overflow:hidden;} body#warp_jirei div.warp_jirei_result div.inner_box .data_box .rogo img {width:220px;margin:-18px 0 0;} body#warp_jirei div.warp_jirei_result div.inner_box .data_box h2 {font-size:19px;text-align:left;letter-spacing:-0.5px;line-height:1.5;margin:0 1em;height:6em;overflow:hidden;} body#warp_jirei div.warp_jirei_result div.inner_box .data_box h2 br {content:'';} body#warp_jirei div.warp_jirei_result div.inner_box .data_box h2 br::after {content:' / ';} body#warp_jirei div.warp_jirei_result div.inner_box .data_box .company {font-size:12px;margin:0 1em 10px;line-height:1.2;height:1.2em;overflow:hidden;} body#warp_jirei div.warp_jirei_result div.inner_box .data_box .attention {width:36px;height:16px;overflow:hidden;position:absolute;left:8px;top:8px;font-size:11px;} body#warp_jirei div.warp_jirei_result div.inner_box .data_box .attention span {display:block;color:#FFF;line-height:1;text-align:center;padding:3px 0 2px;} body#warp_jirei div.warp_jirei_result div.inner_box .data_box .attention span.new {background-color:#C4565B;} /* カテゴリ */ body#warp_jirei div.warp_jirei_result div.inner_box ul.category-block {text-align:left;margin:0 1em 4px;} body#warp_jirei div.warp_jirei_result div.inner_box ul.category-block li {font-size:11px;line-height:1.3;color:#777;display:inline-block;padding:2px 3px 0;border:1px solid #C8CCCC;background-color:#F4F4F4;} body#warp_jirei div.warp_jirei_result div.inner_box ul.category-inline {text-align:left;margin:0 1em 0;} body#warp_jirei div.warp_jirei_result div.inner_box ul.category-inline li {font-size:11px;line-height:1.3;color:#777;display:inline;} body#warp_jirei div.warp_jirei_result div.inner_box ul.category li strong {font-weight:bold;} /* リンクボタン */ body#warp_jirei div.warp_jirei_result div.inner_box .outlink {position:absolute;width:100%;height:auto;bottom:0;margin:0 auto 25px;overflow:hidden;} body#warp_jirei div.warp_jirei_result div.inner_box .outlink a {display:block;padding:0px 10px 0 12px;margin:0 1em;background:#313131;cursor:pointer;font-size:13px;line-height:40px;color:#FFF;height:40px;} body#warp_jirei div.warp_jirei_result div.inner_box .outlink a i {color:#50B848;display:inline-block;}/* 2018/01 */ body#warp_jirei div.warp_jirei_result div.inner_box .outlink a i:after {font-size:10px;content:'▶';}/* 2018/01 */ body#warp_jirei div.warp_jirei_result div.inner_box .partner {color:#AAA;width:100%;height:25px;line-height:25px;font-size:11px;position:absolute;right:0;bottom:0;} /* もっと見るボタン */ body#warp_jirei div.warp_jirei_result a.more {clear:both;display:block;width:100%;height:auto;font-size:16px;line-height:1;padding:19px 0 15px;color:#474747;background:url(img/warp_jirei_result_more_bg.png) repeat-x left bottom #FFF;overflow:hidden;} body#warp_jirei div.warp_jirei_result a.more:active, body#warp_jirei div.warp_jirei_result a.more:hover {background:url(img/warp_jirei_result_more_bg_on.png) repeat-x left bottom #73C66D;text-decoration:none;color:#313131;}/* 2018/01 */ body#warp_jirei div.warp_jirei_result a.more span {display:inline-block;width:10px;height:10px;background:url(img/warp_jirei_result_more_btn.png) right center no-repeat;padding:0 0 0 5px;} /* ロールオーバー※template_common.js 2015/09/10 */ body#warp_jirei div.warp_jirei_result div.inner_box .over_eria {border:3px solid #50B848;} body#warp_jirei div.warp_jirei_result div.inner_box .over_eria img {opacity:0.75;} body#warp_jirei div.warp_jirei_result div.inner_box .over_eria .outlink a {background:#50B848;} body#warp_jirei div.warp_jirei_result div.inner_box .over_eria .outlink a i {color:#FFF;} /* ロールオーバー */ body#warp_jirei div.warp_jirei_only_rogo ul li a.link_eria.over_eria {border:3px solid #50B848;} body#warp_jirei div.warp_jirei_only_rogo ul li a.link_eria.over_eria img {opacity:0.75;} /* 記事詳細 BOX */ /* 一覧 BOX */ /*【H1】一覧 */ body#warp_jirei div#contents_main div.cace_title h1 {font-size:123.1%;width:100%;height:34px;display:block;margin:20px 0 15px;background:url(img/bgMonth.jpg) repeat-x;text-align:left;padding:5px 0 0 0;} body#warp_jirei div#contents_main div.cace_title h1 span {color:#fff;padding-left:16px;} /*【H3】タイトル系 */ body#warp_jirei div#contents_main div.cace_title h3 {font-size:123.1%;width:100%;height:34px;display:block;margin-bottom:15px;background:url(img/bgMonth.jpg) repeat-x;text-align:left;padding:5px 0 0 0;} body#warp_jirei div#contents_main div.cace_title h3 span {color:#fff;padding-left:16px;} body#warp_jirei div#contents_main div#jirei_intro {overflow:hidden;box-sizing:border-box;} body#warp_jirei div#contents_main div.fl_box {width:37.5%;float:left;text-align:left;position:relative;} body#warp_jirei div#contents_main div.fr_box {float:left;width:60.5%;margin-left:2%;text-align:left;} body#warp_jirei div#contents_main div.fr_box div.fr_box_inner {;background:url(img/hr_half.png) no-repeat left bottom;padding-bottom:17px;margin-bottom:15px;} body#warp_jirei div#contents_main div#jirei_intro div.fr_box h3, body#warp_jirei div#contents_main div#jirei_intro div.fr_box p, body#warp_jirei div#contents_main div#jirei_intro div.fr_box dl {margin-right:20px;} body#warp_jirei div#contents_main div#jirei_intro div.fl_box p#case_rogo {} /* 外部リンクマーク 15/06/09 */ body#warp_jirei div#contents_main div#jirei_intro div.fl_box a.extlink {position:absolute;right:8px;top:15px;width:13px;height:10px;} /* 外部リンクマーク 15/06/09 */ body#warp_jirei div#contents_main div#jirei_intro div.fl_box img {max-width:100%;margin:0 auto;border:solid 1px #b9ceca;} /*【H2】事例タイトル アーカイブ/詳細 */ body#warp_jirei div#contents_main div#jirei_intro div.fr_box h2 {font-size:167%;color:#313131;line-height:1.35;padding:10px 0;text-align:left;font-weight:bold;} body#warp_jirei div#contents_main div#jirei_intro div.fr_box h3 {font-size:116%;color:#313131;} body#warp_jirei div#contents_main div#jirei_intro div.fr_box p.intro_name {font-size:123.1%;padding:5px 0 20px;color:#898989;} body#warp_jirei div#contents_main div#jirei_intro div.fr_box dl dt {clear:both;float:left;display:inline-block;padding:3px 0;font-weight:bold;} body#warp_jirei div#contents_main div#jirei_intro div.fr_box dl dd {float:left;display:inline-block;padding:3px 0;} body#warp_jirei div#contents_main div#jirei_intro div.fr_box div.social_plugin {clear:both;padding:10px 0;} body#warp_jirei div#contents_main p.pdf {width:172px;height:26px;display:block;background:url(img/btn_pdf.png) no-repeat;text-indent:-10000em;margin:0;} body#warp_jirei div#contents_main p.pdf a {width:172px;height:26px;display:block;background:url(img/btn_pdf.png) no-repeat;text-indent:-10000em;} /* 事例問い合わせボタン */ body#warp_jirei div#contents_main p.jirei_inq a {width:190px;height:26px;display:block;background:url(img/btn_inq.png) no-repeat;text-indent:-10000em;} /* インタビュー記事ボタン */ body#warp_jirei div#contents_main p.interview a {width:140px;height:26px;display:block;background:url(img/btn_interview.png) no-repeat;text-indent:-10000em;} /* パートナー事例リンクボタン */ body#warp_jirei div#contents_main p.jirei_partner a {width:240px;height:26px;display:block;background:url(img/btn_partner.png) no-repeat;text-indent:-10000em;} body#warp_jirei div#contents_main div#jirei_intro ul {width:auto;min-height:26px;margin:0;} body#warp_jirei div#contents_main .fr_box li {float:left;margin:0 20px 20px 0;} body#warp_jirei div#contents_main .jirei_btn_box {clear:both;display:block;margin:0 0 20px;} body#warp_jirei div#contents_main .jirei_btn_box ul {float:right;} body#warp_jirei div#contents_main .jirei_btn_box li {float:left;margin-right:20px;} body#warp_jirei div#contents_main p.pdf02 {margin-left:760px;} body#warp_jirei div#contents_main p.details {background:url(img/sankakuGlay.png) 0 9px no-repeat;padding:3px 0 3px 12px;} body#warp_jirei div#contents_main p.details a {color:#006699;} body#warp_jirei div#contents_main div.list02 {clear:both;border-bottom:1px solid #C8CCCC;padding-bottom:30px;margin:0 5% 30px;} /* 詳細：概要文 */ body#warp_jirei div#contents_main div#jirei_summary {margin:0 5% 30px;} body#warp_jirei div#contents_main div#jirei_summary h2 {text-align:left;font-size:200%;margin-bottom:10px;} body#warp_jirei div#contents_main div#jirei_summary h2 span {background:url(img/gradient.png) repeat-x;position:absolute;display:block;width:auto;height:21px;} /* 以下削除予定 */ body#warp_jirei div#contents_main div#jirei_summary h3 {text-align:left;font-size:200%;margin-bottom:10px;} body#warp_jirei div#contents_main div#jirei_summary h3 span {background:url(img/gradient.png) repeat-x;position:absolute;display:block;width:auto;height:21px;} /* 詳細：概要説明文フォントサイズ15px相当 */ body#warp_jirei div#contents_main div#jirei_summary div.jirei_text {text-align:left;font-size:123.1%;} body#warp_jirei div#contents_main div#jirei_summary div.jirei_text strong {font-weight:bold;} body#warp_jirei div#contents_main div#jirei_intro {background:none;} /* 詳細：simple case 150721 */ body#warp_jirei div#contents_main div#jirei_summary div.case_intro_bg_icon {text-align:left;margin-bottom:15px;} body#warp_jirei div#contents_main .jirei_simple_point {font-size:116%;text-align:left;} body#warp_jirei div#contents_main .jirei_simple_point div {float:left;width:33.33%;} body#warp_jirei div#contents_main .jirei_simple_point h3 {width:90%;color:#FFF;margin:0 auto 15px;text-align:center;font-size:123.1%;line-height:35px;} body#warp_jirei div#contents_main .jirei_simple_point h3.kadai {background:#BAA944;} body#warp_jirei div#contents_main .jirei_simple_point h3.donyu {background:#50B848;} body#warp_jirei div#contents_main .jirei_simple_point h3.koka {background:#31859c;} body#warp_jirei div#contents_main .jirei_simple_point ul {width:90%;margin:0 auto;font-size:100%;} body#warp_jirei div#contents_main .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;} body#warp_jirei div#contents_main .jirei_simple_user {text-align:left;margin:0 5% 30px;} body#warp_jirei div#contents_main .jirei_simple_user h3 {font-size:123.1%;overflow:hidden;font-weight:bold;margin-bottom:15px;} body#warp_jirei div#contents_main .jirei_simple_user h3 span {color:#007283;font-size:131%;line-height:1;} body#warp_jirei div#contents_main .jirei_simple_user .jirei_text {position:relative;background:transparent url(img/case_user_coment.png) no-repeat 10px 10px;min-height:50px;border:10px solid #CBDBD8;border-radius:20px;padding:15px;font-size:116%;} body#warp_jirei div#contents_main .jirei_simple_user .jirei_text p {padding-left:50px;} body#warp_jirei div#contents_main .jirei_simple_user .jirei_text span {display:block;text-align:right;font-size:13px;color:#777;line-height:1.8;} body#warp_jirei div#contents_main .jirei_simple_user .jirei_text img {position:absolute;width:50px;height:50px;left:10px;top:10px;} body#warp_jirei div#contents_main .jirei_simple_user .more_link {text-align:right;} /* 詳細：simple case 「選定理由」「今後の理由」追加 160915 */ body#warp_jirei div#contents_main .jirei_simple_point .point_reason, body#warp_jirei div#contents_main .jirei_simple_point .point_plans {width:50%;} body#warp_jirei div#contents_main .jirei_simple_point .point_reason ul, body#warp_jirei div#contents_main .jirei_simple_point .point_plans ul {width:95%;} body#warp_jirei div#contents_main .jirei_simple_point .point_reason h3, body#warp_jirei div#contents_main .jirei_simple_point .point_plans h3 {width:95%;color:#FFF;background:#31859c;text-align:center;font-size:116%;line-height:35px;} /* 詳細：simple case 課題（連番）追加 170206 */ body#warp_jirei div#contents_main .jirei_simple_point .point_problem_number h3 {color:#FFF;background:#BAA944;text-align:center;font-size:123.1%;line-height:35px;margin-right:20px;} body#warp_jirei div#contents_main .jirei_simple_point .point_problem_number ul li strong {display:block;font-weight:bold;font-size:108%;} /* 詳細：simple case 「導入効果」追加 170206 */ body#warp_jirei div#contents_main .jirei_simple_point .point_adopt_and_efficacy {width:100%;} body#warp_jirei div#contents_main .jirei_simple_point .point_adopt_and_efficacy ul {width:96%;} body#warp_jirei div#contents_main .jirei_simple_point .point_adopt_and_efficacy h3 {background:#31859c;width:96%;} body#warp_jirei div#contents_main .jirei_simple_point .point_adopt_and_efficacy ul li strong {display:block;font-weight:bold;font-size:108%;} /* 詳細用 */ body#warp_jirei div#contents_main div.jirei_contents h3 {text-align:left;font-size:131%;font-weight:bold;}/* 17px相当 */ body#warp_jirei div#contents_main div.jirei_contents div.jirei_text {text-align:left;font-size:123.1%;}/* 15px相当 */ body#warp_jirei div#contents_main div.jirei_contents h4 {font-size:115%;font-weight:bold;color:#313131;line-height:1.5;margin:0 0 10px 0;padding:0;} body#warp_jirei div#contents_main div.jirei_contents h5 {font-size:108%;font-weight:bold;color:#313131;line-height:1.5;margin:0 0 10px 0;padding:0;} body#warp_jirei div#contents_main div.jirei_contents h6 {font-size:100%;font-weight:bold;color:#313131;line-height:1.5;margin:0 0 10px 0;padding:0;} body#warp_jirei div#contents_main div.jirei_contents p {margin-bottom:15px;} body#warp_jirei div#contents_main div.jirei_contents ul {margin-bottom:15px;} body#warp_jirei div#contents_main div.jirei_contents ul li {list-style-type:disc;list-style-position:inside;text-align:left;} body#warp_jirei div#contents_main div.jirei_contents ol {margin-bottom:15px;} body#warp_jirei div#contents_main div.jirei_contents ol li {list-style-type:decimal;list-style-position:inside;text-align:left;} body#warp_jirei div#contents_main div.jirei_contents a {color:#006699;} body#warp_jirei div#contents_main div.jirei_contents a:hover {color:#CCC;} body#warp_jirei div#contents_main div.jirei_contents strong,div.free_page em {font-weight:bold;} body#warp_jirei div#contents_main div.jirei_contents i {font-style:italic;} body#warp_jirei div#contents_main div.jirei_contents img.photo_right {float:right;margin:0 0 20px 20px;} body#warp_jirei div#contents_main div.jirei_contents img.photo_left {float:left;margin:0 20px 20px 0px;} body#warp_jirei div#contents_main div.jirei_contents img.photo_below {margin:20px auto;} /* 企業プロフィール */ body#warp_jirei div#contents_main div.company_profile {text-align:left;margin-bottom:20px;border:solid 1px #c9c8c8;font-size:93%;} body#warp_jirei div#contents_main div.company_profileIn {margin:1px;border:solid 1px #f5f5f5;padding:11px 13px 15px;} /*【H4】企業名*/ body#warp_jirei div#contents_main div.company_profileIn h4.company_name {margin-bottom:15px;font-size:167%;font-weight:bold;} body#warp_jirei div#contents_main div.company_profileIn .company_url a {color:#09a985;} body#warp_jirei div#contents_main div.company_profileIn .company_url a:hover {color:#CCC;} body#warp_jirei div#contents_main div.company_profileIn .company_text {padding-top:25px;} body#warp_jirei div#contents_main div.company_profileIn .company_text strong {font-weight:bold;} body#warp_jirei div#contents_main div.company_profileIn .company_text a {text-decoration:underline;} body#warp_jirei div#contents_main div.company_profileIn .company_text a:hover {text-decoration:none;} body#warp_jirei div#contents_main div.company_profileIn .company_text span {color:#898989;} body#warp_jirei div#contents_main div.center_box {padding:0;} body#warp_jirei div#contents_main div.jirei_text {text-align:left;} body#warp_jirei div#contents_main div.jirei_text span.int_name {font-weight:bold;color:#000;padding-right:15px;} body#warp_jirei div#contents_main div.jirei_text div.img_left {float:left;margin:0 30px 15px 0;display:inline-block;font-size:85%;color:#898989;line-height:1.35;} body#warp_jirei div#contents_main div.jirei_text div.img_left img {margin-bottom:5px;} body#warp_jirei div#contents_main div.jirei_text div.img_right {float:right;margin:0 0px 15px 30px;display:inline-block;font-size:85%;color:#898989;line-height:1.35;} body#warp_jirei div#contents_main div.jirei_text div.img_right img {margin-bottom:5px;} body#warp_jirei div#contents_main div.jirei_text div.img_below {margin:20px 5%;font-size:85%;color:#898989;text-align:center;line-height:1.35;} body#warp_jirei div#contents_main div.jirei_text div.img_below img {max-width:100%;margin-bottom:5px;} body#warp_jirei div#contents_main div.jirei_text h3 {border:0px solid #CCC;margin-bottom:20px;} /* 一覧表示用 */ body#warp_jirei div#contents_main div.jirei_list {border-bottom: 1px solid #C8CCCC;padding-bottom:15px;margin-bottom:15px;width:100%;height:auto;position:relative;} body#warp_jirei div#contents_main div.jirei_list .link_eria {display:block;width:100%;height:100%;} /* 内部リンク 位置修正 2021/09 */ body#warp_jirei div#contents_main div.jirei_list .link_eria a.link_eriaIN {display:block;width:100%;height:95%;} body#warp_jirei div#contents_main div.jirei_list .over_eria {background:url(img/jirei_list_bg.png) left top repeat;} body#warp_jirei div#contents_main div.jirei_list div.fl_box {float:left;position:relative;width:17.5%;*width:17.4%;} body#warp_jirei div#contents_main div.jirei_list div.fl_box p {text-align:left;margin:0;} /* 外部リンクマーク 15/06/09 */ body#warp_jirei div#contents_main div.jirei_list div.fl_box span.extlink {display:block;position:absolute;right:10px;top:10px;width:15px;height:12px;padding:0 !important;} /* 外部リンクマーク 15/06/09 */ body#warp_jirei div#contents_main div.jirei_list div.fl_box p img {max-width:100%;border:solid 1px #C8CCCC;margin:0 auto;background-color:#FFF;} body#warp_jirei div#contents_main div.jirei_list div.fr_box {float:right;position:relative;width:80.5%;*width:80.4%;margin:0;overflow:hidden;text-align:left;} /*【H2】事例タイトル */ body#warp_jirei div#contents_main div.jirei_list div.fr_box h2 {font-weight:bold;font-size:146.5%;line-height:1.5;margin-right:160px;color:#474747;} /*【H3】サブタイトル */ body#warp_jirei div#contents_main div.jirei_list div.fr_box h3 {font-size:123.1%;font-weight:normal;color:#474747;margin-bottom:0;} body#warp_jirei div#contents_main div.jirei_list div.fr_box h3 br {display:none;} /*【p】企業名など */ body#warp_jirei div#contents_main div.jirei_list div.fr_box p.intro_name {font-size:100%;color:#777;margin-bottom:5px;} /* 詳細を読む */ body#warp_jirei div#contents_main div.jirei_list div.fr_box div.btn {position:absolute;right:0;top:0;width:130px;height:30px;font-size:116%;} /* 内部リンク 位置修正 2021/09 */ body#warp_jirei div#contents_main div.jirei_list div.fr_box div.btn div, body#warp_jirei div#contents_main div.jirei_list div.fr_box div.btn a {color:#006699;background:url(img/sankakuGlay.png) 0 9px no-repeat;padding:3px 0 3px 12px;display:block;box-sizing:border-box;overflow:hidden;} body#warp_jirei div#contents_main div.jirei_list div.fr_box p {font-size:100%;margin-bottom:5px;} body#warp_jirei div#contents_main div.jirei_list div.fr_box dl {line-height:1.5;color:#474747;} body#warp_jirei div#contents_main div.jirei_list div.fr_box dt {clear:both;float:left;font-weight:bold;} body#warp_jirei div#contents_main div.jirei_list div.fr_box dd {float:left;} /*---------------------------------------------------------------------------- 送信完了（事例）2015/12 -----------------------------------------------------------------------------*/ div#thankyou_case {margin:0 auto 40px;} div#thankyou_case .index_area {width:auto;margin:0 0 0 -2%;box-sizing:border-box;overflow:hidden;} div#thankyou_case div.inner_box {position:relative;float:left;width:31.3%;*width:31.2%;min-height:358px;margin:0 0 2% 2%;box-sizing:border-box;overflow:hidden;} div#thankyou_case div.inner_box {border:1px solid #C8CCCC;background:#FFF;} /*3カラム目：右余白なし*/ div#thankyou_case div.mr_3n {margin-right:0;} div#thankyou_case div.inner_box .link_eria {position:relative;width:96%;min-height:358px;margin:2%;} div#thankyou_case div.inner_box .link_eria a.link_eriaIN {display:block;width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;cursor:pointer;} /* 事例内容 */ div#thankyou_case div.inner_box .data_box {border-bottom:1px dotted #CCC;margin-bottom:7px;overflow:hidden;height:240px;} div#thankyou_case div.inner_box .data_box .rogo {width:220px;height:125px;margin:0 auto;overflow:hidden;} div#thankyou_case div.inner_box .data_box .rogo img {width:220px;margin:-18px 0 0;} div#thankyou_case div.inner_box .data_box h2 {font-size:16px;text-align:left;letter-spacing:-0.5px;line-height:1.4;margin:0 5px;} div#thankyou_case div.inner_box .data_box h2 br {content:'';} div#thankyou_case div.inner_box .data_box h2 br::after {content:' / ';} div#thankyou_case div.inner_box .data_box .company {font-size:12px;margin:0 0 10px;line-height:1.2;} div#thankyou_case div.inner_box .data_box .attention {width:36px;height:16px;overflow:hidden;position:absolute;left:0;top:0;font-size:11px;} div#thankyou_case div.inner_box .data_box .attention span {display:block;color:#FFF;line-height:1;text-align:center;padding:3px 0 2px;} div#thankyou_case div.inner_box .data_box .attention span.new {background-color:#C4565B;} /* カテゴリ */ div#thankyou_case div.inner_box ul.category-block {text-align:left;margin:0 0 4px;} div#thankyou_case div.inner_box ul.category-block li {font-size:11px;line-height:1.3;color:#777;display:inline-block;padding:2px 3px 0;border:1px solid #C8CCCC;background-color:#F4F4F4;} div#thankyou_case div.inner_box ul.category-inline {text-align:left;} div#thankyou_case div.inner_box ul.category-inline li {font-size:11px;line-height:1.3;color:#777;display:inline;} div#thankyou_case div.inner_box ul.category li strong {font-weight:bold;} /* リンクボタン */ div#thankyou_case div.inner_box .outlink {width:auto;height:24px;overflow:hidden;position:absolute;right:0;bottom:17px;} div#thankyou_case div.inner_box .outlink a {display:block;padding:0px 10px 0 12px;background:url(img/warp_jirei_result_btn.png) repeat-x left top #A5A5A5;cursor:pointer;font-size:12px;line-height:24px;color:#FFF;height:24px;} div#thankyou_case div.inner_box .outlink a i {background:url(img/warp_jirei_result_arrow.png) right center no-repeat;width:10px;height:10px;display:inline-block;} div#thankyou_case div.inner_box .partner {color:#AAA;text-align:right;width:100%;height:15px;line-height:15px;font-size:11px;position:absolute;right:0;bottom:0;} /* ロールオーバー※template_common.js 2015/09/10 */ div#thankyou_case div.inner_box .over_eria a.link_eriaIN {background:url(img/jirei_result_bg.png) left top repeat;} div#thankyou_case div.inner_box .over_eria .outlink a {background:url(img/warp_jirei_result_btn_over.png) repeat-x left top #A5A5A5;} div#thankyou_case div.inner_box .over_eria .outlink a i {background:url(img/warp_jirei_result_arrow_over.png) right center no-repeat;} /*---------------------------------------------------------------------------- 送信完了（cData） -----------------------------------------------------------------------------*/ div#thankyou_cdata {} div#thankyou_cdata h2 {text-align:center;margin:0 auto;font-size:30px;font-weight:normal;color:#474747;line-height:1.5;} div#thankyou_cdata h2 img.leftbook, div#thankyou_cdata h2 img.taikenCloud {height:125px;margin:0 10px 20px;} /* 書籍プレゼントアイコン */ div#thankyou_cdata .green {color:#00A785;} div#thankyou_cdata .orange {color:#FE9300;} div#thankyou_cdata .bold_normal {font-weight:normal;} div#thankyou_cdata .warp_green {color:#68B748;} div#thankyou_cdata .cdata_blue {color:#009FFE;} div#thankyou_cdata .inner_box {border:1px solid #C8CCCC;padding:2em;background:#FFF;} div#thankyou_cdata .inner_box .thankyou_cdata_title {text-align:center;font-size:27px;font-weight:bold;color:#777;margin-bottom:20px;} div#thankyou_cdata .inner_box .thankyou_cdata_link {} div#thankyou_cdata .inner_box .thankyou_cdata_link a {position:relative;display:inline-block;width:448px;height:48px;line-height:48px;font-size:20px;text-align:center;border-radius:25px; color:#313131 !important;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));} div#thankyou_cdata .inner_box .thankyou_cdata_link a i {background:url(img/warp_lp_contents_contact_arrow.gif) right center no-repeat;width:7px;height:8px;display:inline-block;position:absolute;right:19px;top:19px;} /* 共通ボタンオーバー表現：白 */ div#thankyou_cdata .inner_box .thankyou_cdata_link a:hover {background:#E4E4E4;} div#thankyou_cdata .inner_box .thankyou_cdata_link a:active {background:#F1F1F1;} /*---------------------------------------------------------------------------- MDM コンテンツ ----------------------------------------------------------------------------*/ div#mdm_contents h1 {font-size:260%;line-height:1.3;max-width:930px;margin:0 auto;} div#mdm_contents h1 span {} div#mdm_contents h3 {text-align:center;margin:30px auto;font-size:167%;} div#mdm_contents p {font-size:123.1%;} div#mdm_contents .inner_title {background:url(img/mdm_leftlines.png) left top no-repeat;min-height:60px;border-bottom:1px solid #5CAEBA;color:#007283;font-size:174%;text-align:left;line-height:1.3;padding-left:0.5em;margin-bottom:20px;} /* 悩み */ div#mdm_contents ul.mdm_worry_box {max-width:930px;margin:0 auto;text-align:center;overflow:hidden;} div#mdm_contents ul.mdm_worry_box li {list-style-type:none;float:left;margin-bottom:35px;} div#mdm_contents ul.mdm_worry_box li.Column03 {margin-left:115px;} div#mdm_contents ul.mdm_worry_box li {background:url(img/mdm_worry_box.png) left top no-repeat;width:232px;height:295px;} div#mdm_contents ul.mdm_worry_box li h3 {text-align:center;margin-top:35px;font-size:138.5%;} div#mdm_contents ul.mdm_worry_box li p {font-size:100%;text-align:center;padding:0 1em 0 2em;line-height:1.5;} div#mdm_contents ul.mdm_worry_box li img {margin-left:1.5em;} /* ポイント */ div#mdm_contents ul.mdm_point_box {max-width:930px;margin:1em auto 0;text-align:center;overflow:hidden;} div#mdm_contents ul.mdm_point_box li {list-style-type:none;float:left;margin-left:15px;width:290px;min-height:300px;} div#mdm_contents ul.mdm_point_box li div.Point02 {background:url(img/mdm_Point02_bg.png) left top no-repeat;width:290px;height:300px;} div#mdm_contents ul.mdm_point_box li div.border {border:1px solid #C8CCCC;width:288px;height:298px;} div#mdm_contents ul.mdm_point_box li h3 {font-size:123.1%;font-weight:normal;text-align:center;padding-top:10px;} div#mdm_contents ul.mdm_point_box li p {font-size:116%;text-align:center;padding:0 1em 0 2em;line-height:1.5;} div#mdm_contents ul.mdm_point_box li strong {color:#67B747;} div#mdm_contents ul.mdm_point_box li img {margin-bottom:1.5em;} div#mdm_contents ul.mdm_point_box li ul {margin:0 0 0 10px;overflow:hidden;} div#mdm_contents ul.mdm_point_box li ul li {font-size:77%;list-style-type:disc;list-style-position:outside;float:none;max-width:240px;min-height:0;line-height:1.3;margin:0 0 0.5em 20px;} /* Warp */ div#mdm_contents div.Point02_asteria_warp {font-size:0;line-height:1;} /* メリット */ div#mdm_contents ul.mdm_merit_box {max-width:930px;margin:1em auto 0;text-align:center;overflow:hidden;} div#mdm_contents ul.mdm_merit_box li {list-style-type:none;float:left;margin-left:15px;width:290px;min-height:320px;} div#mdm_contents ul.mdm_merit_box li div.border {border:1px solid #C8CCCC;width:288px;height:318px;} div#mdm_contents ul.mdm_merit_box li h3 {font-size:138.5%;font-weight:normal;text-align:center;padding-top:0;line-height:1.3;} div#mdm_contents ul.mdm_merit_box li p {font-size:116%;text-align:center;padding:0 1em 0 2em;line-height:1.5;} div#mdm_contents ul.mdm_merit_box li img {margin-bottom:1em;} div#mdm_contents ul.mdm_merit_box li ul {margin:0 0 0 15px;} div#mdm_contents ul.mdm_merit_box li ul li {font-size:77%;list-style-type:disc;list-style-position:outside;float:none;max-width:240px;min-height:0;line-height:1.3;margin:0 0 0.5em 20px;} /* 問い合わせ */ div#mdm_contents ul.mdm_contact_box {margin-top:2em;margin-bottom:0;text-align:center;} div#mdm_contents ul.mdm_contact_box li {list-style-type:none;float:left;margin-left:15px;width:430px;min-height:130px;} div#mdm_contents ul.mdm_contact_box img {margin-bottom:30px;} .mr25px {margin-right:25px;} /* リンクバナー MDM特長 w380 2カラム 17/09 */ div#mdm_contents {width:90%;margin:0 5%;} div#mdm_contents ul.mdm_contact_box_f {width:auto;margin:2em 0 0 -2%;box-sizing:border-box;overflow:hidden;} div#mdm_contents ul.mdm_contact_box_f li {float:left;width:48%;*width:47.9%;margin:0 0 0 2%;box-sizing:border-box;overflow:hidden;} div#mdm_contents ul.mdm_contact_box_f li {list-style-type:none;text-align:center;} div#mdm_contents ul.mdm_contact_box_f li a {display:block;width:100%;height:auto;overflow:hidden;} div#mdm_contents ul.mdm_contact_box_f li a img {max-width:100%;height:auto;} /* リンクバナー MDMトップ w455 */ div#mdm_contents ul.mdm_contact_box_t {margin-top:2em;margin-bottom:0;margin-left:55px;text-align:center;} div#mdm_contents ul.mdm_contact_box_t li {list-style-type:none;float:left;margin-left:20px;width:380px;min-height:100px;} /* PickUP事例 */ div#mdm_contents div.mdm_pickup_case_gray_box {border:1px solid #DDD;width:898px;min-height:568px;margin:0 auto 35px;} div#mdm_contents div.mdm_pickup_case_white_box {border:1px solid #FFF;width:896px;min-height:566px;background-color:#EEE;} div#mdm_contents div.mdm_pickup_case_box_title {min-height:80px;background-color:#FFF;padding:10px 20px;margin:15px 0 25px;} div#mdm_contents div.mdm_pickup_case_box_title img.rogo {margin-left:30px;} div#mdm_contents div.mdm_pickup_case_box_title h3 {text-align:right;font-size:170%;line-height:1.3;margin:0;} div#mdm_contents div.mdm_pickup_case_box_title h3 span {font-size:88%;font-weight:normal;} div#mdm_contents div.mdm_pickup_case_gray_box h4 {font-size:220%;font-weight:normal;text-align:center;margin-bottom:30px;line-height:1.5;} div#mdm_contents div.mdm_pickup_case_inner_box {margin:0 20px;} div#mdm_contents div.mdm_pickup_case_inner_box h5 {text-align:left;text-decoration:underline;font-size:123.1%;} div#mdm_contents div.mdm_pickup_case_inner_box table {width:550px;margin-bottom:15px;font-size:116%;} div#mdm_contents div.mdm_pickup_case_inner_box table th {width:150px;height:25px;font-weight:bold;} div#mdm_contents div.mdm_pickup_case_inner_box table td {text-align:left;} div#mdm_contents div.mdm_pickup_case_inner_box ul {width:550px;margin-bottom:0;} div#mdm_contents div.mdm_pickup_case_inner_box ul li {list-style-type:none;font-size:153.9%;background-color:#68B748;color:#FFF;margin-bottom:10px;line-height:30px;} div#mdm_contents div.mdm_pickup_case_inner_box ul li img {margin:0 5px 0 20px;} div#mdm_contents div.mdm_pickup_case_inner_box img.cap {display:block;margin-bottom:5px;} div#mdm_contents div.mdm_pickup_case_inner_box p.cap {font-size:85%;color:#898989;line-height:1.35;} /* 課題 */ div#mdm_contents ul.mdm_theme_box {max-width:930px;margin:1em auto 35px;} div#mdm_contents ul.mdm_theme_box li {list-style-type:none;float:left;margin-left:15px;width:427px;min-height:279px;} div#mdm_contents ul.mdm_theme_box li div {background:url(img/mdm_case_theme_bg.png) left top no-repeat;width:427px;height:279px;} div#mdm_contents ul.mdm_theme_box li h4 {font-size:167%;font-weight:normal;margin-left:70px;line-height:75px;} div#mdm_contents ul.mdm_theme_box li img {margin-right:10px;} div#mdm_contents ul.mdm_theme_box li ul {margin:2em 0 0 35px;} div#mdm_contents ul.mdm_theme_box li ul li {font-size:100%;list-style-type:disc;list-style-position:outside;float:none;width:340px;min-height:0;line-height:1.3;margin:0 0 0.5em 20px;} /* 改善点 */ div#mdm_contents ul.mdm_Inpro_box {max-width:930px;margin:1em auto 35px;} div#mdm_contents ul.mdm_Inpro_box li {list-style-type:none;float:left;margin-left:15px;border:1px solid #C8CCCC;width:425px;height:148px;} div#mdm_contents ul.mdm_Inpro_box li h4 {font-size:138.5%;font-weight:normal;line-height:2.8em;margin-left:20px;} div#mdm_contents ul.mdm_Inpro_box li img {margin:0 1em 1em 20px;} div#mdm_contents ul.mdm_Inpro_box li p {font-size:100%;padding-right:1em;line-height:1.5;} .mr30px {margin-right:30px;} /* 選択したツール */ div#mdm_contents div.mdm_tool05 {margin-bottom:35px;text-align:center;} /* 理由 */ div#mdm_contents ul.mdm_cause_box {max-width:930px;margin:1em auto 15px;text-align:center;} div#mdm_contents ul.mdm_cause_box li {list-style-type:none;float:left;border:1px solid #7DB054;background-color:#F0F0F0;font-size:146.5%;line-height:1.3;text-align:left;margin-right:15px;} div#mdm_contents ul.mdm_cause_box li {width:288px;height:78px;} div#mdm_contents ul.mdm_cause_box li h4 {padding-left:50px;} .pt15px {padding-top:15px;} div#mdm_contents ul.mdm_cause_box li h4.middle {line-height:78px;} div#mdm_contents ul.mdm_cause_box li span {display:block;float:left;background-color:#7DB054;color:#FFF;text-align:center;font-size:146.5%;font-style:italic;line-height:78px;padding-right:5px;} .mr15px {margin-right:15px;} div#mdm_contents {} div#mdm_contents img {max-width:100%;height:auto;} /*---------------------------------------------------------------------------- ※free_page と交換用 2017/09 -----------------------------------------------------------------------------*/ div.contents_w1200 {} div.contents_w1200 contents_main.MainContener {margin:0 5%;} div.contents_w1200 h2{} div.contents_w1200 h3{} div.contents_w1200 h4{} div.contents_w1200 h5{} div.contents_w1200 h6{} div.contents_w1200 .col02 {} div.contents_w1200 .col02 .left {} div.contents_w1200 .col02 .right {} div.contents_w1200 p {} /*---------------------------------------------------------------------------- 汎用テンプレート ※free_page ----------------------------------------------------------------------------*/ body.bodyContGlay div#bodyCont {width:100%;background:url(img/bodyContBg.jpg) repeat-x;} body.bodyContBlack div#bodyCont {width:100%;background:none;} div.free_page h1.free_page_title {text-align:left;padding:13px 0 0px 0px;} div.free_page h1.free_page_title span {display:inline-block;padding:0px 0 30px 0;font-size:20px;background:url(img/title_active.gif) 0 40px repeat-x;} div.free_page div.title_area h2 {padding-top:8px;text-align:left;font-size:200%;margin-left:83px;} div.free_page div.title_area h2 span {background:url(img/gradient.png) repeat-x;position:absolute;display:block;width:auto;height:21px;} /* warp/feature H1 ※dt-hb.css n5btitle 同等 */ div.free_page h1.n5btitle {color:#5b5b5b;font-size:231%;padding:30px 0 10px;}/* 30px/231% */ div.free_page div.free_page_subtitle h2 {width:100%;height:34px;display:block;margin-bottom:5px;background:url(img/bgMonth.jpg) repeat-x;text-align:left;font-size:123.1%;line-height:1;padding-top:12px;} div.free_page div.free_page_subtitle h2.bg_green {background:url(img/bgMonth_green.jpg) repeat-x !important;} div.free_page div.free_page_subtitle h2 span {color:#fff;padding-left:16px;} div.free_page h3 {font-size:123.1%;font-weight:bold;color:#313131;line-height:1.5;margin:0 0 10px 0;padding:0;text-align:left;} div.free_page h5 {font-size:108%;font-weight:bold;color:#313131;line-height:1.5;margin:0 0 10px 0;padding:0;} div.free_page h6 {font-size:100%;font-weight:bold;color:#313131;line-height:1.5;margin:0 0 10px 0;padding:0;} div.free_page p {font-size:108%;margin-bottom:15px;} div.free_page ul {margin-bottom:15px;list-style-type:disc;list-style-position:inside;text-align:left;} div.free_page ol {margin-bottom:15px;list-style-type:decimal;list-style-position:inside;text-align:left;} div.free_page a {color:#006699;} div.free_page a:hover {color:#CCC;} div.free_page strong,div.free_page em {font-weight:bold;} div.free_page i {font-style:italic;} div.free_page hr {width:auto;border:none;border-bottom:1px solid #C8CCCC;} body.col01 {background:#fff url(img/bg_bodyCon.jpg) repeat-x center top;} body.col02 div#contents {clear:both;width:930px;margin:0 auto;} body.col02 div#contents_main {width:740px;float:left;padding-top:0px;} body.col02 div#contents_side {width:170px;float:right;padding-top:0px;} body.col0202 div#contents {clear:both;width:930px;margin:0 auto;} body.col0202 div#contents_main {width:740px;float:left;padding-top:0px;} body.col0202 div#contents_side {width:170px;float:right;padding-top:0px;} body.col0202 div#contents_main div#contents_main_inner_left {width:355px;float:left;padding-top:0px;} body.col0202 div#contents_main div#contents_main_inner_right {width:355px;float:right;padding-top:0px;} body.col02eq div#contents {clear:both;width:930px;margin:0 auto;} body.col02eq div#contents_main_left {width:450px;float:left;padding-top:0px;} body.col02eq div#contents_main_right {width:450px;float:right;padding-top:0px;} body.col03eq div#contents {clear:both;width:930px;margin:0 auto;} body.col03eq div#contents_main_01 {width:290px;float:left;padding-top:0px;margin-right:30px;} body.col03eq div#contents_main_02 {width:290px;float:left;padding-top:0px;margin-right:30px;} body.col03eq div#contents_main_03 {width:290px;float:left;padding-top:0px;} body.col04eq div#contents {clear:both;width:930px;margin:0 auto;} body.col04eq div#contents_main_01 {width:210px;float:left;padding-top:0px;margin-right:30px;} body.col04eq div#contents_main_02 {width:210px;float:left;padding-top:0px;margin-right:30px;} body.col04eq div#contents_main_03 {width:210px;float:left;padding-top:0px;margin-right:30px;} body.col04eq div#contents_main_04 {width:210px;float:left;padding-top:0px;} div.free_page div#contents_main div.jirei_text {clear:both;text-align:left;} div.free_page div#contents_main div.jirei_text div.img_left {float:left;margin:0 30px 15px 0;display:inline-block;} div.free_page div#contents_main div.jirei_text div.img_right {float:right;margin:0 0px 15px 30px;display:inline-block;} div.free_page div#contents_main div.jirei_text div.img_below {margin:20px auto;} div.free_page div#contents_side div#sideCategoryListTitleA {background:url(img/sideBg02.jpg) left top repeat-x;} div.free_page div#contents_side div#sideCategoryListTitleA h2 {text-align:left;color:#fff;padding:0 7px;margin-bottom:0;} div.free_page div#contents_side div#sideCategoryListA {border:solid 1px #c8cccc;margin-bottom:20px;} div.free_page div#contents_side div#sideCategoryListInA {background:#f1f0f0;/*IE9の背景用*/background:-moz-linear-gradient(top, #fff, #f1f0f0);background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f0f0));} div.free_page div#contents_side div#sideCategoryListBottomA {width:100%;height:4px;display:block;background:url(img/10/sideBorder.png) left bottom no-repeat;} div.free_page div#contents_side div#sideCategoryListA ul {margin-bottom:0;} div.free_page div#contents_side div#sideCategoryListA ul li {text-align:left;font-size:93%;border-bottom:solid 1px #c8cccc;list-style-type:none;} div.free_page div#contents_side div#sideCategoryListA ul li a {border:solid 1px #fff;padding:20px 10px;display:block;} div.free_page div#contents_side div#sideCategoryListA ul li.lastline {border-bottom:none} div.free_page div#contents_side div#sideCategoryListA ul li.selected {background:#eee;} div.free_page div#contents_side div#sideCategoryListInTitleB {background:url(img/sideBg02.jpg) left top repeat-x;} div.free_page div#contents_side div#sideCategoryListInTitleB h2 {text-align:left;color:#fff;padding:0 7px;margin-bottom:0;} div.free_page div#contents_side div#sideCategoryListB {border:solid 1px #c8cccc;margin-bottom:20px;} div.free_page div#contents_side div#sideCategoryListInB {background:#f1f0f0;/*IE9の背景用*/background:-moz-linear-gradient(top, #fff, #f1f0f0);background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f0f0));} div.free_page div#contents_side div#sideCategoryListBottomB {width:100%;height:4px;display:block;background:url(img/10/sideBorder.png) left bottom no-repeat;} div.free_page div#contents_side div#sideCategoryListB ul {margin-bottom:0;} div.free_page div#contents_side div#sideCategoryListB ul li {text-align:left;font-size:93%;list-style-type:none;} div.free_page div#contents_side div#sideCategoryListB ul li a {border:solid 1px #fff;border-bottom:none;border-top:none;padding:5px 5px;display:block;} div.free_page div#contents_side div#sideCategoryListB ul li.lastline {border-bottom:none} div.free_page div#contents_side div#sideCategoryListB ul li.selected {background:#eee;} div.free_page .product_menu ul li {list-style-position:inside;list-style-type:none;} /*---------------------------------------------------------------------------- 機能改善受付 201912 ----------------------------------------------------------------------------*/ div.awfeedback_box_1912 {} div.awfeedback_box_1912 .green {color:#64C546;} div.awfeedback_box_1912 h2.title {font-size: 246.5%; margin: 0 auto 30px;text-align:center;} div.awfeedback_box_1912 h3.subtitle {text-align: center; background: #50B848; color: #FFF; padding: 10px 0; margin: 0 auto 20px; font-weight: normal;font-size: 153.9%;} div.awfeedback_box_1912 .titleimage {width: auto; box-sizing: border-box; overflow: hidden; margin: 0 auto 40px;} div.awfeedback_box_1912 .titleimage img {max-width: 90%;height: auto;} div.awfeedback_box_1912 .text {font-size:123.1%;} div.awfeedback_box_1912 .pickup {box-sizing:border-box;padding:25px 5%;margin:0 0 30px;overflow:hidden;background:rgba(255, 255, 255, 0.5);border:1px solid #DDD;font-size:153.9%;font-weight:normal;text-align:center;} /*---------------------------------------------------------------------------- 評価版 オンプレミス＋クラウド 201807 ----------------------------------------------------------------------------*/ div.awLineup_box_trial1807 {} div.awLineup_box_trial1807 > p {font-size:16px;margin-bottom:0;} div.awLineup_box_trial1807 > p img {height:125px;} div.awLineup_box_trial1807 h1 {font-size:35px;margin-bottom:20px;} div.awLineup_box_trial1807 strong {font-weight:bold;} div.awLineup_box_trial1807 strong.bigger {font-size:167%;} div.awLineup_box_trial1807 .green {color:#64C546;} .awLineup_box_trial1807 .topLink_dotBox {width:auto;margin:0 auto 30px;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .topLink_dotBox .boxInner50 {border-left:1px dashed #C8CCCC;} .awLineup_box_trial1807 .topLink_dotBox .boxInner50 {float:left;width:50%;*width:49.99%;min-height:400px;margin:0 0 0 -1px;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .topLink_dotBox .boxInner50 h2 {font-size:25px;text-align:center;margin:30px 5% 10px;} .awLineup_box_trial1807 .topLink_dotBox .boxInner50 h2 img {display:block;margin:0 auto 15px;} .awLineup_box_trial1807 .topLink_dotBox #TOPcloud.boxInner50 h2 {margin-top:5px;} .awLineup_box_trial1807 .topLink_dotBox #TOPcloud.boxInner50 h2 img {height:125px;} .awLineup_box_trial1807 .topLink_dotBox #TOPonpremiss.boxInner50 h2 img {height:100px;} .awLineup_box_trial1807 .topLink_dotBox .boxInner50 p {font-size:15px;height:5em;margin:0 5%;overflow:hidden;} .awLineup_box_trial1807 .topLink_dotBox .boxInner50 a {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));} .awLineup_box_trial1807 .topLink_dotBox .boxInner50 a {display:block;width:10em;height:40px;line-height:40px;font-size:15px;color:#fff;margin:20px auto;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .topLink_dotBox .boxInner50 a:hover, .awLineup_box_trial1807 .topLink_dotBox .boxInner50 a:active {background:#43942C;} /* エンブレム、アワード受賞追加 2024/07 */ .awLineup_box_trial1807 .Award_Center_icon {box-sizing:border-box;overflow:} .awLineup_box_trial1807 .Award_Center_icon .Award_Center_2col.flexbox {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;align-content:center;} .awLineup_box_trial1807 .Award_Center_icon .Award_Center_2col.flexbox {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} .awLineup_box_trial1807 .Award_Center_icon .Award_Center_2col.flexbox .flexboxinner {align-self:center;} .awLineup_box_trial1807 .Award_Center_icon .Award_Center_2col.flexbox .flexboxinner {position:relative;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .Award_Center_icon .Award_Center_2col.flexbox .flexboxinner {flex:0 0 auto;max-width:48%;margin:0 1em 2em;} .awLineup_box_trial1807 .Award_Center_icon .Award_Center_2col.flexbox .flexboxinner:after {position:absolute;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .Award_Center_icon .Award_Center_2col.flexbox .flexboxinner:after {right:0;bottom:0;display:inline;width:2em;height:1em;line-height:1;font-size:85%;color:#777;} .awLineup_box_trial1807 .Award_Center_icon .Award_Center_2col.flexbox .flexboxinner:nth-child(1):after {content:'※1';} .awLineup_box_trial1807 .Award_Center_icon .Award_Center_2col.flexbox .flexboxinner:nth-child(2):after {content:'※2';} .awLineup_box_trial1807 .Award_Center_icon .Award_Center_2col.flexbox .flexboxinner img {max-height:125px;} .awLineup_box_trial1807 .Award_Center_icon p {margin:0 auto 2em;} .awLineup_box_trial1807 .Award_Center_icon p.center {} /* 導線リンクボタン 19/09 */ .awLineup_box_trial1807 .topLink_1909Linkbtn a {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));} .awLineup_box_trial1807 .topLink_1909Linkbtn a {display:block;width:10em;height:40px;line-height:40px;font-size:15px;color:#fff;margin:20px auto;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .topLink_1909Linkbtn a:hover, .awLineup_box_trial1807 .topLink_1909Linkbtn a:active {background:#43942C;} .awLineup_box_trial1807 h3.trialGlayBg {box-sizing:border-box;padding:25px 5%;margin:0 0 30px;overflow:hidden;} .awLineup_box_trial1807 h3.trialGlayBg {background:rgba(255, 255, 255, 0.5);border:1px solid #DDD;font-size:23px;font-weight:normal;text-align:center;} .awLineup_box_trial1807 .middleLink_greenBox {border:5px solid #64C646;border-radius:25px;margin:0 0 50px;} .awLineup_box_trial1807 .middleLink_greenBox .boxInner {margin:40px 5% 50px;} .awLineup_box_trial1807 .middleLink_greenBox .boxInner h2 {font-size:30px;font-weight:bold;line-height:100px;margin:0 auto 15px;} .awLineup_box_trial1807 .middleLink_greenBox .boxInner h2 img {vertical-align:middle;max-width:100%;height:auto;margin-right:15px;} .awLineup_box_trial1807 #cloud.middleLink_greenBox .boxInner h2 {line-height:115px;} .awLineup_box_trial1807 #cloud.middleLink_greenBox .boxInner h2 img {height:125px;margin-top:-25px;} .awLineup_box_trial1807 #onpremiss.middleLink_greenBox .boxInner h2 img {height:100px;} .awLineup_box_trial1807 .middleLink_greenBox .boxInner {} .awLineup_box_trial1807 .middleLink_greenBox ul {width:auto;max-width:740px;margin:30px auto 30px;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .middleLink_greenBox ul li {float:left;height:60px;margin:0 0 0 0;padding:0 0 0 30px;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .middleLink_greenBox ul li {font-size:16px;font-weight:bold;text-align:center;background:url(img/warpTrial-onpremiss-arrowGrayRight1807.png) no-repeat left center;} .awLineup_box_trial1807 .middleLink_greenBox ul li.list01 {width:30%;*29.99%;background:none;} .awLineup_box_trial1807 .middleLink_greenBox ul li.list02 {width:36%;*35.99%;} .awLineup_box_trial1807 .middleLink_greenBox ul li.list03 {width:34%;*33.99%;} .awLineup_box_trial1807 .middleLink_greenBox .bigger {font-size:18px;} .awLineup_box_trial1807 .middleLink_greenBox .warp_trialBox {margin:0 auto;max-width:640px;height:90px;overflow:hidden;} .awLineup_box_trial1807 .middleLink_greenBox .warp_trialBox a {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));} .awLineup_box_trial1807 .middleLink_greenBox .warp_trialBox a {display:block;width:100%;height:100%;line-height:90px;font-size:30px;color:#fff;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .middleLink_greenBox .warp_trialBox a:hover, .awLineup_box_trial1807 .middleLink_greenBox .warp_trialBox a:active {background:#43942C;} .awLineup_box_trial1807 .middleLink_greenBox .warp_trialBox a small {font-size:15px;} .awLineup_box_trial1807 .middleLink_greenBox .warp_trialBox a i {display:inline-block;width:50px;height:90px;vertical-align:middle;background:url(img/cloud_trial-arrow-down1807.png) left center no-repeat;padding:0 !important;} .awLineup_box_trial1807 .bottomText_grayBox {width:auto;margin:0 0 50px -5%;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .bottomText_grayBox .boxInner {background:rgba(238, 238, 238, 0.5);border-radius:100%;} .awLineup_box_trial1807 .bottomText_grayBox .boxInner {float:left;width:45%;*width:44.9%;height:auto;margin:0 0 0 5%;padding:50px 0 50px;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .bottomText_grayBox .boxInner h3 {font-size:25px;text-align:center;min-height:3em;} .awLineup_box_trial1807 .bottomText_grayBox .boxInner p {font-size:15px;margin:0 10%;} /*---------------------------------------------------------------------------- 評価版 さくらのクラウド 201807 2018/10 ----------------------------------------------------------------------------*/ .awLineup_box_trial1807 h4.bigger {font-size:18px;} .awLineup_box_trial1807 .topLink_listBox {} .awLineup_box_trial1807 .topLink_listBox h2 {font-size:25px;font-weight:bold;color:#313131;text-align:center;margin:30px auto;} .awLineup_box_trial1807 .topLink_listBox h3 {font-size:20px;padding:8px 10px 7px;} .awLineup_box_trial1807 .topLink_listBox h3.border_L5 {background:rgba(238, 238, 238, 0.5);border-left:5px solid #DDD;} .awLineup_box_trial1807 .topLink_listBox h3.border_L5 small {font-weight:normal;font-size:85%;} .awLineup_box_trial1807 .topLink_listBox .list_arrow_down img {max-width:80px;} .awLineup_box_trial1807 .topLink_listBox .boxInner25 {width:auto;margin:0 0 2% -2%;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .topLink_listBox .boxInner25 .list {float:left;width:23%;*width:22.99%;min-height:100px;margin:0 0 0 2%;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .topLink_listBox .boxInner25 .list {border:3px solid #64C846;border-radius:15px;padding:30px 0;} /* 4カラム⇒2カラム */ .awLineup_box_trial1807 .topLink_listBox .boxInner25.change50 {width:auto;margin:0 0 0 -2%;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .topLink_listBox .boxInner25.change50 .list {float:left;width:48%;*width:48%;min-height:100px;margin:0 0 2% 2%;box-sizing:border-box;overflow:hidden;} /* 4カラム⇒3カラム */ .awLineup_box_trial1807 .topLink_listBox .boxInner25.change33 {width:auto;margin:0 0 0 -2%;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .topLink_listBox .boxInner25.change33 .list {float:left;width:31.33%;*width:31.32%;min-height:100px;margin:0 0 2% 2%;box-sizing:border-box;overflow:hidden;} /* 4カラム⇒変更はここまで */ .awLineup_box_trial1807 .topLink_listBox .boxInner25 .list p {text-align:center;line-height:1.6;} .awLineup_box_trial1807 .topLink_listBox .boxInner25 .list p strong {display:block;height:3em;overflow:hidden;} .awLineup_box_trial1807 .topLink_listBox .boxInner25 .list p small {font-size:70%;line-height:2em;} .awLineup_box_trial1807 .topLink_listBox .boxInner25 .list p .bigger {font-size:123.1%;} .awLineup_box_trial1807 .topLink_listBox .boxInner25 .list p .small {font-size:93%;} .awLineup_box_trial1807 .topLink_listBox .boxInner25 .list img {display:block;max-width:75px;margin:0 auto;} .awLineup_box_trial1807 .topLink_listBox .boxInner33 {width:auto;margin:0 0 50px -4%;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .topLink_listBox .boxInner33 .list {float:left;width:29%;*width:28.99%;min-height:200px;margin:0 0 0 4%;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .topLink_listBox .boxInner33 .list p {padding:0 1em;} /* 4つのポイント 201902 */ .awLineup_box_trial1807 .Points04_listBox {} .awLineup_box_trial1807 .Points04_listBox h2 {font-size:27px;color:#fff;line-height:1.5;margin:10px auto 45px;background-color:#50B848;padding:8px 0 4px;} .awLineup_box_trial1807 .Points04_listBox p {font-size:123.1%;margin-bottom:30px;} .awLineup_box_trial1807 .Points04_listBox .innerbox {width:auto;margin:0 0 2% -2%;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .Points04_listBox .innerbox img {max-width:100%;max-height:200px;margin:0 auto;} .awLineup_box_trial1807 .Points04_listBox .box01 {width:98%;margin:0 0 0 2%;padding:2em;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .Points04_listBox .box01 {background-color:#FFF;border:1px solid #C8CCCC;} .awLineup_box_trial1807 .Points04_listBox .box03 {float:left;width:31.33%;*width:31.32%;min-height:500px;margin:0 0 0 2%;padding:2em;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .Points04_listBox .box03 {background-color:#FFF;border:1px solid #C8CCCC;} .awLineup_box_trial1807 .Points04_listBox h3 {font-size:20px;color:#313131;overflow:hidden;margin:0 0 15px;padding-left:10px;border-left:5px solid #50B848;} .awLineup_box_trial1807 .Points04_listBox h3 span {display:block;font-size:123.1%;color:#50B848;} .awLineup_box_trial1807 .Points04_listBox .innerbook {width:auto;margin:0 0 2% -2%;padding:0 10%;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .Points04_listBox .innerbook .box02 {float:left;width:48%;*width:47.99%;margin:0 0 0 2%;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .Points04_listBox .innerbook .box02 {} .awLineup_box_trial1807 .Points04_listBox .innerbook .box02 img {max-width:100%;max-height:200px;border:1px solid #EEE;margin:0 auto 15px;} .awLineup_box_trial1807 .Points04_listBox .innerbook .box02 strong {display:block;font-size:123.1%;} /* 5つのポイント 201906 */ .awLineup_box_trial1807 .Points05_listBox {} .awLineup_box_trial1807 .Points05_listBox h2 {font-size:27px;color:#fff;line-height:1.5;margin:10px auto 45px;background-color:#50B848;padding:8px 0 4px;} .awLineup_box_trial1807 .Points05_listBox p {font-size:123.1%;margin-bottom:30px;} .awLineup_box_trial1807 .Points05_listBox .innerbox {width:auto;margin:0 0 2% -2%;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .Points05_listBox .innerbox img {max-width:100%;max-height:200px;margin:0 auto;} .awLineup_box_trial1807 .Points05_listBox .innerbox a {display:block;font-size:108%;} .awLineup_box_trial1807 .Points05_listBox .box02 {float:left;width:48%;*width:47.99%;min-height:500px;margin:0 0 0 2%;padding:2em;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .Points05_listBox .box02 {background-color:#FFF;border:1px solid #C8CCCC;} .awLineup_box_trial1807 .Points05_listBox .box03 {float:left;width:31.33%;*width:31.32%;min-height:500px;margin:0 0 0 2%;padding:2em;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .Points05_listBox .box03 {background-color:#FFF;border:1px solid #C8CCCC;} .awLineup_box_trial1807 .Points05_listBox h3 {font-size:20px;color:#313131;overflow:hidden;margin:0 0 15px;padding-left:10px;border-left:5px solid #50B848;} .awLineup_box_trial1807 .Points05_listBox h3 span {display:block;font-size:123.1%;color:#50B848;} .awLineup_box_trial1807 .Points05_listBox .innerbook {width:auto;margin: 0 0 2% -2%;padding:0 10%;box-sizing: border-box;overflow: hidden;} .awLineup_box_trial1807 .Points05_listBox .innerbook .BOX01 {width:98%;margin:0 0 0 2%;padding:2em;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .Points05_listBox .innerbook .BOX02 {float:left;width:48%;*width:47.99%;margin:0 0 0 2%;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .Points05_listBox .innerbook img {max-width:100%;max-height:200px;border:1px solid #EEE;margin:0 auto 15px;} .awLineup_box_trial1807 .bottomText_giftBox {border:5px solid #64C646;border-radius:25px;margin:0 0 50px;} .awLineup_box_trial1807 .bottomText_giftBox .boxInner {margin:40px 5%;} .awLineup_box_trial1807 .bottomText_giftBox .boxInner .bigger {font-size:30px;} .awLineup_box_trial1807 .bottomText_giftBox .boxInner small {font-size:85%;} .awLineup_box_trial1807 .bottomText_giftBox .boxInner img.leftbook {float:left;margin:0 2em 1em 0;border:1px solid #C8CCCC;width:auto;max-height:152px;} .awLineup_box_trial1807 .bottomText_giftBox .boxInner img.leftbook.maxh230px {max-height:230px;} .awLineup_box_trial1807 .bottomText_giftBox .boxInner img.leftIcon {float:left;margin:0 1em 1em 0;width:auto;max-height:170px;} /* 選べる書籍バージョン */ .awLineup_box_trial1807 .bottomText_giftBox .boxInner02 {margin:40px 5% 2em;} .awLineup_box_trial1807 .bottomText_giftBox .boxInner02 .bigger {font-size:25px;} .awLineup_box_trial1807 .bottomText_giftBox .boxInner02 small {font-size:70%;} .awLineup_box_trial1807 .bottomText_giftBox .boxInner02 img.leftbook {float:left;margin:0 2em 1em 0;border:1px solid #C8CCCC;width:auto;max-height:152px;} .awLineup_box_trial1807 .bottomText_giftBox .boxInner02 img.leftbook.maxh230px {max-height:230px;} .awLineup_box_trial1807 .bottomText_giftBox .boxInner02 img.leftIcon {float:left;margin:0 1em 1em 0;width:auto;max-height:170px;} /* ボタン */ .awLineup_box_trial1807 .bottomText_giftBox .boxInner .warp_CAtrialBox {margin:0 auto;max-width:640px;height:90px;overflow:hidden;} .awLineup_box_trial1807 .bottomText_giftBox .boxInner .warp_CAtrialBox a {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));} .awLineup_box_trial1807 .bottomText_giftBox .boxInner .warp_CAtrialBox a {display:block;width:100%;height:100%;line-height:90px;font-size:30px;color:#fff;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .bottomText_giftBox .boxInner .warp_CAtrialBox a:hover, .awLineup_box_trial1807 .bottomText_giftBox .boxInner .warp_CAtrialBox a:active {background:#43942C;} .awLineup_box_trial1807 .bottomText_giftBox .boxInner .warp_CAtrialBox a small {font-size:15px;} .awLineup_box_trial1807 .bottomText_giftBox .boxInner .warp_CAtrialBox a i {display:inline-block;width:50px;height:90px;vertical-align:middle;background:url(img/cloud_trial-arrow-down1807.png) left center no-repeat;padding:0 !important;} .awLineup_box_trial1807 .bottomText_attentionBox {border:1px solid #C8CCCC;margin:0 0 50px;} .awLineup_box_trial1807 .bottomText_attentionBox .boxInner {margin:25px 1em 25px;} .awLineup_box_trial1807 .bottomText_attentionBox .boxInner h4 {font-size:123.1%;font-weight:bold;text-align:left;text-decoration:underline;margin:1em 1em 0.5em;} .awLineup_box_trial1807 .bottomText_attentionBox .boxInner ul {} .awLineup_box_trial1807 .bottomText_attentionBox .boxInner ul li {list-style-type:none;margin:0 1em;} /* チャット受付 */ .awLineup_box_trial1807 .chatBox {} .awLineup_box_trial1807 .chatBox h3 {font-size:25px;font-weight:normal;letter-spacing:3px;border-left:5px solid #64C546;margin:2em 0 10px;padding:1em 0 1em 0.5em;} .awLineup_box_trial1807 .chatBox h4 {font-size:189%;color:#64C546;letter-spacing:1px;margin:0 0 1em;} .awLineup_box_trial1807 .chatBox p {font-size:116%;} .awLineup_box_trial1807 .chatBox img {max-width:100%;} .awLineup_box_trial1807 .chatBox .chatinnerBox {display:flex;margin:2em 0 50px 0;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .chatBox .chatinnerBox .list {border:3px solid #64C546;border-radius:15px;box-sizing:border-box;overflow:hidden;} .awLineup_box_trial1807 .chatBox .chatinnerBox .list {flex:1 0 46%;align-self: stretch;margin:0 2%;padding:3em 2em;} .awLineup_box_trial1807 .chatBox .chatinnerBox .list p {min-height:8em;} /* 共通バナー */ .BannerImageMax100 img {max-width:100%;height:auto;} /* 共通バナーflexbox版 */ .BannerImageMax {} .BannerImageMax a {display:block;width:100%;height:100%;border:1px solid rgb(200 204 204 / 0.5);box-sizing:border-box;overflow:hidden;} .BannerImageMax a img {max-width:100%;height:auto;} .BannerImageMax .flexbox {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} .BannerImageMax .flexbox {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} .BannerImageMax .flexboxinner {align-self: stretch;} .BannerImageMax .flexboxinner {box-sizing:border-box;overflow:hidden;} /* 共通バナーflexbox版 1カラム */ .BannerImageMax .flexbox.Ban_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* 共通バナーflexbox版 2カラム */ .BannerImageMax .flexbox.Ban_2col .flexboxinner {flex:0 0 48%;max-width:48%;} /*---------------------------------------------------------------------------- LP Seminaer ----------------------------------------------------------------------------*/ #warpcore_lp_other_container {background:#f5f5f5;margin:0 auto 50px;box-sizing:border-box;overflow:hidden;} #warpcore_lp_other_container .warp_w_Seminaer {background:#FFF;padding:2em;border-radius:20px;border:5px solid #5298cb;} /* flexbox */ #warpcore_lp_other_container .warp_w_Seminaer.flexbox {display:flex;flex-flow:row wrap;justify-content:space-around;align-items:stretch;align-content:stretch;} #warpcore_lp_other_container .warp_w_Seminaer.flexbox {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:4em auto;} #warpcore_lp_other_container .warp_w_Seminaer.flexbox .flexboxinner {align-self: stretch;} #warpcore_lp_other_container .warp_w_Seminaer.flexbox .flexboxinner {box-sizing:border-box;overflow:hidden;} /* flexbox 1カラム */ #warpcore_lp_other_container .warp_w_Seminaer .flexboxinner {} #warpcore_lp_other_container .warp_w_Seminaer .flexboxinner.titlebox {flex: 0 0 80%;} #warpcore_lp_other_container .warp_w_Seminaer .flexboxinner.imgbox {flex: 0 0 20%;width:100%;} #warpcore_lp_other_container .warp_w_Seminaer .flexboxinner.atentionbox {flex: 0 0 20%;} #warpcore_lp_other_container .warp_w_Seminaer .flexboxinner.textbox {flex: 1 0 80%;} /* flexbox 告知内容 */ #warpcore_lp_other_container .warp_w_Seminaer h3 {font-size: 32px;color: #313131;line-height: 1.5;margin:0 0 10px 20px;padding: 0;text-align:left; font-weight:normal;} #warpcore_lp_other_container .warp_w_Seminaer h3 strong {font-weight:600;} #warpcore_lp_other_container .warp_w_Seminaer h3 .bigger {font-size: 32px;} #warpcore_lp_other_container .warp_w_Seminaer .green {color: #64C646;} #warpcore_lp_other_container .warp_w_Seminaer img {max-width:100%;height:auto;margin:0 auto;} #warpcore_lp_other_container .warp_w_Seminaer h4.bg_green {font-size:146%;line-height:3em;background:#64C646;color:#FFF;margin:0 auto;} #warpcore_lp_other_container .warp_w_Seminaer ul {margin:0 0 1em 20px;padding:0;} #warpcore_lp_other_container .warp_w_Seminaer ul li {position:relative;list-style-type:none !important;padding:0;margin:0;} #warpcore_lp_other_container .warp_w_Seminaer ul li {font-size:146%;font-weight:600;vertical-align: middle;} #warpcore_lp_other_container .warp_w_Seminaer ul li:before {display:inline-block;vertical-align: middle;} #warpcore_lp_other_container .warp_w_Seminaer ul li:before {content:'';width:0.75em;height:0.75em;background:#5298cb;border-radius: 50%;margin-right:8px;} #warpcore_lp_other_container .warp_w_Seminaer p {font-size:116%;} /* 関連事例3件 2019/11 */ body#warp_jirei div.warp_jirei_related {width:100%;margin:0 0 50px;} body#warp_jirei div.warp_jirei_related h2 {font-size:197%;text-align:left;margin-bottom:30px;} body#warp_jirei div.warp_jirei_related h2 span {font-size:12px;} body#warp_jirei div.warp_jirei_related div.warp_jirei_result {margin-bottom:0;} body#warp_jirei div.warp_jirei_related .more_link {text-align:right;} /* 特長紹介 2019/11 */ body#warp_jirei .warp_jirei_about_feature {width:100%;padding:5% 6%;margin:0 0 75px;box-sizing:border-box;overflow:hidden;} body#warp_jirei .warp_jirei_about_feature {background:#F0F0F0 url(img/AWcase1911_bgGray.png) 50% 50% no-repeat;background-size:95%;} /* flexbox - auto */ body#warp_jirei .warp_jirei_about_feature .flexbox {display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;} body#warp_jirei .warp_jirei_about_feature .flexbox {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} body#warp_jirei .warp_jirei_about_feature .flexboxinner {align-self: stretch;} body#warp_jirei .warp_jirei_about_feature .flexboxinner {box-sizing:border-box;overflow:hidden;} body#warp_jirei .warp_jirei_about_feature .icon {flex:0 0 100%;max-width:100%;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;} body#warp_jirei .warp_jirei_about_feature .icon {margin:0 0 50px;} body#warp_jirei .warp_jirei_about_feature .icon .image {flex:0 0 26%;max-width:26%;padding:4%;background:#FFF;box-sizing:border-box;overflow:hidden;} body#warp_jirei .warp_jirei_about_feature .icon .image img {width:100%;height:auto;} body#warp_jirei .warp_jirei_about_feature .icon .title {flex:0 0 74%;max-width:74%;padding:0 0 0 1em;text-align:right;box-sizing:border-box;overflow:hidden;} body#warp_jirei .warp_jirei_about_feature .icon h2 {font-size:308%;font-weight:600;} body#warp_jirei .warp_jirei_about_feature .icon h3 {font-size:146.5%;font-weight:600;} body#warp_jirei .warp_jirei_about_feature .green {color:#00B140 !important;} body#warp_jirei .warp_jirei_about_feature .text {flex:0 0 100%;max-width:100%;} body#warp_jirei .warp_jirei_about_feature .text p {font-size:131%;margin:0 0 1em;} body#warp_jirei .warp_jirei_about_feature .point {flex:0 0 100%;max-width:100%;text-align:center;} body#warp_jirei .warp_jirei_about_feature .point h3 {border-radius:50%;background:#00B140;display:inline-block;padding:40px;margin:30px auto 50px;} body#warp_jirei .warp_jirei_about_feature .point h3 {font-size:246.5%;color:#FFF;} body#warp_jirei .warp_jirei_about_feature .pointbox {display:flex;flex-flow:row nowrap;margin:0 -2%;} body#warp_jirei .warp_jirei_about_feature .list {width:31.33%;height:100%;margin:0 2% 45px;padding:60px 3% 80px;box-sizing:border-box;overflow:hidden;} body#warp_jirei .warp_jirei_about_feature .list {font-size:182%;font-weight:600;border:4px solid #00B140;border-radius:50%;background:#FFF;} body#warp_jirei .warp_jirei_about_feature .list span {display:block;font-size:123.1%;text-indent:0.5em;color:#00B140;} body#warp_jirei .warp_jirei_about_feature .list a {color:#336699;} body#warp_jirei .warp_jirei_about_feature .list a:active, body#warp_jirei .warp_jirei_about_feature .list a:hover {color:#CCC;} body#warp_jirei .warp_jirei_about_feature .nextlink {flex:0 0 100%;max-width:100%;text-align:center;} body#warp_jirei .warp_jirei_about_feature .nextlink a {font-size:174%;color:#336699;text-decoration:underline;} body#warp_jirei .warp_jirei_about_feature .nextlink a:active, body#warp_jirei .warp_jirei_about_feature .nextlink a:hover {color:#999;} /* core */ body#warp_jirei .warp_jirei_about_feature .pickup {flex:0 0 100%;max-width:100%;text-align:center;margin:0 0 45px;} body#warp_jirei .warp_jirei_about_feature .pickup h3 {font-size:246.5%;margin:20px auto 50px;padding:0;} body#warp_jirei .warp_jirei_about_feature .pickup h3 strong {font-weight:600;} body#warp_jirei .warp_jirei_about_feature .pickup .pickup_5col {display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;} body#warp_jirei .warp_jirei_about_feature .pickup .pickup_5col {width:auto;box-sizing:border-box;overflow:hidden;} body#warp_jirei .warp_jirei_about_feature .pickup .pickup_5col .innerbox {flex:0 0 19%;box-sizing:border-box;overflow:hidden;} body#warp_jirei .warp_jirei_about_feature .pickup .pickup_5col .innerbox {border-radius:15px;background:#FFF;padding:2em 1em;} body#warp_jirei .warp_jirei_about_feature .pickup .pickup_5col .innerbox h4 {font-size:167%;font-weight:600;text-align:center;color:#00B140;margin:0 0 0.5em;line-height:1.5;height:3em;overflow:hidden;} body#warp_jirei .warp_jirei_about_feature .pickup .pickup_5col .innerbox h4.line_height3 {line-height:3;} body#warp_jirei .warp_jirei_about_feature .pickup .pickup_5col .innerbox p {font-size:116%;margin:0 0 1em;min-height:6em;overflow:hidden;} body#warp_jirei .warp_jirei_about_feature .pickup .pickup_5col .innerbox img {max-width:70%;height:auto;} body#warp_jirei .warp_jirei_about_feature .pickup .pickup_5col .innerbox a {display:inline-block;margin:1em 0 0;color:#307fe2;} body#warp_jirei .warp_jirei_about_feature .pickup .pickup_5col .innerbox a:active, body#warp_jirei .warp_jirei_about_feature .pickup .pickup_5col .innerbox a:hover {color:#CCC;} /* NoCode Gate登録 2022/01 */ #AWnoGateTempLP {background:url(img/AWnoGateTempLPbgMain.png?ver=20220127) 50% 56px repeat-x;position:relative;} /* フォーム幅調整 */ #AWnoGateTempLP .free_page_subtitle, #AWnoGateTempLP #ZHform_all_reset_style {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;text-align:center;margin:0 auto;padding:0;} /* メインビジュアル */ #AWnoGateTempLP .NCG_mainvisual {height:421px;position:relative;z-index:0;} #AWnoGateTempLP .NCG_mainvisual {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;text-align:center;margin:0 auto;padding:20px 0 0 0;} #AWnoGateTempLP .NCG_mainvisual h1 {position:relative;z-index:1;font-weight:normal;} #AWnoGateTempLP .NCG_mainvisual h1 {font-size: 416%;line-height:1.4;letter-spacing:1px;color:#313131;margin:0;} #AWnoGateTempLP .NCG_mainvisual h1 span.sub {display:block;text-align:center;font-size:60%;margin:0 0 0.4em;} #AWnoGateTempLP .NCG_mainvisual h1 span.hidden {display:none;} #AWnoGateTempLP .NCG_mainvisual h1 span.logo img {max-width:100%;margin:0 auto 10px;} #AWnoGateTempLP .NCG_mainvisual h1 strong {display:block;font-weight:600;} #AWnoGateTempLP .NCG_mainvisual h1:before {display:inline-block;content:'';background:url(img/AWnoGateTempLP01.png) 0 0 no-repeat;} #AWnoGateTempLP .NCG_mainvisual h1:before {width:111px;height:111px;margin:0 0 -111px -55%;} /* 前景 */ #AWnoGateTempLP .NCG_whiteover {position:relative;z-index:1;width:100%;min-height:500px;margin:-21px 0 0;padding:0 0 0;} /* 背景白 */ #AWnoGateTempLP .BGwhite {background-color:#FFF !important;} /* 背景グリーン */ #AWnoGateTempLP .BGgreen {background-color:#00B140 !important;} /* 背景ブルー */ #AWnoGateTempLP .BGblue {background-color:#f5fcf7 !important;} /* ブルー */ #AWnoGateTempLP .blue {color:#307fe2 !important;} /* グリーン */ #AWnoGateTempLP .green {color:#00B140 !important;} /* flexbox */ #AWnoGateTempLP .flexbox {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #AWnoGateTempLP .flexbox {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} #AWnoGateTempLP .flexboxinner {align-self: stretch;} #AWnoGateTempLP .flexboxinner {box-sizing:border-box;overflow:hidden;} /* flexbox 1カラム */ #AWnoGateTempLP .flexbox.NCG_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 2カラム */ #AWnoGateTempLP .flexbox.NCG_2col .flexboxinner {flex:0 0 48%;max-width:48%;} /* flexbox 3カラム */ #AWnoGateTempLP .flexbox.NCG_3col .flexboxinner {flex:0 0 30.33%;max-width:30.33%;} /* 問い合わせ */ #AWnoGateTempLP .NCG_contact {box-sizing:border-box;overflow:hidden;} #AWnoGateTempLP .NCG_contact a.linkBtn {display:block;box-sizing:border-box;overflow:hidden;} #AWnoGateTempLP .NCG_contact a.linkBtn {width:640px;height:120px;line-height:120px;font-size:182%;font-weight:bold;color:#fff;margin:2em auto 3em;padding:0 25px;} #AWnoGateTempLP .NCG_contact a.linkBtn {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));} #AWnoGateTempLP .NCG_contact a.linkBtn:active, #AWnoGateTempLP .NCG_contact a.linkBtn:hover {background:#444;border-radius:8px;} #AWnoGateTempLP .NCG_contact p.bigtext {font-size:216%;font-weight:600;text-align:center;margin:70px 0 0;} #AWnoGateTempLP .NCG_contact p.bigtext a {color:#307fe2;} #AWnoGateTempLP .NCG_contact p.bigtext a:active, #AWnoGateTempLP .NCG_contact p.bigtext a:hover {text-decoration:underline;color:#59c5ae;} /* flexbox 問い合わせ */ #AWnoGateTempLP .NCG_contact .flexbox {flex-flow:row nowrap;justify-content:center;} #AWnoGateTempLP .NCG_contact .flexbox .flexboxinner {flex:0 0 auto;margin:0 20px;} /* flexbox 問い合わせ 子要素 - flexbox */ #AWnoGateTempLP .NCG_contact .flexbox .flexboxinner a.linkBtn {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;} /* 大見出し */ #AWnoGateTempLP .NCG_top_heading {padding:0 0 70px;box-sizing:border-box;overflow:hidden;} #AWnoGateTempLP .NCG_top_heading h2 {font-size:274%;margin:80px auto 0;padding:0;} #AWnoGateTempLP .NCG_top_heading h2 strong {font-weight:600;} /* ３つの例 */ #AWnoGateTempLP .NCG_about_list {margin:0 auto;padding:0 0 70px;box-sizing:border-box;overflow:hidden;} #AWnoGateTempLP .NCG_about_list .flexbox.NCG_3col .flexboxinner {position:relative;overflow:visible;background:#FFF;border:6px solid #00B140;border-radius:15px;color:#00B140;} #AWnoGateTempLP .NCG_about_list .flexbox.NCG_3col .flexboxinner:after {display:block;position:absolute;content:'';right:-50px;top:0;width:50px;height:100%;background:url(img/AWnoGateTempLPArrow.png) 0 50% no-repeat;} #AWnoGateTempLP .NCG_about_list .flexbox.NCG_3col .flexboxinner:last-child:after {display:none;} #AWnoGateTempLP .NCG_about_list .flexbox.NCG_3col .flexboxinner {font-size:174%;font-weight:600;padding:2em 1em;} #AWnoGateTempLP .NCG_about_list .flexbox.NCG_3col .flexboxinner {display:flex;flex-flow:column wrap;justify-content:center;align-items:center;} #AWnoGateTempLP .NCG_about_list .flexbox.NCG_3col .flexboxinner small {font-weight:normal;font-size:60%;} /* フォーム案内見出し */ #AWnoGateTempLP .NCG_about_form {padding:0 0 70px;box-sizing:border-box;overflow:hidden;} #AWnoGateTempLP .NCG_about_form h2 {padding:0.5em 0;} #AWnoGateTempLP .NCG_about_form h2 {font-size:246%;line-height:1.4;color:#FFF;} /*---------------------------------------------------------------------------- ★左右余白（1260px以下）CSS 2020/10 ----------------------------------------------------------------------------*/ /* PC width 1260px 以下 */ @media screen and (max-width:1560px) { #AWnoGateTempLP .free_page_subtitle {width:auto !important;margin-left:30px;margin-right:30px;} #AWnoGateTempLP #ZHform_all_reset_style {width:auto !important;margin-left:30px;margin-right:30px;} #AWnoGateTempLP .NCG_mainvisual, #AWnoGateTempLP .NCG_contact, #AWnoGateTempLP .NCG_top_heading, #AWnoGateTempLP .NCG_about_list, #AWnoGateTempLP .NCG_about_form {padding-left:30px;padding-right:30px;} } /* ブレークポイント（1023.84px = 63.99em以下なら）*/ @media (max-width:63.99em){ #AWnoGateTempLP .free_page_subtitle {margin-left:5%;margin-right:5%;} #AWnoGateTempLP #ZHform_all_reset_style {margin-left:5%;margin-right:5%;} #AWnoGateTempLP .NCG_mainvisual, #AWnoGateTempLP .NCG_contact, #AWnoGateTempLP .NCG_top_heading, #AWnoGateTempLP .NCG_about_list, #AWnoGateTempLP .NCG_about_form {padding-left:5%;padding-right:5%;} #AWnoGateTempLP {background-position:50% 50px;} } /* Gravio資料請求LP 2024/06 */ body#inquiry.BGwhite {background:#FFF !important;} #GR_ReqdocLP {background:url(img/GR_ReqdocLP_mv_bg.png) 50% 56px repeat-x;position:relative;} /* フォーム幅調整 */ #GR_ReqdocLP .free_page_subtitle, #GR_ReqdocLP #ZHform_all_reset_style {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;text-align:center;margin:0 auto;padding:0;} /* メインビジュアル */ #GR_ReqdocLP .GR_Reqdoc_mainvisual {height:421px;position:relative;z-index:0;} #GR_ReqdocLP .GR_Reqdoc_mainvisual {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;text-align:center;margin:0 auto;padding:10px 0 0 0;} /* テキスト（基本） */ #GR_ReqdocLP .GR_Reqdoc_mainvisual .text {} #GR_ReqdocLP .GR_Reqdoc_mainvisual .text h1 {font-size: 374%;line-height:1.4;letter-spacing:1px;margin:0 0 10px;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .text h1 strong {font-weight:bold;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .text p {color:#313131;font-weight:bold;text-align:center;font-size:167%;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .text br {display:none;} /* テキスト（まるわかり） */ #GR_ReqdocLP .GR_Reqdoc_mainvisual .reqdoc_text {} #GR_ReqdocLP .GR_Reqdoc_mainvisual .reqdoc_text h1 {font-size: 374%;line-height:1.4;letter-spacing:1px;margin:30px 0 10px;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .reqdoc_text h1 strong {font-weight:bold;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .reqdoc_text p {color:#313131;font-weight:bold;text-align:center;font-size:167%;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .reqdoc_text a.linkBtn {display:inline-block;margin:0 auto 1em;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .reqdoc_text a.linkBtn {font-size:138.5%;font-weight:600;line-height:1;border-radius:8px;letter-spacing:1.2px;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .reqdoc_text a.linkBtn {background:linear-gradient(to bottom, #FFAF2B 0%,#FF9F00 100%);border:none;color:#FFF;padding:0.6em 1.5em 0.9em 3em;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .reqdoc_text a.linkBtn {box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.2);} #GR_ReqdocLP .GR_Reqdoc_mainvisual .reqdoc_text a.linkBtn:active, #GR_ReqdocLP .GR_Reqdoc_mainvisual .reqdoc_text a.linkBtn:hover {text-decoration:none;opacity:0.8;background:#FF9F00;box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.1);} #GR_ReqdocLP .GR_Reqdoc_mainvisual .reqdoc_text a.linkBtn span.arrow {position:relative;display:inline-block;top:4px;border:1px solid #FFF;border-radius:50%;padding:12px;margin:0 0 0 1em;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .reqdoc_text a.linkBtn span.arrow::before {position:absolute;left:8px;top:7px;width:6px;height:6px;border-top:2px solid #FFF;border-right:2px solid #FFF;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .reqdoc_text a.linkBtn span.arrow::before {content:'';transform:rotate(135deg);} /* テキスト（新問い合わせ） */ #GR_ReqdocLP .GR_Reqdoc_mainvisual .contact_text {} #GR_ReqdocLP .GR_Reqdoc_mainvisual .contact_text h1 {font-size: 374%;line-height:1.4;letter-spacing:1px;margin:30px 0 10px;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .contact_text h1 strong {font-weight:bold;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .contact_text h2 {color:#313131;font-weight:bold;font-size:174%;margin:0 0 10px;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .contact_text p {color:#313131;text-align:center;font-size:131%;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .contact_text a.linkBtn {display:inline-block;margin:0 auto 1em;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .contact_text a.linkBtn {font-size:138.5%;font-weight:600;line-height:1;border-radius:8px;letter-spacing:1.2px;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .contact_text a.linkBtn {background:linear-gradient(to bottom, #FFAF2B 0%,#FF9F00 100%);border:none;color:#FFF;padding:0.6em 1.5em 0.9em 3em;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .contact_text a.linkBtn {box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.2);} #GR_ReqdocLP .GR_Reqdoc_mainvisual .contact_text a.linkBtn:active, #GR_ReqdocLP .GR_Reqdoc_mainvisual .contact_text a.linkBtn:hover {text-decoration:none;opacity:0.8;background:#FF9F00;box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.1);} #GR_ReqdocLP .GR_Reqdoc_mainvisual .contact_text a.linkBtn span.arrow {position:relative;display:inline-block;top:4px;border:1px solid #FFF;border-radius:50%;padding:12px;margin:0 0 0 1em;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .contact_text a.linkBtn span.arrow::before {position:absolute;left:8px;top:7px;width:6px;height:6px;border-top:2px solid #FFF;border-right:2px solid #FFF;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .contact_text a.linkBtn span.arrow::before {content:'';transform:rotate(135deg);} #GR_ReqdocLP .GR_Reqdoc_mainvisual .user {text-align:left;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .user img {max-width:90%;} /* flexbox メインビジュアル */ #GR_ReqdocLP .GR_Reqdoc_mainvisual .flexbox {flex-flow:row nowrap;justify-content:center;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .flexbox .flexboxinner.text {flex:0 0 60%;max-width:60%;margin:0;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .flexbox .flexboxinner.reqdoc_text {flex:0 0 60%;max-width:60%;margin:0;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .flexbox .flexboxinner.contact_text {flex:0 0 60%;max-width:60%;margin:0;} #GR_ReqdocLP .GR_Reqdoc_mainvisual .flexbox .flexboxinner.user {flex:0 0 40%;max-width:40%;margin:0;} /* 前景 */ #GR_ReqdocLP .GR_whiteover {position:relative;z-index:1;width:100%;min-height:50px;margin:-41px 0 0;padding:0 0 0;} /* 背景白 */ #GR_ReqdocLP .BGwhite {background-color:#FFF !important;} /* flexbox */ #GR_ReqdocLP .flexbox {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #GR_ReqdocLP .flexbox {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} #GR_ReqdocLP .flexboxinner {align-self: stretch;} #GR_ReqdocLP .flexboxinner {box-sizing:border-box;overflow:hidden;} /* flexbox 1カラム */ #GR_ReqdocLP .flexbox.GR_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 2カラム */ #GR_ReqdocLP .flexbox.GR_2col .flexboxinner {flex:0 0 48%;max-width:48%;} /* 問い合わせ */ #GR_ReqdocLP .GR_contact {box-sizing:border-box;overflow:hidden;} #GR_ReqdocLP .GR_contact {} /* まるわかり5点セット */ #GR_ReqdocLP .GR_completeSet {box-sizing:border-box;overflow:hidden;} #GR_ReqdocLP .GR_completeSet .image {margin:0 auto;padding:80px 0;} #GR_ReqdocLP .GR_completeSet .image img {max-width:100%;} /* flexbox：まるわかり5点セット */ #GR_ReqdocLP .GR_completeSet .flexbox.GR_1col .flexboxinner.image {max-width:1200px;} /* お問い合わせ（相談例リスト）*/ #GR_ReqdocLP .GR_contact_about {box-sizing:border-box;overflow:hidden;} #GR_ReqdocLP .GR_contact_about .list h2 {font-size:253.9%;font-weight:600;color:#313131;margin:2em auto 0.5em;} #GR_ReqdocLP .GR_contact_about .list ul {box-sizing:border-box;overflow:hidden;width:90%;max-width:1000px;list-style:none;} #GR_ReqdocLP .GR_contact_about .list ul {border:5px solid #00A785;border-radius:15px;margin:0 auto;padding:1.5em 1em 1em 2.25em;} #GR_ReqdocLP .GR_contact_about .list ul li {font-size:182%;color:#474747;font-weight:600;} #GR_ReqdocLP .GR_contact_about .list ul li {background:url(img/GR_ReqdocLP_checkmark.png) left 3px no-repeat;background-size:1.75em auto;padding:0.25em 0 0.25em 2.25em;} #GR_ReqdocLP .GR_contact_about .infomation ul {box-sizing:border-box;overflow:hidden;width:90%;max-width:1000px;} #GR_ReqdocLP .GR_contact_about .infomation ul {margin:2em auto 4em;padding:0;box-sizing:border-box;overflow:hidden;} #GR_ReqdocLP .GR_contact_about .infomation ul li {list-style-type:disc;list-style-position:outside;} #GR_ReqdocLP .GR_contact_about .infomation ul li {font-size:131%;color:#474747;} #GR_ReqdocLP .GR_contact_about .infomation ul li strong {margin-right:1em;} #GR_ReqdocLP .GR_contact_about .infomation ul li small {margin-right:1em;} #GR_ReqdocLP .GR_contact_about .infomation ul li a {color:#307FE2;font-weight:600;text-decoration:underline;} #GR_ReqdocLP .GR_contact_about .infomation ul li a:active, #GR_ReqdocLP .GR_contact_about .infomation ul li a:hover {color:#CCC;text-decoration:none;} /* flexbox：お問い合わせ（相談例リスト）*/ #GR_ReqdocLP .GR_contact_about .infomation ul {display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:stretch;align-content:center;} #GR_ReqdocLP .GR_contact_about .infomation ul li {flex:0 0 auto;} /*---------------------------------------------------------------------------- ★左右余白（1260px以下）CSS 2020/10 ----------------------------------------------------------------------------*/ /* PC width 1260px 以下 */ @media screen and (max-width:1560px) { #GR_ReqdocLP .free_page_subtitle {width:auto !important;margin-left:30px;margin-right:30px;} #GR_ReqdocLP #ZHform_all_reset_style {width:auto !important;margin-left:30px;margin-right:30px;} #GR_ReqdocLP .GR_Reqdoc_mainvisual, #GR_ReqdocLP .GR_contact, #GR_ReqdocLP .GR_completeSet, #GR_ReqdocLP .GR_contact_about {padding-left:30px;padding-right:30px;} } /* ブレークポイント（1023.84px = 63.99em以下なら）*/ @media (max-width:63.99em){ #GR_ReqdocLP .free_page_subtitle {margin-left:5%;margin-right:5%;} #GR_ReqdocLP #ZHform_all_reset_style {margin-left:5%;margin-right:5%;} #GR_ReqdocLP .GR_Reqdoc_mainvisual, #GR_ReqdocLP .GR_contact, #GR_ReqdocLP .GR_completeSet, #GR_ReqdocLP .GR_contact_about {padding-left:5%;padding-right:5%;} #GR_ReqdocLP {background-position:50% 50px;} } /* オンライン相談LP 2020/10 */ #OnlineMeetLP {background:url(img/AWonlineMeetbgMain.png?ver=202011) 50% 56px repeat-x;position:relative;} /* フォーム幅調整 */ #OnlineMeetLP .free_page_subtitle, #OnlineMeetLP #ZHform_all_reset_style {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;text-align:center;margin:0 auto;padding:0;} /* メインビジュアル */ #OnlineMeetLP .OnMeet_mainvisual {height:421px;position:relative;z-index:0;} #OnlineMeetLP .OnMeet_mainvisual {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;text-align:center;margin:0 auto;padding:75px 0 0 0;} #OnlineMeetLP .OnMeet_mainvisual h1 {position:relative;z-index:1;font-weight:normal;} #OnlineMeetLP .OnMeet_mainvisual h1 {font-size: 374%;line-height:1.4;letter-spacing:1px;margin:0 0 10px;} #OnlineMeetLP .OnMeet_mainvisual h1 strong {font-size:116%;} #OnlineMeetLP .OnMeet_mainvisual h1:before {display:inline-block;content:'';background:url(img/AWonlineMeet01.png) 0 0 no-repeat;} #OnlineMeetLP .OnMeet_mainvisual h1:before {width:111px;height:111px;margin:-1em 2em 0 -3.25em;} #OnlineMeetLP .OnMeet_mainvisual h1, #OnlineMeetLP .OnMeet_mainvisual p {color:#FFF;text-shadow:0px 0px 8px rgba(0, 0, 0, 0.5);} #OnlineMeetLP .OnMeet_mainvisual p {text-align:center;font-size:216%;} /* 前景 */ #OnlineMeetLP .OM_whiteover {position:relative;z-index:1;width:100%;min-height:500px;margin:-41px 0 0;padding:0 0 0;} /* 背景白 */ #OnlineMeetLP .BGwhite {background-color:#FFF !important;} /* 背景グレー */ #OnlineMeetLP .BGgray {background-color:#F5F5F5 !important;} /* 背景ブルー */ #OnlineMeetLP .BGblue {background-color:#f5fcf7 !important;} /* ブルー */ #OnlineMeetLP .blue {color:#307fe2 !important;} /* グリーン */ #OnlineMeetLP .green {color:#00B140 !important;} /* オレンジ */ #OnlineMeetLP .orange {color:#f7a713 !important;} /* flexbox */ #OnlineMeetLP .flexbox {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #OnlineMeetLP .flexbox {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} #OnlineMeetLP .flexboxinner {align-self: stretch;} #OnlineMeetLP .flexboxinner {box-sizing:border-box;overflow:hidden;} /* flexbox 1カラム */ #OnlineMeetLP .flexbox.OM_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 2カラム */ #OnlineMeetLP .flexbox.OM_2col .flexboxinner {flex:0 0 48%;max-width:48%;} /* flexbox 3カラム */ #OnlineMeetLP .flexbox.OM_3col .flexboxinner {flex:0 0 30.33%;max-width:30.33%;} /* 問い合わせ */ #OnlineMeetLP .OM_contact {box-sizing:border-box;overflow:hidden;} #OnlineMeetLP .OM_contact a.linkBtn {display:block;box-sizing:border-box;overflow:hidden;} #OnlineMeetLP .OM_contact a.linkBtn {width:640px;height:120px;line-height:120px;font-size:182%;font-weight:bold;color:#fff;margin:3em auto 0;padding:0 25px;} #OnlineMeetLP .OM_contact a.linkBtn {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));} #OnlineMeetLP .OM_contact a.linkBtn:active, #OnlineMeetLP .OM_contact a.linkBtn:hover {background:#444;border-radius:8px;} #OnlineMeetLP .OM_contact p {font-size:131%;text-align:center;margin:30px 0 0;} /* flexbox 問い合わせ */ #OnlineMeetLP .OM_contact .flexbox {flex-flow:row nowrap;justify-content:center;} #OnlineMeetLP .OM_contact .flexbox .flexboxinner {flex:0 0 auto;margin:0 20px;} /* flexbox 問い合わせ 子要素 - flexbox */ #OnlineMeetLP .OM_contact .flexbox .flexboxinner a.linkBtn {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;} /* 大見出し */ #OnlineMeetLP .OM_top_heading {margin:0 auto;padding:0 0 70px;box-sizing:border-box;overflow:hidden;} #OnlineMeetLP .OM_top_heading h2 {font-size:274%;margin:80px auto 30px;padding:0;} #OnlineMeetLP .OM_top_heading h2 strong {font-weight:600;} #OnlineMeetLP .OM_top_heading h2:before {display:block;content:'';background:url(img/AWonlineMeet02.png) 0 0 no-repeat;} #OnlineMeetLP .OM_top_heading h2:before {width:120px;height:121px;margin:0 auto 30px;} #OnlineMeetLP .OM_top_heading p {font-size:146.5%;margin:0;} #OnlineMeetLP .OM_top_heading p.center {text-align:center;} #OnlineMeetLP .OM_top_heading p a:hover, #OnlineMeetLP .OM_top_heading p a:active {text-decoration:underline;} /* たとえば */ #OnlineMeetLP .OM_about_heading {margin:0 auto;padding:0;box-sizing:border-box;overflow: visible;} #OnlineMeetLP .OM_about_heading h3 {font-size:267%;font-weight:normal;text-align:center;margin:50px auto 50px;padding:0;} #OnlineMeetLP .OM_about_heading h3 strong {font-weight:600;} #OnlineMeetLP .OM_about_heading .users {display:block;position:relative;overflow:hidden;box-sizing:border-box;margin:0 auto -25px -25px;z-index:2;} #OnlineMeetLP .OM_about_heading .users img {max-width:100%;} /* ３つの例 */ #OnlineMeetLP .OM_about_list {margin:0 auto;padding:0 0 70px;box-sizing:border-box;overflow:hidden;} #OnlineMeetLP .OM_about_list .flexbox.OM_3col .flexboxinner {border:6px solid #00B140;border-radius:15px;color:#00B140;} #OnlineMeetLP .OM_about_list .flexbox.OM_3col .flexboxinner {font-size:174%;font-weight:600;padding:2em 1em;} #OnlineMeetLP .OM_about_list .flexbox.OM_3col .flexboxinner {display:flex;justify-content:center;align-items:center;} #OnlineMeetLP .OM_about_list .flexbox.OM_1col .flexboxinner.etc {font-size:174%;text-align:right;color:#00B140;} /* フォーム吹き出し */ #OnlineMeetLP .OM_about_form {margin:0 auto;padding:0 0 70px;box-sizing:border-box;overflow:hidden;} #OnlineMeetLP .OM_about_form h2 {width:480px;margin:50px auto 0;padding:1.25em 1em;border-radius:15px} #OnlineMeetLP .OM_about_form h2 {font-size:246%;line-height:1.4;color:#FFF;background:#00B140;} #OnlineMeetLP .OM_about_form:after {display:block;content:'';background:url(img/AWonlineMeet04.png) 0 0 no-repeat;} #OnlineMeetLP .OM_about_form:after {width:51px;height:60px;margin:0 auto 0;} /*---------------------------------------------------------------------------- ★左右余白（1260px以下）CSS 2020/10 ----------------------------------------------------------------------------*/ /* PC width 1260px 以下 */ @media screen and (max-width:1560px) { #OnlineMeetLP .free_page_subtitle {width:auto !important;margin-left:30px;margin-right:30px;} #OnlineMeetLP #ZHform_all_reset_style {width:auto !important;margin-left:30px;margin-right:30px;} #OnlineMeetLP .OnMeet_mainvisual, #OnlineMeetLP .OM_contact, #OnlineMeetLP .OM_top_heading, #OnlineMeetLP .OM_about_heading, #OnlineMeetLP .OM_about_list, #OnlineMeetLP .OM_about_form {padding-left:30px;padding-right:30px;} } /* ブレークポイント（1023.84px = 63.99em以下なら）*/ @media (max-width:63.99em){ #OnlineMeetLP .free_page_subtitle {margin-left:5%;margin-right:5%;} #OnlineMeetLP #ZHform_all_reset_style {margin-left:5%;margin-right:5%;} #OnlineMeetLP .OnMeet_mainvisual, #OnlineMeetLP .OM_contact, #OnlineMeetLP .OM_top_heading, #OnlineMeetLP .OM_about_heading, #OnlineMeetLP .OM_about_list, #OnlineMeetLP .OM_about_form {padding-left:5%;padding-right:5%;} #OnlineMeetLP {background-position:50% 50px;} } /* AWパートナートップLP 2024/04 */ body#warp_jirei.AW_partnertopBody {background:#fff;} #AWpartnertopLP {background:url(img/AWblog2021_bgMain.png?ver=202201) 50% 0 repeat-x;position:relative;} #AWpartnertopLP.BG_none {background:none;} /* メインビジュアル */ #AWpartnertopLP .PartnerTop_mainvisual {position:relative;z-index:0;height:210px; /*420px*/} #AWpartnertopLP .PartnerTop_mainvisual h1 {z-index:1;} #AWpartnertopLP .PartnerTop_mainvisual h1 {color: #FFF;font-size: 415%;letter-spacing:2px;font-weight: 600;padding-top: 90px;text-shadow:0px 0px 8px rgba(0, 0, 0, 0.5);} /* 検索結果・詳細メインビジュアル */ #AWpartnertopLP .PartnerSearch_mainvisual {position:relative;z-index:0;height:54px; /*420*/} #AWpartnertopLP .PartnerSearch_mainvisual.on {height:164px;} #AWpartnertopLP .PartnerSearch_mainvisual h1 {z-index:1;} #AWpartnertopLP .PartnerSearch_mainvisual h1 {font-size:382%;line-height:1.5;font-weight:600;padding-top:36px;} #AWpartnertopLP .PartnerSearch_mainvisual h1 small.name {font-size:16px;} /* 前景 */ #AWpartnertopLP .Partner_whiteover {position:relative;z-index:1;width:100%;min-height:500px;margin:0;padding:0;} #AWpartnertopLP .Partner_normalover {position:relative;z-index:1;width:100%;min-height:500px;margin:0;padding:0;} /* 背景グリーン */ #AWpartnertopLP .BGgreen {background-color:#00A785 !important;} /* 背景ペールグリーン */ #AWpartnertopLP .BGpalegreen {background-color:#E2F1EF !important;} /* 背景グレー */ #AWpartnertopLP .BGgray {background-color:#F5F5F5 !important;} /* flexbox */ #AWpartnertopLP .flexbox {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #AWpartnertopLP .flexbox {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} #AWpartnertopLP .flexboxinner {align-self:stretch;} #AWpartnertopLP .flexboxinner {box-sizing:border-box;overflow:hidden;} /* flexbox 1カラム */ #AWpartnertopLP .flexbox.Partner_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 2カラム */ #AWpartnertopLP .flexbox.Partner_2col .flexboxinner {flex:0 0 48%;max-width:48%;} /* flexbox 3カラム */ #AWpartnertopLP .flexbox.Partner_3col .flexboxinner {flex:0 0 30.33%;max-width:30.33%;} /* flexbox 4カラム */ #AWpartnertopLP .flexbox.Partner_4col .flexboxinner {flex:0 0 23%;max-width:23%;} /* flexbox 5カラム */ #AWpartnertopLP .flexbox.Partner_5col .flexboxinner {flex:0 0 19%;max-width:19%;} /* モーダルウィンドウ（開くボタン） */ #AWpartnertopLP .searchform_button_open {display:none;} /* モーダルウィンドウ（本体） */ #AWpartnertopLP .searchform_modal_window {} /* モーダルウィンドウ（閉じるボタン） */ #AWpartnertopLP .searchform_button_close {display:none;} /* モーダルウィンドウ（オーバーレイ） */ #AWpartnertopLP .searchform_overlay {display:none;} /* PCでは追従固定表示（本体） */ #AWpartnertopLP #is_searchform_sticky.fixed_while_scroll_sticky .SideContainer {position:fixed;top:3.75rem;max-width:345px;width:calc(25% - 30px);height:calc(100% - 3.75rem);z-index:1;padding:0;margin:0;} #AWpartnertopLP #is_searchform_sticky.fixed_while_scroll_sticky .SideContainer {overflow-y:auto;overscroll-behavior-y:none;} /* スクロール */ #AWpartnertopLP #is_searchform_sticky.fixed_while_scroll_sticky .SideContainer .Side_Searching {margin:2px 1px 2px 0;} /* flexbox（余白） */ #AWpartnertopLP #is_searchform_sticky.fixed_while_scroll_sticky .MainContainer {margin: 0 0 0 25%;} /* ツールチップ（文章内説明）共通 */ #AWpartnertopLP .tooltip {position:relative;display:inline-block;cursor:pointer;} #AWpartnertopLP .tooltip {text-decoration:underline dotted #59C5AE;text-underline-offset:3px;} #AWpartnertopLP .tooltipinner {position:absolute;opacity:0;visibility:hidden;z-index:1;transition:opacity 500ms;} #AWpartnertopLP .tooltipinner {text-align:center;bottom:125%;left:30%;width:140%;margin-left:-50%;} #AWpartnertopLP .tooltipinner .tooltiptext {display:inline-block;background-color:#777;color:white;border-radius:5px;padding:1em;font-size:85%;} #AWpartnertopLP .tooltipinner .tooltiptext::before {display:block;content:'';position:absolute;width:0;height:0;left:0;right:0;bottom:-7px;margin:0 auto;} #AWpartnertopLP .tooltipinner .tooltiptext::before {border-top:7px solid #777;border-right:5px solid transparent;border-left:5px solid transparent;} #AWpartnertopLP .tooltip:hover .tooltipinner {opacity:1;visibility:visible;} /* 新：パートナー（ヘルプ説明）共通 */ #AWpartnertopLP details {} #AWpartnertopLP details summary {display:block;} #AWpartnertopLP details summary::-webkit-details-marker {display:none;} #AWpartnertopLP details summary .summary_inner {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;cursor:pointer;} #AWpartnertopLP details .answer {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP details .answer {display:flex;flex-direction:column;gap:1em;font-size:85%;border:1px dashed #C8CCCC;background-color:#FAFAFA;padding:1em 1.5em;margin-bottom:2em;} #AWpartnertopLP details .answer strong {display:block;font-weight:600;} #AWpartnertopLP details summary .summary_inner .icon {display:block;position:relative;width:2em;height:2em;border-radius:1em;margin-left:6px;} #AWpartnertopLP details summary .summary_inner .icon {box-sizing:border-box;background:#00A785;color:#FFF;line-height:1;} #AWpartnertopLP details summary .summary_inner .icon::before {display:block;position:absolute;width:100%;height:100%;content:'？';font-size:1.5em;font-weight:600;padding:0.25em 0 0;} #AWpartnertopLP details[open] summary .summary_inner .icon {background:#FFF;color:#00A785;border:2px solid #00A785;line-height:1;} #AWpartnertopLP details[open] summary .summary_inner .icon::before {content:'×';padding:0.1em 0 0;} /* テーブル内（ヘルプ説明） */ #AWpartnertopLP .tablelist table details summary .summary_inner {justify-content:flex-start;} #AWpartnertopLP .tablelist table details summary .summary_inner .icon {text-align:center;} #AWpartnertopLP .tablelist table details .answer {font-weight:normal;margin:1em 0 0.5em;} /* 新：パートナー一覧（参画企業募集） */ #AWpartnertopLP .Partner_contents_Box {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_contents_Box .Archive_title {margin:70px auto 0;} #AWpartnertopLP .Partner_contents_Box .Archive_title img {max-width:100%;} #AWpartnertopLP .Partner_contents_Box .Archive_title h2 {color:#313131;font-size:361.6%;font-weight:500;letter-spacing:1.4px;line-height:1.5;margin:30px auto 0em;padding:0;} #AWpartnertopLP .Partner_contents_Box .Archive_title p {font-size:100%;text-align:center;} #AWpartnertopLP .Partner_contents_Box .Archive_infomation {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_contents_Box .Archive_infomation li {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_contents_Box .Archive_infomation li {background:#FFF;border-radius:20px;margin:40px auto 70px;padding:0;} #AWpartnertopLP .Partner_contents_Box .Archive_infomation li a {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_contents_Box .Archive_infomation li a {display:block;width:100%;height:100%;margin:0;padding:3.5em 2.5em;} #AWpartnertopLP .Partner_contents_Box .Archive_infomation li a:active, #AWpartnertopLP .Partner_contents_Box .Archive_infomation li a:hover {background:#F5F5F5;} #AWpartnertopLP .Partner_contents_Box .Archive_infomation li img {max-width:100%;margin:0 auto 2em;} #AWpartnertopLP .Partner_contents_Box .Archive_infomation li h3 {color:#313131;font-size:197%;font-weight:600;line-height:1.5;margin:0 auto 0.5em;padding:0;} #AWpartnertopLP .Partner_contents_Box .Archive_infomation li a:active h3, #AWpartnertopLP .Partner_contents_Box .Archive_infomation li a:hover h3 {color:#999;} #AWpartnertopLP .Partner_contents_Box .Archive_infomation li p {text-align:center;font-size:131%;} #AWpartnertopLP .Partner_contents_Box .Archive_infomation li p strong {font-size:116%;font-weight:600;} #AWpartnertopLP .Partner_contents_Box .Archive_infomation li .green {color:#00A785;} #AWpartnertopLP .Partner_contents_Box .Archive_infomation li a:active .green, #AWpartnertopLP .Partner_contents_Box .Archive_infomation li a:hover .green {opacity:0.5;} #AWpartnertopLP .Partner_contents_Box .Archive_contact {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_contents_Box .Archive_contact a {display:inline-block;font-size:153.9%;font-weight:600;line-height:1;border-radius:42px;margin:0 auto 120px;} #AWpartnertopLP .Partner_contents_Box .Archive_contact a {background:linear-gradient(to bottom, #929292 0%,#3b3b3b 100%);border:none;color:#FFF;padding:1.5em 3em 1.4em;} #AWpartnertopLP .Partner_contents_Box .Archive_contact a:active, #AWpartnertopLP .Partner_contents_Box .Archive_contact a:hover {text-decoration:none;opacity:0.8;background:#3b3b3b;} /* flexbox 子要素 - flexbox */ #AWpartnertopLP .Partner_contents_Box .Archive_infomation li.flexboxinner {flex:0 0 45%;max-width:45%;} /* 既存コンテンツ（パートナーの種類） */ #AWpartnertopLP .PartnerTypeContainer {margin:0 auto;box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .PartnerTypeContainer {max-width:1500px;width:100%;} /* 新：パートナー一覧（検索＆ロゴ一覧）*/ #AWpartnertopLP .Partner_front_New {margin:0 auto;box-sizing:border-box;overflow:hidden;} /* ロゴ一覧 */ #AWpartnertopLP .Partner_front_New .FrontLogoList {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_title {margin:0 auto 2.5em;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_title.master {border-bottom:3px solid #00A785;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_title.subscription {border-bottom:3px solid #62A943;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_title.technical {border-bottom:3px solid #F7A713;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_title img {max-width:100%;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_title h2 {color:#313131;font-size:361.6%;font-weight:500;letter-spacing:1.4px;line-height:1.5;margin:30px auto 0em;padding:0;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_title h2 .green {color:#00A785;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_title p {font-size:100%;text-align:center;margin:0 auto 2em;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_infomation {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_infomation {margin:0 auto 70px;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_infomation li {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_infomation li {background:#FFF;border-radius:20px;border:1px solid #EEE;margin-bottom:1%;padding:0;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_infomation li.empty {border:0;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_infomation li a {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_infomation li a {display:block;width:100%;height:100%;border-radius:20px;border:2px solid #FFF;margin:0 auto;padding:0;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_infomation li a:active, #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_infomation li a:hover {opacity:0.75;border:2px solid #EEE;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_infomation li img {max-width:90%;height:auto;margin:0 5% 0;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_infomation li h3 {color:#777;font-size:70%;font-weight:normal;margin:0 1em 1em;padding:0;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_contact {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_contact a {display:inline-block;font-size:153.9%;font-weight:600;line-height:1;border-radius:42px;margin:0 auto 120px;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_contact a {background:linear-gradient(to bottom, #929292 0%,#3b3b3b 100%);border:none;color:#FFF;padding:1.5em 3em 1.4em;} #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_contact a:active, #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_contact a:hover {text-decoration:none;opacity:0.8;background:#3b3b3b;} /* 正面検索タイトル */ #AWpartnertopLP .Partner_front_New .FrontContainer {margin:0 auto;box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_front_New .FrontContainer {max-width:1500px;width:100%;} #AWpartnertopLP .Partner_front_New .FrontContainer h2 {font-weight:500;color:#313131;padding:0 0 1.5em;} #AWpartnertopLP .Partner_front_New .FrontContainer h2.center {} #AWpartnertopLP .Partner_front_New .FrontContainer h2.center p {text-align:center;} #AWpartnertopLP .Partner_front_New .FrontContainer h2 p.menu-name {font-family:Arial,sans-serif;line-height:1.5;font-size:131%;} #AWpartnertopLP .Partner_front_New .FrontContainer h2 p.menu-title {font-size:361.6%;line-height:1.25;} #AWpartnertopLP .Partner_front_New .FrontContainer h3 {font-weight:600;color:#313131;padding:1.25em 0 1em;} #AWpartnertopLP .Partner_front_New .FrontContainer h3 {font-size:153.9%;line-height:1.5;} /* 正面検索ボックス */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching {border:4px solid #C8CCCC;background:#FFF;border-radius:20px;margin:0 0 120px;padding:4em 0 0;color:#474747;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching .partner_icons {display:none;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching .search_filter_Block {border-top:1px solid #C8CCCC;padding:0 2em;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching .search_filter_Button {border-top:1px solid #C8CCCC;padding:0 2em;} /* 選択ボックス：flexbox */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching form {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching form {box-sizing:border-box;overflow:hidden;width:100%;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching form .search_filter_Block, #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching form .search_filter_Button {align-self:stretch;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching form .search_filter_Block, #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching form .search_filter_Button {box-sizing:border-box;overflow:hidden;flex:0 0 33.33%;max-width:33.33%;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching form .search_filter_Block:nth-child(5) {flex:0 0 100%;max-width:100%;} /* 地域 */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching form .search_filter_Block:nth-child(8), /* キーワード */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching form .search_filter_Button {flex:0 0 50%;max-width:50%;} /* 検索ボタン */ /* 並び替えなし（order） */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching form .search_filter_Block:nth-child(1) {flex:0 0 36%;max-width:36%;} /* 種類 */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching form .search_filter_Block:nth-child(2) {flex:0 0 32%;max-width:32%;} /* 製品 */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching form .search_filter_Block:nth-child(3) {flex:0 0 32%;max-width:32%;} /* 形態 */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching form .search_filter_Block:nth-child(4) {flex:0 0 25%;max-width:25%;} /* 料金 */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching form .search_filter_Block:nth-child(5) {flex:0 0 75%;max-width:75%;} /* 地域 */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching form .search_filter_Block:nth-child(6) {flex:0 0 19%;max-width:19%;} /* 事例 */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching form .search_filter_Block:nth-child(7) {flex:0 0 23%;max-width:23%;} /* 受賞 */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching form .search_filter_Block:nth-child(8) {flex:0 0 33%;max-width:33%;} /* キーワード */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching form .search_filter_Button {flex:0 0 25%;max-width:25%;} /* 検索ボタン */ /* フォーム */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul {margin:0 0 2em;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul li {} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul li small {font-size:70%;} /* チェックリスト */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.list {} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.list li {} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.list li {text-align:left;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.list li input[type='checkbox'] {-webkit-transform:scale(1.5);transform:scale(1.5);margin:5px 10px 5px 3px;} /* チェックリスト：flexbox */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.list {display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:stretch;align-content:center;} /* チェックボタン */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.button li {display:inline-block;position:relative;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.button li small {display:block;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.button li input {opacity:0;position:absolute;left:0;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.button li label {display:inline-block;cursor:pointer;transition:0.5s;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.button li label {border:1px solid #C8CCCC;border-radius:5px;background:#FFF;padding:0.5em 0.25em;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.button li label:hover {background:#59C5AD;color:#FFF;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.button li input:checked + label {background:#00A785;color:#FFF;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.button li input:focus + label {box-shadow:0 0 2px #00A785;} /* チェックボックス：flexbox */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.button {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.button {box-sizing:border-box;overflow:hidden;width:100%;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.button li {align-self:stretch;margin:0;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.button li {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.button.price li {flex:0 0 48%;max-width:48%;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.button.area li {flex:0 0 9%;max-width:9%;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.button li.all {flex:0 0 12%;max-width:12%;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.button.area li:nth-child(2) {flex:0 0 11%;max-width:11%;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.button.area li:nth-child(9) {flex:0 0 14%;max-width:14%;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.button li label {box-sizing:border-box;overflow:hidden;width:100%;} /* テキストボックス */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.text li input[type='search'] {font-size:108%;border-radius:5px;padding:0.75em 2em 0.75em 0.5em;border:1px solid #C8CCCC;width:100%;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching ul.text li input[type='search'] {background:#FFF url(img/202301/Header_SearchGray_w24.png?ver=20230127) no-repeat 98% 50%;} /* 送信/クリアボタン */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching .search_filter_Button button {cursor:pointer;transition:0.5s;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching .search_filter_Button button {font-weight:600;border-radius:25px;margin:0.5em 1em;padding:0.75em 1em;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching .search_filter_Button button:hover {opacity:0.8;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching button.submit {border:none;color:#FFF;background:linear-gradient(to bottom, #929292 0%,#3b3b3b 100%);} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching button.clear {border:1px solid #C8CCCC;color:#313131;background:#FFF;} /* 送信/クリアボタン：flexbox */ #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching .search_filter_Button {display:flex;flex-flow:row wrap;justify-content:center;align-items:center;align-content:center;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching .search_filter_Button {box-sizing:border-box;overflow:hidden;width:100%;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching .search_filter_Button button {align-self:stretch;} #AWpartnertopLP .Partner_front_New .FrontContainer .Front_Searching .search_filter_Button button {box-sizing:border-box;overflow:hidden;flex:0 0 100%;max-width:250px;} /* 新：サイドメニュー＋パートナー一覧 */ #AWpartnertopLP .Partner_top_New {margin:0 auto;box-sizing:border-box;overflow:hidden;} /* flexbox */ #AWpartnertopLP .Partner_top_New .flexbox.Partner_2col .flexboxinner.SideContainer {flex:0 0 25%;max-width:25%;padding:0 30px 0 0;} #AWpartnertopLP .Partner_top_New .flexbox.Partner_2col .flexboxinner.MainContainer {flex:0 0 75%;max-width:75%;} /* 新：パートナーサイド */ #AWpartnertopLP .Partner_top_New .SideContainer h2 {font-weight:600;color:#313131;padding:0 0 1.5em;} #AWpartnertopLP .Partner_top_New .SideContainer h2.center {} #AWpartnertopLP .Partner_top_New .SideContainer h2.center p {text-align:center;} #AWpartnertopLP .Partner_top_New .SideContainer h2 p.menu-name {font-family:Arial,sans-serif;line-height:2;} #AWpartnertopLP .Partner_top_New .SideContainer h2 p.menu-title {font-size:189%;line-height:1.25;} #AWpartnertopLP .Partner_top_New .SideContainer h3 {font-weight:600;color:#313131;padding:1.25em 0 1em;} #AWpartnertopLP .Partner_top_New .SideContainer h3 {font-size:123.1%;line-height:1.5;} /* サイド検索ボックス */ #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching {border:1px solid #C8CCCC;background:#FFF;border-radius:20px;margin:0 0 30px;padding:2em 0;color:#474747;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching .partner_icons {margin:0 auto 1.5em;width:90%;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching .partner_icons img {max-width:100%;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching .search_filter_Block {border-top:1px solid #C8CCCC;padding:0 2em;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching .search_filter_Button {border-top:1px solid #C8CCCC;padding:2em 2em 0;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul {margin:0 0 2em;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul li {} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul li small {font-size:70%;} /* チェックリスト */ #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.list {} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.list li {} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.list li {text-align:left;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.list li input[type='checkbox'] {-webkit-transform:scale(1.5);transform:scale(1.5);margin:5px 10px 5px 3px;} /* チェックリスト：flexbox */ #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.list {/*display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:stretch;align-content:center;*/} /* チェックボタン */ #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.button li {display:inline-block;position:relative;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.button li small {display:block;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.button li input {opacity:0;position:absolute;left:0;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.button li label {display:inline-block;cursor:pointer;transition:0.5s;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.button li label {border:1px solid #C8CCCC;border-radius:5px;background:#FFF;padding:0.5em 0.25em;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.button li label:hover {background:#59C5AD;color:#FFF;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.button li input:checked + label {background:#00A785;color:#FFF;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.button li input:focus + label {box-shadow:0 0 2px #00A785;} /* チェックボックス：flexbox */ #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.button {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.button {box-sizing:border-box;overflow:hidden;width:100%;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.button li {align-self:stretch;margin:0 0 4%;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.button li {box-sizing:border-box;overflow:hidden;flex:0 0 48%;max-width:48%;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.button li.all {flex:0 0 100%;max-width:100%;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.button li label {box-sizing:border-box;overflow:hidden;width:100%;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.button li:nth-last-child(1), #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.button li:nth-last-child(2) {margin:0;} /* テキストボックス */ #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.text li input[type='search'] {font-size:108%;border-radius:5px;padding:0.75em 2em 0.75em 0.5em;border:1px solid #C8CCCC;width:100%;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching ul.text li input[type='search'] {background:#FFF url(img/202301/Header_SearchGray_w24.png?ver=20230127) no-repeat 98% 50%;} /* 送信/クリアボタン */ #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching .search_filter_Button button {cursor:pointer;transition:0.5s;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching .search_filter_Button button {font-weight:600;border-radius:25px;padding:0.75em 1em;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching .search_filter_Button button:hover {opacity:0.8;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching button.submit {border:none;color:#FFF;background:linear-gradient(to bottom, #929292 0%,#3b3b3b 100%);} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching button.clear {border:1px solid #C8CCCC;color:#313131;background:#FFF;} /* 送信/クリアボタン：flexbox */ #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching .search_filter_Button {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching .search_filter_Button {box-sizing:border-box;overflow:hidden;width:100%;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching .search_filter_Button button {align-self:stretch;} #AWpartnertopLP .Partner_top_New .SideContainer .Side_Searching .search_filter_Button button {box-sizing:border-box;overflow:hidden;flex:0 0 48%;max-width:48%;} /* 新：パートナー一覧（検索結果） */ #AWpartnertopLP .Partner_top_New .MainContainer h2.searchResultsTitle {font-size:253.9%;font-weight:500;color:#313131;text-align:right;line-height:1.1;} #AWpartnertopLP .Partner_top_New .MainContainer h2.searchResultsTitle {position:relative;margin:0 auto 1em;padding:0 0 15px 0;} #AWpartnertopLP .Partner_top_New .MainContainer h2.searchResultsTitle:before, #AWpartnertopLP .Partner_top_New .MainContainer h2.searchResultsTitle:after {content:'';display:block;position:absolute;bottom:0;right:0;height:4px;} #AWpartnertopLP .Partner_top_New .MainContainer h2.searchResultsTitle:before {width:100%;background-color:#EEE;} #AWpartnertopLP .Partner_top_New .MainContainer h2.searchResultsTitle:after {width:24.8%;background-color:#00A785;} #AWpartnertopLP .Partner_top_New .MainContainer h2.searchResultsTitle .green {color:#00A785;} /* 検索結果なし */ #AWpartnertopLP .Partner_top_New .MainContainer .searchResults_NoItem {} #AWpartnertopLP .Partner_top_New .MainContainer .searchResults_NoItem p {font-size:116%;margin:0 0 0.5em;} #AWpartnertopLP .Partner_top_New .MainContainer .searchResults_NoItem a {color:#00A785;} #AWpartnertopLP .Partner_top_New .MainContainer .searchResults_NoItem a:active, #AWpartnertopLP .Partner_top_New .MainContainer .searchResults_NoItem a:hover {color:#CCC;} /* 新：パートナー一覧ボックス */ #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .Archive_Posts {} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .Archive_Posts.flexboxinner {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .Archive_Posts.flexboxinner {position:relative;border:1px solid #C8CCCC;background:#FAFAFA;border-radius:20px;margin:0 0 1.5em;padding:0;color:#474747;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .overview {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .overview {background:#FFF;border-bottom:1px solid #C8CCCC;padding:1em 2.5em 0.5em;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .overview .logo {box-sizing:border-box;overflow:hidden;text-align:left;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .overview .logo img {max-width:90%;height:auto;margin:0 10% 0 0;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .overview h2 {font-size:189%;font-weight:600;padding:0 2.5%;color:#313131;text-align:left;line-height:1.3;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .overview h2 small {display:block;font-size:50%;font-weight:normal;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .overview ul.partner_cat_icon {box-sizing:border-box;overflow:hidden;max-width:180px;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .overview ul.partner_cat_icon li {box-sizing:border-box;overflow:hidden;text-align:right;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .overview ul.partner_cat_icon li img {max-width:90%;height:auto;margin:0 0 0 10%;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .description {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .description {padding:2em 2.5em 0;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .description h3 {font-size:167%;font-weight:600;margin:0 0 0.25em;color:#00A785;text-align:left;line-height:1.5;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .description p {font-size:116%;margin:0 0 0.5em;text-align:left;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .description ul {font-size:116%;margin:0 0 1.5em;padding:0 0 0 2.5em;box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .description ul {list-style-type:disc;list-style-position:inside;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .description ul li {text-indent:-1.25em;text-align:left;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .taglist {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .taglist {font-size:93%;margin:0;padding:0.5em 2.5em 1em;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .taglist ul {margin:0 0 -0.3em -1em;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .taglist ul li {margin:0 0 1em 1em;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .taglist ul li {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .taglist ul li {display:block;color:#FFF;border-radius:20px;background:#59C5AE;line-height:1;padding:12px 1em 10px;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .tablelist {box-sizing:border-box;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .tablelist {padding:0 2.5em 1em;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .tablelist table {font-size:100%;border-top:solid 1px #C8CCCC;border-left:solid 1px #C8CCCC;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .tablelist table {width:100%;margin:0 auto 1em;box-sizing:border-box;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .tablelist table tbody {background:#FFF;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .tablelist table tbody th {background:#EEE;font-weight:600;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .tablelist table th, #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .tablelist table td {border-right:solid 1px #C8CCCC;border-bottom:solid 1px #C8CCCC;padding:0.5em 1em;text-align:left;} /* リンクボタン */ #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .linkbtn {padding:0 2.5em 2.5em;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .linkbtn a {display:block;font-size:131%;font-weight:600;line-height:1;border-radius:25px;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .linkbtn a:active, #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .linkbtn a:hover {text-decoration:none;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .linkbtn a.contact {background:linear-gradient(to bottom, #929292 0%,#3b3b3b 100%);border:none;color:#FFF;padding:0.8em 1em 0.7em;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .linkbtn a.contact:active, #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .linkbtn a.contact:hover {opacity:0.8;background:#3b3b3b;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .linkbtn a.detail {background:#FFF;border:3px solid #313131;padding:0.7em 1em 0.6em;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .linkbtn a.detail {-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .linkbtn a.detail:active, #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .linkbtn a.detail:hover {background:#999;border-color:#999;color:#FFF;} /* リンクボタン：flexbox */ #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .linkbtn {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .linkbtn {box-sizing:border-box;overflow:hidden;width:100%;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .linkbtn a {align-self:stretch;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .linkbtn a {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .linkbtn a.contact, #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .linkbtn a.detail {flex:0 0 45%;max-width:45%;} /* flexbox 1カラム */ #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .flexbox.Partner_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 子要素 - flexbox */ #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .overview {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .overview ul.partner_cat_icon {display:flex;flex-flow:row nowrap;justify-content:flex-end;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .taglist ul {display:flex;flex-flow:row wrap;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .linkbtn a.contact, #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .linkbtn a.detail {display:flex;justify-content:center;align-items:center;} /* 1カラム */ #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .overview .logo {flex:0 0 20%;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .overview h2 {flex:2 2 57.5%;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .overview ul.partner_cat_icon {flex:1 1 22.5%;} #AWpartnertopLP .Partner_top_New .MainContainer .Archive_Postsbox .overview ul.partner_cat_icon li {flex:0 0 33.33%;} /* 新：パートナー詳細 */ #AWpartnertopLP .Partner_detail_New {margin:0 auto;box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_detail_New {max-width:1500px;width:100%;} /* 共通見出し（トップ） */ #AWpartnertopLP .Partner_detail_New h2.Detail_title_top {font-size:253.9%;font-weight:500;color:#313131;text-align:left;line-height:1.1;} #AWpartnertopLP .Partner_detail_New h2.Detail_title_top {position:relative;margin:0 auto 1em;padding:0 0 15px 0;} #AWpartnertopLP .Partner_detail_New h2.Detail_title_top:before, #AWpartnertopLP .Partner_detail_New h2.Detail_title_top:after {content:'';display:block;position:absolute;bottom:0;left:0;height:4px;} #AWpartnertopLP .Partner_detail_New h2.Detail_title_top:before {width:100%;background-color:#EEE;} #AWpartnertopLP .Partner_detail_New h2.Detail_title_top:after {width:24.8%;background-color:#00A785;} /* 共通見出し（トップテキスト）*/ #AWpartnertopLP .Partner_detail_New h2.Detail_title_top span.text {padding:0 1em 0 0;} #AWpartnertopLP .Partner_detail_New h2.Detail_title_top span.text small {display:block;font-size:70%;} /* 共通見出し（トップ種別アイコン）*/ #AWpartnertopLP .Partner_detail_New h2.Detail_title_top ul.partner_cat_icon {box-sizing:border-box;overflow:hidden;max-width:270px;} #AWpartnertopLP .Partner_detail_New h2.Detail_title_top ul.partner_cat_icon li {box-sizing:border-box;overflow:hidden;text-align:right;} #AWpartnertopLP .Partner_detail_New h2.Detail_title_top ul.partner_cat_icon li img {max-width:90%;height:auto;margin:0 0 0 10%;} /* flexbox 2カラム */ #AWpartnertopLP .Partner_detail_New h2.Detail_title_top.flexbox.Partner_2col .flexboxinner {align-content:center;} /* flexbox 子要素 - flexbox */ #AWpartnertopLP .Partner_detail_New h2.Detail_title_top span.text.flexboxinner {flex:0 0 82%;max-width:82%;} #AWpartnertopLP .Partner_detail_New h2.Detail_title_top ul.partner_cat_icon.flexboxinner {flex:0 0 18%;max-width:18%;} #AWpartnertopLP .Partner_detail_New h2.Detail_title_top ul.partner_cat_icon {display:flex;flex-flow:row nowrap;justify-content:flex-end;} #AWpartnertopLP .Partner_detail_New h2.Detail_title_top ul.partner_cat_icon li {flex:0 0 33.33%;} /* 共通見出し */ #AWpartnertopLP .Partner_detail_New h3.Detail_title {font-size:253.9%;font-weight:500;color:#313131;text-align:left;line-height:1.1;} #AWpartnertopLP .Partner_detail_New h3.Detail_title {position:relative;margin:0 auto 1em;padding:0 0 15px 0;} #AWpartnertopLP .Partner_detail_New h3.Detail_title:before, #AWpartnertopLP .Partner_detail_New h3.Detail_title:after {content:'';display:block;position:absolute;bottom:0;left:0;height:4px;} #AWpartnertopLP .Partner_detail_New h3.Detail_title:before {width:100%;background-color:#EEE;} #AWpartnertopLP .Partner_detail_New h3.Detail_title:after {width:24.8%;background-color:#00A785;} /* 共通見出し（右リンク） */ #AWpartnertopLP .Partner_detail_New h3.Detail_title a {float:right;font-size:70%;font-weight:600;line-height:1.5;color:#00A785;text-decoration:none;} #AWpartnertopLP .Partner_detail_New h3.Detail_title a:after {content:' ＞';} #AWpartnertopLP .Partner_detail_New h3.Detail_title a:active, #AWpartnertopLP .Partner_detail_New h3.Detail_title a:hover {color:#CCC;} /* 概要ボックス */ #AWpartnertopLP .Partner_detail_New .Detail_Postsbox {} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .overview {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .overview .logo {box-sizing:border-box;overflow:hidden;background:#FFF;margin:0 6% 5%;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .overview .logo img {box-sizing:border-box;overflow:hidden;max-width:70%;height:auto;margin:0 15%;padding:2% 0;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .description {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .description {text-align:left;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .description h3 {font-size:153.9%;letter-spacing:0;font-weight:600;margin:0 0 0.5em;color:#313131;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .description p {font-size:116%;margin:0 0 0.5em;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .description ul {font-size:116%;margin:0 0 1.5em;padding:0 0 0 2.5em;box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .description ul {list-style-type:disc;list-style-position:inside;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .description ul li {text-indent:-1.25em;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .taglist {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .taglist {font-size:85%;margin:0;padding:0.5em 0 1em;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .taglist ul {margin:0 0 -0.3em -1em;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .taglist ul li {margin:0 0 1em 1em;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .taglist ul li {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .taglist ul li {display:block;color:#FFF;border-radius:20px;background:#59C5AE;line-height:1;padding:12px 1em 10px;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .tablelist {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .tablelist {padding:0 0 4em;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .tablelist table {font-size:116%;border-top:solid 1px #C8CCCC;border-left:solid 1px #C8CCCC;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .tablelist table {width:100%;margin:0 auto;box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .tablelist table tbody {background:#FFF;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .tablelist table tbody th {background:#EEE;font-weight:600;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .tablelist table th, #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .tablelist table td {border-right:solid 1px #C8CCCC;border-bottom:solid 1px #C8CCCC;padding:0.5em 1em;text-align:left;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .tablelist table a {color:#00A785;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .tablelist table a:active, #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .tablelist table a:hover {color:#CCC;} /* リンクボタン */ #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .linkbtn {padding:0 0 4em;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .linkbtn a {display:block;font-size:153.9%;font-weight:600;line-height:1;border-radius:42px;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .linkbtn a:active, #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .linkbtn a:hover {text-decoration:none;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .linkbtn a.contact {background:linear-gradient(to bottom, #929292 0%,#3b3b3b 100%);border:none;color:#FFF;padding:1.5em 3em 1.4em;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .linkbtn a.contact:active, #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .linkbtn a.contact:hover {opacity:0.8;background:#3b3b3b;} /* リンクボタン：flexbox */ #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .linkbtn {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .linkbtn {box-sizing:border-box;overflow:hidden;width:100%;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .linkbtn a {align-self:stretch;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .linkbtn a {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .linkbtn a.contact {flex:0 0 auto;max-width:100%;} /* flexbox 子要素 - flexbox */ #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .LeftSide.flexboxinner {flex:0 0 37.5%;max-width:37.5%;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .RightSide.flexboxinner {flex:0 0 62.5%;max-width:62.5%;} #AWpartnertopLP .Partner_detail_New .Detail_Postsbox .taglist ul {display:flex;flex-flow:row wrap;} /* アドバンテージエリア */ #AWpartnertopLP .Partner_detail_New .Merit_Postbox {text-align:left;margin:0 0 2.5em;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox h3 {font-size:200%;margin-bottom:0.5em;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox h4 {font-size:167%;font-weight:600;margin-bottom:0.25em;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox h5 {font-size:146.5%;font-weight:600;color:#00A785;margin-bottom:0.75em;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox .data {} #AWpartnertopLP .Partner_detail_New .Merit_Postbox p {font-size:116%;text-align:left;margin:0 0 1.5em;padding:0;box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox p.center {text-align:center;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox p.left.photo {margin-right:1.5em;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox p.right.photo {margin-left:1.5em;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox p.comment {background:#fff5f5;padding:2em 2em 2em 3em;font-size:100%;border-radius:20px;text-indent:-1em;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox a {color:#00A785;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox a:active, #AWpartnertopLP .Partner_detail_New .Merit_Postbox a:hover {color:#CCC;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox b, #AWpartnertopLP .Partner_detail_New .Merit_Postbox strong {font-weight:600;display:inline;background-image:linear-gradient(rgba(0,0,0,0) 70%, rgb(242 255 0 / 0.7) 70%);} #AWpartnertopLP .Partner_detail_New .Merit_Postbox .green {color:#01A785;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox table {font-size:116%;border-top:solid 1px #C8CCCC;border-left:solid 1px #C8CCCC;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox table {width:100%;margin:0 auto 1.5em;box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox table tbody {background:#FFF;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox table tbody th {background:#EEE;font-weight:600;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox table th, #AWpartnertopLP .Partner_detail_New .Merit_Postbox table td {border-right:solid 1px #C8CCCC;border-bottom:solid 1px #C8CCCC;padding:0.5em 1em;text-align:left;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox ul, #AWpartnertopLP .Partner_detail_New .Merit_Postbox ol {font-size:116%;background:#F5FBFA;border-radius:20px;margin:0 0 1.5em;padding:2em 2em 2em 3em;box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox ul {list-style-type:disc;list-style-position:inside;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox ol {list-style-type:decimal;list-style-position:inside;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox ul li, #AWpartnertopLP .Partner_detail_New .Merit_Postbox ol li {text-indent:-1.25em;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox dl {font-size:116%;border:3px solid #EEE;background:#FFF;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox dl {border-radius:20px;margin:0 auto 1.5em;padding:2em;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox dl dt {text-align:left;font-weight:600;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox dl dt:before {display:inline;font-size:70%;content:'▶';padding-right:0.5em;color:#59C5AE;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox dl dd {padding:0 0 1.5em 0;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox dl dd:last-child {padding-bottom:0;} /* flexbox */ #AWpartnertopLP .Partner_detail_New .Merit_Postbox dl {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox dl {width:100%;box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox dl dt {flex:0 0 auto;width:100%;align-self:stretch;box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox dl dd {flex:0 0 auto;width:100%;align-self:stretch;box-sizing:border-box;overflow:hidden;} /* 動画枠 */ #AWpartnertopLP .Partner_detail_New .Merit_Postbox .Moviebox {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox .Moviebox {width:auto;margin:0 auto 1.5em;padding:0;background:#EEE;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox .Moviebox .Movieboxinner {box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_detail_New .Merit_Postbox .Moviebox .Movieboxinner {width:60%;margin:2% auto 2%;} /* 事例・アダプタ */ #AWpartnertopLP .Partner_detail_New .Related_Case_Postbox {margin:0 auto 2.5em;box-sizing:border-box;overflow:hidden;} /* 関連記事 */ #AWpartnertopLP .Partner_detail_New .Related_Article_Postbox {margin:0 auto 2.5em;box-sizing:border-box;overflow:hidden;} #AWpartnertopLP .Partner_detail_New .Related_Article_Postbox {text-align:left;} /* ニュース一覧/ブログ一覧 */ #AWpartnertopLP .Partner_detail_New .Related_Article_Postbox dl:before, #AWpartnertopLP .Partner_detail_New .Related_Article_Postbox dl:after {content:'';display:block;overflow:hidden;} #AWpartnertopLP .Partner_detail_New .Related_Article_Postbox dl:after {clear:both;} #AWpartnertopLP .Partner_detail_New .Related_Article_Postbox dl {zoom:1;} #AWpartnertopLP .Partner_detail_New .Related_Article_Postbox dl {clear:both;width:100%;border-bottom:1px solid #C8CCCC;padding-bottom:20px;margin-bottom:20px;} #AWpartnertopLP .Partner_detail_New .Related_Article_Postbox dl dt {font-size:108%;float:left;text-align:left;margin-right:1em;} /* ニュースアイコン */ #AWpartnertopLP .Partner_detail_New .Related_Article_Postbox dl dd.iconCat {float:left;text-align:left;margin-right:1em;} #AWpartnertopLP .Partner_detail_New .Related_Article_Postbox dl dd.iconCat img {margin-top:3px;} /* サムネイル画像 */ #AWpartnertopLP .Partner_detail_New .Related_Article_Postbox dl dd.blog_entry_thum {width:83px;height:auto;float:left;border:solid 1px #C8CCCC;text-align:left;margin-right:1em;} #AWpartnertopLP .Partner_detail_New .Related_Article_Postbox dl dd.blog_entry_thum a {width:83px;height:auto;display:block;} #AWpartnertopLP .Partner_detail_New .Related_Article_Postbox dl dd.blog_entry_thum img {border:solid 1px #fff;width:81px;height:auto;} /*【H3→H4】記事タイトル アーカイブ・カテゴリ */ #AWpartnertopLP .Partner_detail_New .Related_Article_Postbox dl dd.newsTxt {overflow: hidden;width: auto;word-break: normal;} #AWpartnertopLP .Partner_detail_New .Related_Article_Postbox dl dd.newsTxt {text-align:left;font-size:108%;line-height:1.5;} #AWpartnertopLP .Partner_detail_New .Related_Article_Postbox dl dd.newsTxt h4 {font-size:108%;line-height:1.5;font-weight:normal;} #AWpartnertopLP .Partner_detail_New .Related_Article_Postbox dl dd.newsTxt a {color:#313131;} #AWpartnertopLP .Partner_detail_New .Related_Article_Postbox dl dd.newsTxt a:hover {color:#CCC;text-decoration:none;} #AWpartnertopLP .Partner_detail_New .Related_Article_Postbox dl dd.newsTxt a:active {color:#313131;text-decoration:underline;} /*---------------------------------------------------------------------------- ★左右余白（1560px以下）CSS 2024/04 ----------------------------------------------------------------------------*/ /* PC width 1560px 以下 */ @media screen and (max-width:1560px) { #AWpartnertopLP .PartnerTop_mainvisual, #AWpartnertopLP .PartnerSearch_mainvisual, #AWpartnertopLP .PartnerTypeContainer, #AWpartnertopLP .Partner_front_New .FrontContainer, #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_title, #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_infomation, #AWpartnertopLP .Partner_top_New, #AWpartnertopLP .Partner_detail_New {padding-left:30px;padding-right:30px;} } /* ブレークポイント（1023.84px = 63.99em以下なら）*/ @media (max-width:63.99em){ #AWpartnertopLP .PartnerTop_mainvisual, #AWpartnertopLP .PartnerSearch_mainvisual, #AWpartnertopLP .PartnerTypeContainer, #AWpartnertopLP .Partner_front_New .FrontContainer, #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_title, #AWpartnertopLP .Partner_front_New .FrontLogoList .Archive_infomation, #AWpartnertopLP .Partner_top_New, #AWpartnertopLP .Partner_detail_New {padding-left:5%;padding-right:5%;} } /* AWブログトップLP 2022/01 */ body#warp_blog.AW_blogtopBody {background:#fff;} #AWblogtopLP {background:url(img/AWblog2021_bgMain.png?ver=202201) 50% 0 repeat-x;position:relative;} #AWblogtopLP.BG_none {background:none;} /* メインビジュアル */ #AWblogtopLP .BlogTop_mainvisual {position:relative;z-index:0;height:210px; /*420px*/} #AWblogtopLP .BlogTop_mainvisual h1 {z-index:1;} #AWblogtopLP .BlogTop_mainvisual h1 {color: #FFF;font-size: 415%;letter-spacing:2px;font-weight: 600;padding-top: 90px;text-shadow:0px 0px 8px rgba(0, 0, 0, 0.5);} /* カテゴリ・著者別メインビジュアル */ #AWblogtopLP .BlogCategory_mainvisual {position:relative;z-index:0;height:54px; /*420*/} #AWblogtopLP .BlogCategory_mainvisual.on {height:164px;} #AWblogtopLP .BlogCategory_mainvisual h1 {z-index:1;} #AWblogtopLP .BlogCategory_mainvisual h1 {font-size:382%;line-height:1.5;font-weight:600;padding-top:36px;} #AWblogtopLP .BlogCategory_mainvisual h1 small.name {font-size:16px;} /* 前景 */ #AWblogtopLP .Blog_whiteover {position:relative;z-index:1;width:100%;min-height:500px;margin:0;padding:0;} #AWblogtopLP .Blog_normalover {position:relative;z-index:1;width:100%;min-height:500px;margin:0;padding:0;} /* 背景グリーン */ #AWblogtopLP .BGgreen {background-color:#00A785 !important;} /* 背景グレー */ #AWblogtopLP .BGgray {background-color:#F5F5F5 !important;} /* flexbox */ #AWblogtopLP .flexbox {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #AWblogtopLP .flexbox {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} #AWblogtopLP .flexboxinner {align-self:stretch;} #AWblogtopLP .flexboxinner {box-sizing:border-box;overflow:hidden;} /* flexbox 1カラム */ #AWblogtopLP .flexbox.Blog_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 2カラム */ #AWblogtopLP .flexbox.Blog_2col .flexboxinner {flex:0 0 48%;max-width:48%;} /* 新：ブログ一覧＋サイドメニュー */ #AWblogtopLP .Blog_top_New {margin:0 auto;box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_top_New .MainContainer {} #AWblogtopLP .Blog_top_New .SideContainer {} /* flexbox */ #AWblogtopLP .Blog_top_New .flexbox.Blog_2col .flexboxinner.MainContainer {flex:0 0 75%;max-width:75%;padding:0 30px 0 0;} #AWblogtopLP .Blog_top_New .flexbox.Blog_2col .flexboxinner.SideContainer {flex:0 0 25%;max-width:25%;} /* 新：関連キーワードタイトル */ #AWblogtopLP .Blog_top_New .MainContainer h1.categoryTitle {font-size:253.9%;font-weight:600;color:#313131;text-align:left;line-height:1;} #AWblogtopLP .Blog_top_New .MainContainer h1.categoryTitle {position:relative;margin:0 auto 1em;padding:0 0 15px 0;} #AWblogtopLP .Blog_top_New .MainContainer h1.categoryTitle:before, #AWblogtopLP .Blog_top_New .MainContainer h1.categoryTitle:after {content:"";display:block;position:absolute;bottom:0;left:0;height:4px;} #AWblogtopLP .Blog_top_New .MainContainer h1.categoryTitle:before {width:100%;background-color:#EEE;} #AWblogtopLP .Blog_top_New .MainContainer h1.categoryTitle:after {width:24.8%;background-color:#00A785;} /* 新：投稿タイトルボックス */ #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox {box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox .Single_Posts {margin:0 0 1em;} #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox h1.postTitle {font-size:253.9%;font-weight:600;color:#313131;text-align:left;line-height:1.5;} #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox h1.postTitle {margin:0 auto;padding:0 0 0.5em;} #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox .infomation {font-size:100%;margin:0;} #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox .infomation ul {margin:0 0 -0.3em -1em;} #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox .infomation ul li {margin:0 0 1em 1em;} #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox .infomation ul li a {box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox .infomation ul li a {display:block;color:#FFF;border-radius:20px;background:#59C5AE;line-height:1;padding:12px 1em 10px;} #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox .infomation ul li a:active, #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox .infomation ul li a:hover {color:#FFF;background:#00A785;} #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox .infomation ul.category {} #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox .infomation ul.category li {} #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox .infomation .date {color:#777;padding:0 0 0.5em;} #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox .infomation .date a {color:#777;} #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox .infomation .date a:active, #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox .infomation .date a:hover {color:#999;text-decoration:underline;} /* flexbox 1カラム */ #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox .flexbox.Blog_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 子要素 - flexbox */ #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox .infomation ul {display:flex;flex-flow:row wrap;} #AWblogtopLP .Blog_top_New .MainContainer .Single_Postsbox .infomation .date {display:flex;flex-flow:row nowrap;} /* 新：一覧用ブログ著者紹介 */ #AWblogtopLP .Blog_top_New .MainContainer .Archive_Authorbox {box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Authorbox .Author_Data {text-align:left;border:3px solid #C8CCCC;background:#FAFAFA;margin:0 0 1.5em;padding:2.5em;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Authorbox h2 {color:#474747;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Authorbox h2 small {font-size:100%;font-weight:600;color:#59C5AE;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Authorbox h2 strong {font-size:153.9%;font-weight:600;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Authorbox .image {border-radius:50%;width:100%;height:100%;max-width:110px;max-height:140px;box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Authorbox .image img {max-width:100%;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Authorbox .image img {-webkit-transition-duration:0.5s;transition-duration:0.5s;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Authorbox:hover .image img {-webkit-transform:scale(1.1);transform:scale(1.1);} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Authorbox .data {} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Authorbox .data p {font-size:123.1%;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Authorbox .data p a {color:#59C5AE;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Authorbox .data p a:active, #AWblogtopLP .Blog_top_New .MainContainer .Archive_Authorbox .data p a:hover {color:#999;} /* flexbox 2カラム */ #AWblogtopLP .Blog_top_New .MainContainer .Archive_Authorbox .flexbox.Blog_2col .flexboxinner.image {flex:0 0 13.85%;max-width:13.85%;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Authorbox .flexbox.Blog_2col .flexboxinner.data {flex:1 0 86.15%;max-width:86.15%;padding-left:2em} /* 新：ブログ一覧ボックス */ #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox {box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .Archive_Posts {} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .Archive_Posts.flexboxinner a {display:block;box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .Archive_Posts.flexboxinner a {position:relative;border:1px solid #C8CCCC;background:#FAFAFA;border-radius:20px;margin:0 0 1.5em;padding:2.5em;color:#474747;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .Archive_Posts.flexboxinner a:active, #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .Archive_Posts.flexboxinner a:hover {background:#F5F5F5;text-decoration:none;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .Archive_Posts.flexboxinner a, #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .Archive_Posts.flexboxinner a:active, #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .Archive_Posts.flexboxinner a:hover {background-image:linear-gradient(135deg, #474747 45px, transparent 0);} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .Archive_Posts.flexboxinner a:after {position:absolute;top:0;left:0;font-size:70%;font-weight:600;color:#FFF;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .Archive_Posts.flexboxinner a:after {content:'ブログ';transform:rotate(-45deg) translate(-5px, 15px);} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .image {height:auto;box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .image img {max-width:100%;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .data {text-align:left;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .data h2 {font-size:146.5%;letter-spacing:0;font-weight:600;margin:0;color:#313131;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .data h2:after {display:none;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .data p {font-size:116%;margin:0 0 1em;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .infomation {font-size:100%;margin:1.5em 0 0;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .infomation ul {margin:0 0 0 -1em;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .infomation ul li {color:#59C5AE;margin:0 0 0 1em;padding:5px 0;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .infomation ul.category {} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .infomation ul.category li {} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .infomation .date {text-align:right;padding:5px 0;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .infomation .date span {text-align:center;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .infomation .date span.new_txt {background:#C4565B;color:#FFF;padding:0 7px;font-size:85%;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .infomation .date span.date_txt {margin:0 0 0 1em;} /* flexbox 1カラム */ #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .flexbox.Blog_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 子要素 - flexbox */ #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .Archive_Posts.flexboxinner a {display:flex;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .data {display:flex;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .infomation {display:flex;flex-flow:row nowrap;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .infomation ul {display:flex;flex-flow:row wrap;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .infomation .date {margin:0 0 0 auto;} /* 1カラム */ #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .Blog_1col {} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .Blog_1col a {flex-flow:row wrap;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .Blog_1col .image {flex:0 0 35%;padding-right:2em;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .Blog_1col .data {flex:1 0 65%;flex-flow:column nowrap;} #AWblogtopLP .Blog_top_New .MainContainer .Archive_Postsbox .Blog_1col .infomation {flex:0 0 100%;} /* 新：ブログ一覧コンテンツ（キーワード別、関連ドキュメント） */ #AWblogtopLP .Blog_contents_Box {} #AWblogtopLP .Blog_contents_Box .Archive_title h2 {color:#313131;font-size:361.6%;font-weight:500;letter-spacing:1.4px;line-height:1.5;margin:3em auto 0em;padding:0;} #AWblogtopLP .Blog_contents_Box .Archive_title p {font-size:100%;text-align:center;} /* 注目キーワード */ #AWblogtopLP .Blog_contents_Box .PickupKeywords {margin:2.5em 0;box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_contents_Box .PickupKeywords {} #AWblogtopLP .Blog_contents_Box .PickupKeywords ul {} #AWblogtopLP .Blog_contents_Box .PickupKeywords ul li {font-size:138.5%;font-weight:600;padding:1em 1em;} #AWblogtopLP .Blog_contents_Box .PickupKeywords ul li a {color:#FFF;} #AWblogtopLP .Blog_contents_Box .PickupKeywords ul li a:active, #AWblogtopLP .Blog_contents_Box .PickupKeywords ul li a:hover {border-bottom:2px dotted #FFF;} /* flexbox */ #AWblogtopLP .Blog_contents_Box .PickupKeywords ul.flexbox {justify-content:center;align-items:center;align-content:center;} #AWblogtopLP .Blog_contents_Box .PickupKeywords ul.flexbox li.flexboxinner {flex:0 0 auto;} /* 他リストキーワード */ #AWblogtopLP .Blog_contents_Box .ListKeywords {box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_contents_Box .ListKeywords {} #AWblogtopLP .Blog_contents_Box .ListKeywords ul {} #AWblogtopLP .Blog_contents_Box .ListKeywords ul li {font-size:123.1%;padding:0 0.5em;} #AWblogtopLP .Blog_contents_Box .ListKeywords ul li small {font-size:70%;color:#CCC;} #AWblogtopLP .Blog_contents_Box .ListKeywords ul li a {color:#00A785;} #AWblogtopLP .Blog_contents_Box .ListKeywords ul li a:active, #AWblogtopLP .Blog_contents_Box .ListKeywords ul li a:hover {border-bottom:2px dotted #00A785;} /* flexbox */ #AWblogtopLP .Blog_contents_Box .ListKeywords ul.flexbox {justify-content:center;align-items:center;align-content:center;} #AWblogtopLP .Blog_contents_Box .ListKeywords ul.flexbox li.flexboxinner {} /* 新：資料DLバナー */ #AWblogtopLP .Blog_contents_Box .PickupWPbanner {box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_contents_Box .PickupWPbanner a {display:block;box-sizing:border-box;overflow:hidden;margin:3em auto;} #AWblogtopLP .Blog_contents_Box .PickupWPbanner a img {max-width:100%;} #AWblogtopLP .Blog_contents_Box .PickupWPbanner a img {-webkit-transition-duration:0.5s;transition-duration:0.5s;} #AWblogtopLP .Blog_contents_Box .PickupWPbanner a:hover img {-webkit-transform:scale(1.05);transform:scale(1.05);cursor:pointer;} /* 新：関連記事 */ #AWblogtopLP .Blog_contents_Box .ListRelatedPost {} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul {} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts {text-align:left;} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts a {display:block;margin:1em 0 0;} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts a:active, #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts a:hover {color:#313131;} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts .image {margin:0 0 1em;max-height:190px;box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts .image img {max-width:100%;margin:-6% auto;} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts .image img {-webkit-transition-duration:0.5s;transition-duration:0.5s;} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts a:hover .image img {-webkit-transform:scale(1.1);transform:scale(1.1);cursor:pointer;} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts .data {} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts .data h3 {font-size:123.1%;font-weight:600;} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts .data p {font-size:100%;} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts a:active .data h3, #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts a:active .data p, #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts a:hover .data h3, #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts a:hover .data p {text-decoration:underline;} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts .infomation {font-size:93%;box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts .infomation ul {margin:0.4em 0;} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts .infomation ul li {color:#59C5AE;} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts .infomation ul.category {} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts .infomation ul.category li {} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts .infomation ul.category li.warp_blog_cat {} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul li.Related_Posts .infomation .date {color:#777;} /* flexbox */ #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul.flexbox {} #AWblogtopLP .Blog_contents_Box .ListRelatedPost ul.flexbox li.flexboxinner {flex:0 0 30.33%;max-width:30.33%;} /* 新：関連ドキュメント */ #AWblogtopLP .Blog_contents_Box .ListWhitepaper {} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul {} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts {text-align:left;} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts a {display:block;margin:1em 0 0;} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts a:active, #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts a:hover {color:#313131;} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts .image {margin:0 0 1em;box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts .image img {max-width:100%;} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts .image img {-webkit-transition-duration:0.5s;transition-duration:0.5s;} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts a:hover .image img {-webkit-transform:scale(1.1);transform:scale(1.1);cursor:pointer;} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts .data {} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts .data h3 {font-size:123.1%;font-weight:600;} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts .data p {font-size:100%;} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts a:active .data h3, #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts a:active .data p, #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts a:hover .data h3, #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts a:hover .data p {text-decoration:underline;} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts .infomation {font-size:93%;box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts .infomation ul {margin:0.4em 0;} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts .infomation ul li {color:#59C5AE;} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts .infomation ul.category {} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts .infomation ul.category li {} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts {counter-increment:rankNum;counter-reset:count 0;} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts .infomation ul li:first-child:before {display:inline-block;background:#59C5AE;color:#FFF;padding:0 0.5em;margin:0 5px 0 0;} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts .infomation ul li:first-child:before {content:'ランキング' counter(rankNum) '位';} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts .infomation ul.category li.warp_blog_cat {} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul li.Ranking_Posts .infomation .date {color:#777;} /* flexbox */ #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul.flexbox {} #AWblogtopLP .Blog_contents_Box .ListWhitepaper ul.flexbox li.flexboxinner {flex:0 0 30.33%;max-width:30.33%;} /* 一覧を見る */ #AWblogtopLP .Blog_contents_Box .ContactBtn {} #AWblogtopLP .Blog_contents_Box .ContactBtn a {background:#FAFAFA;border:2px solid #C8CCCC;} #AWblogtopLP .Blog_contents_Box .ContactBtn a {font-size:146%;text-decoration:none;color:#313131;line-height:1;margin:3em auto;padding:1.3em 4em;} #AWblogtopLP .Blog_contents_Box .ContactBtn a:active, #AWblogtopLP .Blog_contents_Box .ContactBtn a:hover {background:#F5F5F5;color:#777;} /* 新：ブログサイド */ #AWblogtopLP .Blog_top_New .SideContainer h2 {font-weight:600;color:#313131;} #AWblogtopLP .Blog_top_New .SideContainer h2.center {} #AWblogtopLP .Blog_top_New .SideContainer h2.center p {text-align:center;} #AWblogtopLP .Blog_top_New .SideContainer h2 a {display:block;color:#313131;background:#FAFAFA;border:4px solid #C8CCCC;padding:1em;} #AWblogtopLP .Blog_top_New .SideContainer h2 a:active, #AWblogtopLP .Blog_top_New .SideContainer h2 a:hover {} #AWblogtopLP .Blog_top_New .SideContainer h2 p.menu-name {font-family:Arial,sans-serif;line-height:2;} #AWblogtopLP .Blog_top_New .SideContainer h2 p.menu-title {font-size:189%;line-height:1.25;} /* 固定メニュー */ #AWblogtopLP .SideContainer {position:relative;} #AWblogtopLP .SideContainer #sideStickyStart {} /* GAランキングボックス */ #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking {box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking {border:1px solid #C8CCCC;background:#FFF;border-radius:20px;margin:0 0 1.5em;padding:2em;color:#474747;} /* GAランキング記事 */ #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul {} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li {} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts {text-align:left;margin:2em 0 0;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts:last-child {margin-bottom:0;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts a {display:block;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts a:active, #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts a:hover {color:#313131;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts .image {margin:0 0 1em;max-height:155px;box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts .image img {max-width:100%;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts .image img {-webkit-transition-duration:0.5s;transition-duration:0.5s;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts a:hover .image img {-webkit-transform:scale(1.1);transform:scale(1.1);cursor:pointer;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts .data {box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts .data h3 {font-size:100%;line-height:1.5;font-weight:600;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts a:active .data h3, #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts a:hover .data h3 {text-decoration:underline;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts .infomation {display:none;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts {counter-increment:rankNum;counter-reset:count 0;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts a {position:relative;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts a:before {position:absolute;display:block;left:0;top:0;z-index:1;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts a:before {background:#C4565B;color:#FFF;font-weight:600;padding:0 0.5em;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts a:before {content:counter(rankNum);} /* flexbox */ #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul.flexbox {} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.flexboxinner {flex:0 0 100%;max-width:100%;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts a {display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts a {box-sizing:border-box;overflow:hidden;} /* flexbox - 子 */ #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts a {flex-flow:column nowrap;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts a .image {flex:0 0 100%;width:auto;} #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts a .data {flex:0 0 100%;width:auto;} /* flexbox - 子（1位） */ #AWblogtopLP .Blog_top_New .SideContainer .Side_GAranking ul li.Ranking_Posts:first-child .data h3 {font-size:123.1%;} /* サブメニュー　用語集リンク */ #AWblogtopLP .Blog_top_New .SideContainer .Side_Submenu {box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_top_New .SideContainer .Side_Submenu {} /* バナー */ #AWblogtopLP .Blog_top_New .SideContainer .Side_Banner {box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_top_New .SideContainer .Side_Banner div {box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_top_New .SideContainer .Side_Banner div a {display:block;box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_top_New .SideContainer .Side_Banner div a:active, #AWblogtopLP .Blog_top_New .SideContainer .Side_Banner div a:hover {} #AWblogtopLP .Blog_top_New .SideContainer .Side_Banner div img {max-width:100%;} #AWblogtopLP .Blog_top_New .SideContainer .Side_Banner div.Dynamic img {-webkit-transition-duration:0.5s;transition-duration:0.5s;} #AWblogtopLP .Blog_top_New .SideContainer .Side_Banner div.Dynamic a:hover img {-webkit-transform:scale(1.1);transform:scale(1.1);cursor:pointer;} /* カテゴリー */ #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory {box-sizing:border-box;overflow:hidden;} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory {border:6px solid #C8CCCC;background:#FFF;margin:0 0 1.5em;padding:2em 1em;} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul {box-sizing:border-box;overflow:hidden;margin:1em 0 0;} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul li {text-align:left;padding:0.25em 0;} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul li.current-cat {} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul li.selected {background:#00F0FF;} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul li a {display:block;font-size:108%;width:100%;height:100%;} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.parent {} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.parent li {font-weight:600;} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.parent li.current-cat {} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.parent li.current-cat a {color:#00A785;} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.parent li.current-cat a:active, #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.parent li.current-cat a:hover {color:#59C5AE;} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.parent li a {color:#313131;} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.parent li a:active, #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.parent li a:hover {color:#00A785;} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.children {display:none;margin:0.25em 0 -0.25em 0;} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.children li {font-weight:normal;padding-left:1em;} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.children li.current-cat {} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.children li.current-cat a {color:#59C5AE;} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.children li.current-cat a:active, #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.children li.current-cat a:hover {color:#CCC;} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.children li.selected {background:#EEDD99;} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.children li a {color:#777;} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.children li a:before {content:'- ';} #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.children li a:active, #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul.children li a:hover {color:#CCC;} /* 201704 サイドメニュー子カテゴリ追加分 から 更新 */ #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul li.current-cat ul.children, #AWblogtopLP .Blog_top_New .SideContainer .Side_MainCategory ul li.current-cat-parent ul.children {display:block;} /*---------------------------------------------------------------------------- ★左右余白（1560px以下）CSS 2022/01 ----------------------------------------------------------------------------*/ /* PC width 1560px 以下 */ @media screen and (max-width:1560px) { #AWblogtopLP .BlogTop_mainvisual, #AWblogtopLP .BlogCategory_mainvisual, #AWblogtopLP .Blog_top_New, #AWblogtopLP .Blog_contents_Box .ListKeywords, #AWblogtopLP .Blog_contents_Box .ListRelatedPost, #AWblogtopLP .Blog_contents_Box .ListWhitepaper, #AWblogtopLP .Blog_contents_Box .PickupKeywords ul.flexbox, #AWblogtopLP .Blog_contents_Box .PickupWPbanner a {padding-left:30px;padding-right:30px;} } /* ブレークポイント（1023.84px = 63.99em以下なら）*/ @media (max-width:63.99em){ #AWblogtopLP .BlogTop_mainvisual, #AWblogtopLP .BlogCategory_mainvisual, #AWblogtopLP .Blog_top_New, #AWblogtopLP .Blog_contents_Box .ListKeywords, #AWblogtopLP .Blog_contents_Box .ListRelatedPost, #AWblogtopLP .Blog_contents_Box .ListWhitepaper, #AWblogtopLP .Blog_contents_Box .PickupKeywords ul.flexbox, #AWblogtopLP .Blog_contents_Box .PickupWPbanner a {padding-left:5%;padding-right:5%;} } /* AW事例詳細LP 2025/01 */ #AWcasePostLP {} #AWcasePostLP div#contents {margin:0;} /* メインビジュアル */ #AWcasePostLP .CasePost_mainvisual {} #AWcasePostLP .CasePost_mainvisual h1 {font-size:382%;line-height:1.5;font-weight:600;padding-top:36px;padding-bottom:15px;} #AWcasePostLP .CasePost_mainvisual h1 small.name {font-size:16px;} /* 背景ホワイト */ #AWcasePostLP .BGwhite {background-color:#FFF !important;} /* 背景グレー */ #AWcasePostLP .BGgray {background-color:#F5F5F5 !important;} /* 背景ペールグリーン */ #AWcasePostLP .BGpalegreen {background-color:#E2F1EF !important;} /* flexbox */ #AWcasePostLP .flexbox {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #AWcasePostLP .flexbox {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} #AWcasePostLP .flexboxinner {align-self:stretch;} #AWcasePostLP .flexboxinner {box-sizing:border-box;overflow:hidden;} /* flexbox 1カラム */ #AWcasePostLP .flexbox.Case_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 2カラム */ #AWcasePostLP .flexbox.Case_2col .flexboxinner {flex:0 0 48%;max-width:48%;} /* flexbox 3カラム */ #AWcasePostLP .flexbox.Case_3col .flexboxinner {flex:0 0 30.33%;max-width:30.33%;} /* flexbox 4カラム */ #AWcasePostLP .flexbox.Case_4col .flexboxinner {flex:0 0 23%;max-width:23%;} /* flexbox 5カラム */ #AWcasePostLP .flexbox.Case_5col .flexboxinner {flex:0 0 19%;max-width:19%;} /* 新：事例詳細 */ #AWcasePostLP .Case_detail_New {box-sizing:border-box;overflow:hidden;} /* 共通見出し（トップ） */ #AWcasePostLP .Case_detail_New h1.Detail_title_top {font-size:253.9%;font-weight:500;color:#313131;text-align:left;line-height:1.2;} #AWcasePostLP .Case_detail_New h1.Detail_title_top {position:relative;margin:0 auto 1em;padding:0 0 15px 0;} #AWcasePostLP .Case_detail_New h1.Detail_title_top:before, #AWcasePostLP .Case_detail_New h1.Detail_title_top:after {content:'';display:block;position:absolute;bottom:0;left:0;height:4px;} #AWcasePostLP .Case_detail_New h1.Detail_title_top:before {width:100%;background-color:#EEE;} #AWcasePostLP .Case_detail_New h1.Detail_title_top:after {width:24.8%;background-color:#00A785;} /* 共通見出し（トップテキスト）*/ #AWcasePostLP .Case_detail_New h1.Detail_title_top span.text {} #AWcasePostLP .Case_detail_New h1.Detail_title_top span.text small {display:block;font-size:70%;} /* 共通見出し */ #AWcasePostLP .Case_detail_New h2.Detail_title {font-size:253.9%;font-weight:500;color:#313131;text-align:left;line-height:1.1;} #AWcasePostLP .Case_detail_New h2.Detail_title {position:relative;margin:0 auto 1em;padding:0 0 15px 0;} #AWcasePostLP .Case_detail_New h2.Detail_title:before, #AWcasePostLP .Case_detail_New h2.Detail_title:after {content:'';display:block;position:absolute;bottom:0;left:0;height:4px;} #AWcasePostLP .Case_detail_New h2.Detail_title:before {width:100%;background-color:#EEE;} #AWcasePostLP .Case_detail_New h2.Detail_title:after {width:24.8%;background-color:#00A785;} /* 概要ボックス */ #AWcasePostLP .Case_detail_New .Detail_Postsbox {margin:0 auto;box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_detail_New .Detail_Postsbox {max-width:1500px;width:100%;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .Postinner {padding:0 0 4em;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .overview {box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .overview .logo {box-sizing:border-box;overflow:hidden;background:#FFF;margin:0 6% 5%;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .overview .logo img {box-sizing:border-box;overflow:hidden;max-width:70%;height:auto;margin:0 15%;padding:2% 0;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .description {text-align:left;box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .description h2 {font-size:231%;letter-spacing:0;font-weight:600;margin:0;color:#313131;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .description h2 br {display:none;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .description p {font-size:131%;margin:0;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist {box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation {box-sizing:border-box;overflow:hidden;font-size:85%;margin:1em 0 1em;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation ul {margin:0 0 0 -0.5em;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation ul li {margin:0 0 0 0.5em;padding:3px 0;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation ul.category li.landmark {color:#FFF;border:1px solid #666;border-radius:20px;background:#666;margin:0 0 0.5em 0.5em;padding:6px 1em;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation ul.category li.scale {color:#666;border:1px solid #666;border-radius:20px;background:#FFF;margin:0 0 0.5em 0.5em;padding:6px 1em;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation ul.category li.industry {color:#666;border:1px solid #666;border-radius:20px;background:#FFF;margin:0 0 0.5em 0.5em;padding:6px 1em;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation ul.category li.scene {color:#307FE2;border:1px solid #307FE2;border-radius:20px;background:#FFF;margin:0 0 0.5em 0.5em;padding:6px 1em;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation ul.category li.option {color:#FFF;border:1px solid #59C5AE;border-radius:20px;background:#59C5AE;margin:0 0 0.5em 0.5em;padding:6px 1em;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation ul.category li.product {color:#59C5AE;font-weight:600;margin-left:0;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation ul.category li.products {color:#59C5AE;margin-left:0;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation ul.category li.industry a {color:#666;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation ul.category li.industry a:active, #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation ul.category li.industry a:hover {text-decoration:underline;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation ul.category li.scene a {color:#307FE2;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation ul.category li.scene a:active, #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation ul.category li.scene a:hover {text-decoration:underline;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation ul.category li.products a {color:#59C5AE;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation ul.category li.products a:active, #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation ul.category li.products a:hover {text-decoration:underline;} /* flexbox 子要素 - flexbox */ #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation {display:flex;flex-flow:row wrap;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist .infomation ul {display:flex;flex:0 0 100%;flex-flow:row wrap;} /* テーブル */ #AWcasePostLP .Case_detail_New .Detail_Postsbox .tablelist {box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .tablelist {padding:0 0 4em;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .tablelist table {font-size:116%;border-top:solid 1px #C8CCCC;border-left:solid 1px #C8CCCC;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .tablelist table {width:100%;margin:0 auto;box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .tablelist table tbody {background:#FFF;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .tablelist table tbody th {background:#EEE;font-weight:600;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .tablelist table th, #AWcasePostLP .Case_detail_New .Detail_Postsbox .tablelist table td {border-right:solid 1px #C8CCCC;border-bottom:solid 1px #C8CCCC;padding:0.5em 1em;text-align:left;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .tablelist table a {color:#00A785;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .tablelist table a:active, #AWcasePostLP .Case_detail_New .Detail_Postsbox .tablelist table a:hover {color:#CCC;} /* flexbox 子要素 - flexbox */ #AWcasePostLP .Case_detail_New .Detail_Postsbox .LeftSide.flexboxinner {flex:0 0 37.5%;max-width:37.5%;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .RightSide.flexboxinner {flex:0 0 62.5%;max-width:62.5%;} #AWcasePostLP .Case_detail_New .Detail_Postsbox .taglist ul {display:flex;flex-flow:row wrap;} /* リンクボタン */ #AWcasePostLP .linkbtn {padding:0 0 4em;} #AWcasePostLP .User_Voicebox .linkbtn, #AWcasePostLP .HighLightbox .linkbtn {padding:0;} #AWcasePostLP .linkbtn ul {} #AWcasePostLP .linkbtn ul li {border-radius:40px;} #AWcasePostLP .linkbtn ul li {-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #AWcasePostLP .linkbtn ul li a {display:block;font-size:138.5%;font-weight:600;line-height:1;border-radius:40px;padding:1.35em 1.5em 1.3em;} #AWcasePostLP .linkbtn ul li a {-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #AWcasePostLP .linkbtn ul li a {border:3px solid transparent;} #AWcasePostLP .linkbtn ul li a:active, #AWcasePostLP .linkbtn ul li a:hover {text-decoration:none;} #AWcasePostLP .linkbtn ul li.contact {background:linear-gradient(to bottom, #929292 0%,#3b3b3b 100%);} #AWcasePostLP .linkbtn ul li.trial {background:linear-gradient(to bottom, #59C5AD 0%,#01A785 100%);} #AWcasePostLP .linkbtn ul li.contact a, #AWcasePostLP .linkbtn ul li.trial a {color:#FFF;} #AWcasePostLP .linkbtn ul li.contact a:active, #AWcasePostLP .linkbtn ul li.contact a:hover {opacity:0.8;background:#3b3b3b;} #AWcasePostLP .linkbtn ul li.trial a:active, #AWcasePostLP .linkbtn ul li.trial a:hover {opacity:0.8;background:#01A785;} #AWcasePostLP .linkbtn ul li.pdf a, #AWcasePostLP .linkbtn ul li.interview a, #AWcasePostLP .linkbtn ul li.partners a, #AWcasePostLP .linkbtn ul li.link a {background:#FFF;border:5px solid #313131;} #AWcasePostLP .linkbtn ul li.pdf a:active, #AWcasePostLP .linkbtn ul li.interview a:active, #AWcasePostLP .linkbtn ul li.partners a:active, #AWcasePostLP .linkbtn ul li.link a:active, #AWcasePostLP .linkbtn ul li.pdf a:hover, #AWcasePostLP .linkbtn ul li.interview a:hover, #AWcasePostLP .linkbtn ul li.partners a:hover, #AWcasePostLP .linkbtn ul li.link a:hover {background:#999;border-color:#999;color:#FFF;} /* リンクボタン：flexbox */ #AWcasePostLP .linkbtn ul {justify-content:center;} #AWcasePostLP .linkbtn ul li {flex:0 0 auto;max-width:100%;min-width:27%;margin:0 1%;} #AWcasePostLP .linkbtn ul li a {} /* ボタンアイコン */ #AWcasePostLP .linkbtn ul li.trial > a:before {display:inline-block;content:'';width:1em;height:1em;margin:-2px 0.5em -3px 0;} #AWcasePostLP .linkbtn ul li.trial > a:before {background:url(img/202301/Linklist_ActionBtn_Trial.png) no-repeat;background-size:cover;} #AWcasePostLP .linkbtn ul li.pdf > a:before {display:inline-block;content:'';width:1em;height:1em;margin:-2px 0.5em -3px 0;} #AWcasePostLP .linkbtn ul li.pdf > a:before {background:url(img/Warp_Case_PDF_pic.png) no-repeat;background-size:cover;} #AWcasePostLP .linkbtn ul li.pdf > a:active:before, #AWcasePostLP .linkbtn ul li.pdf > a:hover:before {opacity:0.8;} #AWcasePostLP .linkbtn ul li.interview > a:before {display:inline-block;content:'';width:1em;height:1em;margin:-2px 0.5em -3px 0;} #AWcasePostLP .linkbtn ul li.interview > a:before {background:url(img/Warp_Case_Interview_pic.png) no-repeat;background-size:cover;} #AWcasePostLP .linkbtn ul li.interview > a:active:before, #AWcasePostLP .linkbtn ul li.interview > a:hover:before {opacity:0.8;} /* icon color #999 SVG */ #AWcasePostLP .linkbtn ul li.partners > a:after {content:'';padding-right:1em;background-size:18px;background-repeat:no-repeat;background-position:right center;} #AWcasePostLP .linkbtn ul li.partners > a:after {background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22m15.223%204.031-9.156%209.155a.888.888%200%200%201-1.342-1.164c.03-.035.063-.066.098-.099l9.139-9.146h-3.185a.89.89%200%200%201%200-1.777h5.334a.89.89%200%200%201%20.889.89v5.333a.889.889%200%201%201-1.778%200V4.031h.001zm-1.778%206.746a.888.888%200%201%201%201.778%200v4.445c0%20.979-.795%201.776-1.777%201.776H2.777A1.774%201.774%200%200%201%201%2015.223V4.557c0-.978.8-1.778%201.777-1.778h4.446a.89.89%200%200%201%200%201.779H2.777v10.667h10.668v-4.448z%22%2F%3E%3C%2Fsvg%3E');} #AWcasePostLP .linkbtn ul li.partners > a:active:after, #AWcasePostLP .linkbtn ul li.partners > a:hover:after {background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22m15.223%204.031-9.156%209.155a.888.888%200%200%201-1.342-1.164c.03-.035.063-.066.098-.099l9.139-9.146h-3.185a.89.89%200%200%201%200-1.777h5.334a.89.89%200%200%201%20.889.89v5.333a.889.889%200%201%201-1.778%200V4.031h.001zm-1.778%206.746a.888.888%200%201%201%201.778%200v4.445c0%20.979-.795%201.776-1.777%201.776H2.777A1.774%201.774%200%200%201%201%2015.223V4.557c0-.978.8-1.778%201.777-1.778h4.446a.89.89%200%200%201%200%201.779H2.777v10.667h10.668v-4.448z%22%2F%3E%3C%2Fsvg%3E');} /* ユーザーの声 */ #AWcasePostLP .Case_detail_New .User_Voicebox {box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_detail_New .User_Voicebox {margin:0 auto 120px;padding:70px 0 90px;} #AWcasePostLP .Case_detail_New .User_Voicebox h2.title {box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_detail_New .User_Voicebox h2.title {font-size:361.6%;font-weight:500;color:#313131;line-height:1.5;} #AWcasePostLP .Case_detail_New .User_Voicebox p.title {font-size:131%;text-align:center;margin:0 auto 1em;} #AWcasePostLP .Case_detail_New .User_Voicebox p.green {color:#00A785;} #AWcasePostLP .Case_detail_New .User_Voicebox p.En {font-family:Arial,sans-serif;} #AWcasePostLP .Case_detail_New .User_Voicebox ul.voice {box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_detail_New .User_Voicebox ul.voice {background:#FFF;border-radius:20px;padding:4em;margin-bottom:2.5%;} #AWcasePostLP .Case_detail_New .User_Voicebox ul.voice li {} #AWcasePostLP .Case_detail_New .User_Voicebox ul.voice li.image {} #AWcasePostLP .Case_detail_New .User_Voicebox ul.voice li.image .circle {border-radius:50%;overflow: hidden;box-sizing: border-box;} #AWcasePostLP .Case_detail_New .User_Voicebox ul.voice li.image .circle .innerwidth {position:relative;} #AWcasePostLP .Case_detail_New .User_Voicebox ul.voice li.image .circle .innerwidth .innerheight {width:100%;height:100%;} #AWcasePostLP .Case_detail_New .User_Voicebox ul.voice li.image .circle .innerwidth .innerheight img {max-width:100%;} #AWcasePostLP .Case_detail_New .User_Voicebox ul.voice li.text {} #AWcasePostLP .Case_detail_New .User_Voicebox ul.voice li.text p {font-size:131%;} #AWcasePostLP .Case_detail_New .User_Voicebox ul.voice li.text span {display:block;font-size:85%;text-align:right;color:#777;border-top:1px dashed #C8CCCC;margin:1em 0 0;padding:1em 0 0;} #AWcasePostLP .Case_detail_New .User_Voicebox ul:last-child {margin-bottom:0;} /* flexbox 子要素 - flexbox */ #AWcasePostLP .Case_detail_New .User_Voicebox ul.voice li.image.flexboxinner {flex:2 2 0;max-width:calc(200px + 4em);padding-right:4em;} #AWcasePostLP .Case_detail_New .User_Voicebox ul.voice li.text.flexboxinner {flex:1 1 70%;max-width:initial;} /* 新：製品紹介 */ #AWcasePostLP .Case_detail_New .HighLightbox {box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_detail_New .HighLightbox {margin:70px auto 120px;padding:70px 0 90px;} #AWcasePostLP .Case_detail_New .HighLightbox {background:#F2F2F2 url(img/AWcase1911_bgGray.png) 50% 50% no-repeat;background-size:95%;} #AWcasePostLP .Case_detail_New .HighLightbox .AW .green {color:#00A785;} #AWcasePostLP .Case_detail_New .HighLightbox .AWC .green {color:#00B140;} #AWcasePostLP .Case_detail_New .HighLightbox .En {font-family:Arial,sans-serif;} #AWcasePostLP .Case_detail_New .HighLightbox .overview {} #AWcasePostLP .Case_detail_New .HighLightbox .overview.AW {margin-bottom:3em;} #AWcasePostLP .Case_detail_New .HighLightbox .overview.AWC {margin-bottom:4em;} #AWcasePostLP .Case_detail_New .HighLightbox .overview .LeftSide {} #AWcasePostLP .Case_detail_New .HighLightbox .overview .RightSide {} #AWcasePostLP .Case_detail_New .HighLightbox .overview .circle {} #AWcasePostLP .Case_detail_New .HighLightbox .overview .circle .innerwidth {} #AWcasePostLP .Case_detail_New .HighLightbox .overview .circle .innerwidth .innerheight {} #AWcasePostLP .Case_detail_New .HighLightbox .overview .circle .innerwidth .innerheight img {max-width:300px;width:75%;} #AWcasePostLP .Case_detail_New .HighLightbox .overview .title {box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_detail_New .HighLightbox .overview .title {text-align:right;margin-left:4em;} #AWcasePostLP .Case_detail_New .HighLightbox .overview .title h2 {font-size:361.6%;font-weight:600;margin:0;color:#313131;} #AWcasePostLP .Case_detail_New .HighLightbox .overview .title h3 {font-size:174%;font-weight:600;margin:0 0 3em;} #AWcasePostLP .Case_detail_New .HighLightbox .overview .title p {font-size:138.5%;text-align:left;margin:0 0 1.5em;} #AWcasePostLP .Case_detail_New .HighLightbox .overview .title ul.price {} #AWcasePostLP .Case_detail_New .HighLightbox .overview .title ul.price li {line-height:1;} #AWcasePostLP .Case_detail_New .HighLightbox .overview .title ul.price li.heading h4 {font-size:300%;font-weight:600;color:#313131;} #AWcasePostLP .Case_detail_New .HighLightbox .overview .title ul.price li.heading h4 strong {font-size:300%;font-weight:bold;} #AWcasePostLP .Case_detail_New .HighLightbox .overview .title ul.price li.text {font-size:174%;font-weight:600;margin-top:1em;} #AWcasePostLP .Case_detail_New .HighLightbox .feature {} #AWcasePostLP .Case_detail_New .HighLightbox .feature.AW {} #AWcasePostLP .Case_detail_New .HighLightbox .feature.AWC {} #AWcasePostLP .Case_detail_New .HighLightbox .feature h3 {box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_detail_New .HighLightbox .feature h3 {font-size:361.6%;font-weight:500;color:#313131;line-height:1.5;} #AWcasePostLP .Case_detail_New .HighLightbox .feature p {font-size:131%;text-align:center;margin:0 auto 2em;} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul {box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul li {background:#FFF;border-radius:20px;padding:3.5em 1.5em;margin-bottom:4em;} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.point {} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.point li {} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.point li h4 {font-size:216%;font-weight:600;color:#313131;line-height:1.5;} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.point li span {display:block;font-size:93%;} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.point li span:before {display:block;width:auto;overflow:hidden;content:'POINT';font-size:70%;} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.point li a {color:#313131;} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.point li a:active, #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.point li a:hover {color:#CCC;} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.pickup {} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.pickup li {} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.pickup li h4 {font-size:216%;font-weight:600;line-height:1.5;} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.pickup li h4 span {} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.pickup li p {font-size:131%;text-align:center;margin:1em auto 0;} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.pickup li .image {margin:1em auto 2em;} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.pickup li .image img {max-width:100%;} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.pickup li a {display:block;font-size:131%;} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.pickup li a:active, #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.pickup li a:hover {color:#CCC;} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.pickup li a:after {width:auto;overflow:hidden;content:'＞';} /* 新：製品紹介：flexbox */ #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.pickup li.flexboxinner {margin-left:0.5%;margin-right:0.5%;} /* flexbox 子要素 - flexbox */ #AWcasePostLP .Case_detail_New .HighLightbox .overview .LeftSide.flexboxinner {flex:0 0 33%;max-width:33%;} #AWcasePostLP .Case_detail_New .HighLightbox .overview .LeftSide .circle {background:#FFF;border-radius:50%;} #AWcasePostLP .Case_detail_New .HighLightbox .overview .LeftSide .circle .innerwidth {position:relative;padding-top:100%;height:0;} #AWcasePostLP .Case_detail_New .HighLightbox .overview .LeftSide .circle .innerwidth .innerheight {position:absolute;top:0;left:0;width:100%;height:100%;} #AWcasePostLP .Case_detail_New .HighLightbox .overview .LeftSide .circle .innerwidth .innerheight {display:flex;flex-flow:row wrap;justify-content:center;align-items:center;align-content:center;} #AWcasePostLP .Case_detail_New .HighLightbox .overview .RightSide.flexboxinner {flex:0 0 67%;max-width:67%;} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.pickup li {display:flex;flex-flow:column wrap;} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.pickup li {justify-content:center;align-items:center;align-content:center;} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.pickup li h4 {display:flex;flex-flow:row wrap;justify-content:center;align-content:center;min-height:3em;} #AWcasePostLP .Case_detail_New .HighLightbox .feature ul.pickup li .image {flex:1 1 0;max-width:100%;height:auto;} #AWcasePostLP .Case_detail_New .HighLightbox .overview .title ul.price {} #AWcasePostLP .Case_detail_New .HighLightbox .overview .title ul.price li {} /* 新：関連事例 */ #AWcasePostLP .Case_detail_New .RelatedBox {box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_detail_New .RelatedBox {margin:0 auto 4em;} #AWcasePostLP .Case_detail_New .RelatedBox {max-width:1500px;width:100%;} /* 3カラム */ #AWcasePostLP .Case_detail_New .RelatedBox .Case_3col {justify-content:space-between;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts {box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts {position:relative;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts a {box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts a {display:block;background:#FFF;height:100%;border-radius:20px;border:1px solid #EEE;margin:0;padding:0 0 3em;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts a {text-decoration:none;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts.flexboxinner.Attention a:before {position:absolute;top:0;left:0;width:100%;height:100%;content:'';border-radius:20px;z-index:1;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts.flexboxinner.Attention a:before {background-image:linear-gradient(135deg, #00E08E 70px, transparent 0);} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts.flexboxinner.Attention a:after {position:absolute;top:0;left:0;font-size:131%;font-weight:600;color:#FFF;z-index:1;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts.flexboxinner.Attention a:after {content:'NEW';transform:rotate(-45deg) translate(-6px, 25px);} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .image {box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .image {border-radius:20px;border:2px solid #FFF;margin:0 auto;padding:0;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .image img {max-width:80%;height:auto;margin:0 10% 0;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .image img {-webkit-transition-duration:0.5s;transition-duration:0.5s;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts a:hover .image img {-webkit-transform:scale(1.1);transform:scale(1.1);} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts a:active, #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts a:hover {opacity:0.75;border:3px solid #EEE;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .image p {text-align:center;color:#777;font-size:85%;font-weight:normal;margin:0 1em 1em;padding:0;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .image p {display:block;position:relative;z-index:1;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .data {text-align:left;box-sizing:border-box;overflow:hidden;border:2px solid #FFF;padding:0 2em;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .data {border-top:0;border-bottom:0;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts a:active .data, #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts a:hover .data {border-width:0 1px 0 1px;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .data h3 {font-size:138.5%;letter-spacing:0;font-weight:600;color:#313131;line-height:1.5;margin:0;padding:0 0 0.5em;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .data h3 br {display:none;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .data .infomation {font-size:85%;margin:0 0 0;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .data .infomation ul {margin:0 0 0 -0.5em;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .data .infomation ul li {margin:0 0 0 0.5em;padding:3px 0;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .data .infomation ul.category {} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .data .infomation ul.category li {} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .data .infomation ul.category li.landmark {color:#FFF;border:1px solid #666;border-radius:20px;background:#666;margin:0 0 0.5em 0.5em;padding:3px 1em;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .data .infomation ul.category li.scale {color:#666;border:1px solid #666;border-radius:20px;background:#FFF;margin:0 0 0.5em 0.5em;padding:3px 1em;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .data .infomation ul.category li.industry {color:#666;border:1px solid #666;border-radius:20px;background:#FFF;margin:0 0 0.5em 0.5em;padding:3px 0.5em;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .data .infomation ul.category li.scene {color:#307FE2;border:1px solid #307FE2;border-radius:20px;background:#FFF;margin:0 0 0.5em 0.5em;padding:3px 0.5em;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .data .infomation ul.category li.option {color:#FFF;border:1px solid #59C5AE;border-radius:20px;background:#59C5AE;margin:0 0 0.5em 0.5em;padding:3px 0.5em;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .data .infomation ul.category li.product {color:#59C5AE;font-weight:600;margin-left:0;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .data .infomation ul.category li.products {color:#59C5AE;margin-left:0;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .button {box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .button {position:absolute;width:100%;height:3em;left:0;bottom:0;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .button .partnerlist {position:absolute;width:100%;height:100%;line-height:3em;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .button .partnerlist {color:#777;font-size:85%;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts a:active .button .partnerlist, #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts a:hover .button .partnerlist {display:none;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .button .click {display:none;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts a:active .button .click, #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts a:hover .button .click {display:block;position:absolute;width:100%;height:100%;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .button .click {color:#313131;font-size:100%;font-weight:600;border-radius:0 0 20px 20px;margin:0;padding:0;line-height:2.75em;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .button .click {background-image:linear-gradient(45deg, #DDD 35%, #EEE);} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .button .click {-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .button .click:not(.outmark):after {display:inline;width:auto;overflow:hidden;content:'＞';padding-left:0.25em;} /* リンクテキスト */ #AWcasePostLP .Case_detail_New .RelatedBox .link {text-align:right;} #AWcasePostLP .Case_detail_New .RelatedBox .link a {font-size:131%;color:#00A785;text-decoration:none;} #AWcasePostLP .Case_detail_New .RelatedBox .link a:active, #AWcasePostLP .Case_detail_New .RelatedBox .link a:hover {color:#CCC;} #AWcasePostLP .Case_detail_New .RelatedBox .link a:after {content:'＞';} /* icon color #999 SVG */ #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .button .click.outmark:after {content:'';padding-right:1.5em;background-size:16px;background-repeat:no-repeat;background-position:right center;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .button .click.outmark:after {background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22m15.223%204.031-9.156%209.155a.888.888%200%200%201-1.342-1.164c.03-.035.063-.066.098-.099l9.139-9.146h-3.185a.89.89%200%200%201%200-1.777h5.334a.89.89%200%200%201%20.889.89v5.333a.889.889%200%201%201-1.778%200V4.031h.001zm-1.778%206.746a.888.888%200%201%201%201.778%200v4.445c0%20.979-.795%201.776-1.777%201.776H2.777A1.774%201.774%200%200%201%201%2015.223V4.557c0-.978.8-1.778%201.777-1.778h4.446a.89.89%200%200%201%200%201.779H2.777v10.667h10.668v-4.448z%22%2F%3E%3C%2Fsvg%3E');} /* 新：関連事例：flexbox */ #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts.flexboxinner {flex:0 0 31.33%;max-width:31.33%;margin-bottom:3%;} /* flexbox 子要素 - flexbox */ #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .data .infomation {display:flex;flex-flow:row wrap;} #AWcasePostLP .Case_detail_New .RelatedBox .RelatedPosts .infomation ul {display:flex;flex:0 0 100%;flex-flow:row wrap;} /* 既存エリア（調整予定） */ #AWcasePostLP .Case_contents_Defalt {} #AWcasePostLP .Case_contents_Defalt {} #AWcasePostLP .Case_contents_Defalt .innerBox {margin:0 auto;box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_contents_Defalt .innerBox {max-width:1500px;width:100%;} #AWcasePostLP .Case_contents_Defalt .innerBox {padding-bottom:3em;} /* 関連事例リスト */ #AWcasePostLP .Case_contents_Defalt .innerBox div.aciton_btn {margin-bottom:120px;} #AWcasePostLP .Case_contents_Defalt .innerBox .RelatedListBox {} #AWcasePostLP .Case_contents_Defalt .innerBox .RelatedListBox h2.title {box-sizing:border-box;overflow:hidden;} #AWcasePostLP .Case_contents_Defalt .innerBox .RelatedListBox h2.title {font-size:361.6%;font-weight:500;color:#313131;line-height:1.5;} #AWcasePostLP .Case_contents_Defalt .innerBox .RelatedListBox p.title {font-size:131%;text-align:center;margin:0 auto 2em;} /*---------------------------------------------------------------------------- ★左右余白（1560px以下）CSS 2025/01 ----------------------------------------------------------------------------*/ /* PC width 1560px 以下 */ @media screen and (max-width:1560px) { #AWcasePostLP .CasePost_mainvisual, #AWcasePostLP .Case_detail_New .Detail_Postsbox, #AWcasePostLP .Case_detail_New .User_Voicebox, #AWcasePostLP .Case_detail_New .HighLightbox, #AWcasePostLP .Case_detail_New .RelatedBox, #AWcasePostLP .Case_contents_Defalt .innerBox {padding-left:30px;padding-right:30px;} } /* PC width 1260px 以下 */ @media screen and (max-width:1260px) { #AWcasePostLP .Case_detail_New .HighLightbox .overview .title h3 br {display:none;} } /* ブレークポイント（1023.84px = 63.99em以下なら）*/ @media (max-width:63.99em){ #AWcasePostLP .CasePost_mainvisual, #AWcasePostLP .Case_detail_New .Detail_Postsbox, #AWcasePostLP .Case_detail_New .User_Voicebox, #AWcasePostLP .Case_detail_New .HighLightbox, #AWcasePostLP .Case_detail_New .RelatedBox, #AWcasePostLP .Case_contents_Defalt .innerBox {padding-left:5%;padding-right:5%;} } /* AW事例カテゴリLP 2023/11 */ #AWcaseCatLP {} /* カテゴリ別メインビジュアル */ #AWcaseCatLP .CaseCategory_mainvisual {} #AWcaseCatLP .CaseCategory_mainvisual h1 {font-size:382%;line-height:1.5;font-weight:600;padding-top:36px;padding-bottom:15px;} #AWcaseCatLP .CaseCategory_mainvisual h1 small.name {font-size:16px;} /* 背景グレー */ #AWcaseCatLP .BGgray {background-color:#F5F5F5 !important;} /* 背景ブルーグラデーション（動画） */ #AWcaseCatLP .BGblueGL {background-image:linear-gradient(90deg, #96D5FA, #99FFFF 50%, #99F2FF);} /* flexbox */ #AWcaseCatLP .flexbox {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #AWcaseCatLP .flexbox {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} #AWcaseCatLP .flexboxinner {align-self:stretch;} #AWcaseCatLP .flexboxinner {box-sizing:border-box;overflow:hidden;} /* flexbox 1カラム */ #AWcaseCatLP .flexbox.Case_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 2カラム */ #AWcaseCatLP .flexbox.Case_2col .flexboxinner {flex:0 0 48%;max-width:48%;} /* 新：ブログ段落ボックス */ #AWcaseCatLP .Case_contents .Archive_title {margin:0 auto;padding:0 0 50px;box-sizing:border-box;overflow:hidden;} #AWcaseCatLP .Case_contents .Archive_title p {font-size:167%;text-align:center;} #AWcaseCatLP .Case_contents .Archive_title p.option {padding-top:50px;} #AWcaseCatLP .Case_contents .Related_title {margin:0 auto;padding:0 0 50px;box-sizing:border-box;overflow:hidden;} #AWcaseCatLP .Case_contents .Related_title h2 {color:#313131;font-size:361.6%;font-weight:500;letter-spacing:1.4px;line-height:1.5;margin:2.5em auto 0;padding:0;} #AWcaseCatLP .Case_contents .Related_title h2.reduce_space {margin-top:1.5em;} #AWcaseCatLP .Case_contents .Related_title h2 small {font-size:70%;} #AWcaseCatLP .Case_contents .Related_title p {font-size:100%;text-align:center;} /* リンクボタン（一覧を見る）*/ #AWcaseCatLP .linkbtn {box-sizing:border-box;overflow:hidden;} #AWcaseCatLP .linkbtn.case {padding:0 0 120px;} #AWcaseCatLP .linkbtn.option {padding:3em 0 0;} #AWcaseCatLP .linkbtn ul {} #AWcaseCatLP .linkbtn ul li {border-radius:40px;} #AWcaseCatLP .linkbtn ul li {-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #AWcaseCatLP .linkbtn ul li a {display:block;font-size:138.5%;font-weight:600;line-height:1;border-radius:40px;padding:1.35em 1.5em 1.3em;} #AWcaseCatLP .linkbtn ul li a {-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #AWcaseCatLP .linkbtn ul li a {border:3px solid transparent;} #AWcaseCatLP .linkbtn ul li a:active, #AWcaseCatLP .linkbtn ul li a:hover {text-decoration:none;} #AWcaseCatLP .linkbtn ul li.link a {background:#FFF;border:5px solid #313131;} #AWcaseCatLP .linkbtn ul li.link a:active, #AWcaseCatLP .linkbtn ul li.link a:hover {background:#999;border-color:#999;color:#FFF;} /* リンクボタン：flexbox */ #AWcaseCatLP .linkbtn ul {justify-content:center;} #AWcaseCatLP .linkbtn ul li {flex:0 0 auto;max-width:100%;min-width:27%;margin:0 1%;} #AWcaseCatLP .linkbtn ul li a {} /* その他ボックス */ #AWcaseCatLP .Case_other_contents {box-sizing:border-box;overflow:hidden;} /* 関連オプションリスト */ #AWcaseCatLP .Case_options_lists {box-sizing:border-box;overflow:hidden;} #AWcaseCatLP .Case_options_lists .Option_title h3 {color:#313131;font-size:223.1%;font-weight:600;letter-spacing:1.2px;line-height:1.5;margin:0;padding:0;} #AWcaseCatLP .Case_options_lists .Option_title h3 {display:inline;background-image:linear-gradient(rgba(0,0,0,0) 70%, rgb(242 255 0 / 0.7) 70%);} #AWcaseCatLP .Case_options_lists .Option_title.reduce_space {margin-top:2%;} #AWcaseCatLP .Case_options_lists .Option_title p {font-size:100%;text-align:center;margin-bottom:1em;} #AWcaseCatLP .Case_options_lists .OptionLists {margin:4% auto 2%;} /* 新：ブログカテゴリ一覧ボックス */ #AWcaseCatLP .Archive_Postsbox {box-sizing:border-box;overflow:hidden;} #AWcaseCatLP .Archive_Postsbox .Archive_Posts {} #AWcaseCatLP .Archive_Postsbox.caseRankingPages {padding-bottom:45px;} #AWcaseCatLP .Archive_Postsbox.caseRankingPages .Archive_Posts {position:relative;} #AWcaseCatLP .Archive_Postsbox .Archive_Posts {counter-increment:rankNum;counter-reset:count 0;} #AWcaseCatLP .Archive_Postsbox .Archive_Posts.flexboxinner a {display:block;box-sizing:border-box;overflow:hidden;} #AWcaseCatLP .Archive_Postsbox .Archive_Posts.flexboxinner a {border:3px solid #C8CCCC;background:#FFF;border-radius:20px;margin:0 0 1.5em;padding:2em;color:#474747;} #AWcaseCatLP .Archive_Postsbox .Archive_Posts.flexboxinner a:active, #AWcaseCatLP .Archive_Postsbox .Archive_Posts.flexboxinner a:hover {background:#FAFAFA;text-decoration:none;} #AWcaseCatLP .Archive_Postsbox.caseRankingPages .Archive_Posts.flexboxinner a:before {position:absolute;top:0;left:0;width:100%;height:calc(100% - 1.5em);content:'';border-radius:20px;z-index:1;} #AWcaseCatLP .Archive_Postsbox.caseRankingPages .Archive_Posts.flexboxinner a:before {background-image:linear-gradient(135deg, #59C5AE 45px, transparent 0);} #AWcaseCatLP .Archive_Postsbox.caseRankingPages .Archive_Posts.flexboxinner a:after {position:absolute;top:0;left:0;font-size:70%;font-weight:600;color:#FFF;z-index:1;} #AWcaseCatLP .Archive_Postsbox.caseRankingPages .Archive_Posts.flexboxinner a:after {content: counter(rankNum) ' 位';transform:rotate(-45deg) translate(-3px, 16px);} #AWcaseCatLP .Archive_Postsbox .image {height:auto;box-sizing:border-box;overflow:hidden;} #AWcaseCatLP .Archive_Postsbox .image img {max-width:100%;} #AWcaseCatLP .Archive_Postsbox .image img {-webkit-transition-duration:0.5s;transition-duration: 0.5s;} #AWcaseCatLP .Archive_Postsbox a:hover .image img {-webkit-transform:scale(1.1);transform:scale(1.1);cursor:pointer;} #AWcaseCatLP .Archive_Postsbox .data {text-align:left;box-sizing:border-box;overflow:hidden;} #AWcaseCatLP .Archive_Postsbox .data h2 {font-size:174%;letter-spacing:0;font-weight:600;margin:0;color:#313131;} #AWcaseCatLP .Archive_Postsbox .data h2 br {display:none;} #AWcaseCatLP .Archive_Postsbox .data h3 {font-size:146.5%;letter-spacing:0;margin:0;color:#313131;} #AWcaseCatLP .Archive_Postsbox .data h3 br {display:none;} #AWcaseCatLP .Archive_Postsbox .data p {font-size:146.5%;margin:0 0 0.5em;} #AWcaseCatLP .Archive_Postsbox .data .infomation {font-size:85%;margin:0 0 0;} #AWcaseCatLP .Archive_Postsbox .data .infomation ul {margin:0 0 0 -0.5em;} #AWcaseCatLP .Archive_Postsbox .data .infomation ul li {margin:0 0 0 0.5em;padding:3px 0;} #AWcaseCatLP .Archive_Postsbox .data .infomation ul.category {} #AWcaseCatLP .Archive_Postsbox .data .infomation ul.category li {} #AWcaseCatLP .Archive_Postsbox .data .infomation ul.category li.industry {color:#666;border:1px solid #666;border-radius:20px;background:#FFF;margin:0 0 0.5em 0.5em;padding:3px 0.5em;} #AWcaseCatLP .Archive_Postsbox .data .infomation ul.category li.scene {color:#307FE2;border:1px solid #307FE2;border-radius:20px;background:#FFF;margin:0 0 0.5em 0.5em;padding:3px 0.5em;} #AWcaseCatLP .Archive_Postsbox .data .infomation ul.category li.option {color:#FFF;border:1px solid #59C5AE;border-radius:20px;background:#59C5AE;margin:0 0 0.5em 0.5em;padding:3px 0.5em;} #AWcaseCatLP .Archive_Postsbox .data .infomation ul.category li.product {color:#59C5AE;font-weight:600;margin-left:0;} #AWcaseCatLP .Archive_Postsbox .data .infomation ul.category li.products {color:#59C5AE;margin-left:0;} #AWcaseCatLP .Archive_Postsbox .button {text-align:right;box-sizing:border-box;overflow:hidden;} #AWcaseCatLP .Archive_Postsbox .button .click {color:#313131;font-size:131%;font-weight:600;margin:0;padding:0;} #AWcaseCatLP .Archive_Postsbox .button .click:hover, #AWcaseCatLP .Archive_Postsbox .button .click:active {color:#777;} #AWcaseCatLP .Archive_Postsbox .button .click:not(.extlink):after {display:inline;width:auto;overflow:hidden;content:'▶';} /* flexbox 1カラム */ #AWcaseCatLP .Archive_Postsbox .flexbox.Case_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 子要素 - flexbox */ #AWcaseCatLP .Archive_Postsbox .Archive_Posts.flexboxinner a {display:flex;} #AWcaseCatLP .Archive_Postsbox .data {display:flex;} #AWcaseCatLP .Archive_Postsbox .data .infomation {display:flex;flex-flow:row wrap;} #AWcaseCatLP .Archive_Postsbox .data .infomation ul {display:flex;flex:0 0 100%;flex-flow:row wrap;} /* 1カラム */ #AWcaseCatLP .Archive_Postsbox .Case_1col {} #AWcaseCatLP .Archive_Postsbox .Case_1col a {flex-flow:row wrap;} #AWcaseCatLP .Archive_Postsbox .Case_1col .image {flex:2 2 25%;max-width:300px;align-self:center;margin-right:2em;} #AWcaseCatLP .Archive_Postsbox .Case_1col .data {flex:3 3 63%;max-width:100%;align-self:center;flex-flow:column nowrap;padding-right:1em;} #AWcaseCatLP .Archive_Postsbox .Case_1col .button {flex:1 1 12%;min-width:170px;align-self:center;} /* 新事例一覧コンテンツ（動画部分のみ） 2025/01 */ #AWcaseCatLP .CaseTopNew_contents_Box {box-sizing:border-box;overflow:hidden;} #AWcaseCatLP .CaseTopNew_contents_Box .Archive_title {margin:0 auto 2.5em;border-bottom:3px solid #00A785;} #AWcaseCatLP .CaseTopNew_contents_Box .Archive_title.NoneBorder {border:none;} #AWcaseCatLP .CaseTopNew_contents_Box .Archive_title h2 {color:#313131;font-size:361.6%;font-weight:500;letter-spacing:1.4px;line-height:1.5;margin:30px auto 0em;padding:0;} #AWcaseCatLP .CaseTopNew_contents_Box .Archive_title .green {color:#00A785;} #AWcaseCatLP .CaseTopNew_contents_Box .Archive_title p {font-size:131%;text-align:center;margin:0 auto 1.5em;} #AWcaseCatLP .CaseTopNew_contents_Box .Archive_title .En {font-family:Arial,sans-serif;} #AWcaseCatLP .CaseTopNew_contents_Box .Archive_title strong {font-weight:600;} #AWcaseCatLP .CaseTopNew_contents_Box .Archive_title .image {width:40%;max-width:480px;margin:0 auto;} #AWcaseCatLP .CaseTopNew_contents_Box .Archive_title .image img {max-width:100%;} /* Youtubeショート動画 */ #AWcaseCatLP .CaseTopNew_contents_Box .Youtube_Shorts {box-sizing:border-box;overflow:hidden;} #AWcaseCatLP .CaseTopNew_contents_Box .Youtube_Shorts {margin:0 auto 120px;padding:70px 0 90px;} #AWcaseCatLP .CaseTopNew_contents_Box .Youtube_Shorts ul {} #AWcaseCatLP .CaseTopNew_contents_Box .Youtube_Shorts ul li {box-sizing:border-box;overflow:hidden;} #AWcaseCatLP .CaseTopNew_contents_Box .Youtube_Shorts ul li iframe {aspect-ratio:9 / 16;width:100%;height:100%;} /* flexbox 1カラム（swiper）*/ #AWcaseCatLP .CaseTopNew_contents_Box .Youtube_Shorts .swiper {/* padding-bottom:4em; 動画が6枚以上になったらナビゲーションが表示されるので余白を調整すること */} #AWcaseCatLP .CaseTopNew_contents_Box .Youtube_Shorts .swiper {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} #AWcaseCatLP .CaseTopNew_contents_Box .Youtube_Shorts .swiper-wrapper {} #AWcaseCatLP .CaseTopNew_contents_Box .Youtube_Shorts .swiper-wrapper .swiper-slide {height:initial;} #AWcaseCatLP .CaseTopNew_contents_Box .Youtube_Shorts .swiper-pagination .swiper-pagination-bullet {width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));} #AWcaseCatLP .CaseTopNew_contents_Box .Youtube_Shorts .swiper-pagination .swiper-pagination-bullet {height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));} #AWcaseCatLP .CaseTopNew_contents_Box .Youtube_Shorts .swiper-pagination .swiper-pagination-bullet {margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 7px);} /*---------------------------------------------------------------------------- ★左右余白（1560px以下）CSS 2022/01 ----------------------------------------------------------------------------*/ /* PC width 1560px 以下 */ @media screen and (max-width:1560px) { #AWcaseCatLP .CaseCategory_mainvisual, #AWcaseCatLP .Archive_Postsbox, #AWcaseCatLP .Case_contents, #AWcaseCatLP .Case_other_contents, #AWcaseCatLP .warp_201711_option_archive, #AWcaseCatLP .CaseTopNew_contents_Box .Archive_title, #AWcaseCatLP .CaseTopNew_contents_Box .Youtube_Shorts {padding-left:30px;padding-right:30px;} } /* ブレークポイント（1023.84px = 63.99em以下なら）*/ @media (max-width:63.99em){ #AWcaseCatLP .CaseCategory_mainvisual, #AWcaseCatLP .Archive_Postsbox, #AWcaseCatLP .Case_contents, #AWcaseCatLP .Case_other_contents, #AWcaseCatLP .warp_201711_option_archive, #AWcaseCatLP .CaseTopNew_contents_Box .Archive_title, #AWcaseCatLP .CaseTopNew_contents_Box .Youtube_Shorts {padding-left:5%;padding-right:5%;} } /* AW事例トップLP 2021/11 */ body#warp_jirei.AW_casetopBody {background:#fff;} #AWcasetopLP {background:url(img/AWcase2021_bgMain.png?ver=202111) 50% 0 repeat-x;position:relative;} /* メインビジュアル */ #AWcasetopLP .CaseTop_mainvisual {position:relative;z-index:0;height:210px; /*420px*/} #AWcasetopLP .CaseTop_mainvisual h1 {z-index:1;} #AWcasetopLP .CaseTop_mainvisual h1 {color:#FFF;font-size:415%;letter-spacing:2px;font-weight:600;padding-top:90px;text-shadow:0px 0px 8px rgba(0, 0, 0, 0.5);} /* 前景 */ #AWcasetopLP .Case_whiteover {position:relative;z-index:1;width:100%;min-height:500px;margin:0;padding:0;} /* 背景グリーングラデーション */ #AWcasetopLP .BGgreenGL {background-image:linear-gradient(90deg, #00B7B3, #00E18A 50%, #00D29B);} /* 背景ブルーグラデーション */ #AWcasetopLP .BGblueGL {background-image:linear-gradient(90deg, #96D5FA, #99FFFF 50%, #99F2FF);} /* 背景ペールグリーン */ #AWcasetopLP .BGpalegreen {background-color:#E2F1EF !important;} /* flexbox */ #AWcasetopLP .flexbox {display:flex;flex-flow:row wrap;justify-content:stretch;align-items:stretch;align-content:stretch;} #AWcasetopLP .flexbox {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} #AWcasetopLP .flexboxinner {align-self:stretch;} #AWcasetopLP .flexboxinner {box-sizing:border-box;overflow:hidden;} /* flexbox 1カラム */ #AWcasetopLP .flexbox.Case_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 2カラム */ #AWcasetopLP .flexbox.Case_2col .flexboxinner {flex:0 0 48%;max-width:48%;} /* flexbox 3カラム */ #AWcasetopLP .flexbox.Case_3col .flexboxinner {flex:0 0 30.33%;max-width:30.33%;} /* flexbox 4カラム */ #AWcasetopLP .flexbox.Case_4col .flexboxinner {flex:0 0 23%;max-width:23%;} /* flexbox 5カラム */ #AWcasetopLP .flexbox.Case_5col .flexboxinner {flex:0 0 19%;max-width:19%;} /* 新着事例 2025/01 */ #AWcasetopLP .CaseTopNew_Postsbox {margin:0 auto;padding:0 0 70px;box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_Postsbox {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_Postsbox .CaseTopNew_Posts {position:relative;} #AWcasetopLP .CaseTopNew_Postsbox .CaseTopNew_Posts a {border:5px solid #C8CCCC;background:#FFF;border-radius:20px;margin-bottom:1.5em;padding-right:4em;padding-left:4em;color:#474747;} #AWcasetopLP .CaseTopNew_Postsbox .CaseTopNew_Posts a:active, #AWcasetopLP .CaseTopNew_Postsbox .CaseTopNew_Posts a:hover {background:#FAFAFA;text-decoration:none;} #AWcasetopLP .CaseTopNew_Postsbox .CaseTopNew_Posts.Attention a:before {position:absolute;top:0;left:0;width:100%;height:calc(100% - 1.5em);content:'';border-radius:20px;z-index:1;} #AWcasetopLP .CaseTopNew_Postsbox .CaseTopNew_Posts.Attention a:before {background-image:linear-gradient(135deg, #00E08E 70px, transparent 0);} #AWcasetopLP .CaseTopNew_Postsbox .CaseTopNew_Posts.Attention a:after {position:absolute;top:0;left:0;font-size:131%;font-weight:600;color:#FFF;z-index:1;} #AWcasetopLP .CaseTopNew_Postsbox .CaseTopNew_Posts.Attention a:after {content:'NEW';transform:rotate(-45deg) translate(-6px, 25px);} #AWcasetopLP .CaseTopNew_Postsbox .image {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_Postsbox .image {height:auto;background:#FFF;} #AWcasetopLP .CaseTopNew_Postsbox .image .w850, #AWcasetopLP .CaseTopNew_Postsbox .image .w400, #AWcasetopLP .CaseTopNew_Postsbox .image .w250 {box-sizing:border-box;overflow:hidden;width:100%;height:100%;} #AWcasetopLP .CaseTopNew_Postsbox .image .w400.profile_none {} #AWcasetopLP .CaseTopNew_Postsbox .image img {max-width:100%;} #AWcasetopLP .CaseTopNew_Postsbox .image img {-webkit-transition-duration:0.5s;transition-duration:0.5s;} #AWcasetopLP .CaseTopNew_Postsbox a:hover .image img {-webkit-transform:scale(1.1);transform:scale(1.1);cursor:pointer;} #AWcasetopLP .CaseTopNew_Postsbox .data {text-align:left;box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_Postsbox .data h2 {font-size:231%;letter-spacing:0;font-weight:600;margin:0;color:#313131;} #AWcasetopLP .CaseTopNew_Postsbox .data h2 br {display:none;} #AWcasetopLP .CaseTopNew_Postsbox .data h3 {font-size:161.6%;letter-spacing:0;margin:0;color:#313131;} #AWcasetopLP .CaseTopNew_Postsbox .data h3 br {display:none;} #AWcasetopLP .CaseTopNew_Postsbox .data p {font-size:131%;margin:0;} #AWcasetopLP .CaseTopNew_Postsbox .data .infomation {box-sizing:border-box;overflow:hidden;font-size:85%;margin:1em 0 0;} #AWcasetopLP .CaseTopNew_Postsbox .data .infomation ul {margin:0 0 0 -0.5em;} #AWcasetopLP .CaseTopNew_Postsbox .data .infomation ul li {margin:0 0 0 0.5em;padding:3px 0;} #AWcasetopLP .CaseTopNew_Postsbox .data .infomation ul.category {} #AWcasetopLP .CaseTopNew_Postsbox .data .infomation ul.category li {} #AWcasetopLP .CaseTopNew_Postsbox .data .infomation ul.category li.landmark {color:#FFF;border:1px solid #666;border-radius:20px;background:#666;margin:0 0 0.5em 0.5em;padding:3px 1em;} #AWcasetopLP .CaseTopNew_Postsbox .data .infomation ul.category li.scale {color:#666;border:1px solid #666;border-radius:20px;background:#FFF;margin:0 0 0.5em 0.5em;padding:3px 1em;} #AWcasetopLP .CaseTopNew_Postsbox .data .infomation ul.category li.industry {color:#666;border:1px solid #666;border-radius:20px;background:#FFF;margin:0 0 0.5em 0.5em;padding:3px 1em;} #AWcasetopLP .CaseTopNew_Postsbox .data .infomation ul.category li.scene {color:#307FE2;border:1px solid #307FE2;border-radius:20px;background:#FFF;margin:0 0 0.5em 0.5em;padding:3px 1em;} #AWcasetopLP .CaseTopNew_Postsbox .data .infomation ul.category li.option {color:#FFF;border:1px solid #59C5AE;border-radius:20px;background:#59C5AE;margin:0 0 0.5em 0.5em;padding:3px 1em;} #AWcasetopLP .CaseTopNew_Postsbox .data .infomation ul.category li.product {color:#59C5AE;font-weight:600;margin-left:0;} #AWcasetopLP .CaseTopNew_Postsbox .data .infomation ul.category li.products {color:#59C5AE;margin-left:0;} #AWcasetopLP .CaseTopNew_Postsbox .button {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_Postsbox .button .click {font-size:167%;font-weight:600;line-height:50px;border:5px solid #313131;border-radius:35px;margin:1em auto 0;padding:0 1em;} #AWcasetopLP .CaseTopNew_Postsbox .button .click {-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #AWcasetopLP .CaseTopNew_Postsbox a:hover .button .click {background:#999;border-color:#999;color:#FFF;text-decoration:none;} #AWcasetopLP .CaseTopNew_Postsbox .button .click:not(.outmark):after {display:inline;width:auto;overflow:hidden;content:'▶';} /* icon color #999 SVG */ #AWcasetopLP .CaseTopNew_Postsbox .button .click.outmark:after {content:'';padding-right:1em;background-size:18px;background-repeat:no-repeat;background-position:right center;} #AWcasetopLP .CaseTopNew_Postsbox .button .click.outmark:after {background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22m15.223%204.031-9.156%209.155a.888.888%200%200%201-1.342-1.164c.03-.035.063-.066.098-.099l9.139-9.146h-3.185a.89.89%200%200%201%200-1.777h5.334a.89.89%200%200%201%20.889.89v5.333a.889.889%200%201%201-1.778%200V4.031h.001zm-1.778%206.746a.888.888%200%201%201%201.778%200v4.445c0%20.979-.795%201.776-1.777%201.776H2.777A1.774%201.774%200%200%201%201%2015.223V4.557c0-.978.8-1.778%201.777-1.778h4.446a.89.89%200%200%201%200%201.779H2.777v10.667h10.668v-4.448z%22%2F%3E%3C%2Fsvg%3E');} #AWcasetopLP .CaseTopNew_Postsbox a:active .button .click.outmark:after, #AWcasetopLP .CaseTopNew_Postsbox a:hover .button .click.outmark:after {background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22m15.223%204.031-9.156%209.155a.888.888%200%200%201-1.342-1.164c.03-.035.063-.066.098-.099l9.139-9.146h-3.185a.89.89%200%200%201%200-1.777h5.334a.89.89%200%200%201%20.889.89v5.333a.889.889%200%201%201-1.778%200V4.031h.001zm-1.778%206.746a.888.888%200%201%201%201.778%200v4.445c0%20.979-.795%201.776-1.777%201.776H2.777A1.774%201.774%200%200%201%201%2015.223V4.557c0-.978.8-1.778%201.777-1.778h4.446a.89.89%200%200%201%200%201.779H2.777v10.667h10.668v-4.448z%22%2F%3E%3C%2Fsvg%3E');} /* flexbox 1カラム（swiper）*/ #AWcasetopLP .CaseTopNew_Postsbox .swiper {padding-bottom:4em;} #AWcasetopLP .CaseTopNew_Postsbox .swiper-wrapper {} #AWcasetopLP .CaseTopNew_Postsbox .swiper-wrapper .swiper-slide {height:initial;} #AWcasetopLP .CaseTopNew_Postsbox .swiper-wrapper a {flex-flow:row wrap;max-width:1500px;height:100%;} #AWcasetopLP .CaseTopNew_Postsbox .swiper-wrapper .image {flex:2 2 0;max-width:100%;align-self:center;margin-top:4em;margin-right:4em;} #AWcasetopLP .CaseTopNew_Postsbox .swiper-wrapper .image {display:flex;justify-content:center;} #AWcasetopLP .CaseTopNew_Postsbox .swiper-wrapper .image .w850, #AWcasetopLP .CaseTopNew_Postsbox .swiper-wrapper .image .w400, #AWcasetopLP .CaseTopNew_Postsbox .swiper-wrapper .image .w250 {flex:1 1 0;align-self:center;} #AWcasetopLP .CaseTopNew_Postsbox .swiper-wrapper .data {flex:1 1 40%;max-width:100%;align-self:center;flex-flow:column nowrap;padding-top:4em;} #AWcasetopLP .CaseTopNew_Postsbox .swiper-wrapper .button {flex:0 0 100%;max-width:100%;align-self:flex-end;padding-bottom:4em;} #AWcasetopLP .CaseTopNew_Postsbox .swiper-wrapper .button {display:flex;} #AWcasetopLP .CaseTopNew_Postsbox .swiper-pagination .swiper-pagination-bullet {width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));} #AWcasetopLP .CaseTopNew_Postsbox .swiper-pagination .swiper-pagination-bullet {height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));} #AWcasetopLP .CaseTopNew_Postsbox .swiper-pagination .swiper-pagination-bullet {margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 7px);} /* flexbox 子要素 - flexbox */ #AWcasetopLP .CaseTopNew_Postsbox .CaseTopNew_Posts a {display:flex;box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_Postsbox .data {display:flex;} #AWcasetopLP .CaseTopNew_Postsbox .data .infomation {display:flex;flex-flow:row wrap;} #AWcasetopLP .CaseTopNew_Postsbox .data .infomation ul {display:flex;flex:0 0 100%;flex-flow:row wrap;} /* 新事例一覧コンテンツ 2025/01 */ #AWcasetopLP .CaseTopNew_contents_Box {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_title {margin:0 auto 2.5em;border-bottom:3px solid #00A785;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_title.NoneBorder {border:none;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_title h2 {color:#313131;font-size:361.6%;font-weight:500;letter-spacing:1.4px;line-height:1.5;margin:30px auto 0em;padding:0;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_title .green {color:#00A785;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_title p {font-size:131%;text-align:center;margin:0 auto 1.5em;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_title .En {font-family:Arial,sans-serif;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_title strong {font-weight:600;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_title .image {width:40%;max-width:480px;margin:0 auto;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_title .image img {max-width:100%;} /* 絞込検索ボックス */ #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form {margin:0 auto;max-width:1500px;width:100%;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block {border-bottom:2px solid #E5E5E5;margin-bottom:3.5em;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX {border-bottom:1px solid #00A785;margin-bottom:3em;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX li, #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX li a {background:#EEE;border-radius:10px 10px 0 0;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX li a {-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX li a:active, #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX li a:hover {background:#00A785;text-decoration:none;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX li.selected a {background:#00A785;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX li a.tax_type01 {} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX li a.tax_type02 {} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX li a.tax_type03 {} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX li a.tax_type04 {} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX li a.tax_type05 {} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX li a h3 {font-size:167%;font-weight:600;line-height:1;color:#313131;padding:1.5em 1em;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX li a:active h3, #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX li a:hover h3 {color:#FFF;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX li.selected a h3 {color:#FFF;} /* 選択ボックス：flexbox 5カラム */ #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX.Case_5col {justify-content:space-between;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX li {display:flex;flex-flow:row wrap;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX li a {flex-grow:1;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX li a {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingBOX li a {display:flex;flex-flow:column wrap;justify-content:center;align-content:center;} /* 送信/クリアボタン */ #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Button {margin:0 auto 120px;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Button button {cursor:pointer;transition:0.5s;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Button button {font-size:131%;font-weight:600;line-height:1;border-radius:1.75em;padding:1.25em 1em;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Button button:hover {opacity:0.8;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form button.submit {border:none;color:#FFF;background:linear-gradient(to bottom, #929292 0%,#3b3b3b 100%);} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form button.clear {border:1px solid #C8CCCC;color:#313131;background:#FFF;} /* 送信/クリアボタン：flexbox */ #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Button.Case_2col {justify-content:center;align-items:center;align-content:center;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Button.Case_2col .flexboxinner {flex:1 1 0;max-width:300px;margin:0 1em;} /* フォーム */ #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingInner {} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingInner .CaseWrap {margin:0 0 3em;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingInner #Wrap_01.CaseWrap {} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingInner #Wrap_02.CaseWrap {} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingInner #Wrap_03.CaseWrap {} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingInner #Wrap_04.CaseWrap {} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingInner #Wrap_05.CaseWrap {} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingInner ul {} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form .search_filter_Block .CaseSearchingInner ul li {} /* チェックリスト */ #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.list, #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasChildlist, #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasParentlist {} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.list li, #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasChildlist li, #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasParentlist li {text-align:left;padding:0 0.5em 0 0;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.list li input[type='checkbox'], #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasChildlist li input[type='checkbox'], #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasParentlist li input[type='checkbox'] {-webkit-transform:scale(1.5);transform:scale(1.5);margin:5px 10px 5px 3px;} /* チェックリスト：flexbox */ #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.list, #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form #Wrap_05.CaseWrap ul.hasChildlist, #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form #Wrap_05.CaseWrap ul.hasParentlist {justify-content:space-between;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.list li {display:flex;flex-flow:row wrap;justify-content:center;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form #Wrap_01.CaseWrap ul.list li {flex:1 1 auto;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form #Wrap_02.CaseWrap ul.list li {flex:1 1 auto;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form #Wrap_03.CaseWrap ul.list li {flex:1 1 auto;justify-content:flex-start;min-width: 25%;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form #Wrap_04.CaseWrap ul.list li {flex:1 1 auto;justify-content:flex-start;min-width: 25%;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form #Wrap_05.CaseWrap ul.hasChildlist li {flex:0 0 50%;max-width:50%;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form #Wrap_05.CaseWrap ul.hasChildlist li:nth-child(1), #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form #Wrap_05.CaseWrap ul.hasChildlist li:nth-child(2) {border-top:none;padding-top:0;margin-top:0;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form #Wrap_05.CaseWrap ul.hasParentlist li {flex:1 1 auto;max-width:100%;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.list {width:96%;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.list li.singleItem {font-size:131%;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.list li.singleItem small {font-size:70%;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasChildlist {} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasChildlist li.parentItem {border-top:1px solid #EEE;padding:0.5em 2% 0;margin-top:0.5em;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasChildlist li.parentItem {font-size:131%;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasChildlist li.parentItem label {} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasChildlist li.parentItem small {font-size:70%;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasParentlist {} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasParentlist li.childItem {font-size:85%;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasParentlist li.childItem small {font-size:85%;} /* 階層（表示/非表示）*/ #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasChildlist li.parentItem details {} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasChildlist li.parentItem details summary {display:inline;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasChildlist li.parentItem details summary::-webkit-details-marker {display:none;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasChildlist li.parentItem details summary label {color:#00A785;text-decoration:underline;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasChildlist li.parentItem details[open] summary label {color:#999;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasChildlist li.parentItem details summary .icon {display:inline-block;position:relative;width:1.5em;height:1.5em;left:0;bottom:-6px;border-radius:0.75em;margin-left:6px;cursor:pointer;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasChildlist li.parentItem details summary .icon {box-sizing:border-box;background:#00A785;color:#FFF;line-height:1;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasChildlist li.parentItem details summary .icon {text-align:center;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasChildlist li.parentItem details summary .icon::before {display:block;position:absolute;width:100%;height:100%;content:'＋';font-size:1.25em;font-weight:600;padding:0.15em 0 0;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasChildlist li.parentItem details[open] summary .icon {background:#FFF;color:#00A785;border:2px solid #00A785;line-height:1;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form ul.hasChildlist li.parentItem details[open] summary .icon::before {content:'－';padding:0.05em 0 0;} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form details ul.hasParentlist.answer {} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form details ul.hasParentlist.answer li.childItem {} #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching form details ul.hasParentlist.answer li.childItem label {} /* 問い合わせボタン */ #AWcasetopLP .CaseTopNew_contents_Box .Archive_contact {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_contact a {display:block;font-size:167%;font-weight:600;line-height:1;border-radius:35px;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_contact a {background:#FFF;border:5px solid #313131;margin:0 auto 120px;padding:0.7em 1em 0.6em;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_contact a {-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_contact a {width:40%;min-width:480px;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_contact a:active, #AWcasetopLP .CaseTopNew_contents_Box .Archive_contact a:hover {background:#999;border-color:#999;color:#FFF;text-decoration:none;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_contact a:not(.outmark):after {display:inline;width:auto;overflow:hidden;content:'▶';} /* icon color #999 SVG */ #AWcasetopLP .CaseTopNew_contents_Box .Archive_contact a.outmark:after {content:'';padding-right:1em;background-size:18px;background-repeat:no-repeat;background-position:right center;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_contact a.outmark:after {background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22m15.223%204.031-9.156%209.155a.888.888%200%200%201-1.342-1.164c.03-.035.063-.066.098-.099l9.139-9.146h-3.185a.89.89%200%200%201%200-1.777h5.334a.89.89%200%200%201%20.889.89v5.333a.889.889%200%201%201-1.778%200V4.031h.001zm-1.778%206.746a.888.888%200%201%201%201.778%200v4.445c0%20.979-.795%201.776-1.777%201.776H2.777A1.774%201.774%200%200%201%201%2015.223V4.557c0-.978.8-1.778%201.777-1.778h4.446a.89.89%200%200%201%200%201.779H2.777v10.667h10.668v-4.448z%22%2F%3E%3C%2Fsvg%3E');} /* 新：事例一覧 */ #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox {margin:0 auto 45px;} /* 3カラム */ #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Case_3col {justify-content:space-between;} /* ランキング（3位）*/ #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts {position:relative;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts {counter-increment:rankNum;counter-reset:count 0;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts a {} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts a.logo {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts a.logo {display:block;background:#FFF;border-radius:20px;border:1px solid #EEE;margin:0;padding:0;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts a.logo .logobox {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts a.logo .logobox {border-radius:20px;border:2px solid #FFF;margin:0 auto;padding:0;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts a.logo:active .logobox, #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts a.logo:hover .logobox {opacity:0.75;border:2px solid #EEE;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts a.logo .logobox img {max-width:90%;height:auto;margin:0 5% 0;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts a.logo .logobox img {-webkit-transition-duration:0.5s;transition-duration:0.5s;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts a.logo:hover .logobox img {-webkit-transform:scale(1.1);transform:scale(1.1);} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts a.logo .logobox h3 {color:#777;font-size:85%;font-weight:normal;margin:0 1em 1em;padding:0;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts a.logo .logobox h3 {position:relative;z-index:1;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts.flexboxinner a.logo:before {position:absolute;top:0;left:0;width:100%;height:calc(100% - 3.3em);content:'';border-radius:20px;z-index:1;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts.flexboxinner a.logo:before {background-image:linear-gradient(135deg, #00A785 70px, transparent 0);} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts.flexboxinner a.logo:after {position:absolute;top:0;left:0;font-size:131%;font-weight:600;color:#FFF;z-index:1;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts.flexboxinner a.logo:after {content: counter(rankNum) ' 位';transform:rotate(-45deg) translate(-6px, 25px);} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts a.link {float:right;font-size:123.1%;color:#00A785;text-decoration:none;margin:1em auto 0;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts a.link:active, #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts a.link:hover {color:#CCC;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .Ranking_Posts a.link:after {content:'＞';} /* 検索結果 */ #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts {position:relative;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts a {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts a {display:block;background:#FFF;height:100%;border-radius:20px;border:1px solid #EEE;margin:0;padding:0 0 3em;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts a {text-decoration:none;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts.flexboxinner.Attention a:before {position:absolute;top:0;left:0;width:100%;height:100%;content:'';border-radius:20px;z-index:1;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts.flexboxinner.Attention a:before {background-image:linear-gradient(135deg, #00E08E 70px, transparent 0);} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts.flexboxinner.Attention a:after {position:absolute;top:0;left:0;font-size:131%;font-weight:600;color:#FFF;z-index:1;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts.flexboxinner.Attention a:after {content:'NEW';transform:rotate(-45deg) translate(-6px, 25px);} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .image {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .image {border-radius:20px;border:2px solid #FFF;margin:0 auto;padding:0;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .image img {max-width:80%;height:auto;margin:0 10% 0;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .image img {-webkit-transition-duration:0.5s;transition-duration:0.5s;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts a:hover .image img {-webkit-transform:scale(1.1);transform:scale(1.1);} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts a:active, #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts a:hover {opacity:0.75;border:3px solid #EEE;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .image p {text-align:center;color:#777;font-size:85%;font-weight:normal;margin:0 1em 1em;padding:0;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .image p {display:block;position:relative;z-index:1;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .data {text-align:left;box-sizing:border-box;overflow:hidden;border:2px solid #FFF;padding:0 2em;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .data {border-top:0;border-bottom:0;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts a:active .data, #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts a:hover .data {border-width:0 1px 0 1px;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .data h3 {font-size:138.5%;letter-spacing:0;font-weight:600;color:#313131;line-height:1.5;margin:0;padding:0 0 0.5em;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .data h3 br {display:none;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .data .infomation {font-size:85%;margin:0 0 0;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .data .infomation ul {margin:0 0 0 -0.5em;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .data .infomation ul li {margin:0 0 0 0.5em;padding:3px 0;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .data .infomation ul.category {} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .data .infomation ul.category li {} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .data .infomation ul.category li.landmark {color:#FFF;border:1px solid #666;border-radius:20px;background:#666;margin:0 0 0.5em 0.5em;padding:3px 1em;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .data .infomation ul.category li.scale {color:#666;border:1px solid #666;border-radius:20px;background:#FFF;margin:0 0 0.5em 0.5em;padding:3px 1em;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .data .infomation ul.category li.industry {color:#666;border:1px solid #666;border-radius:20px;background:#FFF;margin:0 0 0.5em 0.5em;padding:3px 0.5em;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .data .infomation ul.category li.scene {color:#307FE2;border:1px solid #307FE2;border-radius:20px;background:#FFF;margin:0 0 0.5em 0.5em;padding:3px 0.5em;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .data .infomation ul.category li.option {color:#FFF;border:1px solid #59C5AE;border-radius:20px;background:#59C5AE;margin:0 0 0.5em 0.5em;padding:3px 0.5em;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .data .infomation ul.category li.product {color:#59C5AE;font-weight:600;margin-left:0;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .data .infomation ul.category li.products {color:#59C5AE;margin-left:0;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .button {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .button {position:absolute;width:100%;height:3em;left:0;bottom:0;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .button .partnerlist {position:absolute;width:100%;height:100%;line-height:3em;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .button .partnerlist {color:#777;font-size:85%;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts a:active .button .partnerlist, #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts a:hover .button .partnerlist {display:none;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .button .click {display:none;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts a:active .button .click, #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts a:hover .button .click {display:block;position:absolute;width:100%;height:100%;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .button .click {color:#313131;font-size:100%;font-weight:600;border-radius:0 0 20px 20px;margin:0;padding:0;line-height:2.75em;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .button .click {background-image:linear-gradient(45deg, #DDD 35%, #EEE);} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .button .click {-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .button .click:not(.outmark):after {display:inline;width:auto;overflow:hidden;content:'＞';padding-left:0.25em;} /* icon color #999 SVG */ #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .button .click.outmark:after {content:'';padding-right:1.5em;background-size:16px;background-repeat:no-repeat;background-position:right center;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .button .click.outmark:after {background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22m15.223%204.031-9.156%209.155a.888.888%200%200%201-1.342-1.164c.03-.035.063-.066.098-.099l9.139-9.146h-3.185a.89.89%200%200%201%200-1.777h5.334a.89.89%200%200%201%20.889.89v5.333a.889.889%200%201%201-1.778%200V4.031h.001zm-1.778%206.746a.888.888%200%201%201%201.778%200v4.445c0%20.979-.795%201.776-1.777%201.776H2.777A1.774%201.774%200%200%201%201%2015.223V4.557c0-.978.8-1.778%201.777-1.778h4.446a.89.89%200%200%201%200%201.779H2.777v10.667h10.668v-4.448z%22%2F%3E%3C%2Fsvg%3E');} /* 検索結果：flexbox */ #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts.flexboxinner {flex:0 0 31.33%;max-width:31.33%;margin-bottom:3%;} /* flexbox 子要素 - flexbox */ #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .data .infomation {display:flex;flex-flow:row wrap;} #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox .searchResults_Posts .infomation ul {display:flex;flex:0 0 100%;flex-flow:row wrap;} /* 検索結果：もっと見るボタン */ #AWcasetopLP .CaseTopNew_contents_Box #ResultsMoreItems {} #AWcasetopLP .CaseTopNew_contents_Box #ResultsMoreItems ul li {} #AWcasetopLP .CaseTopNew_contents_Box #MoreItemButtons {box-sizing:border-box;overflow:hidden;margin-bottom:120px;} #AWcasetopLP .CaseTopNew_contents_Box #MoreItemButtons button {} #AWcasetopLP .CaseTopNew_contents_Box #MoreItemButtons button.more {} #AWcasetopLP .CaseTopNew_contents_Box #MoreItemButtons button.close {display:none;} #AWcasetopLP .CaseTopNew_contents_Box #MoreItemButtons button.click {font-size:167%;font-weight:600;line-height:1;border-radius:35px;} #AWcasetopLP .CaseTopNew_contents_Box #MoreItemButtons button.click {background:#FFF;border:5px solid #313131;margin:0 auto;padding:0.7em 1em 0.6em;} #AWcasetopLP .CaseTopNew_contents_Box #MoreItemButtons button.click {-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #AWcasetopLP .CaseTopNew_contents_Box #MoreItemButtons button.click {} #AWcasetopLP .CaseTopNew_contents_Box #MoreItemButtons button.click:active, #AWcasetopLP .CaseTopNew_contents_Box #MoreItemButtons button.click:hover {background:#999;border-color:#999;color:#FFF;text-decoration:none;} /* flexbox 1カラム */ #AWcasetopLP .CaseTopNew_contents_Box #MoreItemButtons.flexbox.Case_1col {flex-flow:column nowrap;} #AWcasetopLP .CaseTopNew_contents_Box #MoreItemButtons.flexbox.Case_1col .flexboxinner {flex:0 0 40%;min-width:480px;} /* 検索結果：なし */ #AWcasetopLP .CaseTopNew_contents_Box #searchResults_NoItem {box-sizing:border-box;overflow:hidden;margin-bottom:120px;} #AWcasetopLP .CaseTopNew_contents_Box #searchResults_NoItem p {font-size:131%;text-align:center;margin:0 0 0.5em;} #AWcasetopLP .CaseTopNew_contents_Box #searchResults_NoItem a {color:#00A785;} #AWcasetopLP .CaseTopNew_contents_Box #searchResults_NoItem a:active, #AWcasetopLP .CaseTopNew_contents_Box #searchResults_NoItem a:hover {color:#CCC;} /* Youtubeショート動画 */ #AWcasetopLP .CaseTopNew_contents_Box .Youtube_Shorts {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_contents_Box .Youtube_Shorts {margin:0 auto 120px;padding:70px 0 90px;} #AWcasetopLP .CaseTopNew_contents_Box .Youtube_Shorts ul {} #AWcasetopLP .CaseTopNew_contents_Box .Youtube_Shorts ul li {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_contents_Box .Youtube_Shorts ul li iframe {aspect-ratio:9 / 16;width:100%;height:100%;} /* flexbox 1カラム（swiper）*/ #AWcasetopLP .CaseTopNew_contents_Box .Youtube_Shorts .swiper {/* padding-bottom:4em; 動画が6枚以上になったらナビゲーションが表示されるので余白を調整すること */} #AWcasetopLP .CaseTopNew_contents_Box .Youtube_Shorts .swiper {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} #AWcasetopLP .CaseTopNew_contents_Box .Youtube_Shorts .swiper-wrapper {} #AWcasetopLP .CaseTopNew_contents_Box .Youtube_Shorts .swiper-wrapper .swiper-slide {height:initial;} #AWcasetopLP .CaseTopNew_contents_Box .Youtube_Shorts .swiper-pagination .swiper-pagination-bullet {width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));} #AWcasetopLP .CaseTopNew_contents_Box .Youtube_Shorts .swiper-pagination .swiper-pagination-bullet {height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));} #AWcasetopLP .CaseTopNew_contents_Box .Youtube_Shorts .swiper-pagination .swiper-pagination-bullet {margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 7px);} /* 新着企業 */ #AWcasetopLP .CaseTopNew_contents_Box .New_Arrivals {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_contents_Box .New_Arrivals {margin:0 auto;padding:70px 0 90px;} #AWcasetopLP .CaseTopNew_contents_Box .New_Arrivals ul {} #AWcasetopLP .CaseTopNew_contents_Box .New_Arrivals ul li {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_contents_Box .New_Arrivals ul li {background:#FFF;border-radius:20px;margin-bottom:1%;} #AWcasetopLP .CaseTopNew_contents_Box .New_Arrivals ul li img {max-width:90%;height:auto;margin:0 5%;} #AWcasetopLP .CaseTopNew_contents_Box .New_Arrivals ul li h3 {color:#777;font-size:85%;font-weight:normal;margin:0 1em 1em;padding:0;} /* 5カラム */ #AWcasetopLP .CaseTopNew_contents_Box .New_Arrivals .Case_5col {justify-content:space-between;} /* 企業一覧 */ #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies {margin:0 auto;padding:70px 0 0;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul {} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.empty {border:0;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.nolink {} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.nolink {background:#FFF;border-radius:20px;border:1px solid #FFF;margin-bottom:1%;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.nolink img {max-width:90%;height:auto;margin:0 5%;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.nolink h3 {color:#777;font-size:85%;font-weight:normal;margin:0 1em 1em;padding:0;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink {position:relative;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink {background:#FFF;border-radius:20px;margin-bottom:1%;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a {box-sizing:border-box;overflow:hidden;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a {display:block;background:#FFF;border-radius:20px;height:100%;border:2px solid #FFF;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a {text-decoration:none;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a:active, #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a:hover {opacity:0.75;border:2px solid #EEE;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a img {max-width:90%;height:auto;margin:0 5%;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a img {-webkit-transition-duration:0.5s;transition-duration:0.5s;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a:hover img {-webkit-transform:scale(1.1);transform:scale(1.1);} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a h3 {position:relative;z-index:1;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a h3 {color:#777;font-size:85%;font-weight:normal;margin:0 1em 1em;padding:0;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a h3 {-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a:active h3, #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a:hover h3 {display:none;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a .click {position:relative;z-index:1;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a .click {color:#00A785;font-size:85%;font-weight:normal;margin:0 1em 1em;padding:0;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a .click {-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a .click:not(.outmark):after {display:inline;width:auto;overflow:hidden;content:'＞';} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a .click {display:none;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a:active .click, #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a:hover .click {display:block;} /* icon color #999 SVG */ #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a .click.outmark:after {content:'';padding-right:1em;background-size:18px;background-repeat:no-repeat;background-position:right center;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul li.haslink a .click.outmark:after {background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22m15.223%204.031-9.156%209.155a.888.888%200%200%201-1.342-1.164c.03-.035.063-.066.098-.099l9.139-9.146h-3.185a.89.89%200%200%201%200-1.777h5.334a.89.89%200%200%201%20.889.89v5.333a.889.889%200%201%201-1.778%200V4.031h.001zm-1.778%206.746a.888.888%200%201%201%201.778%200v4.445c0%20.979-.795%201.776-1.777%201.776H2.777A1.774%201.774%200%200%201%201%2015.223V4.557c0-.978.8-1.778%201.777-1.778h4.446a.89.89%200%200%201%200%201.779H2.777v10.667h10.668v-4.448z%22%2F%3E%3C%2Fsvg%3E');} /* 5カラム */ #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies .Case_5col {justify-content:space-between;} /* flexbox 5カラム（swiper）*/ #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies .swiper {padding-bottom:4em;margin-bottom:2.5em;} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies .swiper-pagination .swiper-pagination-bullet {width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies .swiper-pagination .swiper-pagination-bullet {height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));} #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies .swiper-pagination .swiper-pagination-bullet {margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 7px);} /* 既存事例（削除予定） */ #AWcasetopLP .Case_top_Defalt {} /*---------------------------------------------------------------------------- ★左右余白（1260px以下）CSS 2020/10 ----------------------------------------------------------------------------*/ /* PC width 1260px 以下 */ @media screen and (max-width:1560px) { #AWcasetopLP .CaseTop_mainvisual, #AWcasetopLP .CaseTopNew_contents_Box .Archive_title, #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox, #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching, #AWcasetopLP .CaseTopNew_contents_Box .Youtube_Shorts, #AWcasetopLP .CaseTopNew_contents_Box .New_Arrivals ul, #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul, #AWcasetopLP .Case_top_Defalt {padding-left:30px;padding-right:30px;} #AWcasetopLP .library, #AWcasetopLP .aciton_btn {margin-left:30px;margin-right:30px;} } /* ブレークポイント（1023.84px = 63.99em以下なら）*/ @media (max-width:63.99em){ #AWcasetopLP .CaseTop_mainvisual, #AWcasetopLP .CaseTopNew_Postsbox, #AWcasetopLP .CaseTopNew_contents_Box .Archive_title, #AWcasetopLP .CaseTopNew_contents_Box .Archive_Postsbox, #AWcasetopLP .CaseTopNew_contents_Box .Front_Searching, #AWcasetopLP .CaseTopNew_contents_Box .Youtube_Shorts, #AWcasetopLP .CaseTopNew_contents_Box .New_Arrivals ul, #AWcasetopLP .CaseTopNew_contents_Box .All_Case_Studies ul, #AWcasetopLP .Case_top_Defalt {padding-left:5%;padding-right:5%;} #AWcasetopLP .library, #AWcasetopLP .aciton_btn {margin-left:5%;margin-right:5%;} } /* Gravio無償貸出LP 2021/06 */ #GR_EvaluationLP {background:url(img/GR_Evaluation_MainBg-100.jpg?ver=202106301730) 50% 56px repeat-x;position:relative;} /* フォーム幅調整 */ #GR_EvaluationLP .free_page_subtitle, #GR_EvaluationLP #ZHform_all_reset_style {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;text-align:center;margin:0 auto;padding:0;} /* メインビジュアル */ #GR_EvaluationLP .GREval_mainvisual {height:1041px;position:relative;z-index:0;} #GR_EvaluationLP .GREval_mainvisual {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;text-align:center;margin:30px auto 0;padding:110px 0 0 0;} #GR_EvaluationLP .GREval_mainvisual {background:rgb(255 255 255 / 0.95);} #GR_EvaluationLP .GREval_mainvisual .MainLogo {position:absolute;right:0;top:0;width:45.9167%;height:auto;max-width:551px;max-height:115px;} #GR_EvaluationLP .GREval_mainvisual .MainLogo img {max-width:100%;} #GR_EvaluationLP .GREval_mainvisual h1 {position:relative;z-index:1;font-weight:normal;} #GR_EvaluationLP .GREval_mainvisual h1 {font-size: 300%;line-height:1.4;text-align:left;letter-spacing:1px;margin:0 8%;} #GR_EvaluationLP .GREval_mainvisual h1 strong {font-size:131%;} #GR_EvaluationLP .GREval_mainvisual .Pickupbox {margin:25px auto 50px;padding:40px 0 35px;overflow:hidden;box-sizing:border-box;} #GR_EvaluationLP .GREval_mainvisual .Pickupbox ul {text-align:center;list-style:none;overflow:hidden;box-sizing:border-box;} #GR_EvaluationLP .GREval_mainvisual .Pickupbox ul li {background:#FFF;border-radius:30px;display:inline-block;} #GR_EvaluationLP .GREval_mainvisual .Pickupbox ul li {font-size:174%;font-weight:600;line-height:2em;text-align:center;margin:0 15px 15px;padding:0 1em;} #GR_EvaluationLP .GREval_mainvisual .Pickupbox .Pickuptext {font-size: 300%;line-height:1;color:#FFF;} #GR_EvaluationLP .GREval_mainvisual .MainPic img {max-width:100%;} /* 前景 */ #GR_EvaluationLP .GREval_whiteover {position:relative;z-index:1;width:100%;min-height:500px;margin:-41px 0 0;padding:0 0 0;} /* 背景白 */ #GR_EvaluationLP .BGwhite {background-color:#FFF !important;} /* 背景グレー */ #GR_EvaluationLP .BGgray {background-color:#F5F5F5 !important;} /* 背景グリーン */ #GR_EvaluationLP .BGgreen {background-color:#00A785 !important;} /* 背景薄グリーン */ #GR_EvaluationLP .BGlightgreen {background-color:#f5fcf7 !important;} /* 背景オレンジ */ #GR_EvaluationLP .BGorange {background-color:#e8551e !important;} /* グリーン */ #GR_EvaluationLP .green {color:#00A785 !important;} /* オレンジ */ #GR_EvaluationLP .orange {color:#e8551e !important;} /* グレー */ #GR_EvaluationLP .gray {color:#777 !important;} /* flexbox */ #GR_EvaluationLP .flexbox {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #GR_EvaluationLP .flexbox {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} #GR_EvaluationLP .flexboxinner {align-self: stretch;} #GR_EvaluationLP .flexboxinner {box-sizing:border-box;overflow:hidden;} /* flexbox 1カラム */ #GR_EvaluationLP .flexbox.GREval_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 2カラム */ #GR_EvaluationLP .flexbox.GREval_2col .flexboxinner {flex:0 0 48%;max-width:48%;} /* flexbox 3カラム */ #GR_EvaluationLP .flexbox.GREval_3col .flexboxinner {flex:0 0 30.33%;max-width:30.33%;} /* 大見出し */ #GR_EvaluationLP .GREval_top_heading {margin:0 auto;padding:0 0 70px;box-sizing:border-box;overflow:hidden;} #GR_EvaluationLP .GREval_top_heading h2 {font-size:274%;margin:80px auto 0;padding:0;} #GR_EvaluationLP .GREval_top_heading h2 strong {font-weight:600;} #GR_EvaluationLP .GREval_top_heading h2:before {display:block;content:'';background:url(img/GR_Evaluation_Headicon.png) 0 0 no-repeat;} #GR_EvaluationLP .GREval_top_heading h2:before {width:100px;height:100px;margin:0 auto 25px;} #GR_EvaluationLP .GREval_top_heading p {font-size:153.9%;margin:0;} #GR_EvaluationLP .GREval_top_heading p.center {text-align:center;} #GR_EvaluationLP .GREval_top_heading p a:hover, #GR_EvaluationLP .GREval_top_heading p a:active {text-decoration:underline;} /* 小見出し */ #GR_EvaluationLP .GREval_heading {margin:0 auto;padding:0;box-sizing:border-box;overflow: visible;} #GR_EvaluationLP .GREval_heading h3 {font-size:267%;font-weight:600;text-align:center;margin:50px auto 0;padding:0;} #GR_EvaluationLP .GREval_heading h3.Number:before {display:block;content:'';color:#00A785;font-family:'Arial';font-weight:normal;} #GR_EvaluationLP .GREval_heading h3.Number:before {width:180px;height:auto;font-size:90px;line-height:1;text-align:center;margin:0 auto 30px;} #GR_EvaluationLP .GREval_heading .flexbox.N01 h3.Number:before {content:'01';} #GR_EvaluationLP .GREval_heading .flexbox.N02 h3.Number:before {content:'02';} #GR_EvaluationLP .GREval_heading .flexbox.N03 h3.Number:before {content:'03';} #GR_EvaluationLP .GREval_heading h4 {font-size:216%;font-weight:600;text-align:center;margin:0 auto 25px;padding:0;} #GR_EvaluationLP .GREval_heading h4.ArrowBottomBig:before {display:block;content:'';background:url(img/GR_Evaluation_ArrowbottomBig.png) 0 0 no-repeat;} #GR_EvaluationLP .GREval_heading h4.ArrowBottomBig:before {width:180px;height:60px;margin:0 auto 15px;} #GR_EvaluationLP .GREval_heading h5 {font-size:167%;font-weight:600;text-align:left;margin:50px auto 25px;padding:0;} #GR_EvaluationLP .GREval_heading ul {list-style:none;margin:0 0 1em 0;padding:0 0 0 1em;} #GR_EvaluationLP .GREval_heading ul li {text-indent:-1em;} #GR_EvaluationLP .GREval_heading ul li {font-size:123.1%;} #GR_EvaluationLP .GREval_heading p {font-size:123.1%;margin:0 0 1em 0;padding:0 0 0 1em;} #GR_EvaluationLP .GREval_heading img {max-width:100%;} /* テーブル */ #GR_EvaluationLP .GREval_table {margin:0 auto;padding:0 0 70px;box-sizing:border-box;overflow:hidden;} #GR_EvaluationLP .GREval_table .flexbox {text-align:left;} #GR_EvaluationLP .GREval_table .flexbox {border-top:1px solid #EEE;} #GR_EvaluationLP .GREval_table .flexbox:last-of-type {border-bottom:1px solid #EEE;} #GR_EvaluationLP .GREval_table .flexbox .flexboxinner {font-size:146.5%;} #GR_EvaluationLP .GREval_table .flexbox.GREval_2col .flexboxinner.Lcol {flex:0 0 25%;max-width:25%;align-self: center;font-weight:600;padding:1em 0 1em 1.5em;} #GR_EvaluationLP .GREval_table .flexbox.GREval_2col .flexboxinner.Rcol {flex:0 0 75%;max-width:75%;padding:1em 1.5em 1em 1em;} #GR_EvaluationLP .GREval_table ul {list-style:none;margin:0;padding:0 0 0 1em;} #GR_EvaluationLP .GREval_table ul li {text-indent:-1em;} #GR_EvaluationLP .GREval_table ul li {font-size:93%;} /* ガイド */ #GR_EvaluationLP .GREval_guide {margin:0 auto;padding:0 0 70px;box-sizing:border-box;overflow:hidden;} #GR_EvaluationLP .GREval_guide .flexbox {position:relative;text-align:left;padding-bottom:70px;} #GR_EvaluationLP .GREval_guide .flexbox:after {display:block;content:'';background:url(img/GR_Evaluation_Arrowbottom.png) 75% 0 no-repeat;} #GR_EvaluationLP .GREval_guide .flexbox:after {position:absolute;width:25%;height:30px;left:0;bottom:20px;} #GR_EvaluationLP .GREval_guide .flexbox:last-of-type {padding-bottom:0;} #GR_EvaluationLP .GREval_guide .flexbox:last-of-type:after {display:none;} #GR_EvaluationLP .GREval_guide .flexbox .flexboxinner {font-size:146.5%;background:#FFF;} #GR_EvaluationLP .GREval_guide .flexbox.GREval_2col .flexboxinner.Lcol {flex:0 0 25%;max-width:25%;} #GR_EvaluationLP .GREval_guide .flexbox.GREval_2col .flexboxinner.Rcol {flex:0 0 75%;max-width:75%;padding:1em 1.5em 1em 1em;} #GR_EvaluationLP .GREval_guide .flexbox.GREval_2col .flexboxinner.Rcol {display:flex;flex-flow:row nowrap;} #GR_EvaluationLP .GREval_guide .flexbox.GREval_2col .flexboxinner.Rcol strong {display:inline-block;flex:1 1 auto;align-self:center;overflow:hidden;box-sizing:border-box;} #GR_EvaluationLP .GREval_guide .flexbox .flexboxinner.Lcol strong {display:flex;flex-flow:row nowrap;} #GR_EvaluationLP .GREval_guide .flexbox .flexboxinner.Lcol strong span {display:inline-block;flex:1 1 auto;align-self:center;overflow:hidden;box-sizing:border-box;text-align:center;} #GR_EvaluationLP .GREval_guide .flexbox .flexboxinner.Lcol strong:before {display:inline-block;flex:0 0 auto;align-self:center;content:'';color:#FFF;font-family:'Arial';font-weight:normal;} #GR_EvaluationLP .GREval_guide .flexbox .flexboxinner.Lcol strong:before {width:120px;height:auto;font-size:60px;line-height:120px;text-align:center;} #GR_EvaluationLP .GREval_guide .flexbox.N01 .flexboxinner.Lcol strong span, #GR_EvaluationLP .GREval_guide .flexbox.N04 .flexboxinner.Lcol strong span {color:#00A785;} #GR_EvaluationLP .GREval_guide .flexbox.N02 .flexboxinner.Lcol strong span, #GR_EvaluationLP .GREval_guide .flexbox.N05 .flexboxinner.Lcol strong span {color:#1683fa;} #GR_EvaluationLP .GREval_guide .flexbox.N03 .flexboxinner.Lcol strong span, #GR_EvaluationLP .GREval_guide .flexbox.N06 .flexboxinner.Lcol strong span {color:#913cb0;} #GR_EvaluationLP .GREval_guide .flexbox.N01 .flexboxinner.Lcol strong:before {content:'01';background:#00A785;} #GR_EvaluationLP .GREval_guide .flexbox.N02 .flexboxinner.Lcol strong:before {content:'02';background:#1683fa;} #GR_EvaluationLP .GREval_guide .flexbox.N03 .flexboxinner.Lcol strong:before {content:'03';background:#913cb0;} #GR_EvaluationLP .GREval_guide .flexbox.N04 .flexboxinner.Lcol strong:before {content:'04';background:#00A785;} #GR_EvaluationLP .GREval_guide .flexbox.N05 .flexboxinner.Lcol strong:before {content:'05';background:#1683fa;} #GR_EvaluationLP .GREval_guide .flexbox.N06 .flexboxinner.Lcol strong:before {content:'06';background:#913cb0;} /* CO2測定パック特長 */ #GR_EvaluationLP .GREval_CO2feature {margin:0 auto;padding:0 0 70px;box-sizing:border-box;overflow:hidden;} #GR_EvaluationLP .GREval_CO2feature .flexbox {padding-top:70px;} #GR_EvaluationLP .GREval_CO2feature .flexbox .flexboxinner {font-size:146.5%;} #GR_EvaluationLP .GREval_CO2feature .flexbox .flexboxinner img {max-width:100%;} #GR_EvaluationLP .GREval_CO2feature .flexbox.GREval_2col {flex-flow:row nowrap;} #GR_EvaluationLP .GREval_CO2feature .flexbox.GREval_2col .flexboxinner.Lcol {flex:0 0 130px;align-self:center;text-align:center;} #GR_EvaluationLP .GREval_CO2feature .flexbox.GREval_2col .flexboxinner.Rcol {flex:1 1 89.167%;max-width:89.167%;align-self:center;padding:0 0 0 1em;text-align:left;} #GR_EvaluationLP .GREval_CO2feature .flexbox .flexboxinner.Lcol .Number {width:130px;height:130px;overflow:hidden;box-sizing:border-box;padding:20px 0 0;} #GR_EvaluationLP .GREval_CO2feature .flexbox .flexboxinner.Lcol .Number {border:5px solid #00A785;border-radius:50%;background-color:#FFF;font-weight:600;line-height:1;} #GR_EvaluationLP .GREval_CO2feature .flexbox .flexboxinner.Lcol .Number:after {display:block;content:'';font-family:'Arial';font-weight:normal;} #GR_EvaluationLP .GREval_CO2feature .flexbox .flexboxinner.Lcol .Number:after {font-size:70px;} #GR_EvaluationLP .GREval_CO2feature .flexbox.N01 .flexboxinner.Lcol .Number:after {content:'1';} #GR_EvaluationLP .GREval_CO2feature .flexbox.N02 .flexboxinner.Lcol .Number:after {content:'2';} #GR_EvaluationLP .GREval_CO2feature .flexbox.N03 .flexboxinner.Lcol .Number:after {content:'3';} #GR_EvaluationLP .GREval_CO2feature .flexbox.GREval_2col .flexboxinner.Rcol .Title {font-weight:600;} #GR_EvaluationLP .GREval_CO2feature .flexbox.GREval_2col .flexboxinner.Rcol .Text {font-size:85%;} /* 問い合わせ */ #GR_EvaluationLP .GREval_contact {box-sizing:border-box;overflow:hidden;} #GR_EvaluationLP .GREval_contact a.linkBtn {display:block;box-sizing:border-box;overflow:hidden;} #GR_EvaluationLP .GREval_contact a.linkBtn {width:640px;height:120px;line-height:120px;font-size:182%;border-radius:60px;font-weight:bold;color:#fff;margin:75px auto;padding:0 60px;} #GR_EvaluationLP .GREval_contact a.linkBtn {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));} #GR_EvaluationLP .GREval_contact a.linkBtn:active, #GR_EvaluationLP .GREval_contact a.linkBtn:hover {background:#444;} /* 課題解決 */ #GR_EvaluationLP .GREval_problem {margin:0 auto;padding:0 0 70px;box-sizing:border-box;overflow:hidden;} #GR_EvaluationLP .GREval_problem .flexbox .flexboxinner {font-weight:600;} #GR_EvaluationLP .GREval_problem .flexbox .flexboxinner .Hope {font-size:174%;background:#FFF;border:6px solid #00A785;line-height:1.5;border-radius:1.75em;padding:0.75em 0 0.75em;} #GR_EvaluationLP .GREval_problem .flexbox .flexboxinner .Response {font-size:123.1%;padding:1em 0;} #GR_EvaluationLP .GREval_problem .flexbox .flexboxinner:last-of-type .Response {padding:1em 0 0;} /* 導入効果 */ #GR_EvaluationLP .GREval_merit {margin:0 auto;padding:0 0 70px;box-sizing:border-box;overflow:hidden;} #GR_EvaluationLP .GREval_merit .flexbox.GREval_3col .flexboxinner {border:6px solid #00A785;border-radius:15px;color:#00A785;} #GR_EvaluationLP .GREval_merit .flexbox.GREval_3col .flexboxinner {font-size:174%;font-weight:600;padding:2em 1em;} #GR_EvaluationLP .GREval_merit .flexbox.GREval_3col .flexboxinner {align-items:center;} /*---------------------------------------------------------------------------- ★左右余白（1260px以下）CSS 2020/10 ----------------------------------------------------------------------------*/ /* PC width 1260px 以下 */ @media screen and (max-width:1560px) { #GR_EvaluationLP .free_page_subtitle {width:auto !important;margin-left:30px;margin-right:30px;} #GR_EvaluationLP #ZHform_all_reset_style {width:auto !important;margin-left:30px;margin-right:30px;} #GR_EvaluationLP .GREval_mainvisual, #GR_EvaluationLP .GREval_top_heading, #GR_EvaluationLP .GREval_heading, #GR_EvaluationLP .GREval_table, #GR_EvaluationLP .GREval_guide, #GR_EvaluationLP .GREval_CO2feature, #GR_EvaluationLP .GREval_contact, #GR_EvaluationLP .GREval_problem, #GR_EvaluationLP .GREval_merit {padding-left:30px;padding-right:30px;} } /* ブレークポイント（1023.84px = 63.99em以下なら）*/ @media (max-width:63.99em){ #GR_EvaluationLP .free_page_subtitle {margin-left:5%;margin-right:5%;} #GR_EvaluationLP #ZHform_all_reset_style {margin-left:5%;margin-right:5%;} #GR_EvaluationLP .GREval_mainvisual, #GR_EvaluationLP .GREval_top_heading, #GR_EvaluationLP .GREval_heading, #GR_EvaluationLP .GREval_table, #GR_EvaluationLP .GREval_guide, #GR_EvaluationLP .GREval_CO2feature, #GR_EvaluationLP .GREval_contact, #GR_EvaluationLP .GREval_problem, #GR_EvaluationLP .GREval_merit {padding-left:5%;padding-right:5%;} #GR_EvaluationLP {background-position:50% 50px;} } /* AWCDataCA2021LP 2021/05 */ #AWCDataCA2021LP {background:url(img/AWCDataCA2021_Mainbg.png) 50% 0 repeat-x;position:relative;} /* メインビジュアル */ #AWCDataCA2021LP .CDCA_mainvisual {height:600px;position:relative;z-index:0;} #AWCDataCA2021LP .CDCA_mainvisual {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;text-align:center;margin:0 auto;padding:60px 0 0 0;} /* 可変画像 */ #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner {position:relative;box-sizing:border-box;overflow:hidden;text-align:center;margin:0 auto;padding:0;} #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner {max-width:930px;width:100%;height:100%;} #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .H1main, #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .H3main, #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .H2main01, #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .H2main02, #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .Adps {position:absolute;width:auto;height:auto;box-sizing:border-box;overflow:hidden;} #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .H1main {right:31.075269%;top:0;z-index:3;} #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .H3main {left:71.505376%;top:0;z-index:2;} #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .H2main01 {right:59.139785%;top:40%;z-index:2;} #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .H2main02 {left:0;top:52.9%;z-index:2;} #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .Adps {left:20.967742%;bottom:50px;margin:0 20.967742% 0 0;z-index:1;} #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .H1main img, #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .H3main img, #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .H2main01 img, #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .H2main02 img, #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .Adps img {display:block;max-width:100%;margin:0 auto;} /* アウトライン */ #AWCDataCA2021LP .CDCA_mainvisual, #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner, #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .H1main, #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .H3main, #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .H2main01, #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .H2main02, #AWCDataCA2021LP .CDCA_mainvisual .mainPicinner .Adps {border:1px solid transparent;} /* 前景 */ #AWCDataCA2021LP .CDCA_whiteover {position:relative;z-index:1;width:100%;min-height:1200px;margin:-625px 0 0;padding:625px 0 0;background: url(img/AWCDataCA2021_Mainbgover.png) 50% 0 repeat-x;} /* 背景白 */ #AWCDataCA2021LP .BGwhite {background-color:#FFF !important;} /* 背景グリーン */ #AWCDataCA2021LP .BGgreen {background-color:#F5FCF7 !important;} /* 背景グレー */ #AWCDataCA2021LP .BGgray {background-color:#F5F5F5 !important;} /* 背景ブルー */ #AWCDataCA2021LP .BGblue {background-color:#E7F1F8 !important;} /* ブルー */ #AWCDataCA2021LP .blue {color:#307fe2 !important;} /* グリーン */ #AWCDataCA2021LP .green {color:#00B140 !important;} /* オレンジ */ #AWCDataCA2021LP .orange {color:#f7a713 !important;} /* レッド */ #AWCDataCA2021LP .red {color:#fe0027 !important;} /* flexbox */ #AWCDataCA2021LP .flexbox {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #AWCDataCA2021LP .flexbox {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} #AWCDataCA2021LP .flexboxinner {align-self: stretch;} #AWCDataCA2021LP .flexboxinner {box-sizing:border-box;overflow:hidden;} /* flexbox 1カラム */ #AWCDataCA2021LP .flexbox.CDCA_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 2カラム */ #AWCDataCA2021LP .flexbox.CDCA_2col .flexboxinner {flex:0 0 48%;max-width:48%;} /* flexbox 3カラム */ #AWCDataCA2021LP .flexbox.CDCA_3col .flexboxinner {flex:0 0 29.33%;max-width:29.33%;} /* 大見出し */ #AWCDataCA2021LP .CDCA_heading {margin:0 auto;padding:0;box-sizing:border-box;overflow:hidden;} #AWCDataCA2021LP .CDCA_heading h2 {font-size:274%;margin:80px auto 30px;padding:0;} #AWCDataCA2021LP .CDCA_heading h2 strong {font-weight:600;} #AWCDataCA2021LP .CDCA_heading h2:before {display:block;content:'';margin:0 auto 30px;} #AWCDataCA2021LP .CDCA_heading h2.overflow:before {width:120px;height:133px;background:url(img/AWCDataCA2021_overflowicon.png) 0 0 no-repeat;} #AWCDataCA2021LP .CDCA_heading h2.step:before {width:136px;height:123px;background:url(img/AWCDataCA2021_stepicon.png) 0 0 no-repeat;} #AWCDataCA2021LP .CDCA_heading h2.list:before {width:120px;height:121px;background:url(img/AWCDataCA2021_listicon.png) 0 0 no-repeat;} #AWCDataCA2021LP .CDCA_heading h2.contact:before {width:142px;height:140px;background:url(img/AWCDataCA2021_contacticon.png) 0 0 no-repeat;} #AWCDataCA2021LP .CDCA_heading h2.contact.last {margin:20px auto 0;} /* 概要 */ #AWCDataCA2021LP .CDCA_overflow {box-sizing:border-box;overflow:hidden;} #AWCDataCA2021LP .CDCA_overflow p {font-size:146.5%;text-align:left;margin:0 0 30px;} /* 概要テーブル */ #AWCDataCA2021LP .CDCA_overflowtable {box-sizing:border-box;overflow:hidden;} #AWCDataCA2021LP .CDCA_overflowtable table {width:100%;margin:50px auto 60px;box-sizing:border-box;overflow:hidden;} #AWCDataCA2021LP .CDCA_overflowtable table tr th, #AWCDataCA2021LP .CDCA_overflowtable table tr td {font-size:146.5%;font-weight:500;text-align:left;padding:10px 15px 6px;} #AWCDataCA2021LP .CDCA_overflowtable table tr th {background:#D6F3E0;color:#00B140;} #AWCDataCA2021LP .CDCA_overflowtable table tr:nth-child(even) th, #AWCDataCA2021LP .CDCA_overflowtable table tr:nth-child(2n) th {background:#F7FCF9;} #AWCDataCA2021LP .CDCA_overflowtable table tr td {background:#F0F0F0;} #AWCDataCA2021LP .CDCA_overflowtable table tr:nth-child(even) td, #AWCDataCA2021LP .CDCA_overflowtable table tr:nth-child(2n) td {background:#FFF;} /* 申し込み方法 */ #AWCDataCA2021LP .CDCA_step {} #AWCDataCA2021LP .CDCA_step .flexboxinner {position:relative;overflow:visible;background:#FFF;margin:50px auto 60px;} #AWCDataCA2021LP .CDCA_step .flexboxinner:after {display:block;position:absolute;content:'';right:-40px;top:0;width:31px;height:100%;background:url(img/AWCDataCA2021_stepArrow.png) 0 50% no-repeat;} #AWCDataCA2021LP .CDCA_step .flexboxinner.CDCA_step03:after {display:none;} #AWCDataCA2021LP .CDCA_step .flexboxinner h3 {font-size:174%;line-height:1.4;color:#FFF;text-align:center;height:5em;margin:0 0 25px;padding:0 1em;} #AWCDataCA2021LP .CDCA_step .flexboxinner h3 {display:flex;flex-flow:row wrap;justify-content:center;align-items:center;align-content:center;} #AWCDataCA2021LP .CDCA_step .flexboxinner h3 span {display:block;align-self:center;box-sizing:border-box;overflow:hidden;} #AWCDataCA2021LP .CDCA_step .flexboxinner p {font-size:138.5%;text-align:center;padding:0 1.5em;} #AWCDataCA2021LP .CDCA_step .flexboxinner img {max-width:100%;margin:0 auto 40px;} #AWCDataCA2021LP .CDCA_step .flexboxinner a {display:block;box-sizing:border-box;overflow:hidden;width:100%;height:100%;border-radius:30px;margin:0 auto 30px;} #AWCDataCA2021LP .CDCA_step .flexboxinner a {font-size:153.9%;width:80%;height:60px;line-height:55px;} #AWCDataCA2021LP .CDCA_step .flexboxinner a strong {} #AWCDataCA2021LP .CDCA_step .flexboxinner a:after {content:'▶';font-size:85%;padding:0 0 0 5px;} #AWCDataCA2021LP .CDCA_step .flexboxinner a:hover, #AWCDataCA2021LP .CDCA_step .flexboxinner a:active {color:#FFF;} #AWCDataCA2021LP .CDCA_step01 h3 {background:#64C546;} /* Warpグリーン */ #AWCDataCA2021LP .CDCA_step01 p {color:#64C546;} #AWCDataCA2021LP .CDCA_step02 h3 {background:#F7A713;} /* 共通オレンジと同じっぽい */ #AWCDataCA2021LP .CDCA_step02 p {color:#F7A713;} #AWCDataCA2021LP .CDCA_step02 a {color:#F7A713;border:5px solid #F7A713;} #AWCDataCA2021LP .CDCA_step02 a:hover, #AWCDataCA2021LP .CDCA_step02 a:active {background-color:#F7A713;} #AWCDataCA2021LP .CDCA_step03 h3 {background:#307FE2;} /* 共通ブルーと同じっぽい */ #AWCDataCA2021LP .CDCA_step03 p {color:#307FE2;} #AWCDataCA2021LP .CDCA_step03 a {color:#307FE2;border:5px solid #307FE2;} #AWCDataCA2021LP .CDCA_step03 a:hover, #AWCDataCA2021LP .CDCA_step03 a:active {background-color:#307FE2;} /* お問い合わせ */ #AWCDataCA2021LP .CDCA_entry {box-sizing:border-box;overflow:hidden;} #AWCDataCA2021LP .CDCA_entry p.bigger {font-size:197%;text-align:center;} #AWCDataCA2021LP .CDCA_entry a {} #AWCDataCA2021LP .CDCA_entry a {position:relative;display:block;max-width:600px;height:auto;line-height:110px;font-size:197%;font-weight:600;color:#fff;text-align:center;margin:0 auto;} #AWCDataCA2021LP .CDCA_entry a {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));} #AWCDataCA2021LP .CDCA_entry a:active, #AWCDataCA2021LP .CDCA_entry a:hover {background:#444;border-radius:8px;} /* 評価版登録＆問い合わせ ★ */ #AWCDataCA2021LP .CDCA_entry_and_contact {box-sizing:border-box;overflow:hidden;} #AWCDataCA2021LP .CDCA_entry_and_contact img {display:block;max-width:90%;margin:0 auto;} #AWCDataCA2021LP .CDCA_entry_and_contact p {font-size:138.5%;text-align:center;} #AWCDataCA2021LP .CDCA_entry_and_contact a {position:relative;display:block;max-width:480px;height:auto;line-height:110px;font-size:182%;font-weight:600;color:#fff;text-align:center;margin:0 auto;} #AWCDataCA2021LP .CDCA_entry_and_contact a.trial {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));} #AWCDataCA2021LP .CDCA_entry_and_contact a.contact {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));} #AWCDataCA2021LP .CDCA_entry_and_contact a.trial:active, #AWCDataCA2021LP .CDCA_entry_and_contact a.trial:hover {background:#43942C;border-radius:8px;} #AWCDataCA2021LP .CDCA_entry_and_contact a.contact:active, #AWCDataCA2021LP .CDCA_entry_and_contact a.contact:hover {background:#444;border-radius:8px;} /* flexbox 評価版登録＆問い合わせ */ #AWCDataCA2021LP .CDCA_entry_and_contact .flexbox {max-width:1075px;} /* 対象アダプター */ #AWCDataCA2021LP .CDCA_list {} #AWCDataCA2021LP .CDCA_list .flexboxinner {margin:50px auto 60px;} /*---------------------------------------------------------------------------- ★左右余白（1260px以下）CSS 2020/12 ----------------------------------------------------------------------------*/ /* PC width 1260px 以下 */ @media screen and (max-width:1560px) { #AWCDataCA2021LP .CDCA_mainvisual, #AWCDataCA2021LP .CDCA_heading, #AWCDataCA2021LP .CDCA_overflow, #AWCDataCA2021LP .CDCA_overflowtable, #AWCDataCA2021LP .CDCA_step, #AWCDataCA2021LP .CDCA_entry, #AWCDataCA2021LP .CDCA_entry_and_contact, #AWCDataCA2021LP .CDCA_list {padding-left:30px;padding-right:30px;} #AWCDataCA2021LP .CDCA_mainvisual h2 {width:100%;} } /* ブレークポイント（1023.84px = 63.99em以下なら）*/ @media (max-width:63.99em){ #AWCDataCA2021LP .CDCA_mainvisual, #AWCDataCA2021LP .CDCA_heading, #AWCDataCA2021LP .CDCA_overflow, #AWCDataCA2021LP .CDCA_overflowtable, #AWCDataCA2021LP .CDCA_step, #AWCDataCA2021LP .CDCA_entry, #AWCDataCA2021LP .CDCA_entry_and_contact, #AWCDataCA2021LP .CDCA_list {padding-left:5%;padding-right:5%;} #AWCDataCA2021LP .CDCA_step .flexboxinner p {padding:0 1em;} #AWCDataCA2021LP .CDCA_step .flexboxinner p br, #AWCDataCA2021LP .CDCA_entry_and_contact p br {display:none;} #AWCDataCA2021LP .CDCA_mainvisual h1 strong {font-size:125%;} /* おおよそ */ #AWCDataCA2021LP .CDCA_mainvisual h2 {font-size:167%;} } /* AWLocalGovCA2020LP 2020/12 */ #AWLocalGovCA2020LP {background:url(img/AWLocalGovCA2020_Mainbg.png) 50% 0 repeat-x;position:relative;} /* メインビジュアル */ #AWLocalGovCA2020LP .LGCA_mainvisual {height:600px;position:relative;z-index:0;} #AWLocalGovCA2020LP .LGCA_mainvisual {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;text-align:center;margin:0 auto;padding:40px 0 0 0;} #AWLocalGovCA2020LP .LGCA_mainvisual h1 {font-size:300%;line-height:1.4;margin:0 0 10px;color:#FFF;font-weight:500;text-shadow:0px 0px 8px rgba(0, 0, 0, 0.5);box-sizing:border-box;overflow:hidden;height:3.5em;} #AWLocalGovCA2020LP .LGCA_mainvisual h1 strong {font-size:150%;font-weight:600;} /* おおよそ */ #AWLocalGovCA2020LP .LGCA_mainvisual h2 {font-size:189%;line-height:1.2;color:#474747;font-weight:600;box-sizing:border-box;overflow:hidden;height:5.3em;} #AWLocalGovCA2020LP .LGCA_mainvisual h2 strong {font-size:150%;} /* おおよそ */ #AWLocalGovCA2020LP .LGCA_mainvisual h2 {background:rgb(255 255 255 / 90%);width:86%;border-radius:10px;box-sizing:border-box;overflow:hidden;margin:0 auto 15px;padding:15px 15px;} #AWLocalGovCA2020LP .LGCA_mainvisual h3 {font-size:167%;line-height:1.2;color:#FFF;font-weight:600;text-align:center;} #AWLocalGovCA2020LP .LGCA_mainvisual h3 strong {font-size:150%;} /* おおよそ */ #AWLocalGovCA2020LP .LGCA_mainvisual .fontArial {font-family:Arial,sans-serif;} #AWLocalGovCA2020LP .LGCA_mainvisual .people {width:200%;height:130px;overflow:hidden;margin:0 -50% 35px;text-align:center;} #AWLocalGovCA2020LP .LGCA_mainvisual .people img {display:block;max-width:100%;margin:0 auto;} /* 前景 */ #AWLocalGovCA2020LP .LGCA_whiteover {position:relative;z-index:1;width:100%;min-height:1200px;margin:-625px 0 0;padding:625px 0 0;background: url(img/AWLocalGovCA2020_Mainbgover.png) 50% 0 repeat-x;} /* 背景白 */ #AWLocalGovCA2020LP .BGwhite {background-color:#FFF !important;} /* 背景グリーン */ #AWLocalGovCA2020LP .BGgreen {background-color:#F5FCF7 !important;} /* 背景グレー */ #AWLocalGovCA2020LP .BGgray {background-color:#F5F5F5 !important;} /* 背景ブルー */ #AWLocalGovCA2020LP .BGblue {background-color:#E7F1F8 !important;} /* ブルー */ #AWLocalGovCA2020LP .blue {color:#307fe2 !important;} /* グリーン */ #AWLocalGovCA2020LP .green {color:#00B140 !important;} /* オレンジ */ #AWLocalGovCA2020LP .orange {color:#f7a713 !important;} /* レッド */ #AWLocalGovCA2020LP .red {color:#fe0027 !important;} /* flexbox */ #AWLocalGovCA2020LP .flexbox {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #AWLocalGovCA2020LP .flexbox {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} #AWLocalGovCA2020LP .flexboxinner {align-self: stretch;} #AWLocalGovCA2020LP .flexboxinner {box-sizing:border-box;overflow:hidden;} /* flexbox 1カラム */ #AWLocalGovCA2020LP .flexbox.LGCA_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 2カラム */ #AWLocalGovCA2020LP .flexbox.LGCA_2col .flexboxinner {flex:0 0 48%;max-width:48%;} /* flexbox 3カラム */ #AWLocalGovCA2020LP .flexbox.LGCA_3col .flexboxinner {flex:0 0 29.33%;max-width:29.33%;} /* 大見出し */ #AWLocalGovCA2020LP .LGCA_heading {margin:0 auto;padding:0;box-sizing:border-box;overflow:hidden;} #AWLocalGovCA2020LP .LGCA_heading h2 {font-size:274%;margin:80px auto 30px;padding:0;} #AWLocalGovCA2020LP .LGCA_heading h2 strong {font-weight:600;} #AWLocalGovCA2020LP .LGCA_heading h2:before {display:block;content:'';margin:0 auto 30px;} #AWLocalGovCA2020LP .LGCA_heading h2.overflow:before {width:120px;height:133px;background:url(img/AWLocalGovCA2020_overflowicon.png) 0 0 no-repeat;} #AWLocalGovCA2020LP .LGCA_heading h2.step:before {width:136px;height:123px;background:url(img/AWLocalGovCA2020_stepicon.png) 0 0 no-repeat;} #AWLocalGovCA2020LP .LGCA_heading h2.list:before {width:120px;height:121px;background:url(img/AWLocalGovCA2020_listicon.png) 0 0 no-repeat;} /* 概要 */ #AWLocalGovCA2020LP .LGCA_overflow {box-sizing:border-box;overflow:hidden;} #AWLocalGovCA2020LP .LGCA_overflow p {font-size:146.5%;text-align:left;margin:0 0 30px;} /* 概要：背景アイコンを左表示（PDF）*/ #AWLocalGovCA2020LP .LGCA_overflow p.center {text-align:center;} #AWLocalGovCA2020LP .LGCA_overflow p.pdficon a {background:none;padding:0 !important;} #AWLocalGovCA2020LP .LGCA_overflow p.pdficon a:before {padding:0 0 0 1em;background-color:red;content:'';} #AWLocalGovCA2020LP .LGCA_overflow p.pdficon a[href*=".pdf"]:before {background:url(img/icon_pdf_mini.gif) no-repeat left center;} /* 概要テーブル */ #AWLocalGovCA2020LP .LGCA_overflowtable {box-sizing:border-box;overflow:hidden;} #AWLocalGovCA2020LP .LGCA_overflowtable table {width:100%;margin:50px auto 60px;box-sizing:border-box;overflow:hidden;} #AWLocalGovCA2020LP .LGCA_overflowtable table tr th, #AWLocalGovCA2020LP .LGCA_overflowtable table tr td {font-size:146.5%;font-weight:500;text-align:left;padding:10px 15px 6px;} #AWLocalGovCA2020LP .LGCA_overflowtable table tr th {background:#D6F3E0;color:#00B140;} #AWLocalGovCA2020LP .LGCA_overflowtable table tr:nth-child(even) th, #AWLocalGovCA2020LP .LGCA_overflowtable table tr:nth-child(2n) th {background:#F7FCF9;} #AWLocalGovCA2020LP .LGCA_overflowtable table tr td {background:#F0F0F0;} #AWLocalGovCA2020LP .LGCA_overflowtable table tr:nth-child(even) td, #AWLocalGovCA2020LP .LGCA_overflowtable table tr:nth-child(2n) td {background:#FFF;} /* 申し込み方法 */ #AWLocalGovCA2020LP .LGCA_step {} #AWLocalGovCA2020LP .LGCA_step .flexboxinner {position:relative;overflow:visible;background:#FFF;margin:50px auto 60px;} #AWLocalGovCA2020LP .LGCA_step .flexboxinner:after {display:block;position:absolute;content:'';right:-40px;top:0;width:31px;height:100%;background:url(img/AWLocalGovCA2020_stepArrow.png) 0 50% no-repeat;} #AWLocalGovCA2020LP .LGCA_step .flexboxinner.LGCA_step03:after {display:none;} #AWLocalGovCA2020LP .LGCA_step .flexboxinner h3 {font-size:174%;line-height:1.4;color:#FFF;text-align:center;height:5em;margin:0 0 25px;padding:0 1em;} #AWLocalGovCA2020LP .LGCA_step .flexboxinner h3 {display:flex;flex-flow:row wrap;justify-content:center;align-items:center;align-content:center;} #AWLocalGovCA2020LP .LGCA_step .flexboxinner h3 span {display:block;align-self:center;box-sizing:border-box;overflow:hidden;} #AWLocalGovCA2020LP .LGCA_step .flexboxinner h3 small {font-size:70%;} #AWLocalGovCA2020LP .LGCA_step .flexboxinner p {font-size:138.5%;text-align:center;padding:0 5px;} #AWLocalGovCA2020LP .LGCA_step .flexboxinner p small.gray {display:block;font-size:70%;color:#777;margin:15px auto 0;} #AWLocalGovCA2020LP .LGCA_step .flexboxinner img {max-width:80%;margin:0 auto 20px;} #AWLocalGovCA2020LP .LGCA_step01 h3 {background:#64C546;} /* Warpグリーン */ #AWLocalGovCA2020LP .LGCA_step01 p {color:#64C546;} #AWLocalGovCA2020LP .LGCA_step02 h3 {background:#F7A713;} /* 共通オレンジと同じっぽい */ #AWLocalGovCA2020LP .LGCA_step02 p {color:#F7A713;} #AWLocalGovCA2020LP .LGCA_step03 h3 {background:#307FE2;} /* 共通ブルーと同じっぽい */ #AWLocalGovCA2020LP .LGCA_step03 p {color:#307FE2;} /* 評価版登録 */ #AWLocalGovCA2020LP .LGCA_entry {box-sizing:border-box;overflow:hidden;} #AWLocalGovCA2020LP .LGCA_entry p.bigger {font-size:197%;text-align:center;} #AWLocalGovCA2020LP .LGCA_entry a {} #AWLocalGovCA2020LP .LGCA_entry a {position:relative;display:block;max-width:600px;height:auto;line-height:110px;font-size:197%;font-weight:600;color:#fff;text-align:center;margin:0 auto;} #AWLocalGovCA2020LP .LGCA_entry a {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));} #AWLocalGovCA2020LP .LGCA_entry a:active, #AWLocalGovCA2020LP .LGCA_entry a:hover {background:#43942C;border-radius:8px;} /* 評価版登録＆問い合わせ */ #AWLocalGovCA2020LP .LGCA_entry_and_contact {box-sizing:border-box;overflow:hidden;} #AWLocalGovCA2020LP .LGCA_entry_and_contact img {display:block;max-width:90%;margin:0 auto;} #AWLocalGovCA2020LP .LGCA_entry_and_contact p {font-size:138.5%;text-align:center;} #AWLocalGovCA2020LP .LGCA_entry_and_contact a {position:relative;display:block;max-width:480px;height:auto;line-height:110px;font-size:182%;font-weight:600;color:#fff;text-align:center;margin:0 auto;} #AWLocalGovCA2020LP .LGCA_entry_and_contact a.trial {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));} #AWLocalGovCA2020LP .LGCA_entry_and_contact a.contact {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));} #AWLocalGovCA2020LP .LGCA_entry_and_contact a.trial:active, #AWLocalGovCA2020LP .LGCA_entry_and_contact a.trial:hover {background:#43942C;border-radius:8px;} #AWLocalGovCA2020LP .LGCA_entry_and_contact a.contact:active, #AWLocalGovCA2020LP .LGCA_entry_and_contact a.contact:hover {background:#444;border-radius:8px;} /* flexbox 評価版登録＆問い合わせ */ #AWLocalGovCA2020LP .LGCA_entry_and_contact .flexbox {max-width:1075px;} /* 適用業務 */ #AWLocalGovCA2020LP .LGCA_list {} #AWLocalGovCA2020LP .LGCA_list .flexboxinner {background:#FFF;border:5px solid #0F79BF;border-radius:20px;margin:50px auto 60px;padding:35px 40px 5px;} #AWLocalGovCA2020LP .LGCA_list h3 {font-size:197%;color:#0F79BF;text-align:center;margin:0 auto 20px;} #AWLocalGovCA2020LP .LGCA_list h4 {font-size:161%;font-weight:600;text-align:left;margin:0 0 0 15px;} #AWLocalGovCA2020LP .LGCA_list div.BGblue {box-sizing:border-box;overflow:hidden;margin:0 auto 35px;padding:25px 30px 25px 0;} #AWLocalGovCA2020LP .LGCA_list div.BGblue.listPic01 ul {background:url(img/AWLocalGovCA2020_listPic01.png) right 50% no-repeat;} #AWLocalGovCA2020LP .LGCA_list div.BGblue.listPic02 ul {background:url(img/AWLocalGovCA2020_listPic02.png) right 50% no-repeat;} #AWLocalGovCA2020LP .LGCA_list div.BGblue.listPic03 ul {background:url(img/AWLocalGovCA2020_listPic03.png) right 50% no-repeat;} #AWLocalGovCA2020LP .LGCA_list div.BGblue.listPic04 ul {background:url(img/AWLocalGovCA2020_listPic04.png) right 50% no-repeat;} #AWLocalGovCA2020LP .LGCA_list div.BGblue.listPic05 ul {background:url(img/AWLocalGovCA2020_listPic05.png) right 50% no-repeat;} #AWLocalGovCA2020LP .LGCA_list div.BGblue.listPic06 ul {background:url(img/AWLocalGovCA2020_listPic06.png) right 50% no-repeat;} #AWLocalGovCA2020LP .LGCA_list ul {width:auto;list-style:none;margin:0 0 0 30px;} #AWLocalGovCA2020LP .LGCA_list ul li {font-size:138.5%;line-height:1.8;background:url(img/AWLocalGovCA2020_listArrow.png) 0 45% no-repeat;padding:0 0 0 26px;} /*---------------------------------------------------------------------------- ★左右余白（1260px以下）CSS 2020/12 ----------------------------------------------------------------------------*/ /* PC width 1260px 以下 */ @media screen and (max-width:1560px) { #AWLocalGovCA2020LP .LGCA_mainvisual, #AWLocalGovCA2020LP .LGCA_heading, #AWLocalGovCA2020LP .LGCA_overflow, #AWLocalGovCA2020LP .LGCA_overflowtable, #AWLocalGovCA2020LP .LGCA_step, #AWLocalGovCA2020LP .LGCA_entry, #AWLocalGovCA2020LP .LGCA_entry_and_contact, #AWLocalGovCA2020LP .LGCA_list {padding-left:30px;padding-right:30px;} #AWLocalGovCA2020LP .LGCA_mainvisual h2 {width:100%;} } /* ブレークポイント（1023.84px = 63.99em以下なら）*/ @media (max-width:63.99em){ #AWLocalGovCA2020LP .LGCA_mainvisual, #AWLocalGovCA2020LP .LGCA_heading, #AWLocalGovCA2020LP .LGCA_overflow, #AWLocalGovCA2020LP .LGCA_overflowtable, #AWLocalGovCA2020LP .LGCA_step, #AWLocalGovCA2020LP .LGCA_entry, #AWLocalGovCA2020LP .LGCA_entry_and_contact, #AWLocalGovCA2020LP .LGCA_list {padding-left:5%;padding-right:5%;} #AWLocalGovCA2020LP .LGCA_step .flexboxinner p {padding:0 1em;} #AWLocalGovCA2020LP .LGCA_step .flexboxinner p br, #AWLocalGovCA2020LP .LGCA_entry_and_contact p br {display:none;} #AWLocalGovCA2020LP .LGCA_mainvisual {padding:70px 0 0;} #AWLocalGovCA2020LP .LGCA_mainvisual h1 strong {font-size:125%;} /* おおよそ */ #AWLocalGovCA2020LP .LGCA_mainvisual h2 {font-size:167%;} } /* AESPLP 2020/10 */ #AESPLP2010 {background:url(img/AESP_202010_bgMain.png) 50% 0 repeat-x;position:relative;} /* メインビジュアル */ #AESPLP2010 .AESP_mainvisual {height:510px;position:relative;z-index:0;} #AESPLP2010 .AESP_mainvisual {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;text-align:center;margin:0 auto;padding:75px 0 0 0;} #AESPLP2010 .AESP_mainvisual h1, #AESPLP2010 .AESP_mainvisual h2 {position:relative;z-index:1;color: #FFF;font-weight:normal;text-shadow:0px 0px 8px rgba(0, 0, 0, 0.5);} #AESPLP2010 .AESP_mainvisual h1 {font-size: 415%;line-height:1.4;letter-spacing:1px;margin:0 0 10px;} #AESPLP2010 .AESP_mainvisual h1 strong {font-size:131%;font-weight:600;} /* おおよそ */ #AESPLP2010 .AESP_mainvisual h2 {font-size: 230%;line-height:1.8;letter-spacing:1px;} #AESPLP2010 .AESP_mainvisual h2 strong {font-size:140%;} /* おおよそ */ /* 前景 */ #AESPLP2010 .AESP_whiteover {position:relative;z-index:1;width:100%;min-height:1220px;margin:-531px 0 0;padding:531px 0 0;background: url(img/AESP_202010_bgOver.png) 50% 0 repeat-x;} /* 背景白 */ #AESPLP2010 .BGwhite {background-color:#FFF !important;} /* 背景グレー */ #AESPLP2010 .BGgray {background-color:#F5F5F5 !important;} /* ブルー */ #AESPLP2010 .blue {color:#307fe2 !important;} /* グリーン */ #AESPLP2010 .green {color:#00B140 !important;} /* オレンジ */ #AESPLP2010 .orange {color:#f7a713 !important;} /* flexbox */ #AESPLP2010 .flexbox {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #AESPLP2010 .flexbox {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} #AESPLP2010 .flexboxinner {align-self: stretch;} #AESPLP2010 .flexboxinner {box-sizing:border-box;overflow:hidden;} /* flexbox 1カラム */ #AESPLP2010 .flexbox.AESP_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 2カラム */ #AESPLP2010 .flexbox.AESP_2col .flexboxinner {flex:0 0 48%;max-width:48%;} /* flexbox 3カラム */ #AESPLP2010 .flexbox.AESP_3col .flexboxinner {flex:0 0 30.33%;max-width:30.33%;} /* 問い合わせ */ #AESPLP2010 .AESP_entry {box-sizing:border-box;overflow:hidden;} #AESPLP2010 .AESP_entry p {font-size:161.6%;text-align:center;margin:0 0 30px;} #AESPLP2010 .AESP_entry p strong.bigger {font-size:167%;} #AESPLP2010 .AESP_entry a {position:relative;display:block;max-width:600px;height:auto;line-height:110px;font-size:174%;font-weight:600;color:#fff;text-align:center;margin:0 auto;} #AESPLP2010 .AESP_entry a {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));} #AESPLP2010 .AESP_entry a:active, #AESPLP2010 .AESP_entry a:hover {background:#444;border-radius:8px;} /* 概要 */ #AESPLP2010 .AESP_overflow {margin:0 auto;box-sizing:border-box;overflow:hidden;} #AESPLP2010 .AESP_overflow h2 {font-size:274%;margin:80px auto 50px;padding:0;} #AESPLP2010 .AESP_overflow h2 strong {font-weight:600;} #AESPLP2010 .AESP_overflow h2 small {font-size:60%;} #AESPLP2010 .AESP_overflow h3 {font-size:216%;color:#313131;text-align:center;margin:0 auto 30px;} #AESPLP2010 .AESP_overflow p {font-size:146.5%;margin:0;} #AESPLP2010 .AESP_overflow p.center {text-align:center;} #AESPLP2010 .AESP_overflow p a:hover, #AESPLP2010 .AESP_overflow p a:active {text-decoration:underline;} #AESPLP2010 .AESP_overflow .AESPLP_2010_SolutionPack img {max-width:100%;margin:80px auto 0;} #AESPLP2010 .AESP_overflow .AESPLP_2010_LITMUS_VCIMBox img {max-width:100%;margin:50px auto 40px;} /* flexbox 概要 */ #AESPLP2010 .AESP_overflow .flexbox {flex-flow:row wrap;justify-content:center;} #AESPLP2010 .AESP_overflow .flexbox .flexboxinner {flex:0 0 auto;margin:0 20px;} /* flexbox 概要 子要素 - flexbox */ #AESPLP2010 .AESP_overflow .flexbox .flexboxinner {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;} /* 製品イメージ */ #AESPLP2010 .AESP_products {margin:0 0 80px;} /* flexbox 製品イメージ */ #AESPLP2010 .AESP_Pbox {position:relative;z-index:0;margin:60px 0;box-sizing:border-box;overflow:hidden;} #AESPLP2010 .AESP_Pbox img {margin:0;max-width:100%;} /* flexbox 製品イメージ 子要素 - flexbox */ #AESPLP2010 .AESP_Pbox.flexboxinner {display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;} /* 価格 */ #AESPLP2010 .AESP_price {margin:60px 0 80px;} #AESPLP2010 .AESP_price img.yen {max-width:100%;margin:0 auto -40px;} #AESPLP2010 .AESP_price .AESP_price_inner {padding:70px 0 50px;} #AESPLP2010 .AESP_price .AESPicon_yen {font-size:267%;font-weight:600;color:#313131;} #AESPLP2010 .AESP_price .AESPicon_yen .hiyo {line-height:1.2;} #AESPLP2010 .AESP_price .AESPicon_yen .zero {line-height:1;font-weight:600;} #AESPLP2010 .AESP_price .AESPicon_yen .zero strong {font-size:110px;font-weight:600;} /* flexbox 価格 */ #AESPLP2010 .AESP_price .flexbox {flex-flow:row wrap;justify-content:center;} #AESPLP2010 .AESP_price .flexbox .flexboxinner {flex:0 0 auto;} #AESPLP2010 .AESP_price .flexbox .flexboxinner:nth-child(1) {margin:0 20px 0 0;} /* flexbox 価格 子要素 - flexbox */ #AESPLP2010 .AESP_price .flexbox .AESPicon_yen.flexboxinner {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;} /* 価格 table */ #AESPLP2010 .AESP_price_table {} #AESPLP2010 .AESP_price_table .tablebox {margin:0 0 80px;} #AESPLP2010 .AESP_price_table .tablebox table {width:100%;max-width:1500px;margin:0 auto;font-size:174%;line-height:1.5;overflow:hidden;} #AESPLP2010 .AESP_price_table .tablebox table th, #AESPLP2010 .AESP_price_table .tablebox table td {padding:30px 30px 25px;border:1px solid #C8CCCC;border-left:none;border-right:none;} #AESPLP2010 .AESP_price_table .tablebox table th {color:#00B140;letter-spacing:1.4px;text-align:center;width:35%;} #AESPLP2010 .AESP_price_table .tablebox table td {text-align:left;width:auto;} #AESPLP2010 .AESP_price_table .tablebox table small {font-size:70%;color:#777;} #AESPLP2010 .AESP_price_table .tablebox table span.left {text-align:left;} #AESPLP2010 .AESP_price_table .tablebox table tbody td strong{font-size:123.1%;} /*---------------------------------------------------------------------------- ★左右余白（1260px以下）CSS 2020/10 ----------------------------------------------------------------------------*/ /* PC width 1260px 以下 */ @media screen and (max-width:1560px) { #AESPLP2010 .AESP_mainvisual, #AESPLP2010 .AESP_overflow, #AESPLP2010 .AESP_price, #AESPLP2010 .AESP_price_table, #AESPLP2010 .AESP_products {padding-left:30px;padding-right:30px;} } /* ブレークポイント（1023.84px = 63.99em以下なら）*/ @media (max-width:63.99em){ #AESPLP2010 .AESP_mainvisual, #AESPLP2010 .AESP_overflow, #AESPLP2010 .AESP_price, #AESPLP2010 .AESP_price_table, #AESPLP2010 .AESP_products {padding-left:5%;padding-right:5%;} #AESPLP2010 {background-position:50% 0;} } /* AWCLP 1910 */ #AWCLP1910 {background: url(img/AWCLP_1910_bgMain.png) 50% 0 repeat-x;position:relative;} /* メインビジュアル */ #AWCLP1910 .AWC_mainvisual {height: 950px; position:relative; z-index:0; } #AWCLP1910 .AWC_mainvisual {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} #AWCLP1910 .AWC_mainvisual h1 {position:relative;z-index:1;color: #313131;font-size: 415%;letter-spacing:2px;font-weight: 600;} #AWCLP1910 .AWC_mainvisual h2 {position:relative;z-index:1;color: #313131;font-size: 230%;letter-spacing:1.5px;font-weight: 600;} #AWCLP1910 .AWC_mainvisual h3 {position:relative;z-index:1;color: #313131;font-size: 189%;letter-spacing:1.5px;font-weight:normal;} #AWCLP1910 .AWC_mainvisual .h3text {margin:1em 0;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_mainvisual .h3text h3 {float:left;margin:0 1em 0 0;} #AWCLP1910 .AWC_mainvisual img {position:relative;z-index:1;} /* AWCロゴ */ #AWCLP1910 .AWC_mainvisual .bginnerbox {position:absolute;z-index:0;} #AWCLP1910 .AWC_mainvisual .bginnerbox div {display:none;} /* 個別の位置 */ #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main01 {text-align:left;padding:50px 0 0 0;} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main01 h1 {} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main01 h2 {} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main01 img {} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main01 .bginnerbox {right:0;bottom:-100px;width:841px;height:991px;background: url(img/AWCLP_1910_Main01.png) 0 0 no-repeat;} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main01b {text-align:left;padding:50px 0 0 0;} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main01b h1 {font-size:523.1%;} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main01b h2 {} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main01b img {} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main01b .bginnerbox {right:0;top:80px;width:495px;height:608px;background: url(img/AWCLP_1910_Main01b.png) 0 0 no-repeat;} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main02 {text-align:left;padding:50px 0 0 0;} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main02 h1 {} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main02 h2 {} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main02 img {} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main02 .bginnerbox {right:0;top:70px;width:720px;height:599px;background: url(img/AWCLP_1910_Main02.png) 0 0 no-repeat;} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main03 {text-align:left;padding:50px 0 0 0;} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main03 h1 {} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main03 h2 {} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main03 img {} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main03 .bginnerbox {right:0;top:100px;width:633px;height:680px;background: url(img/AWCLP_1910_Main03.png) 0 0 no-repeat;} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main04 {text-align:left;padding:50px 0 0 0;} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main04 h1 {} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main04 h2 {} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main04 img {} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main04 .bginnerbox {right:0;top:230px;width:791px;height:381px;background: url(img/AWCLP_1910_Main04.png) 0 0 no-repeat;} /* 前景 */ #AWCLP1910 .AWC_whiteover {position:relative;z-index:1;width:100%;min-height:1220px;margin:-600px 0 0;padding:300px 0 0;background: url(img/AWCLP_1910_bgOver.png) 50% 0 repeat-x;} /* 背景白 */ #AWCLP1910 .BGwhite {background-color:#FFF !important;} /* 背景グレー */ #AWCLP1910 .BGgray {background-color:#F5F5F5 !important;} /* 背景グリーン */ #AWCLP1910 .BGgreen {background-color:#00B140 !important;} /* ブルー */ #AWCLP1910 .blue {color:#307fe2 !important;} /* グリーン */ #AWCLP1910 .green {color:#00B140 !important;} /* オレンジ */ #AWCLP1910 .orange {color:#f7a713 !important;} /* flexbox */ #AWCLP1910 .flexbox {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #AWCLP1910 .flexbox {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} #AWCLP1910 .flexboxinner {align-self: stretch;} #AWCLP1910 .flexboxinner {box-sizing:border-box;overflow:hidden;} /* flexbox 1カラム */ #AWCLP1910 .flexbox.AWC_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 2カラム */ #AWCLP1910 .flexbox.AWC_2col .flexboxinner {flex:0 0 48%;max-width:48%;} /* flexbox 3カラム */ #AWCLP1910 .flexbox.AWC_3col .flexboxinner {flex:0 0 31.33%;max-width:31.33%;} /* flexbox 4カラム */ #AWCLP1910 .flexbox.AWC_4col .flexboxinner {flex:0 0 23%;max-width:23%;} /* flexbox 5カラム */ #AWCLP1910 .flexbox.AWC_5col .flexboxinner {flex:0 0 19%;max-width:19%;} /* flexbox 6カラム */ #AWCLP1910 .flexbox.AWC_6col .flexboxinner {flex-basis:14.66%;max-width:14.66%;} /* 問い合わせ（評価版）*/ #AWCLP1910 .AWC_contact, #AWCLP1910 .AWC_contact_attention {box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_contact a {display:block;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_contact a {max-width:480px;height:120px;line-height:120px;font-size:182%;color:#fff;padding:0 25px;} #AWCLP1910 .AWC_contact a {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));} #AWCLP1910 .AWC_contact a:active, #AWCLP1910 .AWC_contact a:hover {background:#43942C;border-radius:8px;} #AWCLP1910 .AWC_contact a span {display:block;box-sizing:border-box;overflow:hidden;width:100px;line-height:100px;height:100px;} #AWCLP1910 .AWC_contact a span {font-size:77%;border:2px solid #FFF;border-radius:100%;margin:0 0 0 1em;} #AWCLP1910 .AWC_contact a span strong {font-size:138.5%;} #AWCLP1910 .AWC_contact p {font-size:131%;text-align:center;margin:30px 0;} /* flexbox 問い合わせ */ #AWCLP1910 .AWC_contact .flexbox {flex-flow:row nowrap;justify-content:center;} #AWCLP1910 .AWC_contact .flexbox .flexboxinner {flex:0 0 auto;margin:0 20px;} /* flexbox 問い合わせ 子要素 - flexbox */ #AWCLP1910 .AWC_contact .flexbox .flexboxinner a {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;} /* 課題 */ #AWCLP1910 .AWC_Taskbox {position:relative;padding:0 0 60px;} /* flexbox 課題 */ #AWCLP1910 .AWC_Task {position:relative;margin:90px 0 0;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_Task {width:30%;padding:15px 10px;background:#FFF;border:3px solid #00B140;} #AWCLP1910 .AWC_Task:before {position:absolute;z-index:1;left:15px;top:-50px;display:block;float:left;content:'';width:84px;height:81px;background:url(img/AWCLP_1910_iconTask.png) 0 0 no-repeat;} #AWCLP1910 .AWC_Task h4 {width:3em;font-size:138.5%;line-height:1;color:#FFF;background:#00B140;margin:0 auto 30px;padding:7px 5px 5px;} #AWCLP1910 .AWC_Task h3 {font-size:161.6%;color:#616161;text-align:center;margin:0 auto 30px;} #AWCLP1910 .AWC_Task h5 {font-size:131%;color:#313131;font-weight:normal;margin:2em auto 0;} /* flexbox 課題 子要素 - flexbox */ #AWCLP1910 .AWC_Taskbox .flexbox {} #AWCLP1910 .AWC_Taskbox .flexbox .flexboxinner {overflow:visible;} #AWCLP1910 .AWC_Taskbox .flexbox .flexboxinner {display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;} /* 概要 */ #AWCLP1910 .AWC_overflow {margin:0 auto;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_overflow h2 {font-size:274%;margin:60px auto 30px;padding:0 30px;} #AWCLP1910 .AWC_overflow h2 strong {font-weight:600;} #AWCLP1910 .AWC_overflow h2.bigger {font-size:431%;} #AWCLP1910 .AWC_overflow h2.whitepaper {font-size:338.5%;} #AWCLP1910 .AWC_overflow img.AWClogo {width:auto;height:90px;} #AWCLP1910 .AWC_overflow img.AWCicon {width:auto;height:75px;} #AWCLP1910 .AWC_overflow img.AWCwideArr5 {position:relative;left:0;top:-100px;margin:0 0 -100px;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_overflow h4 {font-size:216%;color:#313131;margin:0;} #AWCLP1910 .AWC_overflow h3 {font-size:289%;color:#313131;text-align:center;margin:0;} #AWCLP1910 .AWC_overflow h3.small {font-size:216%;} #AWCLP1910 .AWC_overflow h3.normal {font-weight:normal;} #AWCLP1910 .AWC_overflow p {font-size:131%;text-align:center;margin:0;} #AWCLP1910 .AWC_overflow .white {color:#FFF !important;} #AWCLP1910 .AWC_overflow .AWCLP_1910_RPA img {max-width:100%;} /* flexbox 概要 */ #AWCLP1910 .AWC_overflow .flexbox {flex-flow:row wrap;justify-content:center;} #AWCLP1910 .AWC_overflow .flexbox .flexboxinner {flex:0 0 auto;margin:0 20px;} /* flexbox 概要 子要素 - flexbox */ #AWCLP1910 .AWC_overflow .flexbox .flexboxinner {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;} /* 概要 矢印 pickup */ #AWCLP1910 .AWC_overflowArrow {position:relative;padding:70px 0 40px;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_overflowArrowNone {padding:40px 0 40px;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_pickup {position:relative;padding:25px 10px;background:#FFF;} #AWCLP1910 .AWC_pickup:before {position:absolute;z-index:1;left:0;top:-70px;display:block;content:'';width:100%;height:192px;background:url(img/AWCLP_1910_iconArrow.png) 50% -122px no-repeat;} #AWCLP1910 .AWC_pickup:after {position:absolute;z-index:1;left:-25px;top:-25px;display:block;content:'';width:55px;height:55px;background:url(img/AWCLP_1910_kaiketu.png) 50% 50% no-repeat;background-size:contain;} #AWCLP1910 .AWC_overflowArrowNone .AWC_pickup:before {display:none;} #AWCLP1910 .AWC_pickup h3 {font-size:167%;font-weight:600;text-align:center;color:#00B140;margin:0 0 25px;line-height:1.5;height:3em;overflow:hidden;} #AWCLP1910 .AWC_pickup h3.line_height3 {line-height:3;} #AWCLP1910 .AWC_pickup p {font-size:116%;margin:0 0 1em;min-height:8em;overflow:hidden;} #AWCLP1910 .AWC_pickup img {max-width:90%;} #AWCLP1910 .AWC_pickup a {display:inline-block;margin:1em 0 0;} #AWCLP1910 .AWC_pickup a:link {color:#307fe2;} /* flexbox 概要 矢印 pickup 子要素 - flexbox */ #AWCLP1910 .AWC_overflowArrow .flexbox, #AWCLP1910 .AWC_overflowArrowNone .flexbox {overflow:initial;} #AWCLP1910 .AWC_overflowArrow .flexbox .flexboxinner, #AWCLP1910 .AWC_overflowArrowNone .flexbox .flexboxinner {overflow:initial;} /* ルーチンリスト */ #AWCLP1910 .AWC_RoutineLists {position:relative;padding:0 0 60px;} /* flexbox リスト一覧 */ #AWCLP1910 .AWC_RoutineList {position:relative;margin:4% 0 0;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_RoutineList {background:#FFF;padding:30px;} #AWCLP1910 .AWC_RoutineList img {max-width:100%;margin:0 auto 30px;} #AWCLP1910 .AWC_RoutineList h3 {font-size:216%;color:#00B140;text-align:center;margin:0;} #AWCLP1910 .AWC_RoutineList p {text-align:center;margin:0;} /* flexbox リスト一覧 子要素 - flexbox */ #AWCLP1910 .AWC_RoutineLists .flexbox {} #AWCLP1910 .AWC_RoutineList.flexboxinner {} /* ブログ */ #AWCLP1910 .AWC_blog {} /* flexbox 記事 */ #AWCLP1910 .AWC_article {position:relative;z-index:0;margin:100px 0;background:#FFF;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_article img {margin:0 0 30px;width:100%;height:auto;} #AWCLP1910 .AWC_article .text {margin:0 1em 30px;text-align:left;} #AWCLP1910 .AWC_article .text a {color:#313131;font-size:108%;} #AWCLP1910 .AWC_article a.coverlink {display:block;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_article:active, #AWCLP1910 .AWC_article:hover {background:rgba(48, 127, 226, 0.1);border-radius:8px;} #AWCLP1910 .AWC_article:active .text a, #AWCLP1910 .AWC_article:hover .text a {color:#777;text-decoration:underline;} /* flexbox 記事 子要素 - flexbox */ #AWCLP1910 .AWC_article.flexboxinner {display:flex;flex-flow:column nowrap;} /* 特長 */ #AWCLP1910 .AWC_intro {margin:0 auto;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_intro {background: url(img/AWCLP_1910_bgGray.png) 50% 180px no-repeat;} /* flexbox 特長 */ #AWCLP1910 .AWC_introbox {text-align:left;} #AWCLP1910 .AWC_introbox h3 {font-size:174%;letter-spacing:1px;color:#313131;} #AWCLP1910 .AWC_introbox p {font-size:138.5%;} #AWCLP1910 .AWC_introbox img {max-width:100%;} /* 特長メイン */ #AWCLP1910 .AWC_introbox.intro_main:nth-child(1) {padding:0 2em 0 0;} #AWCLP1910 .AWC_introbox.intro_main {margin:50px 0;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_introbox.intro_main h3 {font-size:200%;} #AWCLP1910 .AWC_introbox.intro_main p {margin:0 0 2em;} #AWCLP1910 .AWC_introbox.intro_main img {} /* 特長メイン 子要素02 */ #AWCLP1910 .AWCLP_1910_Merit02 {max-width:629px;margin:0 0 0 auto;} #AWCLP1910 .AWCLP_1910_Merit02:before {display:block;content:'';width:auto;font-size:174%;height:1.7em;} /* 見出しを外した */ #AWCLP1910 .AWCLP_1910_Merit02_inner {position:relative;max-width:629px;max-height:398px;} #AWCLP1910 .AWCLP_1910_Merit02_inner .Merit02text01, #AWCLP1910 .AWCLP_1910_Merit02_inner .Merit02text02, #AWCLP1910 .AWCLP_1910_Merit02_inner .Merit02text03 {display:none;} #AWCLP1910 .AWCLP_1910_Merit02_inner strong {} #AWCLP1910 .AWCLP_1910_Merit02_inner img {} /* flexbox 特長メイン */ #AWCLP1910 .AWC_intro .intro_main h3.easy {margin:0;} #AWCLP1910 .AWC_intro .intro_main h3.flow {display:inline-block;padding:0 40px;} /* 外した */ #AWCLP1910 .AWC_intro .intro_main h3.flow {font-size:174%;line-height:2em;color:#FFF;background:#307fe2;} /* 外した */ #AWCLP1910 .AWC_intro .intro_main:nth-child(1) p {width:90%;} #AWCLP1910 .AWC_intro .intro_main:nth-child(2) p {width:85%;} #AWCLP1910 .AWC_intro .intro_main.flexboxinner:nth-child(1) {flex:0 0 45%;} #AWCLP1910 .AWC_intro .intro_main.flexboxinner:nth-child(2) {flex:0 0 55%;} /* flexbox 特長サブ 子要素 - flexbox */ #AWCLP1910 .AWC_intro .AWC_3col.flexbox {padding-top:3%;margin-bottom:90px} #AWCLP1910 .AWC_intro .intro_sub {background:#FFF;margin:0 0 3%;} #AWCLP1910 .AWC_intro .intro_sub p {margin:0 0 2em;} #AWCLP1910 .AWC_intro .intro_sub img {} #AWCLP1910 .AWC_intro .intro_sub .link a {display:inline-block;margin:1em auto 0;font-size:138.5%;} #AWCLP1910 .AWC_intro .intro_sub .link a:link {color:#307fe2;} #AWCLP1910 .AWC_intro .intro_sub.flexboxinner {padding:30px 20px;text-align:center;} /* 事例 */ #AWCLP1910 .AWC_case {} #AWCLP1910 .AWC_case_result {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} #AWCLP1910 .AWC_case_result div.index_area {width:auto;margin:0 0 0 -2%;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_case_result div.inner_box {position:relative;float:left;width:31.3%;*width:31.2%;min-height:424px;margin:0 0 2% 2%;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_case_result div.mr_3n {margin-right:0;} #AWCLP1910 .AWC_case_result div.inner_box .link_eria {position:relative;width:100%;min-height:424px;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_case_result div.inner_box .link_eria {border-radius:10px;border:3px solid #F5F5F5;background:#FFF;} #AWCLP1910 .AWC_case_result div.inner_box .link_eria a.link_eriaIN {display:block;width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;cursor:pointer;z-index:1;} #AWCLP1910 .AWC_case_result div.inner_box .link_eria a.extlink {position:absolute;right:8px;top:8px;width:13px;height:10px;z-index:1;left:initial;} #AWCLP1910 .AWC_case_result div.inner_box .data_box {border-bottom:1px dotted #CCC;margin-bottom:7px;overflow:hidden;height:280px;} #AWCLP1910 .AWC_case_result div.inner_box .data_box .rogo {width:220px;height:125px;margin:1em auto 0;overflow:hidden;} #AWCLP1910 .AWC_case_result div.inner_box .data_box .rogo img {width:220px;margin:-18px 0 0;} #AWCLP1910 .AWC_case_result div.inner_box .data_box h2 {font-size:146.5%;text-align:left;line-height:1.5;margin:0 1em;height:6em;overflow:hidden;} #AWCLP1910 .AWC_case_result div.inner_box .data_box h2 br {content:'';} #AWCLP1910 .AWC_case_result div.inner_box .data_box h2 br::after {content:' / ';} #AWCLP1910 .AWC_case_result div.inner_box .data_box .company {font-size:85%;margin:0 1em 10px;line-height:1.2;height:1.2em;overflow:hidden;} #AWCLP1910 .AWC_case_result div.inner_box .data_box .attention {width:36px;height:16px;overflow:hidden;position:absolute;left:8px;top:8px;font-size:93%;} #AWCLP1910 .AWC_case_result div.inner_box .data_box .attention span {display:block;color:#FFF;line-height:1;text-align:center;padding:3px 0 2px;} #AWCLP1910 .AWC_case_result div.inner_box .data_box .attention span.new {background-color:#C4565B;} #AWCLP1910 .AWC_case_result div.inner_box ul.category-block {text-align:left;margin:0 1em 4px;} #AWCLP1910 .AWC_case_result div.inner_box ul.category-block li {font-size:100%;line-height:1.3;color:#777;display:inline-block;padding:2px 3px 0;border:1px solid #C8CCCC;background-color:#F4F4F4;} #AWCLP1910 .AWC_case_result div.inner_box ul.category-inline {text-align:left;margin:0 1em 0;} #AWCLP1910 .AWC_case_result div.inner_box ul.category-inline li {font-size:85%;line-height:1.3;color:#777;display:inline;} #AWCLP1910 .AWC_case_result div.inner_box ul.category li strong {font-weight:bold;} #AWCLP1910 .AWC_case_result div.inner_box .outlink {position:absolute;width:100%;height:auto;bottom:0;margin:0 auto 25px;overflow:hidden;} #AWCLP1910 .AWC_case_result div.inner_box .outlink a {display:block;padding:0px 10px 0 12px;margin:0 1em;background:#313131;cursor:pointer;font-size:108%;line-height:40px;color:#FFF;height:40px;} #AWCLP1910 .AWC_case_result div.inner_box .outlink a i {color:#50B848;display:inline-block;}/* 2018/01 */ #AWCLP1910 .AWC_case_result div.inner_box .outlink a i:after {font-size:77%;content:'▶';}/* 2018/01 */ #AWCLP1910 .AWC_case_result div.inner_box .partner {color:#AAA;width:100%;height:25px;line-height:25px;font-size:77%;position:absolute;right:0;bottom:0;} /* 事例 ロールオーバー※template_common.js 2015/09/10 */ #AWCLP1910 .AWC_case_result div.inner_box .over_eria {border:3px solid #50B848;} #AWCLP1910 .AWC_case_result div.inner_box .over_eria img {opacity:0.75;} #AWCLP1910 .AWC_case_result div.inner_box .over_eria .outlink a {background:#50B848;} #AWCLP1910 .AWC_case_result div.inner_box .over_eria .outlink a i {color:#FFF;} /* 価格 */ #AWCLP1910 .AWC_price {margin:60px 0;} #AWCLP1910 .AWC_price .AWCicon_yen {font-size:216%;font-weight:400;color:#313131;} #AWCLP1910 .AWC_price .AWCicon_yen .hiyo {line-height:1.2;} #AWCLP1910 .AWC_price .AWCicon_yen .zero {line-height:1;font-weight:600;} #AWCLP1910 .AWC_price .AWCicon_yen .zero strong {font-size:110px;font-weight:600;} #AWCLP1910 .AWC_price .AWCtext_yen {color:#313131;} #AWCLP1910 .AWC_price .AWCtext_yen h2 {font-size:100%;line-height:1.2;font-weight:600;} #AWCLP1910 .AWC_price .AWCtext_yen h2.bigger {font-size:338.5%;} #AWCLP1910 .AWC_price .AWCtext_yen h3 {font-size:216%;font-weight:400;} /* flexbox 価格 */ #AWCLP1910 .AWC_price .flexbox {flex-flow:row wrap;justify-content:center;} #AWCLP1910 .AWC_price .flexbox .flexboxinner {flex:0 0 auto;} #AWCLP1910 .AWC_price .flexbox .flexboxinner:nth-child(1) {margin:0 20px 0 0;} /* flexbox 価格 子要素 - flexbox */ #AWCLP1910 .AWC_price .flexbox .AWCicon_yen.flexboxinner {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;} /* 価格 table */ #AWCLP1910 .AWC_price_table {} #AWCLP1910 .AWC_price_table .tablebox {margin:0 0 100px;} #AWCLP1910 .AWC_price_table .tablebox table{width:100%;max-width:1500px;margin:0 auto;font-size:120%;line-height:1.3;overflow:hidden;} #AWCLP1910 .AWC_price_table .tablebox table th{padding:15px 20px;border-right:2px solid #FFF;border-bottom:2px solid #FFF;background:#F0F0F0;} #AWCLP1910 .AWC_price_table .tablebox table td{padding:15px 20px;border-right:2px solid #FFF;border-bottom:2px solid #FFF;} #AWCLP1910 .AWC_price_table .tablebox table thead th{width:25%;background:none;color:#FFF;text-align:center;font-weight:bold;padding:1em 20px;font-size:138.5%;} #AWCLP1910 .AWC_price_table .tablebox table thead .col1{width:25%;background-color:#0068B7;} #AWCLP1910 .AWC_price_table .tablebox table thead .col2{width:25%;background-color:#0086D1;} #AWCLP1910 .AWC_price_table .tablebox table tbody th{text-align:left;} #AWCLP1910 .AWC_price_table .tablebox table tbody td{text-align:center;} #AWCLP1910 .AWC_price_table .tablebox table tbody td.col1{background-color:#EAF5FF;color:#005392;} #AWCLP1910 .AWC_price_table .tablebox table tbody td.col2{background-color:#EAF8FF;color:#006BA7;} #AWCLP1910 .AWC_price_table .tablebox table tbody td.col1 a{color:#005392;} #AWCLP1910 .AWC_price_table .tablebox table tbody td.col2 a{color:#006BA7;} #AWCLP1910 .AWC_price_table .tablebox table tbody td a:hover, #AWCLP1910 .AWC_price_table .tablebox table tbody td a:active, #AWCLP1910 .AWC_price_table .tablebox table tbody td a:focus{color:#C8CCCC;} #AWCLP1910 .AWC_price_table .tablebox table tbody td strong{font-size:161.6%;} /* ホワイトペーパー */ #AWCLP1910 .AWC_whitepaper {} /* flexbox ホワイトペーパー */ #AWCLP1910 .AWC_WPbox {margin:50px 0;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_WPbox img {margin:0;max-width:100%;} #AWCLP1910 .AWC_WPbox .text {margin:30px 0 0;line-height:1.5;min-height:7em;} #AWCLP1910 .AWC_WPbox h4 {font-size:108%;font-weight:600;color:#313131;} #AWCLP1910 .AWC_WPbox h5 {font-size:100%;font-weight:400;color:#313131;} /* 内部リンク 位置修正 2021/09 */ #AWCLP1910 .AWC_WPbox div.btnlink, #AWCLP1910 .AWC_WPbox a.btnlink {display:block;width:100%;height:60px;background:#313131;color:#FFF;} #AWCLP1910 .AWC_WPbox div.btnlink, #AWCLP1910 .AWC_WPbox a.btnlink {font-size:146.5%;font-weight:400;letter-spacing:5px;line-height:60px;} #AWCLP1910 .AWC_WPbox:active div.btnlink, #AWCLP1910 .AWC_WPbox:active a.btnlink, #AWCLP1910 .AWC_WPbox:hover div.btnlink, #AWCLP1910 .AWC_WPbox:hover a.btnlink {background:rgba(49, 49, 49, 0.9);} #AWCLP1910 .AWC_WPbox a.coverlink {display:block;width:100%;height:100%;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_WPbox:active, #AWCLP1910 .AWC_WPbox:hover {background:rgba(48, 127, 226, 0.1);border-radius:8px;} #AWCLP1910 .AWC_WPbox:active .BGwhite, #AWCLP1910 .AWC_WPbox:hover .BGwhite {background:rgba(48, 127, 226, 0.05);} /* flexbox ホワイトペーパー 子要素 - flexbox */ #AWCLP1910 .AWC_WPbox.flexboxinner {display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;} /* セミナー告知 */ #AWCLP1910 .AWC_seminer {padding:50px 0 100px;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_seminer .LINEblue {position:relative;z-index:0;box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} #AWCLP1910 .AWC_seminer .LINEblue {border:5px solid #307fe2;border-radius:25px;padding:50px 40px 30px;} #AWCLP1910 .AWC_seminer .LINEblue a.coverlink {display:block;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_seminer .LINEblue:active, #AWCLP1910 .AWC_seminer .LINEblue:hover {background:rgba(48, 127, 226, 0.05);} #AWCLP1910 .AWC_seminer .LINEblue:active h3, #AWCLP1910 .AWC_seminer .LINEblue:hover h3 {text-decoration:underline;} #AWCLP1910 .AWC_seminer .title {} #AWCLP1910 .AWC_seminer .title h4 {font-size:289%;line-height:1;margin:0 0 30px;} #AWCLP1910 .AWC_seminer .title h4 strong {display:inline-block;margin:0 15px 0 0;padding:5px 30px;} #AWCLP1910 .AWC_seminer .title h4 strong {font-size:70%;line-height:40px;color:#FFF;} #AWCLP1910 .AWC_seminer .title h4 strong.BGgreen {} #AWCLP1910 .AWC_seminer .title h3 {font-size:182%;color:#307fe2;text-align:center;} #AWCLP1910 .AWC_seminer .overflow img {} #AWCLP1910 .AWC_seminer .overflow p {font-size:123.1%;} #AWCLP1910 .AWC_seminer .overflow ul {margin:0 0 1em 10px;padding:0;} #AWCLP1910 .AWC_seminer .overflow ul li {position:relative;list-style-type:none !important;padding:0;margin:0;} #AWCLP1910 .AWC_seminer .overflow ul li {font-size:153.9%;font-weight:600;vertical-align: middle;} #AWCLP1910 .AWC_seminer .overflow ul li:before {display:inline-block;vertical-align: middle;} #AWCLP1910 .AWC_seminer .overflow ul li:before {content:'';width:0.75em;height:0.75em;background:#307fe2;border-radius: 50%;margin-right:8px;} #AWCLP1910 .AWC_seminer .overflow ul li a {color:#307fe2;} /* flexbox セミナー告知 */ #AWCLP1910 .AWC_seminer .overflow.flexbox {flex-flow:row nowrap;justify-content:center;} #AWCLP1910 .AWC_seminer .overflow.flexbox .flexboxinner {margin:0 20px;} #AWCLP1910 .AWC_seminer .overflow.flexbox .image.flexboxinner {flex:0 0 35%;} #AWCLP1910 .AWC_seminer .overflow.flexbox .text.flexboxinner {flex:0 0 65%;} /* 相談・質問 */ #AWCLP1910 .AWC_entry {box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_entry img {margin:0 0 30px;} #AWCLP1910 .AWC_entry p {font-size:161.6%;text-align:center;margin:0 0 30px;} #AWCLP1910 .AWC_entry p.overflow {font-size:131%;text-align:left;margin:0 0 30px;} #AWCLP1910 .AWC_entry a {} #AWCLP1910 .AWC_entry a {position:relative;display:block;max-width:640px;height:auto;line-height:90px;font-size:153.9%;color:#fff;text-align:center;margin:0 auto 90px;} #AWCLP1910 .AWC_entry a {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));} #AWCLP1910 .AWC_entry a i {width:11px;height:12px;display:inline-block;background:url(img/warpcore1702_trial_arrow.png) left center no-repeat;} /* ほかLPページリンク */ #AWCLP1910 .AWC_linkbox {box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_linkbox p {font-size:161.6%;text-align:center;margin:0 0 30px;} #AWCLP1910 .AWC_linkbox ul {margin:0 auto 1em;padding:0;} #AWCLP1910 .AWC_linkbox ul li {list-style-type:none !important;} #AWCLP1910 .AWC_linkbox ul li strong {font-weight:normal;} #AWCLP1910 .AWC_linkbox ul li a {position:relative;display:inline-block;width:100%;height:50px;box-sizing:border-box;overflow:hidden;} #AWCLP1910 .AWC_linkbox ul li a {line-height:50px;font-size:131%;text-align:center;border-radius:25px;} #AWCLP1910 .AWC_linkbox ul li a {color:#313131 !important;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));} #AWCLP1910 .AWC_linkbox ul li a u {text-decoration:none;border-bottom:1px solid;line-height:1;display:inline-block;} #AWCLP1910 .AWC_linkbox ul li a i {background:url(img/warp_lp_contents_contact_arrow.gif) right center no-repeat;width:7px;height:8px;display:inline-block;position:absolute;right:19px;top:19px;} /* 共通ボタンオーバー表現：白 */ #AWCLP1910 .AWC_linkbox ul li a:hover {background:#E4E4E4;} #AWCLP1910 .AWC_linkbox ul li a:active {background:#F1F1F1;} /*---------------------------------------------------------------------------- ★左右余白（1260px以下）CSS 2019/10 ----------------------------------------------------------------------------*/ /* PC width 1260px 以下 */ @media screen and (max-width:1560px) { #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main01, #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main01b, #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main02, #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main03, #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main04, #AWCLP1910 .AWC_contact, #AWCLP1910 .AWC_contact_attention, #AWCLP1910 .AWC_Taskbox, #AWCLP1910 .AWC_overflowArrow, #AWCLP1910 .AWC_overflowArrowNone, #AWCLP1910 .AWC_overflow, #AWCLP1910 .AWC_intro .AWC_2col.flexbox, #AWCLP1910 .AWC_intro .AWC_3col.flexbox, #AWCLP1910 .AWC_RoutineLists .AWC_2col.flexbox, #AWCLP1910 .AWC_case, #AWCLP1910 .AWC_price, #AWCLP1910 .AWC_price_table, #AWCLP1910 .AWC_whitepaper, #AWCLP1910 .AWC_blog, #AWCLP1910 .AWC_seminer {padding-left:30px;padding-right:30px;} #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main01 .bginnerbox {right:30px;bottom: -150px;} } /* ブレークポイント（1023.84px = 63.99em以下なら）*/ @media (max-width:63.99em){ #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main01, #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main01b, #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main02, #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main03, #AWCLP1910 .AWC_mainvisual #AWCLP_1910_Main04, #AWCLP1910 .AWC_contact, #AWCLP1910 .AWC_contact_attention, #AWCLP1910 .AWC_Taskbox, #AWCLP1910 .AWC_overflowArrow, #AWCLP1910 .AWC_overflowArrowNone, #AWCLP1910 .AWC_overflow, #AWCLP1910 .AWC_intro .AWC_2col.flexbox, #AWCLP1910 .AWC_intro .AWC_3col.flexbox, #AWCLP1910 .AWC_RoutineLists .AWC_2col.flexbox, #AWCLP1910 .AWC_case, #AWCLP1910 .AWC_price, #AWCLP1910 .AWC_price_table, #AWCLP1910 .AWC_whitepaper, #AWCLP1910 .AWC_blog, #AWCLP1910 .AWC_seminer {padding-left:5%;padding-right:5%;} #AWCLP1910 {background-position:50% 0;} } /* パートナープログラム 1909 */ #AWpp {background: url(img/AWpp1909_bgMain.png) 50% 0 repeat-x;position:relative;} /* メインビジュアル */ #AWpp .AWpp_mainvisual {height: 395px; /*420px*/ } #AWpp .AWpp_mainvisual h1 {color: #FFF;font-size: 415%;letter-spacing:2px;font-weight: 600;padding-top: 90px;text-shadow:0px 0px 8px rgba(0, 0, 0, 0.5);} #AWpp .AWpp_mainvisual h2 {color: #FFF;font-size: 230%;letter-spacing:1.5px;font-weight: 600;text-shadow:0px 0px 8px rgba(0, 0, 0, 0.5);} /* 背景白 */ #AWpp .BGwhite {background-color:#FFF !important;} /* 背景グレー */ #AWpp .BGgray {background-color:#F5F5F5 !important;} /* パートナーアイコン */ #AWpp .AWppicon_left, #AWpp .AWppicon_right {position:relative;z-index:0;max-width:1500px;width:100%;height:150px;margin:0 auto;} #AWpp .AWppicon_left {text-align:left;} #AWpp .AWppicon_right {text-align:right;} #AWpp .AWppicon_left img, #AWpp .AWppicon_right img {position:relative;left:0;right:0;z-index:1;} #AWpp .AWpp_support .AWppicon_left img {top:-50px;} #AWpp .AWpp_training .AWppicon_right img {top:-100px;} #AWpp .AWpp_Marketing .AWppicon_left img {top:-50px;} #AWpp .AWpp_Marketing .AWppicon_right img {top:-50px;} /* 概要 */ #AWpp .AWpp_overflow {margin:0 auto;box-sizing:border-box;overflow:hidden;} #AWpp .AWpp_overflow p {text-align:center;padding:60px 0 30px;} #AWpp .AWpp_overflow p strong {font-size:146.5%;font-weight:400;} #AWpp .AWpp_overflow img {max-width:100%;margin:0 auto 50px;} /* 紹介 */ #AWpp .AWpp_intro {margin:0 auto;box-sizing:border-box;overflow:hidden;} #AWpp .AWpp_intro h2 {font-size:230%;font-weight:600;margin:50px auto;} /* pickup */ #AWpp .AWpp_pickup {background: url(img/AWpp1909_bgGray.png) 50% -190px no-repeat;overflow:hidden;box-sizing:border-box;height:440px;margin:0 0 120px;} #AWpp .AWpp_pickup img {margin:70px 0 15px;} #AWpp .AWpp_pickup h2 {font-size:290%;font-weight:600;color:#0F79BF;} /* 情報提供 */ #AWpp .AWpp_support {box-sizing:border-box;margin:0 0 160px;} #AWpp .AWpp_support h2 {font-size:210%;margin:-2em 0 20px;} #AWpp .AWpp_support h3 {font-size:285%;font-weight:600;text-align:center;margin:0 0 20px;} /* 技術支援 */ #AWpp .AWpp_training {box-sizing:border-box;padding:0 0 120px;} #AWpp .AWpp_training h2 {font-size:210%;margin:-2em 0 20px;} #AWpp .AWpp_training h3 {font-size:285%;font-weight:600;text-align:center;margin:0 0 20px;} /* マーケティング支援 */ #AWpp .AWpp_Marketing {box-sizing:border-box;} #AWpp .AWpp_Marketing h2 {font-size:210%;margin:-2em 0 20px;} #AWpp .AWpp_Marketing h3 {font-size:285%;font-weight:600;text-align:center;margin:0 0 20px;} #AWpp .AWpp_Marketing h4 {font-size:200%;color:#0F79BF;margin:0 0 40px;} #AWpp .AWpp_Marketing p {text-align:center;margin:0 0 50px;} #AWpp .AWpp_Marketing p small {font-size:100%;} /* flexbox */ #AWpp .flexbox {display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;align-content:stretch;} #AWpp .flexbox {box-sizing:border-box;overflow:hidden;max-width:1500px;width:100%;margin:0 auto;} #AWpp .flexboxinner {align-self: stretch;} #AWpp .flexboxinner {box-sizing:border-box;overflow:hidden;} /* flexbox 1カラム */ #AWpp .flexbox.AWpp_1col .flexboxinner {flex:0 0 100%;max-width:100%;} /* flexbox 2カラム */ #AWpp .flexbox.AWpp_2col .flexboxinner {flex:0 0 48%;max-width:48%;} /* flexbox 3カラム */ #AWpp .flexbox.AWpp_3col .flexboxinner {flex:0 0 31.33%;max-width:31.33%;} /* flexbox 4カラム */ #AWpp .flexbox.AWpp_4col .flexboxinner {flex:0 0 23%;max-width:23%;} /* flexbox 6カラム */ #AWpp .flexbox.AWpp_6col .flexboxinner {flex-basis:14.66%;max-width:14.66%;} /* flexbox 紹介ボックス */ #AWpp .AWpp_introbox {margin:0 0 90px;} #AWpp .AWpp_introbox div.BGwhite {overflow:hidden;box-sizing:border-box;margin:0 0 20px;} #AWpp .AWpp_introbox h3 {text-align:center;margin:30px auto 10px;} #AWpp .AWpp_introbox img {margin:0 auto 15px;} #AWpp .AWpp_introbox h4 {text-align:left;font-size:100%;font-weight:600;line-height:1.8;} #AWpp .AWpp_introbox p {font-size:108%;line-height:1.8;} #AWpp .AWpp_introbox a {display:block;width:100%; height:60px;line-height:60px;overflow:hidden;box-sizing:border-box;} #AWpp .AWpp_introbox a {background:#313131;color:#FFF;} #AWpp .AWpp_introbox a:active, #AWpp .AWpp_introbox a:hover {background:#414141;text-decoration:underline;} /* flexbox リンクボックス */ #AWpp .AWpp_infobox {box-sizing:border-box;overflow:hidden;padding:3em 2em;} #AWpp .AWpp_infobox {border:1px solid #0F79BF;} #AWpp .AWpp_infobox h4 {font-size:174%;font-weight:600;color:#0F79BF;margin:0 0 20px;} #AWpp .AWpp_infobox p {text-align:center;font-size:123.1%;letter-spacing:1px;margin:0 0 30px;} #AWpp .AWpp_infobox a {display:inline-block;box-sizing:border-box;overflow:hidden;width:auto;height:auto;margin:0;} #AWpp .AWpp_infobox a.linkbtn {display:block;background:#0F79BF;color:#FFF;max-width:300px;height:60px;line-height:60px;margin:0 auto;} #AWpp .AWpp_infobox a.linkbtn:active, #AWpp .AWpp_infobox a.linkbtn:hover {background:#0b5a8e;text-decoration:underline;} #AWpp .AWpp_infobox a:active img, #AWpp .AWpp_infobox a:hover img {opacity:0.8;} #AWpp .BGgray .AWpp_infobox {border:none;background:#FFF;} /* flexbox フォロー */ #AWpp .AWpp_follow {display:flex;flex-flow:row wrap;justify-content:center;align-items:center;align-content:stretch;box-sizing:border-box;overflow:hidden;} #AWpp .AWpp_follow {border:2px solid #0F79BF;padding:2.5em 0;margin:0 0 120px;} #AWpp .AWpp_follow div {box-sizing:border-box;overflow:hidden;font-size:138.5%;line-height:1.5;color:#0F79BF;font-weight:600;} /* flexbox ホワイトペーパー */ #AWpp .AWpp_whitepaper {box-sizing:border-box;overflow:hidden;} #AWpp .AWpp_whitepaper {margin:0 0 80px;} #AWpp .AWpp_whitepaper a {display:block;width:auto;height:auto;margin:0;} #AWpp .AWpp_whitepaper a img {margin-bottom:2em;max-width:100%;} #AWpp .AWpp_whitepaper div {} #AWpp .AWpp_whitepaper h5 {font-size:138.5%;font-weight:normal;background:#FFF;padding:1.5em 1em;margin:0;} #AWpp .AWpp_whitepaper h5 strong {} /* 問い合わせ */ #AWpp .AWpp_contact {box-sizing:border-box;overflow:hidden;} #AWpp .AWpp_contact img {margin:90px 0 60px;} #AWpp .AWpp_contact p {font-size:161.6%;text-align:center;margin:0 0 60px;} #AWpp .AWpp_contact a {} #AWpp .AWpp_contact a {position:relative;display:block;max-width:640px;height:auto;line-height:90px;font-size:153.9%;color:#fff;text-align:center;margin:0 auto;} #AWpp .AWpp_contact a {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));} #AWpp .AWpp_contact a i {width:11px;height:12px;display:inline-block;background:url(img/warpcore1702_trial_arrow.png) left center no-repeat;} /*---------------------------------------------------------------------------- ★左右余白（1260px以下）CSS 2019/10 ----------------------------------------------------------------------------*/ /* PC width 1260px 以下 */ @media screen and (max-width:1560px) { #AWpp .AWpp_mainvisual, #AWpp .AWpp_overflow, #AWpp .AWpp_intro, #AWpp .AWpp_support, #AWpp .AWpp_training, #AWpp .AWpp_Marketing {padding-left:30px;padding-right:30px;} } /* ブレークポイント（1023.84px = 63.99em以下なら）*/ @media (max-width:63.99em){ #AWpp .AWpp_mainvisual, #AWpp .AWpp_overflow, #AWpp .AWpp_intro, #AWpp .AWpp_support, #AWpp .AWpp_training, #AWpp .AWpp_Marketing {padding-left:5%;padding-right:5%;} }