/* SLZ */ body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } footer { background-color: #fff; } @media screen and (max-width: 640px) { .st-wrapper { min-width: auto; } } .fs14 { font-size: 14px; } .fs16 { font-size: 16px; } .fs20 { font-size: 20px; } .fs24 { font-size: 24px; } .btn_inner { width: 830px; margin: auto; padding: 10px 0; } @media screen and (max-width: 640px) { .fs14 { font-size: 9px; } .fs16 { font-size: 10px; } .fs20 { font-size: 12px; } .fs24 { font-size: 12px; } .btn_inner { width: 100%; box-sizing: border-box; padding: 15px; } } /* font-weight */ .fw_m { font-weight: 500; } .fw_b { font-weight: 700; } /* text_align */ .text_align_c { text-align: center; } .text_align_r { text-align: right; } /* font-size */ .mv_chach_1 { font-size: 40px; } .mv_chach_2 { font-size: 30px; } .mv_copy_1 { font-size: 24px; } .mv_copy_2 { font-size: 24px; } .chach_1 { font-size: 40px; } .chach_2 { font-size: 30px; } .ttl { font-size: 20px; } .note { font-size: 12px; } /* line-height */ .lh_100 { line-height: 1; } .lh_110 { line-height: 1.1; } .lh_120 { line-height: 1.2; } .lh_130 { line-height: 1.3; } .lh_140 { line-height: 1.4; } .lh_150 { line-height: 1.5; } .lh_160 { line-height: 1.6; } .lh_170 { line-height: 1.7; } .lh_180 { line-height: 1.8; } .lh_190 { line-height: 1.9; } .lh_200 { line-height: 2; } /* content_area関連 */ .content_wrap { overflow: hidden; } .content_inner { /*width: 830px;*/ margin: 0px auto; } .content_wrap.bg_color_0 { background: #EDEFF1; } .content_wrap.bg_color_1 { background: #27292F; } .content_wrap.bg_color_2 { background: #B7C3CD; } .content_wrap.bg_color_3 { background: #0B2669; } .content_wrap.bg_color_4 { background: #fff; } .content_inner.mb_s { margin-bottom: 30px; } .content_inner.mb_m { margin-bottom: 60px; } .content_inner.mb_l { margin-bottom: 90px; } .content_inner.mt_s { margin-top: 30px; } .content_inner.mt_m { margin-top: 60px; } .content_inner.mt_l { margin-top: 90px; } .color_base { color: #27292F; } .color_gray { color: #51595F; } .color_white { color: #FFFFFF; } .color_blue { color: #8DADD5; } .color_orange { color: #DA5D12; } .img-res { max-width: 100%; height: auto; display: block; } .img-res.inline { display: inline-block; } .img-res.full { width: 100%; } .text-link { display: block; } .link_absolute { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; cursor: pointer; } .mt_0 { margin-top: 0px; } .mt_5 { margin-top: 5px; } .mt_10 { margin-top: 10px; } .mt_15 { margin-top: 15px; } .mt_19 { margin-top: 19px; } .mt_20 { margin-top: 20px; } .mt_25 { margin-top: 25px; } .mt_30 { margin-top: 30px; } .mt_35 { margin-top: 35px; } .mt_40 { margin-top: 40px; } .mt_45 { margin-top: 45px; } .mt_50 { margin-top: 50px; } .mt_55 { margin-top: 55px; } .mt_60 { margin-top: 60px; } .mt_65 { margin-top: 65px; } .mt_70 { margin-top: 70px; } .mt_75 { margin-top: 75px; } .mt_80 { margin-top: 80px; } .mt_85 { margin-top: 85px; } .mt_90 { margin-top: 90px; } .mt_95 { margin-top: 95px; } .mt_100 { margin-top: 100px; } .mt_120 { margin-top: 120px; } .mb_0 { margin-bottom: 0px; } .mb_5 { margin-bottom: 5px; } .mb_10 { margin-bottom: 10px; } .mb_15 { margin-bottom: 15px; } .mb_20 { margin-bottom: 20px; } .mb_25 { margin-bottom: 25px; } .mb_30 { margin-bottom: 30px; } .mb_35 { margin-bottom: 35px; } .mb_40 { margin-bottom: 40px; } .mb_45 { margin-bottom: 45px; } .mb_50 { margin-bottom: 50px; } .mb_55 { margin-bottom: 55px; } .mb_60 { margin-bottom: 60px; } .mb_65 { margin-bottom: 65px; } .mb_70 { margin-bottom: 70px; } .mb_75 { margin-bottom: 75px; } .mb_80 { margin-bottom: 80px; } .mb_85 { margin-bottom: 85px; } .mb_90 { margin-bottom: 90px; } .mb_95 { margin-bottom: 95px; } .mb_100 { margin-bottom: 100px; } .mb_120 { margin-bottom: 120px; } .ml_0 { margin-left: 0px; } .ml_5 { margin-left: 5px; } .ml_10 { margin-left: 10px; } .ml_15 { margin-left: 15px; } .ml_20 { margin-left: 20px; } .ml_25 { margin-left: 25px; } .ml_30 { margin-left: 30px; } .ml_35 { margin-left: 35px; } .ml_40 { margin-left: 40px; } .ml_45 { margin-left: 45px; } .ml_50 { margin-left: 50px; } .ml_55 { margin-left: 55px; } .ml_60 { margin-left: 60px; } .ml_65 { margin-left: 65px; } .ml_70 { margin-left: 70px; } .ml_75 { margin-left: 75px; } .ml_80 { margin-left: 80px; } .ml_85 { margin-left: 85px; } .ml_90 { margin-left: 90px; } .ml_95 { margin-left: 95px; } .ml_100 { margin-left: 100px; } .ml_120 { margin-left: 120px; } .mr_0 { margin-right: 0px; } .mr_5 { margin-right: 5px; } .mr_10 { margin-right: 10px; } .mr_15 { margin-right: 15px; } .mr_20 { margin-right: 20px; } .mr_25 { margin-right: 25px; } .mr_30 { margin-right: 30px; } .mr_35 { margin-right: 35px; } .mr_40 { margin-right: 40px; } .mr_45 { margin-right: 45px; } .mr_50 { margin-right: 50px; } .mr_55 { margin-right: 55px; } .mr_60 { margin-right: 60px; } .mr_65 { margin-right: 65px; } .mr_70 { margin-right: 70px; } .mr_75 { margin-right: 75px; } .mr_80 { margin-right: 80px; } .mr_85 { margin-right: 85px; } .mr_90 { margin-right: 90px; } .mr_95 { margin-right: 95px; } .mr_100 { margin-right: 100px; } .mr_120 { margin-right: 120px; } .pt_0 { padding-top: 0px; } .pt_5 { padding-top: 5px; } .pt_10 { padding-top: 10px; } .pt_15 { padding-top: 15px; } .pt_20 { padding-top: 20px; } .pt_25 { padding-top: 25px; } .pt_30 { padding-top: 30px; } .pt_35 { padding-top: 35px; } .pt_40 { padding-top: 40px; } .pt_45 { padding-top: 45px; } .pt_50 { padding-top: 50px; } .pt_55 { padding-top: 55px; } .pt_60 { padding-top: 60px; } .pt_65 { padding-top: 65px; } .pt_70 { padding-top: 70px; } .pt_75 { padding-top: 75px; } .pt_80 { padding-top: 80px; } .pt_85 { padding-top: 85px; } .pt_90 { padding-top: 90px; } .pt_95 { padding-top: 95px; } .pt_100 { padding-top: 100px; } .pt_120 { padding-top: 120px; } .pb_0 { padding-bottom: 0px; } .pb_5 { padding-bottom: 5px; } .pb_10 { padding-bottom: 10px; } .pb_15 { padding-bottom: 15px; } .pb_20 { padding-bottom: 20px; } .pb_25 { padding-bottom: 25px; } .pb_30 { padding-bottom: 30px; } .pb_35 { padding-bottom: 35px; } .pb_40 { padding-bottom: 40px; } .pb_45 { padding-bottom: 45px; } .pb_50 { padding-bottom: 50px; } .pb_55 { padding-bottom: 55px; } .pb_60 { padding-bottom: 60px; } .pb_65 { padding-bottom: 65px; } .pb_70 { padding-bottom: 70px; } .pb_75 { padding-bottom: 75px; } .pb_80 { padding-bottom: 80px; } .pb_85 { padding-bottom: 85px; } .pb_90 { padding-bottom: 90px; } .pb_95 { padding-bottom: 95px; } .pb_100 { padding-bottom: 100px; } .pb_120 { padding-bottom: 120px; } .pl_0 { padding-left: 0px; } .pl_5 { padding-left: 5px; } .pl_10 { padding-left: 10px; } .pl_15 { padding-left: 15px; } .pl_20 { padding-left: 20px; } .pl_25 { padding-left: 25px; } .pl_30 { padding-left: 30px; } .pl_35 { padding-left: 35px; } .pl_40 { padding-left: 40px; } .pl_45 { padding-left: 45px; } .pl_50 { padding-left: 50px; } .pl_55 { padding-left: 55px; } .pl_60 { padding-left: 60px; } .pl_65 { padding-left: 65px; } .pl_70 { padding-left: 70px; } .pl_75 { padding-left: 75px; } .pl_80 { padding-left: 80px; } .pl_85 { padding-left: 85px; } .pl_90 { padding-left: 90px; } .pl_95 { padding-left: 95px; } .pl_100 { padding-left: 100px; } .pl_120 { padding-left: 120px; } .pr_0 { padding-right: 0px; } .pr_5 { padding-right: 5px; } .pr_10 { padding-right: 10px; } .pr_15 { padding-right: 15px; } .pr_20 { padding-right: 20px; } .pr_25 { padding-right: 25px; } .pr_30 { padding-right: 30px; } .pr_35 { padding-right: 35px; } .pr_40 { padding-right: 40px; } .pr_45 { padding-right: 45px; } .pr_50 { padding-right: 50px; } .pr_55 { padding-right: 55px; } .pr_60 { padding-right: 60px; } .pr_65 { padding-right: 65px; } .pr_70 { padding-right: 70px; } .pr_75 { padding-right: 75px; } .pr_80 { padding-right: 80px; } .pr_85 { padding-right: 85px; } .pr_90 { padding-right: 90px; } .pr_95 { padding-right: 95px; } .pr_100 { padding-right: 100px; } .pr_120 { padding-right: 120px; } /* define font size desktop */ .fs-0 { font-size: 0px; } .fs-12 { font-size: 12px; } .fs-14 { font-size: 14px; } .fs-16 { font-size: 16px; } .fs-18 { font-size: 18px; } .fs-20 { font-size: 20px; } .fs-22 { font-size: 22px; } .fs-24 { font-size: 24px; } .fs-25 { font-size: 25px; } .fs-26 { font-size: 26px; } .fs-28 { font-size: 28px; } .fs-30 { font-size: 30px; } .fs-35 { font-size: 35px; } .fs-40 { font-size: 40px; } .fs-50 { font-size: 50px; } .fs-68 { font-size: 68px; } /* end define font size desktop */ /* define font size mobile */ @media screen and (max-width: 640px) { .sp_fs_9 { font-size: 9px; } .sp_fs_10 { font-size: 10px; } .sp_fs_11 { font-size: 11px; } .sp_fs_12 { font-size: 12px; } .sp_fs_14 { font-size: 14px; } .sp_fs_15 { font-size: 15px; } .sp_fs_16 { font-size: 16px; } .sp_fs_17 { font-size: 17px; } .sp_fs_18 { font-size: 18px; } .sp_fs_20 { font-size: 20px; } .sp_fs_22 { font-size: 22px; } .sp_fs_24 { font-size: 24px; } .sp_fs_26 { font-size: 26px; } .sp_fs_30 { font-size: 30px; } .sp_fs_34 { font-size: 34px; } } /* end define font size mobile */ .list_mb_40 { margin-bottom: 40px; } @media screen and (max-width: 640px) { .list_mb_40 { margin-bottom: 20px; } } .list_mb_60 { margin-bottom: 60px; } @media screen and (max-width: 640px) { .list_mb_60 { margin-bottom: 15px; } } /* class visible and hidden device */ .visible_mb { display: none !important; } .hidden_mb.inli_bl { display: inline-block !important; } @media screen and (max-width: 1052px) { .content_inner { margin-left: 15px; margin-right: 15px; } } @media screen and (max-width: 640px) { .visible_mb { display: block !important; } .visible_mb.inli_bl { display: inline-block !important; } .hidden_mb { display: none !important; } .hidden_mb.inli_bl { display: inline-block !important; } .sp_fw_b { font-weight: 700; } .sp_fw_m { font-weight: 500; } .sp_fw_n { font-weight: 400; } .visible_mb { display: block !important; } .visible_mb.inli_bl { display: inline-block !important; } .hidden_mb { display: none !important; } .hidden_mb.inli_bl { display: none !important; } } /* end class visible and hidden device */ /* SC Background infomation */ .sc_bg_info { max-width: 1920px; width: 100%; display: table; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: auto; } .sc_bg_info * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sc_bg_info .bg_st { position: absolute; height: 100%; left: 0; top: 0; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .sc_bg_info .info_st { position: relative; z-index: 1; background-color: rgba(255, 255, 255, 0.5); width: 50%; padding: 0; display: table-cell; vertical-align: middle; text-align: center; height: 400px; direction: ltr; } .sc_bg_info .info_st .top_txt { font-size: 40px; font-weight: 700; margin-bottom: 20px; } .sc_bg_info .info_st .bottom_txt { font-size: 24px; margin-bottom: 28px; font-weight: 400; } .sc_bg_info.style_01 .info_st { margin-left: 50%; } .sc_bg_info.style_02 { direction: rtl; } .sc_bg_info.style_02 .info_st { margin-left: 0; } @media screen and (max-width: 640px) { .sc_bg_info.style_02_mb_option { direction: ltr; } .sc_bg_info .info_st { height: 210px; } .sc_bg_info .info_st .top_txt { font-size: 15px; line-height: 1.6; margin-bottom: 10px; } .sc_bg_info .info_st .bottom_txt { font-size: 12px; margin-bottom: 17px; } .sc_bg_info .info_st .btn { padding: 3px 15px; } } .top_bar_info { display: block; } .top_bar_info .info_st { display: block; } /* end SC Background infomation */ /* List Columns style */ .list_column { display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-bottom: -10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .list_column > .item { position: relative; margin-left: 10px; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .list_column.mlr_10 { margin-left: -10px; margin-bottom: -10px; } .list_column.mlr_10.column_02 > .item { width: calc((100% - 10px * 2) / 2); } .list_column.mlr_10.column_03 > .item { width: calc((100% - 10px * 3) / 3); } .list_column.mlr_10.column_04 > .item { width: calc((100% - 10px * 4) / 4); } .list_column.mlr_10.column_05 > .item { width: calc((100% - 10px * 5) / 5); } @media screen and (max-width: 640px) { .list_column.mlr_10 { margin-left: -5px; margin-bottom: -5px; } .list_column.mlr_10 > .item { margin-left: 5px; margin-bottom: 5px; } .list_column.mlr_10.column_02 > .item { width: calc((100% - 5px * 2) / 2); } .list_column.mlr_10.column_03 > .item { width: calc((100% - 5px * 3) / 3); } .list_column.mlr_10.column_04 > .item { width: calc((100% - 5px * 4) / 4); } .list_column.mlr_10.column_05 > .item { width: calc((100% - 5px * 5) / 5); } .list_column.mlr_10.sp_column_02 > .item { width: calc((100% - 5px * 2) / 2); } .list_column.mlr_10.sp_column_01 > .item { width: calc((100% - 5px * 1) / 1); } } .list_column.mlr_15 { margin-left: -15px; margin-bottom: -15px; } .list_column.mlr_15.column_02 > .item { width: calc((100% - 15px * 2) / 2); } .list_column.mlr_15.column_03 > .item { width: calc((100% - 15px * 3) / 3); } .list_column.mlr_15.column_04 > .item { width: calc((100% - 15px * 4) / 4); } .list_column.mlr_15.column_05 > .item { width: calc((100% - 15px * 5) / 5); } @media screen and (max-width: 640px) { .list_column.mlr_15 { margin-left: -10px; margin-bottom: -10px; } .list_column.mlr_15 > .item { margin-left: 10px; margin-bottom: 10px; } .list_column.mlr_15.column_02 > .item { width: calc((100% - 10px * 2) / 2); } .list_column.mlr_15.column_03 > .item { width: calc((100% - 10px * 3) / 3); } .list_column.mlr_15.column_04 > .item { width: calc((100% - 10px * 4) / 4); } .list_column.mlr_15.column_05 > .item { width: calc((100% - 10px * 5) / 5); } .list_column.mlr_15.sp_column_02 > .item { width: calc((100% - 10px * 2) / 2); } .list_column.mlr_15.sp_column_01 > .item { width: calc((100% - 10px * 1) / 1); } } .list_column.mlr_20 { margin-left: -20px; margin-bottom: -20px; } .list_column.mlr_20 > .item { margin-bottom: 20px; margin-left: 20px; } .list_column.mlr_20.column_02 > .item { width: calc((100% - 20px * 2) / 2); } .list_column.mlr_20.column_03 > .item { width: calc((100% - 20px * 3) / 3); } .list_column.mlr_20.column_04 > .item { width: calc((100% - 20px * 4) / 4); } .list_column.mlr_20.column_05 > .item { width: calc((100% - 20px * 5) / 5); } @media screen and (max-width: 640px) { .list_column.mlr_20 { margin-left: -10px; margin-bottom: -10px; } .list_column.mlr_20 > .item { margin-bottom: 10px; margin-left: 10px; } .list_column.mlr_20.column_02 > .item { width: calc((100% - 10px * 2) / 2); } .list_column.mlr_20.column_03 > .item { width: calc((100% - 10px * 3) / 3); } .list_column.mlr_20.column_04 > .item { width: calc((100% - 10px * 4) / 4); } .list_column.mlr_20.column_05 > .item { width: calc((100% - 10px * 5) / 5); } .list_column.mlr_20.sp_column_02 > .item { width: calc((100% - 10px * 2) / 2); } .list_column.mlr_20.sp_column_01 > .item { width: calc((100% - 10px * 1) / 1); } } .list_column.mlr_5 { margin-left: -5px; margin-bottom: -5px; } .list_column.mlr_5 > .item { margin-left: 5px; margin-bottom: 5px; } .list_column.mlr_5.column_02 > .item { width: calc((100% - 5px * 2) / 2); } .list_column.mlr_5.column_03 > .item { width: calc((100% - 5px * 3) / 3); } .list_column.mlr_5.column_04 > .item { width: calc((100% - 5px * 4) / 4); } .list_column.mlr_5.column_05 > .item { width: calc((100% - 5px * 5) / 5); } /* end List Columns style */ /* SC Block Info */ .list_column.mb_st_35 { margin-bottom: 0px; } .list_column.mb_st_35 > .item { margin-bottom: 35px; } @media screen and (max-width: 640px) { .list_column.mb_st_35 > .item { margin-bottom: 18px; } } @media screen and (max-width: 640px) { .sc_block_itemlist_st1 { margin-left: -2px !important; } .sc_block_itemlist_st1 > .item { margin-left: 2px !important; width: calc((100% - 2px * 4) / 4) !important; } } /* SC Block Info Style 01 */ .sc_block_item.style_01 { position: relative; background-color: #fff; display: block; margin-bottom: 35px; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sc_block_item.style_01 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sc_block_item.style_01:after { content: ""; position: absolute; top: 100%; left: 50%; width: 0; height: 0; margin-top: 7px; margin-left: -20px; border-style: solid; border-width: 20px 20px 0 20px; border-color: #fff transparent transparent transparent; } .sc_block_item.style_01 .block_img { background-color: #fff; width: 100%; padding: 15px 17px; border-bottom: 1px solid #b7c3cd; } .sc_block_item.style_01 .block_img img { width: 100%; } .sc_block_item.style_01 .block_info { padding: 25px 20px; text-align: center; display: table; width: 100%; } .sc_block_item.style_01 .block_info .info_title { width: 100%; font-size: 20px; font-weight: 700; line-height: 1.5; display: table-cell; vertical-align: middle; } .sc_block_item.style_01 .block_info .info_title + .description_title { margin-top: 24px; } .sc_block_item.style_01 .block_info .info_title + .info_desc { margin-top: 24px; } .sc_block_item.style_01:hover { background-color: #0b2669; } .sc_block_item.style_01:hover:after { border-color: #0b2669 transparent transparent transparent; } .sc_block_item.style_01:hover .block_info { color: #fff; } @media screen and (max-width: 640px) { .sc_block_item.style_01 { margin-bottom: 0; } .sc_block_item.style_01:after { border-width: 11px 11px 0 11px; margin-left: -11px; margin-top: 3px; } .sc_block_item.style_01 .block_img { -webkit-flex-direction: column; flex-direction: column; padding: 5px; -webkit-flex: none; flex: none; } .sc_block_item.style_01 .block_info { padding: 15px 0px; } .sc_block_item.style_01 .block_info .info_title { font-size: 11px; line-height: 1.3; } .sc_block_item.style_01 .block_info .info_title + .description_title { margin-top: 15px; } .sc_block_item.style_01 .block_info .info_title + .info_desc { margin-top: 15px; } } .current .sc_block_item.style_01 { background-color: #0b2669; color: #fff; } .current .sc_block_item.style_01:after { border-color: #0b2669 transparent transparent transparent; } /* end SC Block Info Style 01 */ /* end SC Block Info */ /* General tabs */ .tab_content .tab_panel { display: none; } .tab_content .tab_panel.current { display: block; } .tab_wrap .tab_title { font-size: 40px; margin-bottom: 50px; } @media screen and (max-width: 640px) { .tab_wrap .tab_title { font-size: 17px; margin-bottom: 12px; line-height: 1.6; } } .tabs_st .btn_large + .lb_txt { font-size: 20px; font-weight: 700; margin-top: 25px; } .tabs_st .lb_txt + .btn_link_blue { margin-top: 10px; } @media screen and (max-width: 640px) { .tabs_st .btn_large { display: block; font-size: 14px; max-width: calc(100% - 20px); margin-right: auto; margin-left: auto; } .tabs_st .btn_large + .lb_txt { margin-top: 15px; font-size: 12px; } .tabs_st .lb_txt + .btn_link_blue { margin-top: 5px; } } .btn_link_blue { color: #0b2669; letter-spacing: 1.5px; position: relative; padding: 5px 30px; } .btn_link_blue:after { position: absolute; content: ''; height: 1px; background-color: #0b2669; width: calc(100% - 90px); right: 30px; bottom: 0; } @media screen and (max-width: 640px) { .btn_link_blue:after { width: calc(100% - 50px); right: 15px; } } /* end General tabs */ /* SC User Profile*/ .sc-user-profile { border: 1px solid #b7c4cd; } .sc-user-profile .title-profile { padding: 15px 30px; background-color: #b7c4cd; } .sc-user-profile.text-r .block-user-profile { flex-direction: row-reverse; } .sc-user-profile.text-r .block-user-profile .block-content-user { padding-left: 0; padding-right: 30px; } .sc-user-profile .block-user-profile { display: flex; padding: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .sc-user-profile .block-user-profile * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .sc-user-profile .block-user-profile .block-imgae-user { width: 45%; position: relative; } .sc-user-profile .block-user-profile .block-imgae-user:before { content: ''; padding-top: 77%; display: block; } .sc-user-profile .block-user-profile .block-imgae-user .link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; } .sc-user-profile .block-user-profile .block-imgae-user .link img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .sc-user-profile .block-user-profile .block-content-user { padding-left: 30px; width: 55%; display: flex; flex-direction: column; justify-content: center; } /* End of SC User Profile*/ @media screen and (max-width: 640px) { .sc-user-profile .title-profile { text-align: center; } .sc-user-profile .block-user-profile { padding: 15px; display: block; } .sc-user-profile .block-user-profile .block-imgae-user, .sc-user-profile .block-user-profile .block-content-user { width: 100%; } .sc-user-profile .block-user-profile .block-content-user { text-align: center; padding-left: 0; } } /* SC Block Item Style 07 */ .sc_block_item.style_07 { text-align: center; height: 100%; } .sc_block_item.style_07 .block_img { width: 163px; height: 163px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto 32px; } .sc_block_item.style_07 .block_img img { width: 100%; } .sc_block_item.style_07 .block_info .info_title { font-size: 20px; font-weight: 700; letter-spacing: 1px; line-height: 1.6; } .sc_block_item.style_07 .block_info .info_title + .info_desc { margin-top: 20px; } .sc_block_item.style_07 .block_info .info_desc { text-align: left; line-height: 1.9; } .sc_block_item.style_07 .block_info + .btn_group { margin-top: 28px; } .sc_block_item.style_07 .btn_group .btn { margin-bottom: 15px; } .sc_block_item.style_07 .btn_group .btn:last-child { margin-bottom: 0; } .sc_block_item.style_07 .btn_group .btn.btn_txt:last-child:first-child { margin-top: 65px; } @media screen and (max-width: 640px) { .sc_block_item.style_07 .block_img { width: -webkit-calc(100% - 6px); width: calc(100% - 6px); max-width: 163px; height: auto; position: relative; margin-bottom: 10px; } .sc_block_item.style_07 .block_img:before { content: ""; padding-top: 100%; display: block; } .sc_block_item.style_07 .block_img img { position: absolute; height: 100%; top: 0; left: 50%; width: auto; -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .sc_block_item.style_07 .block_info .info_title { font-size: 12px; line-height: 1.5; letter-spacing: 0; min-height: 30px; } .sc_block_item.style_07 .block_info .info_desc { display: none; } .sc_block_item.style_07 .btn { font-size: 12px; padding: 6px 10px; line-height: 1.6; margin-bottom: 0; } .sc_block_item.style_07 .btn_group .btn.btn_txt:last-child:first-child { margin-top: 0px; } } /* end SC Block Item Style 07 */ /* Contact Block */ .s_contact_fix .contact_left, .s_contact_fix .contact_right { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); } @media screen and (max-width: 640px) { .s_contact_fix .contact_left, .s_contact_fix .contact_right { width: 50%; } } .s_contact_fix .contact_btn { padding: 12px 50px; } @media screen and (max-width: 640px) { .s_contact_fix .contact_btn { padding: 5px; } } .s_contact_fix .contact_before { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); margin-bottom: 0; } @media screen and (max-width: 640px) { .s_contact_fix .contact_before { width: 100%; } } .s_contact_fix .clearfix + .conversion_btn { margin-top: 21px; } .contact_st { padding-top: 60px; padding-bottom: 65px; position: relative; overflow: hidden; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .contact_st:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; background-color: rgba(255, 255, 255, 0.5); pointer-events: none; } .contact_st * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .contact_st .top_btn_st { margin-bottom: 15px; } .contact_st .top_btn_st .btn { width: 100%; height: 100%; padding: 20px 60px 20px; font-size: 26px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; font-size: 26px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; letter-spacing: 1px; line-height: 1.5; } .contact_st .middle_st { padding-right: 65px; float: right; width: 435px; margin-bottom: 15px; } .contact_st .middle_st:after { content: ""; display: table; clear: both; } .contact_st .middle_st .link_st { display: block; font-size: 0; text-align: left; } .contact_st .middle_st .link_st .col_left { font-size: 14px; width: 50%; display: inline-block; vertical-align: middle; padding-right: 30px; font-weight: 700; text-align: right; } .contact_st .middle_st .link_st .col_right { font-size: 14px; width: 50%; display: inline-block; vertical-align: middle; padding-left: 30px; border-left: 1px solid #282a2f; } .contact_st .middle_st .link_st .col_right .btn { padding: 0; } .contact_st .middle_st .link_st .col_right .btn + .btn { margin-top: 2px; } .contact_st .bottom_st { width: 100%; clear: both; } .contact_st .bottom_st .btn { display: block; background-color: #fff; border: 2px solid #da5d12; } .contact_st .bottom_st .btn .icons { display: inline-block; vertical-align: middle; } .contact_st .bottom_st .btn .text_group { display: inline-block; vertical-align: middle; text-align: left; padding-left: 14px; } .contact_st .bottom_st .btn .top_txt { display: block; font-size: 26px; color: #da5d12; font-weight: 700; } .contact_st .bottom_st .btn .bottom_txt { display: block; font-size: 12px; color: #51595f; } .contact_st.style_02 .top_btn_st { margin-bottom: 10px; } .contact_st.style_02 .top_btn_st .btn { min-height: 120px; padding: 20px 50px; } .contact_st.style_02 .middle_st { width: 50%; padding-left: 13px; padding-right: 0; } .contact_st.style_02 .middle_st:last-child { margin-bottom: 0; } .contact_st.style_02 .middle_st .link_st .col_left { width: auto; padding-right: 30px; } .contact_st.style_02 .middle_st .link_st .col_right .btn { line-height: 1.3; } @media screen and (max-width: 640px) { .contact_st.style_02 .top_btn_st { margin-bottom: 20px; } .contact_st.style_02 .top_btn_st .btn { min-height: auto; padding: 12px 5px; } .contact_st.style_02 .middle_st { width: 100%; padding-left: 0; } .contact_st.style_02 .middle_st .link_st .col_left { width: auto; padding-right: 30px; } .contact_st.style_02 .middle_st .link_st .col_right .btn { line-height: 1.3; } } @media screen and (max-width: 640px) { .contact_st { padding-top: 40px; padding-bottom: 40px; } .contact_st .top_btn_st { margin-bottom: 15px; } .contact_st .top_btn_st .btn { padding: 12px 5px; font-size: 12px; } .contact_st .middle_st { width: 100%; padding-right: 0; margin-bottom: 18px; } .contact_st .middle_st .link_st .col_left { font-size: 12px; padding-right: 10px; border-right: 1px solid #282a2f; } .contact_st .middle_st .link_st .col_left span { display: block; padding: 8px 0; } .contact_st .middle_st .link_st .col_right { font-size: 12px; padding-left: 10px; border-left: 0; } .contact_st .bottom_st .btn { font-size: 0; padding: 13px 12px 12px 18px; } .contact_st .bottom_st .btn .icons { width: 30px; } .contact_st .bottom_st .btn .text_group { width: -webkit-calc(100% - 30px); width: calc(100% - 30px); padding-left: 12px; } .contact_st .bottom_st .btn .text_group .top_txt { font-size: 13px; } .contact_st .bottom_st .btn .text_group .bottom_txt { font-size: 9px; } } /* end Contact Block */ /* Intro Section */ .intro_st { width: 100%; font-feature-settings: "palt"; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .intro_st * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .intro_st .top_gallery { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .intro_st .top_gallery .col_left { width: calc((100% - 0px * 2)/ 2); position: relative; z-index: 1; background-size: cover; background-repeat: no-repeat; } .intro_st .top_gallery .col_left:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; z-index: -1; top: 0; pointer-events: none; background-color: rgba(81, 89, 95, 0.3); } .intro_st .top_gallery .col_left .inner { padding: 90px 30px 80px 0px; width: calc(830px / 2); float: right; } .intro_st .top_gallery .col_left .top_txt { font-size: 26px; color: #fff; margin-bottom: 47px; line-height: 1.9; position: relative; margin-top: -10px; } .intro_st .top_gallery .col_left .btn { padding: 13px 30px 10px; } .intro_st .top_gallery .col_right { width: calc((100% - 0px * 2)/ 2); position: relative; } .intro_st .top_gallery .col_right:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; z-index: 1; top: 0; pointer-events: none; background-color: rgba(81, 89, 95, 0.3); } .intro_st .gallery_list { position: relative; } .intro_st .gallery_list:before { content: ""; display: table; } .intro_st .gallery_list:after { content: ""; display: table; clear: both; } .intro_st .gallery_list > .item { width: 33.3333%; position: relative; float: left; overflow: hidden; } .intro_st .gallery_list > .item img { width: 100%; } .intro_st .company_st { text-align: center; padding-top: 30px; } .intro_st .company_st.bg_color_1 { color: #fff; } .intro_st .company_st .top_title { font-size: 26px; margin-bottom: 22px; } .intro_st .company_st .level_list_wrap { position: relative; padding-bottom: 20px; } .intro_st .company_st .level_list_wrap .sub_title { overflow: hidden; text-align: center; position: relative; font-size: 14px; font-weight: 500; margin-bottom: 13px; } .intro_st .company_st .level_list_wrap .sub_title span { display: inline-block; position: relative; } .intro_st .company_st .level_list_wrap .sub_title span:before { content: ""; position: absolute; width: 1000px; pointer-events: none; height: 1px; background-color: #51595f; right: 100%; margin-right: 10px; top: 50%; margin-top: -1px; } .intro_st .company_st .level_list_wrap .sub_title span:after { content: ""; position: absolute; width: 1000px; pointer-events: none; height: 1px; background-color: #51595f; left: 100%; margin-left: 10px; top: 50%; margin-top: -1px; } .intro_st .company_st .level_list_wrap:after { content: ""; position: absolute; bottom: 7px; left: 50%; width: 0; height: 0; margin-left: -13px; border-style: solid; border-width: 13px 13px 0 13px; border-color: #b7c3cd transparent transparent transparent; } .intro_st .company_st .level_list { display: block; font-size: 0; margin-left: -10px; margin-bottom: 0px; text-align: center; } .intro_st .company_st .level_list > li { display: inline-block; padding: 6px 20px; margin-left: 10px; margin-bottom: 10px; background-color: #FFF; color: #282a2f; width: calc((100% - 10px * 5) / 5); font-size: 14px; vertical-align: top; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .intro_st .company_st .level_list > li.bg_color_2 { background-color: #b7c3cd; } .intro_st .company_st .level_list > li.bg_color_1 { background-color: #8dadd5; } @media screen and (max-width: 640px) { .intro_st .top_gallery .col_left .inner { padding: 45px 5px 40px 15px; width: 100%; } .intro_st .top_gallery .col_left .top_txt { font-size: 15px; line-height: 1.7; margin-bottom: 14px; } .intro_st .top_gallery .col_left .btn { padding: 6px 15px 6px; font-size: 12px; } .intro_st .gallery_list > .item { width: 50%; overflow: hidden; } .intro_st .gallery_list > .item:before { content: ""; padding-top: 110%; display: block; } .intro_st .gallery_list > .item img { position: absolute; width: auto; height: 110%; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .intro_st .company_st { padding-top: 15px; } .intro_st .company_st .top_title { font-size: 13px; letter-spacing: 1.5px; line-height: 1.8; margin-bottom: 10px; } .intro_st .company_st .level_list_wrap { padding-bottom: 15px; } .intro_st .company_st .level_list_wrap:after { border-width: 7px 7px 0 7px; margin-left: -7px; bottom: 8px; } .intro_st .company_st .level_list_wrap .sub_title { margin-bottom: 6px; font-size: 12px; line-height: 1.5; } .intro_st .company_st .level_list_wrap + .btn { margin-top: 3px; padding: 6px 15px; font-size: 12px; } .intro_st .company_st .level_list { text-align: left; } .intro_st .company_st .level_list > li { text-align: center; width: calc((100% - 10px * 3) / 3); padding: 3px 6px; font-size: 11px; } } /* end Intro Section */ /* general Swipe slider */ .sc_swipe_slider { position: relative; } .sc_swipe_slider .swiper-pagination { margin-top: 7px; text-align: center; width: 100%; } .sc_swipe_slider .swiper-pagination-bullet { margin: 0 5px; background: #51595f; opacity: 1; } .sc_swipe_slider .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #da5e13; } .sc_swipe_slider .swiper-button-prev, .sc_swipe_slider .swiper-button-next { background-image: none; background: #333333; border-radius: 3px; width: 36px; height: 70px; margin-top: -35px; } .sc_swipe_slider .swiper-button-prev:before, .sc_swipe_slider .swiper-button-next:before { font-family: fontAwesome; display: block; position: absolute; top: 50%; left: 50%; color: #fff; margin-top: -9px; margin-left: -2px; } .sc_swipe_slider .swiper-button-prev.swiper-button-disabled, .sc_swipe_slider .swiper-button-next.swiper-button-disabled { opacity: 0.2; } .sc_swipe_slider .swiper-button-prev { left: 0; } .sc_swipe_slider .swiper-button-prev:before { content: '\f104'; } .sc_swipe_slider .swiper-button-next { right: 0; } .sc_swipe_slider .swiper-button-next:before { content: '\f105'; } .sc_swipe_slider .swiper-container { width: calc(100% - 90px); margin: 0 auto; } .sc_swipe_slider.style_01 { text-align: center; } .sc_swipe_slider.style_01 img + .title_txt { margin-top: 10px; } .sc_swipe_slider.style_01 .title_txt { display: block; } @media screen and (max-width: 640px) { .sc_swipe_slider .swiper-button-prev, .sc_swipe_slider .swiper-button-next { width: 18px; height: 36px; font-size: 12px; margin-top: -18px; } .sc_swipe_slider .swiper-container { width: calc(100% - 46px); } } .sc_swipe_slider.style_01 .title_txt { color: #000; } /* end general Swipe slider */ /* SC Title */ .line_sc_title { position: relative; text-align: center; } .line_sc_title:before { content: ''; position: absolute; display: block; z-index: 1; top: 50%; width: 100%; height: 2px; background-color: #0b2669; -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .sc_title { position: relative; } .sc_title.style-1, .sc_title.style-2 { text-align: center; } .sc_title.style-1 { z-index: 2; font-size: 20px; line-height: 1.5; color: #fff; background-color: #0b2669; padding: 10px 30px; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .sc_title.style-3 { font-size: 30px; font-weight: 500; color: #282a2f; text-align: left; } .sc_title.style-3 .description { margin-top: 23px; font-size: 20px; font-weight: 400; line-height: 1.6; } .sc_title.style-4 { font-size: 26px; line-height: 1.6; color: #fff; background-color: #8daed6; padding: 18px 20px; } .sc_title.fs-40 { line-height: 1.5; } .sc_title.fs-36 { line-height: 1.7; } .sc_title.fs-30 { line-height: 1.6; } .sc_title.fs-26 { line-height: 1.9; } .sc_title.fs-20 { line-height: 1.3; } .sc_title.fc-gblack { color: #282a2f; } .sc_title.fc-white { color: #fff; } /* SC Block Item */ .ly-table { position: relative; display: table; width: 100%; } .ly-inblock-m { position: relative; display: inline-block; vertical-align: middle; } .ly-inblock-t { position: relative; display: inline-block; vertical-align: top; } .ly-inblock-b { position: relative; display: inline-block; vertical-align: bottom; } .ly-table-cell { position: relative; display: table-cell; vertical-align: middle; } .wp-style-04 { -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .wp-style-04:hover { -webkit-box-shadow: 0 3px 10px 1px rgba(174, 174, 174, 0.5); -moz-box-shadow: 0 3px 10px 1px rgba(174, 174, 174, 0.5); box-shadow: 0 3px 10px 1px rgba(174, 174, 174, 0.5); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); } .wp-style-05 + .wp-style-05 { margin-top: 30px; } .wp-style-06 li + li { margin-top: 30px; } .wp-style-09:nth-child(odd) .block-img-left { left: 50%; } .wp-style-09:nth-child(odd) .block-img-right { right: 50%; padding-left: 0 !important; padding-right: 45px; } .wp-style-10 { background-color: #fff; } .sc_block_item .btn_link .bor_bt { border-bottom: 1px solid #51595f; padding-bottom: 4px; } .sc_block_item .list-info li { line-height: 1.9; margin-top: 0; } .sc_block_item .list-info .info-icon { width: 15px; } .sc_block_item .list-info .text { display: inline-block; vertical-align: top; width: -webkit-calc(calc((100% - 20px * 1) / 1)); width: -moz-calc(calc((100% - 20px * 1) / 1)); width: calc(calc((100% - 20px * 1) / 1)); } .sc_block_item.style-04 .line-block { display: block; width: 50px; height: 1px; background-color: #b7c3cd; margin: 15px auto; } .sc_block_item.style-04 .block-img-left { width: 59%; overflow: hidden; } .sc_block_item.style-04 .block-img-left:before { content: ""; display: block; padding-top: 67%; } .sc_block_item.style-04 .block-img-left .img-res { position: absolute; top: 50%; left: 50%; object-fit: cover; object-position: 50% 50%; max-width: none; height: 100%; width: 100%; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sc_block_item.style-04 .block-img-right { background-color: #8daed6; color: #fff; text-align: center; padding: 0 35px; } .sc_block_item.style-04 .block-img-right .title, .sc_block_item.style-04 .block-img-right .des { font-size: 14px; line-height: 3.5; } .sc_block_item.style-04 .block-content { text-align: left; padding: 28px 30px; background-color: #fff; } .sc_block_item.style-04 .block-content .line-block { width: 100%; height: 1px; background-color: #b7c3cd; margin: 10px auto; } .sc_block_item.style-04 .block-content .title { color: #282a2f; font-size: 18px; margin-bottom: 15px; } .sc_block_item.style-04 .block-content .text-link { color: #51595f; text-align: left; padding-left: 0; } .sc_block_item.style-04 .block-content .text-link:before { display: none; } .sc_block_item.style-04 .block-content .text-link .btn_icon { float: right; margin: 3px 0; } .sc_block_item.style-05 .list-label.no-border li:before { display: none; } .sc_block_item.style-05 .list-label.st-1 .name { width: 115px; } .sc_block_item.style-05 .list-label.st-1 .wp-img { width: 46%; } .sc_block_item.style-05 .list-label.st-1 li { position: relative; float: left; width: 50%; } .sc_block_item.style-05 .list-label.st-1 li:before { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 1px; background-color: #b7c3cd; } .sc_block_item.style-05 .list-label.st-1 li:last-child:before { display: none; } .sc_block_item.style-05 .list-label.st-1 li + li .name { margin: 0 24px 0 30px; } .sc_block_item.style-05 .list-label.st-2 .name { width: 195px; } .sc_block_item.style-05 .list-label.st-2 .wp-img { width: 23%; cursor: pointer; } .sc_block_item.style-05 .list-label.st-2 .wp-img + .text-link { margin-right: 20px; } .sc_block_item.style-05 .list-label.st-2 .wp-img + .text-link:last-child { margin-right: 0; } .sc_block_item.style-05 .list-label li > * { display: inline-block; vertical-align: middle; } .sc_block_item.style-05 .list-label .wp-img { position: relative; overflow: hidden; } .sc_block_item.style-05 .list-label .wp-img .img-res { max-width: 100%; display: block; } .sc_block_item.style-05 .list-label .name { font-size: 16px; margin-right: 25px; } .sc_block_item.style-05 .list-label .label-icon { color: #51595f; font-size: 32px; margin-bottom: -5px; margin-left: 2px; } .sc_block_item.style-05 .list-label .text-link { vertical-align: bottom; } .sc_block_item.style-05 .block-img { background-color: #fff; } .sc_block_item.style-05 .block-img-left { padding: 30px; } .sc_block_item.style-05 .block-img-left .list-status { margin-bottom: 27px; } .sc_block_item.style-05 .block-img-left .list-status li { margin-top: 0; display: inline-block; } .sc_block_item.style-05 .block-img-left .list-status li + li { margin-left: 5px; margin-top: 5px; } .sc_block_item.style-05 .block-img-left .list-status .status { display: inline-block; padding: 8px 15px; background-color: #edeff1; color: #0b2669; min-width: 70px; text-align: center; } .sc_block_item.style-05 .block-img-left .list-status + .title { margin-bottom: 20px; } .sc_block_item.style-05 .wp-style-05:hover .block-img-right:after { background-color: transparent; } .sc_block_item.style-05 .block-img-right { width: 35.5%; overflow: hidden; } .sc_block_item.style-05 .block-img-right:before { content: ""; display: block; padding-top: 75%; } .sc_block_item.style-05 .block-img-right:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(81, 89, 95, 0.3); z-index: 2; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .sc_block_item.style-05 .block-img-right .img-res { position: absolute; top: 50%; left: 50%; object-fit: cover; object-position: 50% 50%; max-width: none; height: 100%; width: 100%; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sc_block_item.style-05 .block-content { background-color: #fff; padding: 15px 30px; margin-top: 1px; } .sc_block_item.style-06 .block-img, .sc_block_item.style-06 .block-content { display: inline-block; } .sc_block_item.style-06 .block-img { background-color: #fff; padding: 15px 0 10px 0; width: 200px; vertical-align: top; } .sc_block_item.style-06 .block-img .title { margin-bottom: 5px; } .sc_block_item.style-06 .block-img .title + .sub-title { margin-bottom: 10px; } .sc_block_item.style-06 .block-img .sub-title { font-size: 16px; } .sc_block_item.style-06 .block-content { padding-left: 15px; vertical-align: middle; width: -webkit-calc(((100% - 225px * 1) / 1)); width: -moz-calc(((100% - 225px * 1) / 1)); width: calc(((100% - 225px * 1) / 1)); } .sc_block_item.style-06 .block-content .title { font-size: 16px; } .sc_block_item.style-06 .block-content .list-info { margin-top: 15px; } .sc_block_item.style-06 .block-content .wp-btn { margin-top: 25px; } .sc_block_item.style-06 .block-content .wp-btn .btn + .btn { margin-left: 5px; } .sc_block_item.style-06 .wp-img { position: relative; overflow: hidden; } .sc_block_item.style-06 .wp-img:before { content: ""; display: block; padding-top: 57.5%; } .sc_block_item.style-06 .wp-img .img-res { position: absolute; top: 50%; left: 50%; object-fit: cover; object-position: 50% 50%; max-width: none; height: 100%; width: 100%; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sc_block_item.style-09 .block-img-right, .sc_block_item.style-09 .block-img-left { width: 50%; } .sc_block_item.style-09 .block-img-left { position: relative; overflow: hidden; } .sc_block_item.style-09 .block-img-left:before { content: ""; display: block; padding-top: 67%; } .sc_block_item.style-09 .block-img-left .img-res { position: absolute; top: 50%; left: 50%; object-fit: cover; object-position: 50% 50%; max-width: none; height: 100%; width: 100%; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sc_block_item.style-09 .block-img-right { padding-left: 45px; } .sc_block_item.style-09 .block-img-right .des { margin-top: 18px; } .sc_block_item.style-09 .block-img-right .wp-btn { margin-top: 25px; } .sc_block_item.style-09 .block-img-right .wp-btn .date { float: right; color: #8daed6; margin: 16px 0; } .sc_block_item.style-09 .block_info { margin-top: 20px; } .sc_block_item.style-09 .block_info .date { color: #51595f; margin-bottom: 15px; line-height: 1.4; display: block; position: relative; } .sc_block_item.style-09 .block_info .date:before { font-family: 'FontAwesome'; content: '\f133'; margin-right: 3px; } .sc_block_item.style-09 .block_info .tag_list { display: block; margin-bottom: -10px; } .sc_block_item.style-09 .block_info .tag_list > li { display: inline-block; margin-right: 5px; margin-bottom: 10px; } .sc_block_item.style-09 .block_info .tag_list > li .tag { display: block; padding: 5px 20px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #51595f; color: #fff; } .sc_block_item.style-09 .block_info + .wp-btn { margin-top: 32px; } .sc_block_item.style-09.option_02 { font-feature-settings: initial; } .sc_block_item.style-09.option_02 .block-img-right { vertical-align: top; padding-left: 30px; } .sc_block_item.style-09.option_02 .wp-style-09 { margin-bottom: 60px; } .sc_block_item.style-09.option_02 .wp-style-09:last-child { margin-bottom: 0; } @media screen and (max-width: 640px) { .sc_block_item.style-09.option_02 .title { margin-top: 0; } .sc_block_item.style-09.option_02 .block-img-right { padding-left: 0; } .sc_block_item.style-09.option_02 .wp-style-09 { margin-bottom: 40px; } .sc_block_item.style-09.option_02 .wp-style-09:last-child { margin-bottom: 0; } } .sc_block_item.style-10 .list-status { padding: 5px; } .sc_block_item.style-10 .list-status li { padding: 12px 15px; border: 1px solid #edeff1; display: inline-block; } .sc_block_item.style-10 .list-status li.has-icon { padding: 10px 15px; } .sc_block_item.style-10 .list-status li > * { display: inline-block; vertical-align: middle; } .sc_block_item.style-10 .list-status li .status-icon + .text { margin-left: 10px; } .sc_block_item.style-10 .wp-block-img { margin: 25px 0 30px 0; } .sc_block_item.style-10 .block-img { font-size: 0; padding: 20px 30px 30px 30px; } .sc_block_item.style-10 .block-img .pri-title { color: #000; } .sc_block_item.style-10 .block-img-right, .sc_block_item.style-10 .block-img-left { width: 50%; display: inline-block; vertical-align: middle; } .sc_block_item.style-10 .block-img-left .wp-img { position: relative; width: 50%; display: inline-block; vertical-align: middle; } .sc_block_item.style-10 .block-img-left .wp-img:before { content: ""; display: block; padding-top: 89%; } .sc_block_item.style-10 .block-img-left .wp-img .img-res { position: absolute; top: 50%; left: 50%; object-fit: cover; object-position: 50% 50%; max-width: none; height: 100%; width: 100%; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sc_block_item.style-10 .block-img-right .title, .sc_block_item.style-10 .block-img-right .des, .sc_block_item.style-10 .block-img-right .list-info { padding-left: 30px; } .sc_block_item.style-10 .block-img-right .title, .sc_block_item.style-10 .block-img-right .des { color: #000; } .sc_block_item.style-10 .block-img-right .title { font-size: 18px; margin-bottom: 15px; } .sc_block_item.style-10 .block-img-right .title + .des { margin-bottom: 15px; } .sc_block_item.style-10 .block-img-right .des { font-size: 14px; } .sc_block_item.style-10 .block-img-right .list-info .text { font-size: 14px; } .sc_block_item.style-10 .wrap-btn .btn { min-width: 240px; margin-right: 20px; } .sc_block_item.style-10 .wrap-btn .btn:last-child { margin-right: 0; } /* End of SC Block Item */ /* SC Tab*/ .wp-style-tab { padding-top: 65px; background-color: #b7c3cd; font-size: 0; } .sc_tab .head_title, .sc_tab .head_list { display: inline-block; vertical-align: middle; } .sc_tab .head_title { width: 80%; } .sc_tab .head_list { width: 20%; } .sc_tab .tab_content { margin-top: 25px; } .sc_tab .tab_panel_inner { padding-top: 45px; font-size: 14px; background-color: #edeff1; position: relative; } .sc_tab .tab_panel_inner:after { content: ""; display:block; height: 0; width: 100%; position: absolute; bottom: -1px; left: 0; border-bottom: 2px solid #edeff1; } .sc_tab .line_white { height: 1px; width: 100%; display: block; margin: 10px 0 20px 0; background-color: #fff; } .sc_tab .l_icon { position: relative; overflow: hidden; display: inline-block; cursor: pointer; width: 38px; height: 38px; border: 1px solid #51595f; } .sc_tab .l_icon + .l_icon { margin-left: 10px; } .sc_tab .l_icon.current { background-color: #282a2f; } .sc_tab .l_icon.current.l_icon { border-color: #282a2f; } .sc_tab .l_icon.current .line_i { background-color: #fff; } .sc_tab .l_icon:hover { background-color: #282a2f; border-color: #282a2f; } .sc_tab .l_icon:hover .line_i { background-color: #fff; } .sc_tab .line_wrap { position: absolute; top: 50%; left: 50%; width: 100%; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sc_tab .line_i { display: block; margin: 5px 6px; height: 4px; background-color: #51595f; } .sc_tab .col_icon .line_1, .sc_tab .col_icon .line_5, .sc_tab .col_icon .line_6 { position: absolute; -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); margin: 0; width: 55%; top: 14px; } .sc_tab .col_icon .line_1 { left: -3px; } .sc_tab .col_icon .line_5 { left: 10px; } .sc_tab .col_icon .line_6 { left: 21px; } .sc_tab .col_icon .line_3 { width: 40%; } .sc_tab .tab_status { position: relative; padding-bottom: 50px; } .sc_tab .tab_status:after { content: ''; width: 0; height: 0; border-top: 13px solid #b7c3cd; border-left: 13px solid transparent; border-right: 13px solid transparent; position: absolute; left: 50%; bottom: -13px; transform: translate(-50%, 0); z-index: 1; } .sc_tab .list_tab_status { font-size: 14px; } .sc_tab .list_tab_status.flex_mb .item_inner .sub_inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .sc_tab .list_tab_status .primary { max-width: 150px; width: 130px; background: #fff; padding: 7px 5px; margin-right: 24px; line-height: 1.5; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .sc_tab .list_tab_status .primary:after { content: ''; border-left: 18px solid #fff; border-top: 17.5px solid transparent; border-bottom: 17.5px solid transparent; position: absolute; z-index: 2; right: -18px; top: 50%; -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .sc_tab .list_tab_status .item_inner { width: 81%; width: calc(100% - 158px); text-align: left; } .sc_tab .list_tab_status .item_inner .item { text-align: center; display: inline-block; margin-bottom: 10px; margin-right: 10px; } .sc_tab .list_tab_status .item_inner .item:last-child { margin-right: 0; } .sc_tab .list_tab_status .item_inner .sub_inner { font-size: 0; } .sc_tab .list_tab_status > li { position: relative; text-align: center; display: inline-block; vertical-align: top; } .sc_tab .list_tab_status .item { line-height: 1.5; border: 1px solid #51595f; } .sc_tab .list_tab_status .item:hover { background-color: #282a2f; color: #fff; border-color: #51595f; } .sc_tab .list_tab_status .check_box:not(:checked), .sc_tab .list_tab_status .check_box:checked { display: none; } .sc_tab .list_tab_status .check_box:checked + .name_check:before { content: "\f096"; } .sc_tab .list_tab_status .check_box + .name_check { position: relative; } .sc_tab .list_tab_status .check_box + .name_check:hover:after { opacity: 1; visibility: visible; } .sc_tab .list_tab_status .check_box + .name_check span { line-height: 1.9; } .sc_tab .list_tab_status .check_box + .name_check:before { content: "\f096"; font-family: FontAwesome; font-size: 18px; width: 20px; float: left; margin-top: 2px; margin-right: 2px; } .sc_tab .list_tab_status .name_check { display: block; font-size: 14px; cursor: pointer; } .sc_tab .list_tab_status .has_i { width: 100%; padding: 3px 5px; } .sc_tab .list_tab_status .has_i.active .check_box + .name_check { color: #fff; } .sc_tab .list_tab_status .has_i.active .check_box + .name_check:before { content: "\f046"; } .sc_tab .list_tab_status .not_i { font-size: 14px; cursor: pointer; padding: 6px 10px; } .sc_tab .list_tab_status .not_i.active { color: #fff; } .sc_tab .list_tab_status .has_i.active, .sc_tab .list_tab_status .not_i.active { background-color: #282a2f; border-color: #282a2f; } /* End of SC Tab*/ /* Responsive */ @media screen and (max-width: 640px) { /* SC Tab*/ .wp-style-tab { padding-top: 25px; } .sc_tab .tab_status { padding-bottom: 15px; } .sc_tab .tab_status:after { border-top: 9px solid #b7c3cd; border-left: 9px solid transparent; border-right: 9px solid transparent; bottom: -9px; } .sc_tab .tab_content { margin-top: 18px; } .sc_tab .tab_panel_inner { padding-top: 20px; } .sc_tab .head_title { font-size: 17px; line-height: 1.5; } .sc_tab .head_title { width: 60%; } .sc_tab .head_list { width: 40%; } .sc_tab .line_white { margin: 10px 0; } .sc_tab .list_tab_status .item_inner .item { text-align: left; } .sc_tab .list_tab_status .primary { width: 100%; max-width: none; margin-right: 0; font-size: 12px; } .sc_tab .list_tab_status .primary:after { border-left: 9px solid #fff; border-top: 9px solid transparent; border-bottom: 9px solid transparent; right: auto; top: auto; bottom: -13px; left: 50%; -ms-transform: translate(-50%, 0) rotate(90deg); -o-transform: translate(-50%, 0) rotate(90deg); -moz-transform: translate(-50%, 0) rotate(90deg); -webkit-transform: translate(-50%, 0) rotate(90deg); transform: translate(-50%, 0) rotate(90deg); } .sc_tab .list_tab_status .check_box + .name_check:before { font-size: 12px; float: none; } .sc_tab .list_tab_status .name_check { font-size: 12px; } .sc_tab .list_tab_status .item_inner { width: 100%; margin-top: 15px; } .sc_tab .list_tab_status .item_inner .item { min-width: auto; margin-right: 5px; margin-bottom: 5px; } .sc_tab .list_tab_status .not_i { padding: 5px 10px; font-size: 12px; } .sc_tab .list_tab_status .item:hover { background-color: #b7c3cd; color: #27292F; } .sc_tab .list_tab_status .has_i.active:hover { background-color: #282a2f; border-color: #282a2f; } .sc_tab .list_tab_status .has_i.active:hover .check_box + .name_check { background-color: #282a2f; border-color: #282a2f; } .sc_tab .list_tab_status .not_i.active:hover { background-color: #282a2f; color: #fff; } /* End of SC Tab*/ /* SC Block Item */ .sc_block_item.style-10 .wrap-btn .btn { min-width: auto; margin-right: 0; margin-bottom: 10px; } .sc_block_item.style-10 .wrap-btn .btn:last-child { margin-bottom: 0; } /* End of SC Block Item */ } @media screen and (max-width: 640px) { /* Default*/ .sp_mt_0 { margin-top: 0px; } .sp_mt_5 { margin-top: 5px; } .sp_mt_10 { margin-top: 10px; } .sp_mt_15 { margin-top: 15px; } .sp_mt_20 { margin-top: 20px; } .sp_mt_25 { margin-top: 25px; } .sp_mt_30 { margin-top: 30px; } .sp_mt_35 { margin-top: 35px; } .sp_mt_40 { margin-top: 40px; } .sp_mt_45 { margin-top: 45px; } .sp_mt_50 { margin-top: 50px; } .sp_mt_55 { margin-top: 55px; } .sp_mt_60 { margin-top: 60px; } .sp_mt_65 { margin-top: 65px; } .sp_mt_70 { margin-top: 70px; } .sp_mt_75 { margin-top: 75px; } .sp_mt_80 { margin-top: 80px; } .sp_mt_85 { margin-top: 85px; } .sp_mt_90 { margin-top: 90px; } .sp_mt_95 { margin-top: 95px; } .sp_mt_100 { margin-top: 100px; } .sp_mt_120 { margin-top: 120px; } .sp_mb_0 { margin-bottom: 0px; } .sp_mb_5 { margin-bottom: 5px; } .sp_mb_10 { margin-bottom: 10px; } .sp_mb_15 { margin-bottom: 15px; } .sp_mb_20 { margin-bottom: 20px; } .sp_mb_25 { margin-bottom: 25px; } .sp_mb_30 { margin-bottom: 30px; } .sp_mb_35 { margin-bottom: 35px; } .sp_mb_40 { margin-bottom: 40px; } .sp_mb_45 { margin-bottom: 45px; } .sp_mb_50 { margin-bottom: 50px; } .sp_mb_55 { margin-bottom: 55px; } .sp_mb_60 { margin-bottom: 60px; } .sp_mb_65 { margin-bottom: 65px; } .sp_mb_70 { margin-bottom: 70px; } .sp_mb_75 { margin-bottom: 75px; } .sp_mb_80 { margin-bottom: 80px; } .sp_mb_85 { margin-bottom: 85px; } .sp_mb_90 { margin-bottom: 90px; } .sp_mb_95 { margin-bottom: 95px; } .sp_mb_100 { margin-bottom: 100px; } .sp_mb_120 { margin-bottom: 120px; } .sp_ml_0 { margin-left: 0px; } .sp_ml_5 { margin-left: 5px; } .sp_ml_10 { margin-left: 10px; } .sp_ml_15 { margin-left: 15px; } .sp_ml_20 { margin-left: 20px; } .sp_ml_25 { margin-left: 25px; } .sp_ml_30 { margin-left: 30px; } .sp_ml_35 { margin-left: 35px; } .sp_ml_40 { margin-left: 40px; } .sp_ml_45 { margin-left: 45px; } .sp_ml_50 { margin-left: 50px; } .sp_ml_55 { margin-left: 55px; } .sp_ml_60 { margin-left: 60px; } .sp_ml_65 { margin-left: 65px; } .sp_ml_70 { margin-left: 70px; } .sp_ml_75 { margin-left: 75px; } .sp_ml_80 { margin-left: 80px; } .sp_ml_85 { margin-left: 85px; } .sp_ml_90 { margin-left: 90px; } .sp_ml_95 { margin-left: 95px; } .sp_ml_100 { margin-left: 100px; } .sp_ml_120 { margin-left: 120px; } .sp_mr_0 { margin-right: 0px; } .sp_mr_5 { margin-right: 5px; } .sp_mr_10 { margin-right: 10px; } .sp_mr_15 { margin-right: 15px; } .sp_mr_20 { margin-right: 20px; } .sp_mr_25 { margin-right: 25px; } .sp_mr_30 { margin-right: 30px; } .sp_mr_35 { margin-right: 35px; } .sp_mr_40 { margin-right: 40px; } .sp_mr_45 { margin-right: 45px; } .sp_mr_50 { margin-right: 50px; } .sp_mr_55 { margin-right: 55px; } .sp_mr_60 { margin-right: 60px; } .sp_mr_65 { margin-right: 65px; } .sp_mr_70 { margin-right: 70px; } .sp_mr_75 { margin-right: 75px; } .sp_mr_80 { margin-right: 80px; } .sp_mr_85 { margin-right: 85px; } .sp_mr_90 { margin-right: 90px; } .sp_mr_95 { margin-right: 95px; } .sp_mr_100 { margin-right: 100px; } .sp_mr_120 { margin-right: 120px; } .sp_pt_0 { padding-top: 0px; } .sp_pt_5 { padding-top: 5px; } .sp_pt_10 { padding-top: 10px; } .sp_pt_15 { padding-top: 15px; } .sp_pt_20 { padding-top: 20px; } .sp_pt_25 { padding-top: 25px; } .sp_pt_30 { padding-top: 30px; } .sp_pt_35 { padding-top: 35px; } .sp_pt_40 { padding-top: 40px; } .sp_pt_45 { padding-top: 45px; } .sp_pt_50 { padding-top: 50px; } .sp_pt_55 { padding-top: 55px; } .sp_pt_60 { padding-top: 60px; } .sp_pt_65 { padding-top: 65px; } .sp_pt_70 { padding-top: 70px; } .sp_pt_75 { padding-top: 75px; } .sp_pt_80 { padding-top: 80px; } .sp_pt_85 { padding-top: 85px; } .sp_pt_90 { padding-top: 90px; } .sp_pt_95 { padding-top: 95px; } .sp_pt_100 { padding-top: 100px; } .sp_pt_120 { padding-top: 120px; } .sp_pb_0 { padding-bottom: 0px; } .sp_pb_5 { padding-bottom: 5px; } .sp_pb_10 { padding-bottom: 10px; } .sp_pb_15 { padding-bottom: 15px; } .sp_pb_20 { padding-bottom: 20px; } .sp_pb_25 { padding-bottom: 25px; } .sp_pb_30 { padding-bottom: 30px; } .sp_pb_35 { padding-bottom: 35px; } .sp_pb_40 { padding-bottom: 40px; } .sp_pb_45 { padding-bottom: 45px; } .sp_pb_50 { padding-bottom: 50px; } .sp_pb_55 { padding-bottom: 55px; } .sp_pb_60 { padding-bottom: 60px; } .sp_pb_65 { padding-bottom: 65px; } .sp_pb_70 { padding-bottom: 70px; } .sp_pb_75 { padding-bottom: 75px; } .sp_pb_80 { padding-bottom: 80px; } .sp_pb_85 { padding-bottom: 85px; } .sp_pb_90 { padding-bottom: 90px; } .sp_pb_95 { padding-bottom: 95px; } .sp_pb_100 { padding-bottom: 100px; } .sp_pb_120 { padding-bottom: 120px; } .sp_pl_0 { padding-left: 0px; } .sp_pl_5 { padding-left: 5px; } .sp_pl_10 { padding-left: 10px; } .sp_pl_15 { padding-left: 15px; } .sp_pl_20 { padding-left: 20px; } .sp_pl_25 { padding-left: 25px; } .sp_pl_30 { padding-left: 30px; } .sp_pl_35 { padding-left: 35px; } .sp_pl_40 { padding-left: 40px; } .sp_pl_45 { padding-left: 45px; } .sp_pl_50 { padding-left: 50px; } .sp_pl_55 { padding-left: 55px; } .sp_pl_60 { padding-left: 60px; } .sp_pl_65 { padding-left: 65px; } .sp_pl_70 { padding-left: 70px; } .sp_pl_75 { padding-left: 75px; } .sp_pl_80 { padding-left: 80px; } .sp_pl_85 { padding-left: 85px; } .sp_pl_90 { padding-left: 90px; } .sp_pl_95 { padding-left: 95px; } .sp_pl_100 { padding-left: 100px; } .sp_pl_120 { padding-left: 120px; } .sp_pr_0 { padding-right: 0px; } .sp_pr_5 { padding-right: 5px; } .sp_pr_10 { padding-right: 10px; } .sp_pr_15 { padding-right: 15px; } .sp_pr_20 { padding-right: 20px; } .sp_pr_25 { padding-right: 25px; } .sp_pr_30 { padding-right: 30px; } .sp_pr_35 { padding-right: 35px; } .sp_pr_40 { padding-right: 40px; } .sp_pr_45 { padding-right: 45px; } .sp_pr_50 { padding-right: 50px; } .sp_pr_55 { padding-right: 55px; } .sp_pr_60 { padding-right: 60px; } .sp_pr_65 { padding-right: 65px; } .sp_pr_70 { padding-right: 70px; } .sp_pr_75 { padding-right: 75px; } .sp_pr_80 { padding-right: 80px; } .sp_pr_85 { padding-right: 85px; } .sp_pr_90 { padding-right: 90px; } .sp_pr_95 { padding-right: 95px; } .sp_pr_100 { padding-right: 100px; } .sp_pr_120 { padding-right: 120px; } /* End of Default*/ .btn { padding: 5px 15px; font-size: 12px; } /* SC Title */ .sc_title.style-1 { font-size: 12px; padding: 5px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .sc_title.style-3 { font-weight: 600; font-size: 15px; } .sc_title.style-3 .description { margin-top: 13px; font-size: 12px; } .sc_title.style-4 { font-size: 14px; } /* End of SC Title */ /* SC Block Item */ .wp-style-05 + .wp-style-05 { margin-top: 20px; } .wp-style-09:nth-child(odd) .block-img-left { left: 0; padding-left: 0; } .wp-style-09:nth-child(odd) .block-img-right { right: 0; padding-right: 0; padding-left: 0; } .wp-style-09 + .wp-style-09 { margin-top: 40px; } .sc_block_item.style-04 .line-block { margin: 20px auto; } .sc_block_item.style-04 .block-img-right { padding: 10px; } .sc_block_item.style-04 .block-img-right .title, .sc_block_item.style-04 .block-img-right .des { font-size: 12px; line-height: 1.4; } .sc_block_item.style-04 .block-content { padding: 15px 23px; } .sc_block_item.style-04 .block-content .title { font-size: 12px; } .sc_block_item.style-05 .list-label.st-1 .wp-img { width: 82%; } .sc_block_item.style-05 .list-label.st-1 li + li .name { padding-right: 5px; width: auto; margin: 0 0 8px 21px; } .sc_block_item.style-05 .list-label.st-1 li + li .wp-img { margin: 0 0 0 21px; } .sc_block_item.style-05 .list-label.st-1 .text-link { position: absolute; bottom: 0; } .sc_block_item.style-05 .list-label.st-2 .name { width: auto; } .sc_block_item.style-05 .list-label.st-2 .wp-img { width: 40%; } .sc_block_item.style-05 .list-label .name { display: block; font-size: 12px; line-height: 1.2; margin-bottom: 8px; margin-right: 0; } .sc_block_item.style-05 .list-label .label-icon { font-size: 16px; margin-bottom: -2px; margin-left: 5px; } .sc_block_item.style-05 .block-img-left, .sc_block_item.style-05 .block-img-right { display: block; } .sc_block_item.style-05 .block-img-left { padding: 13px; } .sc_block_item.style-05 .block-img-left .list-status { margin-bottom: 15px; } .sc_block_item.style-05 .block-img-left .list-status .status { padding: 8px 0; min-width: 75px; } .sc_block_item.style-05 .block-img-left .list-status + .title { margin-bottom: 8px; } .sc_block_item.style-05 .block-img-left .title { font-size: 15px; } .sc_block_item.style-05 .block-img-right { width: 83%; margin: 4px auto 15px auto; } .sc_block_item.style-05 .block-content { padding: 15px 21px; margin-top: 2px; } .sc_block_item.style-05 .block-content.st-2 { padding: 15px 20px 15px 47px; } .sc_block_item.style-06 .block-img, .sc_block_item.style-06 .block-content { display: block; width: 100%; } .sc_block_item.style-06 .block-content { padding-left: 0; margin-top: 15px; } .sc_block_item.style-06 .block-content .title { font-size: 12px; } .sc_block_item.style-06 .block-content .list-info { margin-top: 10px; } .sc_block_item.style-06 .block-content .wp-btn { text-align: center; margin-top: 15px; } .sc_block_item.style-06 .block-content .wp-btn .btn + .btn { margin-top: 10px; } .sc_block_item.style-06 .block-img .title, .sc_block_item.style-06 .block-img .sub-title { display: inline-block; } .sc_block_item.style-06 .block-img .title { font-size: 14px; } .sc_block_item.style-06 .block-img .title + .sub-title { margin-bottom: 0; margin-left: 5px; } .sc_block_item.style-06 .block-img .sub-title { font-size: 12px; } .sc_block_item.style-06 .wp-img:before { display: none; } .sc_block_item.style-06 .wp-img .img-res { position: relative; top: auto; left: auto; max-width: 100%; width: auto; height: auto; -ms-transform: none; -o-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; display: inline-block; } .sc_block_item.style-09 .block-img-left, .sc_block_item.style-09 .block-img-right { width: 100%; display: block; } .sc_block_item.style-09 .block-img-right { padding-left: 0; padding-top: 15px; } .sc_block_item.style-09 .block-img-right .title { line-height: 1.8; } .sc_block_item.style-09 .block-img-right .des { margin-top: 5px; line-height: 1.8; } .sc_block_item.style-09 .block-img-right .wp-btn { margin-top: 15px; } .sc_block_item.style-09 .block-img-right .wp-btn .date { margin: 8px 0; } .sc_block_item.style-10 .wp-block-img { margin: 25px 0 13px 0; } .sc_block_item.style-10 .block-img { padding: 20px 20px 22px 20px; } .sc_block_item.style-10 .block-img-left, .sc_block_item.style-10 .block-img-right { width: 100%; display: block; } .sc_block_item.style-10 .block-img-right .title { font-size: 12px; margin-top: 14px; margin-bottom: 8px; } .sc_block_item.style-10 .block-img-right .title + .des { margin-bottom: 5px; } .sc_block_item.style-10 .block-img-right .des, .sc_block_item.style-10 .block-img-right .list-info .text { font-size: 12px; } .sc_block_item.style-10 .block-img-right .title, .sc_block_item.style-10 .block-img-right .des, .sc_block_item.style-10 .block-img-right .list-info { padding-left: 0; } .sc_block_item.style-10 .list-status li { padding: 8.5px 10px; } .sc_block_item.style-10 .list-status li.has-icon { padding: 5px 10px; } .sc_block_item.style-10 .list-status .status-icon, .sc_block_item.style-10 .list-status .text { font-size: 12px; } /* End of SC Block Item */ } @media screen and (max-width: 440px) { /* SC Block Item */ .sc_block_item.style-05 .list-label.st-2 .wp-img { width: 38%; } .sc_block_item.style-05 .block-content.st-2 { padding: 15px 20px 15px 27px; } /* End of SC Block Item */ } @media screen and (max-width: 370px) { /* SC Block Item*/ .sc_block_item.style-05 .list-label.st-2 .wp-img { width: 36%; } /* End of SC Block Item */ } @media screen and (max-width: 340px) { /* SC Block Item*/ .sc_block_item.style-05 .block-content { padding: 15px 21px 15px 10px; } .sc_block_item.style-05 .list-label.st-1 .wp-img { width: 80%; } .sc_block_item.style-05 .list-label.st-1 li:before { right: -5px; } /* End of SC Block Item */ } /* SC Block Info Style 02 */ .sc_block_item.style_02 { position: relative; background-color: #fff; height: 100%; display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; flex-direction: column; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sc_block_item.style_02 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sc_block_item.style_02 .block_title { width: 100%; position: relative; background-color: #0b2669; color: #fff; font-size: 14px; padding: 5px 10px; } .sc_block_item.style_02 .block_title:after { content: ""; position: absolute; top: 100%; left: 50%; width: 0; height: 0; margin-left: -12px; border-style: solid; border-width: 12px 12px 0 12px; border-color: #0b2669 transparent transparent transparent; } .sc_block_item.style_02 .block_content { width: 100%; border: 1px solid #b7c3cd; padding: 12px 15px; } .sc_block_item.style_02 .block_content .block_img { background-color: #fff; width: 100%; padding-bottom: 5px; display: block; } .sc_block_item.style_02 .block_content .block_img img { max-width: 100%; display: block; margin: auto; } .sc_block_item.style_02 .block_content .block_info { padding-bottom: 10px; font-size: 0; box-sizing: border-box; } .sc_block_item.style_02 .block_content .block_info label { padding: 5px; width: calc(50% - 10px); font-size: 14px; display: inline-block; color: #fff; } .sc_block_item.style_02 .block_content .block_info .label_color { background-repeat: round; } .sc_block_item.style_02 .block_content .block_info .label_color + .label_page { margin-left: 10px; } .sc_block_item.style_02 .block_content .block_info .label_color_gray { background: #51595f; background-image: none !important; } .sc_block_item.style_02 .block_content .block_info .form-check { padding: 0; } .sc_block_item.style_02 .form-check { position: static; } @media screen and (max-width: 640px) { .sc_block_item.style_02 .block_title { font-size: 12px; } .sc_block_item.style_02 .block_title:after { margin-left: -7px; border-width: 7px 7px 0 7px; } .sc_block_item.style_02 .block_content { padding: 5px; } .sc_block_item.style_02 .block_content .block_img { -webkit-flex-direction: column; flex-direction: column; padding: 5px; -webkit-flex: none; flex: none; } .sc_block_item.style_02 .block_content .block_info label { font-size: 11px; width: calc(50% - 5px); padding: 5px 0; } .sc_block_item.style_02 .block_content .block_info .label_color + .label_page { margin-left: 5px; } .sc_block_item.style_02 .form-check__label { font-size: 11px; } } .list_column.mlr_10.column_04 > .item:hover .sc_block_item.style_02, .list_column.mlr_10.column_04 > .item:hover .sc_block_item.style_02 .block_content .block_img { background: #282a2f; } .list_column.mlr_10.column_04 > .item:hover .sc_block_item.style_02 .form-check { color: #fff; } /* end SC Block Info Style 02 */ /* Collapse St */ .st_collap_mb { font-feature-settings: "palt"; } .st_collap_mb .collapse_top_title .lb { font-size: 20px; margin-bottom: 10px; padding-left: 10px; display: block; } .st_collap_mb .collapse_top_title .title_st { position: relative; background-color: #8daed6; color: #fff; font-size: 20px; padding: 17px 20px 17px 30px; pointer-events: none; } .st_collap_mb .collapse_top_title .col_icon:before { content: '\f107'; font-family: fontAwesome; text-align: right; color: #fff; position: absolute; right: 15px; top: 0; bottom: 0; font-size: 12px; height: 20px; margin: auto; } .st_collap_mb .collapse_top_title .title_st.active .col_icon:before { content: '\f106'; } .st_collap_mb .collapse_body { padding-top: 30px; } .st_collap_mb .collapse_body .description { margin-bottom: 25px; line-height: 1.5; } @media screen and (max-width: 640px) { .st_collap_mb .group_item + .group_item { margin-top: 18px; } .st_collap_mb .collapse_body { padding-top: 0; opacity: 0; visibility: hidden; height: 0; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .st_collap_mb .collapse_body.open { height: 100%; opacity: 1; visibility: visible; padding-top: 15px; } .st_collap_mb .collapse_body .description { font-size: 12px; margin-bottom: 20px; } .st_collap_mb .collapse_top_title .title_st { cursor: pointer; pointer-events: inherit; font-size: 12px; padding: 10px; line-height: 1.5; } .st_collap_mb .collapse_top_title .title_st .txt { padding-right: 30px; } .st_collap_mb .collapse_top_title .col_icon { display: block; } .st_collap_mb .collapse_top_title .lb { font-size: 13px; margin-bottom: 7px; padding-left: 8px; } .block_itemstyle_11 > .item { margin-bottom: 10px !important; } .block_itemstyle_11 > .item:last-child { margin-bottom: 5px !important; } .sc_block_item .btn_link .bor_bt { letter-spacing: -1px; padding-bottom: 2px; } } /* end Collapse St */ /* SC Block Item style 11 */ .sc_block_item.style_11 { font-feature-settings: "palt"; background-color: #fff; padding: 20px 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .sc_block_item.style_11 * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .sc_block_item.style_11 .block_img img { width: 100%; } .sc_block_item.style_11 .block_img + .block_info { margin-top: 15px; } .sc_block_item.style_11 .block_info { text-align: center; } .sc_block_item.style_11 .block_info .title { font-size: 18px; font-weight: 700; line-height: 1.7; margin-bottom: 10px; } .sc_block_item.style_11 .block_info .btn_link { margin-top: 5px; padding: 13px 0px; } @media screen and (max-width: 640px) { .block_itemstyle_11 > .item { width: 100% !important; } .block_itemstyle_11 .sc_block_item.style_11 { padding: 20px 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .block_itemstyle_11 .sc_block_item.style_11 .block_img { width: 50%; float: left; } .block_itemstyle_11 .sc_block_item.style_11 .block_info { margin-top: 0; padding-left: 10px; width: 50%; float: left; } .block_itemstyle_11 .sc_block_item.style_11 .block_info .title { font-size: 12px; } .block_itemstyle_11 .sc_block_item.style_11 .block_info .btn_link { padding: 6px 0; } .block_itemstyle_11 .sc_block_item.style_11 .block_info .btn_point { padding: 6px 10px; } } /* end SC Block Item style 11 */ /* Block Item style 12 */ .sc_block_item.style_12 .top_txt { background-color: #51595f; color: #fff; text-align: center; padding: 5px 10px 6px; } .sc_block_item.style_12 .block_img img { width: 100%; } .sc_block_item.style_12 .block_img + .block_info { margin-top: 10px; } .sc_block_item.style_12 .block_info { text-align: left; padding-right: 18px; } .sc_block_item.style_12 .block_info .date { display: block; color: #51595f; margin-bottom: 10px; } .sc_block_item.style_12 .block_info .desc_txt { line-height: 1.8; position: relative; } .sc_block_item.style_12 .block_info .desc_txt:before { font-family: 'FontAwesome'; content: '\f138'; display: inline-block; vertical-align: top; margin-left: 1px; margin-right: 5px; color: #51595f; } @media screen and (max-width: 640px) { .sc_block_item.style_12 .block_info { font-size: 12px; } .sc_block_item.style_12 .block_info .desc_txt { font-size: 12px; } } /* end Block Item style 12 */ .form-check { position: relative; } .form-check .form-check__input { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; cursor: pointer; } .form-check .form-check__input:checked + label:after { background-color: #0b2669; } .form-check .form-check__label { position: relative; padding-left: 25px; font-weight: 400; display: block; } .form-check .form-check__label:before { content: ''; position: absolute; background-color: #fff; top: 50%; left: 0; width: 15px; height: 15px; border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #b7c3cd; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .form-check .form-check__label:after { content: ''; position: absolute; background-color: transparent; top: 50%; left: 5px; width: 7px; height: 7px; background-color: #edeff1; border-radius: 50%; -webkit-border-radius: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .blog_st { background-repeat: no-repeat; background-position: 50% 0%; background-size: cover; position: relative; z-index: 1; } .blog_st_gyosyu { background-image:url(../img/bg_st_block.jpg); } .blog_st:before { content: ""; z-index: -1; position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.3); } .blog_st .btnimg_listitem.style_01 .btnimg_list_hover_mask .top_title .icons { display: none; } .blog_st .btnimg_listitem.style_01 .btnimg_list_hover_mask .top_title .txt { width: 100%; padding: 0; text-align: center; } /*---------- modal ----------*/ .s-mt_s { margin-top: 30px; } .has_modal { overflow: hidden !important; } .s_modal { display: none; position: fixed; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; outline: 0; top: 0; left: 0; right: 0; bottom: 0; z-index: 998; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .s_modal * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .s_modal .modal_dialog { -ms-transform: translate(0%, 0%) translateZ(0); -o-transform: translate(0%, 0%) translateZ(0); -moz-transform: translate(0%, 0%) translateZ(0); -webkit-transform: translate(0%, 0%) translateZ(0); transform: translate(0%, 0%) translateZ(0); width: 830px; margin: 40px auto; position: relative; cursor: default; z-index: 999; background-color: #fff; padding: 30px 30px 50px 30px; } @media screen and (max-width: 640px) { .s_modal .modal_dialog { width: 90%; padding: 15px 15px 25px 15px; } } .s_modalWindow .btn-form-wp { z-index: 1; -ms-transform: translate(0, 0); -o-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); backface-visibility: hidden; } .s_modalWindow .btn-form-wp .btn_unique, .s_modalWindow .btn-form-wp .btn_basic_gray { font-size: 16px; min-width: 180px; display: inline-block; margin: auto 10px; } .s_modal.overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); z-index: 10; cursor: pointer; } .s_modalWindow .s_modalWrapper { text-align: left; line-height: 20px !important; background: #fff; backface-visibility: hidden; } .s_modalWindow .s_modalWrapper .btn { margin: 0 5px; } @media screen and (max-width: 640px) { .s_modalWindow .s_modalWrapper .column_02-cost { margin-left: -10px !important; margin-bottom: -20px; } .s_modalWindow .s_modalWrapper .column_02-cost > .item { width: calc((100% - 10px * 2) / 2) !important; margin-left: 10px !important; margin-bottom: 20px; } .s_modalWindow .btn-form-wp .btn_unique, .s_modalWindow .btn-form-wp .btn_basic_gray { font-size: 12px; min-width: 105px; } } /* edit list block */ .btnimg_listitem.style_01 * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .btnimg_listitem.style_01 > a { padding-bottom: 53px; } .btnimg_listitem.style_01 .btnimg_list_hover_txt { padding: 8px 10px 0; } .btnimg_listitem.style_01 .btnimg_list_hover_txt > p { height: calc(100% - 45px); } .btnimg_listitem.style_01 .btnimg_list_img { position: relative; margin-bottom: 15px; } .btnimg_listitem.style_01 .btnimg_list_img:after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(81, 89, 95, 0.3); } .btnimg_listitem.style_01 .btnimg_list_img .icons { position: absolute; width: 75px; height: 75px; left: 50%; top: 50%; margin-top: -37px; margin-left: -37px; z-index: 1; } .btnimg_listitem.style_01 .btnimg_list_img .icons img { width: 100%; } .btnimg_listitem.style_01 .btnimg_list_hover_mask { z-index: 5; background-color: #51595f; color: #fff; text-align: left; } .btnimg_listitem.style_01 .btnimg_list_hover_mask .top_title { display: block; font-size: 0; margin-bottom: 12px; } .btnimg_listitem.style_01 .btnimg_list_hover_mask .top_title .icons { width: 60px; display: inline-block; vertical-align: middle; } .btnimg_listitem.style_01 .btnimg_list_hover_mask .top_title .icons img { width: 100%; } .btnimg_listitem.style_01 .btnimg_list_hover_mask .top_title .txt { display: inline-block; font-size: 20px; font-weight: 700; width: calc(100% - 60px); padding-left: 20px; vertical-align: middle; } .btnimg_listitem.style_01 .btnimg_list_hover_mask .top_title + p { height: calc(100% - 80px); } .btnimg_listitem.style_01 .btnimg_list_hover_mask .btn_basic:hover { background-color: #da5d12; color: #fff; opacity: 1; } .btnimg_listitem.style_01 .btnimg_list_hover_mask .btn_basic:hover .btn_icon { color: #fff; } .btnimg_listitem.style_01 .btnimg_list_hover_mask .btnimg_list_hover_txt > p { color: #fff; line-height: 1.7; font-feature-settings: initial; } @media screen and (max-width: 640px) { .btnimg_listitem.style_01 > a { padding-bottom: 32px; } .btnimg_listitem.style_01 > a > .btn_icon { bottom: 17px; } .btnimg_listitem.style_01 .btnimg_list_hover_txt { padding: 5px; } .btnimg_listitem.style_01 .btnimg_list_img { margin-bottom: 20px; overflow: hidden; } .btnimg_listitem.style_01 .btnimg_list_img:before { content: ''; display: block; padding-top: 78%; } .btnimg_listitem.style_01 .btnimg_list_img > img { position: absolute; height: 100%; width: auto; left: 50%; top: 0; -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .btnimg_listitem.style_01 .btnimg_list_img .icons { width: 38px; height: 38px; margin-top: -19px; margin-left: -19px; } .btnimg_listitem.style_01 .btnimg_list_hover_mask .top_title { display: block; font-size: 0; margin-bottom: 8px; } .btnimg_listitem.style_01 .btnimg_list_hover_mask .top_title .icons { display: none; } .btnimg_listitem.style_01 .btnimg_list_hover_mask .top_title .txt { font-size: 12px; font-weight: 700; width: 100%; padding-left: 0; } .btnimg_listitem.style_01 .btnimg_list_hover_mask .top_title + p { height: calc(100% - 100px); } .btnimg_listitem.style_01 .btnimg_list_hover_mask .btn { font-size: 9px; padding: 4px 5px; } .btnimg_listitem.style_01 .btnimg_list_hover_mask .btnimg_list_hover_txt { padding-top: 5px; } .btnimg_listitem.style_01 .btnimg_list_hover_mask .btnimg_list_hover_txt > p { font-size: 9px; line-height: 1.3; height: calc(100% - 20px); } .btnimg_list_link { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; } } /* end edit list block */ /*---------- Son fix bug actice li ON OFF ----------*/ .btnimg_listitem.style_01.active .btnimg_list_hover_mask { opacity: 1; background-color: #b7c3cd; color: #000; } .btnimg_listitem.style_01.active .btnimg_list_hover_mask .btnimg_list_hover_txt > p { color: #000; } .btnimg_listitem.style_01.active .btnimg_list_hover_mask .btn_basic { color: #fff; background-color: #da5d12; } .btnimg_listitem.style_01.active .btnimg_list_hover_mask .btn_basic .btn_icon { color: #fff; } /* .btnimg_listitem.style_01.active .btnimg_list_hover_mask:hover { background-color: #51595f; color: #fff; } .btnimg_listitem.style_01.active .btnimg_list_hover_mask:hover .btnimg_list_hover_txt > p { color: #fff; } .btnimg_listitem.style_01.active .btnimg_list_hover_mask:hover .btn_basic { background-color: #da5d12; color: #fff; } .btnimg_listitem.style_01.active .btnimg_list_hover_mask:hover .btn_basic .btn_icon { color: #fff; }*/ .hover_on .btnimg_listitem.style_01.active .btnimg_list_hover_mask .btn_basic:hover { color: #da5d12; background-color: #ffffff; } .hover_on .btnimg_listitem.style_01.active .btnimg_list_hover_mask:hover .btn_basic:hover .btn_icon { color: #da5d12; } @media screen and (max-width: 640px) { .hover_on .btnimg_listitem.style_01.active .btnimg_list_hover_mask .btn_basic:hover { color: #da5d12; background-color: #ffffff; } .hover_on .btnimg_listitem.style_01.active .btnimg_list_hover_mask:hover .btn_basic:hover .btn_icon { color: #da5d12; } } .page-no-sidebar .wrap .main_content { padding-left: 0; } .page-no-sidebar .content_inner { /*width: 1052px;*/ } .page-no-sidebar .contact_inner { /*width: 1052px;*/ } .page-no-sidebar .sc_swipe_slider .swiper-container { width: calc(100% - 110px); } @media screen and (max-width: 640px) { .page-no-sidebar .contact_inner, .page-no-sidebar .content_inner { width: auto; } .page-no-sidebar .sc_swipe_slider .swiper-container { width: calc(100% - 46px); } } .page-no-sidebar .casestudy_mv_txtbox { width: 525px; } @media screen and (max-width: 640px) { .page-no-sidebar .casestudy_mv_txtbox { width: 100%; } } .sc_s_bg_info { overflow: hidden; position: relative; width: 100%; height: 170px; max-width: 1920px; z-index: 1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .sc_s_bg_info * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .sc_s_bg_info .wp_logo { position: absolute; top: 50%; left: 50%; width: 400px; height: 400px; background-color: rgba(255, 255, 255, 0.3); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } @media screen and (max-width: 640px) { .sc_s_bg_info .wp_logo { width: 200px; height: 200px; } } .sc_s_bg_info .wp_logo .logo_st { height: 100%; } .sc_s_bg_info .wp_logo .img-res { position: absolute; top: 49%; left: 50%; width: 260px; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (max-width: 640px) { .sc_s_bg_info .wp_logo .img-res { width: 60%; } } .sc_s_bg_info .bg_st { position: absolute; height: 100%; left: 0; top: 0; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: -1; } .sc_s_bg_info .content_inner .icon_wrap { width: 110px; height: 110px; padding: 15px 25px; margin: 30px 0; box-sizing: border-box; border-radius: 50%; background-color: #fff; float: right; } .sc_s_bg_info .content_inner .icon_wrap .icon_img { padding: 0 5px 5px; } .sc_s_bg_info .content_inner .icon_wrap .icon_des { font-size: 14px; font-weight: 500; } @media screen and (max-width: 640px) { .sc_s_bg_info { height: 110px; } .sc_s_bg_info .content_inner .icon_wrap { width: 70px; height: 70px; padding: 10px 15px; margin: 20px 0; } .sc_s_bg_info .content_inner .icon_wrap .icon_img { width: 80%; } .sc_s_bg_info .content_inner .icon_wrap .icon_des { font-size: 10px; } } .sc_s_title .des { font-size: 14px; } .sc_s_title .des .date_icon { display: inline-block; } .sc_s_title .des .date_icon i { padding-right: 5px; } .sc_s_title .des .des_item { margin-left: 10px; display: inline-block; color: #fff; padding: 5px 20px; border-radius: 20px; background-color: #51595f; } @media screen and (max-width: 640px) { .sc_s_title .title_mid { padding-left: 10px; } .sc_s_title .des { font-size: 12px; } .sc_s_title .des .date_icon { display: block; margin-bottom: 5px; } .sc_s_title .des .des_item { font-size: 10px; margin-left: 0; margin-bottom: 5px; margin-right: 0; } } .color_black { color: #000000; } .color_gray { color: #51595f; } .color_light_blue { color: #8daed6; } .color_orange { color: #da5d12; } .color_navy { color: #0b2669; } .color_gray_1 { color: #333; } .bg_light_blue { background-color: #8daed6; } .bg_light_gray { background-color: #edeff1; } .bg_gray { background-color: #51595f; } .bg_navy { background-color: #0b2669; } .bg_grayblack { background-color: #282a2f; } .bg_white { background-color: #fff; } .bg_black { background-color: #000; } .bg_orange { background-color: #da5d12; } .color_gray { color: #51595f; } .color_grey_black { color: #333333; } .title_bar { background-color: #8daed6; color: #fff; padding: 9px 25px 12px; } @media screen and (max-width: 640px) { .title_bar .title_bar { padding: 6px 15px 8px; } } .s_img_title { margin: 0 auto; display: block; max-width: 100%; } .sc_block_item.style_11.s_style_11 { border: 1px solid #edeff1; padding: 20px 25px; } .sc_block_item.style_11.s_style_11 .block_img + .block_info { margin-top: 25px; } .hover_on .solution_list.btnimg_list_function .btnimg_listitem:hover > a { color: #fff; } .hover_on .solution_list.btnimg_list_function .btnimg_listitem:hover > a > .btn_icon { color: #333; } /* .hover_on .solution_list .btnimg_listitem:hover { opacity: 0.3; -webkit-animation: flash 1.5s; animation: flash 1.5s; } @-webkit-keyframes flash { 0% { opacity: .7; } 100% { opacity: 1; } } @keyframes flash { 0% { opacity: .7; } 100% { opacity: 1; } }*/ /* casestudy .casestudy { color: #fff; background: #292d30; } .casestudy_mv { width: 100%; margin: auto; min-width: 830px; max-width: 1920px; } .casestudy_mv_inner { display: table; width: 100%; table-layout: fixed; } .casestudy_mv_img, .casestudy_mv_txt { display: table-cell; vertical-align: top; height: 535px; box-sizing: border-box; } .casestudy_mv_txt { background: url(../images/casestudy_mv_txt.jpg) no-repeat right 85%; background-size: cover; } .casestudy_mv_img { background: url(../images/casestudy_mv_img.jpg) no-repeat left top; background-size: cover; } .casestudy_mv_txt_inner { background-color: rgba(81, 89, 95, 0.5); width: 100%; height: 100%; position: relative; } .casestudy_mv_txtbox { position: absolute; right: 0; top: 0; width: 415px; padding: 80px 0; } .casestudy_mv_ttl { font-size: 26px; line-height: 1.92; margin-bottom: 45px; } .casestudy_mv .btn_basic { font-size: 16px; padding: 11px 28px; border-radius: 4px; } .casestudy_inner { width: 830px; margin: auto; } .casestudy_search { padding: 30px 0 90px; text-align: center; } .casestudy_search_ttl { font-size: 26px; margin-bottom: 30px; margin-top: -3px; } .casestudy_search_select { font-weight: 500; position: relative; margin-bottom: 15px; } .casestudy_search_select:before { content: ''; display: block; width: 100%; height: 1px; background: #51595f; position: absolute; top: 0; left: 0; } .casestudy_search_select_list { padding-bottom: 30px; position: relative; } .casestudy_search_select_list:before { content: ''; display: block; position: absolute; bottom: 17px; left: 50%; border-top: 13px solid #b1bec7; border-left: 13px solid #292d30; border-right: 13px solid #292d30; border-bottom: 0px solid green; width: 0; height: 0; margin-left: -13px; } .casestudy_search_select_list > ul { font-size: 0; margin-right: -10px; } .casestudy_search_select_list li { display: inline-block; margin: 0 10px 10px 0; height: 30px; line-height: 30px; width: 158px; color: #000000; font-size: 14px; } .casestudy_search_select_list li .checkbox { cursor: pointer; display: block; position: relative; } .casestudy_search_select_list li .checkbox > span { position: relative; z-index: 2; } .casestudy_search_select_list li .checkbox input[type="checkbox"] { cursor: pointer; border-radius: 4px; -moz-appearance: none; -webkit-appearance: none; position: absolute; top: 0; left: 0; background: #b7c4cd; width: 100%; height: 100%; } .casestudy_search_select_list li .checkbox input[type="checkbox"]:checked { background: #8daed6; } .casestudy_search_select_list li .checkbox input[type="checkbox"]:focus { outline: none; } .casestudy_search_select > span { background: #292d30; display: inline-block; padding: 0 10px; margin-top: -10px; position: relative; z-index: 2; } .casestudy_search .btn_basic { margin-top: -7px; font-size: 16px; padding: 11px 28px; } @media screen and (max-width: 640px) { .casestudy_mv { min-width: 100%; } .casestudy_mv_img, .casestudy_mv_txt { height: 267px; } .casestudy_inner { width: 100%; padding: 20px 15px 60px; box-sizing: border-box; } .casestudy_mv_img { background: url(../images/casestudy_mv_img_sp.jpg) no-repeat left top; background-size: cover; } .casestudy_mv_txtbox { width: 100%; box-sizing: border-box; padding: 40px 0 40px 15px; } .casestudy_mv_ttl { font-size: 15px; margin-bottom: 20px; } .casestudy_mv .btn_basic { font-size: 12px; padding: 6px 13px; } .casestudy_search { padding: 15px 15px 60px; } .casestudy_search_ttl { font-size: 13px; margin-bottom: 20px; line-height: 1.69; } .casestudy_search_select { margin-bottom: 10px; } .casestudy_search_select_list { padding-bottom: 20px; } .casestudy_search_select_list:before { border-top: 6px solid #b1bec7; border-left: 6px solid #292d30; border-right: 6px solid #292d30; border-bottom: 0px solid green; margin-left: -6px; } .casestudy_search_select_list > ul { text-align: left; } .casestudy_search_select_list > ul > li { display: inline-block; background: #b7c4cd; border-radius: 4px; margin: 0 10px 10px 0; width: 30%; width: calc((100% - 30px) / 3); font-size: 11px; } .casestudy_search_select_list a { font-size: 11px; width: 100%; height: 20px; line-height: 20px; text-align: center; } .casestudy_search_select > span { margin-top: -7px; } .casestudy_search .btn_basic { font-size: 12px; padding: 6px 14px; } .casestudy_search_select_list li .checkbox { text-align: center; } .casestudy_search_select_list li .checkbox > span { display: inline-block; } } .contact { padding: 90px 0; background: #edeff1; } .contact_bg { padding: 60px 0; background: url("../images/bg_contact_block.jpg") no-repeat 50% 0%; background-size: cover; } .contact_inner { width: 830px; margin: auto; } .contact_left, .contact_right { width: 406px; } .contact_left { float: left; } .contact_right { float: right; } .contact_btn { font-size: 26px; font-weight: 600; background: #da5e13; border-radius: 4px; height: 120px; width: 100%; display: table; } .contact_btn > span { display: table-cell; vertical-align: middle; line-height: 1.38; } .contact_btn .btn_icon { margin-right: 12px; } .hover_on .contact_btn:hover { background: #ffffff; color: #da5e13; opacity: 1; } .hover_on .contact_btn:focus { opacity: 1; } .hover_on .contact_btn:hover .btn_icon { color: #da5e13; } .contact_before { display: table; width: 406px; margin-top: 13px; margin-bottom: 21px; float: right; } .contact_before_ttl, .contact_before_link { display: table-cell; vertical-align: middle; } .contact_before_ttl { font-size: 14px; padding-right: 30px; font-weight: 600; width: 160px; box-sizing: border-box; border-right: 1px solid #000000; } .contact_before_link { padding-left: 30px; } .contact_before_link > a { display: block; } .contact_before_link i { color: #51595f; margin-right: 5px; } @media screen and (max-width: 640px) { .contact { padding: 60px 0; } .contact_bg { background: url("../images/bg_contact_block_sp.jpg") no-repeat 50% 0%; background-size: cover; padding: 40px 0; } .contact_inner { width: 100%; padding: 0 15px; box-sizing: border-box; } .contact_left, .contact_right { width: 50%; box-sizing: border-box; } .contact_left { padding-right: 5px; } .contact_right { padding-left: 5px; } .contact_btn { font-size: 13px; height: 60px; padding: 0; } .contact_btn .btn_icon { margin-right: 6px; } .hover_on .contact_btn:hover { background: #da5e13; color: #ffffff; opacity: 1; } .hover_on .contact_btn:hover .btn_icon { color: #ffffff; } .contact_before { width: 100%; float: none; margin-top: 17px; margin-bottom: 20px; } .contact_before_ttl { font-size: 12px; width: 138px; text-align: center; padding-right: 0; } .contact_before_link { padding-left: 15px; } .contact_before_link > a { padding: 1px 0; } .contact_before_link > a:last-child { margin-top: 5px; } } */ .sc_block_item.style-15.option_2 .list_status .status { min-width: 160px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .sc_block_item.style-15.option_2 .block-img { width: 270px; left: 70px; } .sc_block_item.style-15.option_2 .block-content { width: calc(100% - 270px - 70px); right: 0; } .sc_block_item.style-15 .wp-style-15 { margin-bottom: 30px; } .sc_block_item.style-15 .wp-style-15:last-child { margin-bottom: 0; } .sc_block_item.style-15 .wp-style-15, .sc_block_item.style-15 .content-01 { font-size: 0; } .sc_block_item.style-15 .title_option2 { letter-spacing: -0.5px; } .sc_block_item.style-15 .content-01_left { width: 86px; } .sc_block_item.style-15 .content-01_right { width: -webkit-calc(100% - 86px); width: -moz-calc(100% - 86px); width: calc(100% - 86px); } .sc_block_item.style-15 .block-img { width: 295px; left: 62%; } .sc_block_item.style-15 .block-content { width: 435px; right: 38%; } .sc_block_item.style-15 .num_large { width: 86px; height: 86px; padding: 3px 2px; background-color: #0b2669; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .sc_block_item.style-15 .list_status > li { display: inline-block; margin-right: 5px; margin-bottom: 5px; } .sc_block_item.style-15 .list_status > li:last-child { margin-right: 0; } .sc_block_item.style-15 .list_status .status { display: inline-block; min-width: 103px; padding: 1px 10px 3px 10px; } @media screen and (max-width: 640px) { .sc_block_item.style-15 .pri_title { line-height: 1.5; } } .sc_block_item.style-15 .des { color: #000000; } .sc_block_item.style-15 .des .exc { color: #da5e13; } .sc_block_item.style-15 .list_item_des li { position: relative; } .sc_block_item.style-15 .list_item_des li:before { content: ""; position: absolute; top: 8px; left: 0; width: 13px; height: 13px; background-color: #8daed6; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sc_block_item.style-15 .wrap_btn .btn .btn_icon { margin-right: 5px; } .sc_block_item.style-16 .list_item_block .item { background-color: #fff; } @media screen and (max-width: 640px) { .sc_block_item.style-16 .list_item_block .item { margin-bottom: 15px; } .sc_block_item.style-16 .list_item_block .item:last-child { margin-bottom: 0; } } .sc_block_item.style-16 .list_item_block .item .des { text-align: justify; } @media screen and (max-width: 640px) { .sc_block_item.style-16 .list_item_block .item { width: 100%; } } .sc_block_item.style-16 .ly-table.m_height { min-height: 90px; } @media screen and (max-width: 640px) { .sc_block_item.style-16 .ly-table.m_height { min-height: auto; } } .sc_block_item.style-17 .list_item_block { font-size: 0; } .sc_block_item.style-17 .list_item_block .item { width: 33.333%; display: inline-block; vertical-align: top; } .sc_block_item.style-17 .list_item_block .wp_img { position: relative; display: inline-block; overflow: hidden; width: 163px; height: 163px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sc_block_item.style-17 .list_item_block .wp_img:before { content: ""; display: block; padding-top: 100%; } .sc_block_item.style-17 .list_item_block .wp_img .img-res { position: absolute; top: 50%; left: 50%; width: 120px; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (max-width: 640px) { .sc_block_item.style-15 .wp-style-15 { margin-bottom: 15px; } .sc_block_item.style-15 .wp-style-15:last-child { margin-bottom: 0; } .sc_block_item.style-15.option_2 .list_status .status { min-width: auto; padding: 5px 10px; } .sc_block_item.style-15.option_2 .block-img { left: auto; width: 100%; } .sc_block_item.style-15.option_2 .block-content { right: auto; width: 100%; } .sc_block_item.style-15 .content-01_left { width: 75px; } .sc_block_item.style-15 .content-01_right { width: -webkit-calc(100% - 75px); width: -moz-calc(100% - 75px); width: calc(100% - 75px); } .sc_block_item.style-15 .block-img { left: auto; width: 100%; } .sc_block_item.style-15 .block-img .img-res { width: 100%; } .sc_block_item.style-15 .num_large { width: auto; height: auto; padding: 4px 2px; } .sc_block_item.style-15 .block-content { right: auto; width: auto; } .sc_block_item.style-15 .list_status .status { padding: 5px; min-width: auto; } .sc_block_item.style-15 .pri_title { line-height: 1.5; } .sc_block_item.style-15 .list_item_des li:before { top: 8px; width: 7px; height: 7px; } .sc_block_item.style-17 .list_item_block .wp_img { width: -webkit-calc(70% - 15px); width: -moz-calc(70% - 15px); width: calc(70% - 15px); height: auto; padding: 15px; } .sc_block_item.style-17 .list_item_block .wp_img .img-res { width: auto; max-width: 75%; } } /* conversion_btn .conversion_btn { border-radius: 4px; background: #ffffff; border: 2px solid #da5e13; display: block; text-align: center; padding: 16px; } .hover_on .conversion_btn:hover { background: #da5e13; opacity: 1; } .hover_on .conversion_btn:focus { opacity: 1; } .hover_on .conversion_btn:hover .conversion_btn_ttl { color: #ffffff; background: url("../images/icon_hyoka_on.png") no-repeat 0 50%; } .hover_on .conversion_btn:hover .conversion_btn_notes { color: #ffffff; } .conversion_btn_ttl { font-size: 26px; font-weight: 600; color: #da5e13; display: inline-block; text-align: left; padding-left: 80px; background: url("../images/icon_hyoka.png") no-repeat 0 50%; } .conversion_btn_notes { font-size: 12px; color: #51595f; padding-top: 5px; display: block; font-weight: 400; } @media screen and (max-width: 640px) { .conversion_btn { border-width: 1px; padding: 13px; } .conversion_btn_ttl { font-size: 13px; background-size: 30px auto; padding-left: 40px; } .hover_on .conversion_btn:hover { background: #ffffff; opacity: 1; } .hover_on .conversion_btn:hover .conversion_btn_ttl { background: url("../images/icon_hyoka.png") no-repeat 0 50%; background-size: 30px auto; color: #da5e13; } .hover_on .conversion_btn:hover .conversion_btn_notes { color: #51595f; } .conversion_btn_notes { font-size: 9px; } }*/ /*============================================== = Fix bug Tab 2 content = Add class s_tab_2_content in
----->
==============================================*/ .s_tab_2_content .sc_block_item.style_01 .block_info { padding: 22px 15px 25px; display: block; } .s_tab_2_content .sc_block_item.style_01 .block_info .description_title, .s_tab_2_content .sc_block_item.style_01 .block_info .info_title { display: block; text-align: center; } @media screen and (max-width: 640px) { .s_tab_2_content .navi_tab_list > .item { margin-bottom: 0; } .s_tab_2_content .navi_tab_list .sc_block_item.style_01 .block_img { padding: 10px 0; } .s_tab_2_content .navi_tab_list .sc_block_item.style_01 .block_info { padding: 20px 0; } .s_tab_2_content .sc_block_item.style_01 { margin-bottom: 20px; } .s_tab_2_content .sc_block_item.style_01 .block_info .info_title { font-size: 12px; } .s_tab_2_content .sc_block_item.style_01 .block_info .description_title { font-size: 9px; } } .table_infor { width: 100%; } .table_infor .link_tab { font-size: 0; display: block; } .table_infor .icon_link, .table_infor .txt_link { font-size: 14px; } @media screen and (max-width: 640px) { .table_infor .icon_link, .table_infor .txt_link { font-size: 12px; } } .table_infor .icon_link { width: 17px; margin-top: 6px; } .table_infor .txt_link { width: -webkit-calc(100% - 17px); width: -moz-calc(100% - 17px); width: calc(100% - 17px); } .table_infor thead { background-color: #282a2f; } .table_infor thead tr { padding: 13px 18px; } .table_infor thead tr th { color: #fff; border-right: 1px solid #edeff1; } @media screen and (max-width: 640px) { .table_infor thead { display: none; } } .table_infor tbody { border-top: 1px solid #edeff1; border-bottom: 1px solid #edeff1; } .table_infor tr { border-bottom: 1px solid #edeff1; } @media screen and (max-width: 640px) { .table_infor tr { display: block; margin-bottom: 15px; } .table_infor tr:last-child { margin-bottom: 0; } } .table_infor tr:last-child { border-bottom: none; } .table_infor tr th, .table_infor tr td { background-color: #fff; border-right: 1px solid #edeff1; vertical-align: top; } .thead { padding: 13px 18px; font-size: 14px; line-height: 1.9; text-align: left; background: #000000; color: #ffffff; } @media screen and (max-width: 640px) { .table_infor tr td { display: block; width: auto; border-right: none; border-bottom: 1px solid #eee; } .thead { padding: 8px 10px; font-size: 12px; } } @media screen and (max-width: 640px) { .table_infor tr td:before { content: attr(data-title); display: block; font-weight: 700; } } .table_infor tr td:last-child { border-right: none; } .table_infor tr td:first-child, .table_infor tr th:first-child { background-color: #b7c4cd; } .table_infor tr th[colspan="2"]:first-child { background-color: #000000; } .table_infor td, .table_infor th { padding: 13px 18px; font-size: 14px; line-height: 1.9; } @media screen and (max-width: 640px) { .table_infor td, .table_infor th { padding: 8px 10px; font-size: 12px; } } .sc_list_btn_large .wp_list_btn { font-size: 0; } .sc_list_btn_large .wp_list_btn .btn { display: block; } .sc_list_btn_large .wp_list_btn .wp_item_btn { font-size: 0; padding: 25px 20px 25px 0; } @media screen and (max-width: 640px) { .sc_list_btn_large .wp_list_btn .wp_item_btn { padding: 15px 10px 13px 10px; } } .sc_list_btn_large .wp_list_btn .item_btn { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; } .sc_list_btn_large .wp_list_btn .item_btn .absolute-links { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 1; } .sc_list_btn_large .wp_list_btn .item_btn .absolute-links:hover + .wp_item_btn { opacity: 0.6; } .sc_list_btn_large .wp_list_btn .item_btn .item_btn_img { position: absolute; top: 50%; width: 150px; -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 640px) { .sc_list_btn_large .wp_list_btn .item_btn .item_btn_img { position: relative; top: auto; width: 100%; -ms-transform: none; -o-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; } } .sc_list_btn_large .wp_list_btn .item_btn .border_img { position: relative; width: 90px; height: 90px; margin: auto; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sc_list_btn_large .wp_list_btn .item_btn .border_img:before { content: ""; display: block; padding-top: 100%; } .sc_list_btn_large .wp_list_btn .item_btn .border_img img { position: absolute; width: 50px; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sc_list_btn_large .wp_list_btn .item_btn .item_btn_content { float: right; width: -webkit-calc(100% - 150px); width: -moz-calc(100% - 150px); width: calc(100% - 150px); } @media screen and (max-width: 640px) { .sc_list_btn_large .wp_list_btn .item_btn .item_btn_content { float: none; width: 100%; } } .sc_list_btn_large .wp_list_btn .item_btn .item_btn_content .btn_large { padding: 0; } .sc_list_btn_large .wp_list_btn.large.list_column.mlr_20.column_02 > .item { width: calc((100% - 15px * 2) / 2); } .sc_list_btn_large .wp_list_btn.large.list_column.mlr_20.column_03 > .item { width: calc((100% - 15px * 3) / 3); } @media screen and (max-width: 640px) { .sc_list_btn_large .wp_list_btn.large.list_column.mlr_20.column_03 > .item, .sc_list_btn_large .wp_list_btn.large.list_column.mlr_20.column_02 > .item { width: 100%; } } @media screen and (max-width: 640px) { .sc_list_btn_large .wp_list_btn.large { margin-left: -10px; } } .sc_list_btn_large .wp_list_btn.large > .item_btn { margin-left: 15px; } @media screen and (max-width: 640px) { .sc_list_btn_large .wp_list_btn.large > .item_btn { margin-left: 10px; } } .sc_list_btn_large .wp_list_btn.medium { margin-left: -20px; } @media screen and (max-width: 640px) { .sc_list_btn_large .wp_list_btn.medium { margin-left: -10px; } } .sc_list_btn_large .wp_list_btn.medium.list_column.mlr_15.column_03 > .item { width: calc((100% - 20px * 3) / 3); } .sc_list_btn_large .wp_list_btn.medium.list_column.mlr_15.column_02 > .item { width: calc((100% - 20px * 2) / 2); } .sc_list_btn_large .wp_list_btn.medium.list_column.mlr_15.column_03 > .item, .sc_list_btn_large .wp_list_btn.medium.list_column.mlr_15.column_02 > .item { margin-left: 20px; } @media screen and (max-width: 640px) { .sc_list_btn_large .wp_list_btn.medium.list_column.mlr_15.column_03 > .item, .sc_list_btn_large .wp_list_btn.medium.list_column.mlr_15.column_02 > .item { width: 100%; margin-left: 10px; } } .sc_list_btn_large .wp_list_btn.medium > .item_btn { min-height: 45px; margin-bottom: 15px; } @media screen and (max-width: 640px) { .sc_list_btn_large .wp_list_btn.medium > .item_btn { min-height: auto; margin-bottom: 10px; } } @media screen and (max-width: 640px) { .sc_list_btn_large .list_column.mlr_20.column_03 > .item { width: 100%; } } .sc_list_btn_large .btn_large { padding: 15px 20px; } @media screen and (max-width: 640px) { .sc_list_btn_large .btn_large { padding: 7px 20px; } } .sc_list_btn_large .btn_medium { padding: 7px 20px; } .sc_list_btn_large .btn_left { text-align: left; } @media screen and (max-width: 640px) { .sc_list_btn_large .sp_btn_center { text-align: center; } } .sc_list_btn_large .btn_center { text-align: center; } .sc_list_btn_large .des { display: block; margin-top: 15px; } @media screen and (max-width: 640px) { .sc_list_btn_large .des { margin-top: 5px; } } .title_table { display: table; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .title_table * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .title_table .title_left, .title_table .title_right { display: table-cell; vertical-align: middle; } .title_table .title_left { width: 85%; } @media screen and (max-width: 640px) { .title_table .title_left, .title_table .title_right { width: 100%; display: block; } .title_table .title_right { text-align: center; padding-top: 10px; } }