@charset "UTF-8";
/* -------------------------------------------------------------------------*/
/* COMMON COLORS
/* -------------------------------------------------------------------------*/
.clr-red {
  color: #ef0000; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* MIXIN / ARGUMENT / COMMON CLASS
/* -------------------------------------------------------------------------*/
.default_ftz {
  font-size: 18px;
  font-size: 1.125rem; }
  @media only screen and (max-width: 980px) {
    .default_ftz {
      font-size: 16px;
      font-size: 1rem; } }

.text_out {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }

.mincho {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif; }

.uiFont {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo UI', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; }

.clearfix:after {
  content: "";
  clear: both;
  display: block; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* PAGE NV
/* -------------------------------------------------------------------------*/
/* ---- SERVICe NAVI ---- */
#SRVC_nv {
  padding: 15px 10px 10px;
  margin-bottom: 30px;
  background-color: #f0f4f8; }
  #SRVC_nv ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0; }
  #SRVC_nv li {
    font-size: 15px;
    font-size: 0.9375rem;
    margin: -5px 0.15%;
    padding: 0;
    min-width: 24.7%;
    display: inline-block; }
    #SRVC_nv li a {
      display: table;
      width: 100%;
      border-collapse: collapse;
      border: 1px solid #e0e0e0;
      padding: 3px;
      background-color: #fff;
      color: #000;
      transition: background 0.2s ease; }
      #SRVC_nv li a figure {
        display: table-cell;
        margin: 0;
        padding: 3px;
        width: 43px;
        vertical-align: middle; }
      #SRVC_nv li a span {
        display: table-cell;
        padding: 4px 5px 0 3px;
        vertical-align: middle;
        white-space: nowrap; }
      #SRVC_nv li a:hover {
        text-decoration: none;
        color: #000 !important; }
    #SRVC_nv li.srvc_nv_trans a:hover {
      background-color: #fff0e1; }
    #SRVC_nv li.srvc_nv_internet a:hover {
      background-color: #dff2ff; }
    #SRVC_nv li.srvc_nv_cloud a:hover {
      background-color: #dff9f1; }
    #SRVC_nv li.srvc_nv_data a:hover {
      background-color: #f2fbcf; }
    #SRVC_nv li.srvc_nv_iot a:hover {
      background-color: #fff3d8; }
    #SRVC_nv li.srvc_nv_security a:hover {
      background-color: #ffeceb; }
    #SRVC_nv li.srvc_nv_others a:hover {
      background-color: #e9f3ff; }
  #SRVC_nv.in_trans .srvc_nv_trans a {
    background-color: #ff7e00;
    border-color: #ff7e00;
    color: #fff; }
  #SRVC_nv.in_internet .srvc_nv_internet a {
    background-color: #0096ff;
    border-color: #0096ff;
    color: #fff; }
  #SRVC_nv.in_cloud .srvc_nv_cloud a {
    background-color: #11c98f;
    border-color: #11c98f;
    color: #fff; }
  #SRVC_nv.in_data .srvc_nv_data a {
    background-color: #9abf08;
    border-color: #9abf08;
    color: #fff; }
  #SRVC_nv.in_iot .srvc_nv_iot a {
    background-color: #ffae00;
    border-color: #ffae00;
    color: #fff; }
  #SRVC_nv.in_security .srvc_nv_security a {
    background-color: #ef736a;
    border-color: #ef736a;
    color: #fff; }
  #SRVC_nv.in_others .srvc_nv_others a {
    background-color: #6a8fbe;
    border-color: #6a8fbe;
    color: #fff; }
  @media only screen and (max-width: 980px) {
    #SRVC_nv li {
      font-size: 13px;
      font-size: 0.8125rem;
      min-width: initial;
      margin: -5px 2px; }
      #SRVC_nv li a {
        padding-right: 20px; }
        #SRVC_nv li a figure {
          width: 25px; }
          #SRVC_nv li a figure img {
            width: 25px;
            height: 25px; } }
  @media only screen and (max-width: 640px) {
    #SRVC_nv {
      padding: 10px 5px 0;
      margin-left: -10px;
      margin-right: -10px; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SERVICE COMMON TOOLS
/* -------------------------------------------------------------------------*/
/* FONT SIZE */
.font_2S {
  font-size: 11px;
  font-size: 0.6875rem; }

.font_S, .srvc_tbl_block_2 .info_center, .srvc_box_ether_2 .price_box .info, .srvc_box_ether_2 .price_box_1_2 .info, .srvc_box_ether_2 .price_box .info2, .srvc_box_ether_2 .price_box_1_2 .info2, .srvc_box_ether_3 .row p .text, .srvc_box_wvs_3 .block .title span {
  font-size: 13px;
  font-size: 0.8125rem; }

.font_SM, .srvc_box_ether_8 .block .text {
  font-size: 15px;
  font-size: 0.9375rem; }

.font_M, .srvc_box_ether_2 .text, .srvc_box_ether_3 .row p, .srvc_box_ether_4 .box .text, .srvc_box_ether_8 .block .title, .srvc_box_etherW_2 .box .text, .srvc_box_etherW_3 p, .srvc_box_wvs_3 .block .title, .srvc_box_htcn_2 > p, .srvc_box_lot_2 > p, .srvc_box_lot_2 .box .cell > p, .srvc_box_lot_3, .srvc_box_fwgw_2 .cell .wrp .box .title span {
  font-size: 17px;
  font-size: 1.0625rem; }

.font_L, .srvc_box_ether_2 .price_box .box .title, .srvc_box_ether_2 .price_box_1_2 .box .title, .srvc_box_ether_2 .price_box .box th, .srvc_box_ether_2 .price_box_1_2 .box th, .srvc_box_ether_7 .th, .srvc_box_wvs_3 .box .cell_1 p span, .srvc_box_htcn_2 .title, .srvc_box_fwgw_2 .cell .wrp .box .title, .srvc_box_fwgw_5 .box .title {
  font-size: 19px;
  font-size: 1.1875rem; }

.font_2L, .srvc_box_fwgw_2 dd span, .srvc_box_fwgw_4 dd span, .srvc_box_fwgw_4 .title {
  font-size: 22px;
  font-size: 1.375rem; }

.font_3L, .srvc_box_ether_7 .price {
  font-size: 28px;
  font-size: 1.75rem; }

.font_4L {
  font-size: 32px;
  font-size: 2rem; }

.font_5L {
  font-size: 38px;
  font-size: 2.375rem; }

@media only screen and (max-width: 980px) {
  .font_2S {
    font-size: 11px;
    font-size: 0.6875rem; }
  .font_S, .srvc_tbl_block_2 .info_center, .srvc_box_ether_2 .price_box .info, .srvc_box_ether_2 .price_box_1_2 .info, .srvc_box_ether_2 .price_box .info2, .srvc_box_ether_2 .price_box_1_2 .info2, .srvc_box_ether_3 .row p .text, .srvc_box_wvs_3 .block .title span {
    font-size: 12px;
    font-size: 0.75rem; }
  .font_SM, .srvc_box_ether_8 .block .text {
    font-size: 13px;
    font-size: 0.8125rem; }
  .font_M, .srvc_box_ether_2 .text, .srvc_box_ether_3 .row p, .srvc_box_ether_4 .box .text, .srvc_box_ether_8 .block .title, .srvc_box_etherW_2 .box .text, .srvc_box_etherW_3 p, .srvc_box_wvs_3 .block .title, .srvc_box_htcn_2 > p, .srvc_box_lot_2 > p, .srvc_box_lot_2 .box .cell > p, .srvc_box_lot_3, .srvc_box_fwgw_2 .cell .wrp .box .title span {
    font-size: 15px;
    font-size: 0.9375rem; }
  .font_L, .srvc_box_ether_2 .price_box .box .title, .srvc_box_ether_2 .price_box_1_2 .box .title, .srvc_box_ether_2 .price_box .box th, .srvc_box_ether_2 .price_box_1_2 .box th, .srvc_box_ether_7 .th, .srvc_box_wvs_3 .box .cell_1 p span, .srvc_box_htcn_2 .title, .srvc_box_fwgw_2 .cell .wrp .box .title, .srvc_box_fwgw_5 .box .title {
    font-size: 18px;
    font-size: 1.125rem; }
  .font_2L, .srvc_box_fwgw_2 dd span, .srvc_box_fwgw_4 dd span, .srvc_box_fwgw_4 .title {
    font-size: 20px;
    font-size: 1.25rem; }
  .font_3L, .srvc_box_ether_7 .price {
    font-size: 26px;
    font-size: 1.625rem; }
  .font_4L {
    font-size: 30px;
    font-size: 1.875rem; }
  .font_5L {
    font-size: 34px;
    font-size: 2.125rem; } }

/* -- TEXTs -- */
.bigTxt_1 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.7 !important;
  max-width: 640px;
  margin: 0 auto !important; }
  .bigTxt_1 .info_line {
    font-size: 16px;
    font-size: 1rem; }

.midText_1 {
  font-size: 18px;
  font-size: 1.125rem; }

.smallText_1 {
  font-size: 14px;
  font-size: 0.875rem; }

/* -- TOOLS -- */
.srvc_boxMargin {
  margin: 80px 0; }
  @media only screen and (max-width: 980px) {
    .srvc_boxMargin {
      margin: 60px 0; } }
  @media only screen and (max-width: 640px) {
    .srvc_boxMargin {
      margin: 40px 0; } }

.icon_title_blue, .srvc_box_wvs_2 .block div.title .icon {
  display: inline-block;
  padding: 10px 15px 8px;
  line-height: 1;
  margin: 0 5px;
  color: #fff;
  background-color: #0049b8;
  border-radius: 3px; }

.icon_rental {
  display: inline-block;
  padding: 5px 10px 3px;
  line-height: 1;
  margin: 0 5px;
  color: #fff;
  background-color: #ff9825;
  border-radius: 3px; }

.srvc_parts_priceTtl {
  font-size: 15px;
  font-size: 0.9375rem;
  display: inline-block;
  min-width: 100px;
  margin: 1px 15px 10px 0;
  padding: 10px 10px 8px;
  text-align: center;
  line-height: 1;
  vertical-align: middle;
  color: #fff;
  background-color: #0049b8;
  border-radius: 4px; }

/* -- TABLES -- */
.srvc_tbl_block_1 {
  margin-bottom: 30px; }
  .srvc_tbl_block_1 > table {
    border-collapse: collapse;
    width: 100%; }
    .srvc_tbl_block_1 > table > tbody > tr > th, .srvc_tbl_block_1 > table > tr > th,
    .srvc_tbl_block_1 > table > tbody > tr > td, .srvc_tbl_block_1 > table > tr > td {
      padding: 5px;
      border: 1px solid #dfdfdf; }
    .srvc_tbl_block_1 > table > tbody > tr > th, .srvc_tbl_block_1 > table > tr > th {
      background-color: #0049b8;
      color: #fff;
      font-weight: normal; }
  .srvc_tbl_block_1 .td_color_1 {
    background-color: #edf3ff; }
  .srvc_tbl_block_1 .price {
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0;
    text-align: right; }

.srvc_tbl_1 {
  border-collapse: collapse;
  width: 100%; }
  .srvc_tbl_1 > tbody > tr > th, .srvc_tbl_1 > tr > th,
  .srvc_tbl_1 > tbody > tr > td, .srvc_tbl_1 > tr > td {
    padding: 5px;
    border: 1px solid #dfdfdf; }
  .srvc_tbl_1 > tbody > tr > th, .srvc_tbl_1 > tr > th {
    background-color: #0f3da2;
    color: #fff;
    font-weight: normal; }
  .srvc_tbl_1 .td_color_1 {
    background-color: #f4f7ff; }

.srvc_tbl_block_2 {
  margin-bottom: 30px; }
  .srvc_tbl_block_2 > table, .srvc_tbl_block_2 .wrp > table {
    border-collapse: collapse;
    margin: 30px auto;
    min-width: 600px; }
    .srvc_tbl_block_2 > table > tbody > tr > th, .srvc_tbl_block_2 > table > tr > th,
    .srvc_tbl_block_2 > table > tbody > tr > td, .srvc_tbl_block_2 > table > tr > td, .srvc_tbl_block_2 .wrp > table > tbody > tr > th, .srvc_tbl_block_2 .wrp > table > tr > th,
    .srvc_tbl_block_2 .wrp > table > tbody > tr > td, .srvc_tbl_block_2 .wrp > table > tr > td {
      padding: 5px;
      border: 1px solid #dfdfdf;
      text-align: center; }
    .srvc_tbl_block_2 > table > tbody > tr > th, .srvc_tbl_block_2 > table > tr > th, .srvc_tbl_block_2 .wrp > table > tbody > tr > th, .srvc_tbl_block_2 .wrp > table > tr > th {
      background-color: #0f3da2;
      color: #fff;
      font-weight: normal;
      text-align: center; }
  .srvc_tbl_block_2 .td_color_1 {
    background-color: #f4f7ff; }
  .srvc_tbl_block_2 .info_center {
    text-align: center; }
  .srvc_tbl_block_2 table + .info_center {
    margin-top: -20px; }
  @media only screen and (max-width: 980px) {
    .srvc_tbl_block_2 > table {
      margin: 20px 0;
      width: 100%;
      min-width: auto;
      min-width: initial; }
      .srvc_tbl_block_2 > table > tbody > tr > th, .srvc_tbl_block_2 > table > tr > th,
      .srvc_tbl_block_2 > table > tbody > tr > td, .srvc_tbl_block_2 > table > tr > td {
        padding: 3px; }
    .srvc_tbl_block_2 table + .info_center {
      margin-top: -10px; } }

.tbl_scroll {
  position: relative;
  margin-top: 30px; }
  .tbl_scroll .wrp {
    overflow-x: auto; }
  .tbl_scroll table {
    margin: 0 !important; }
  @media only screen and (max-width: 480px) {
    .tbl_scroll .wrp {
      min-width: 100%; } }

/* -- PRICE -- */
.priceTitle, .srvc_box_wbmt_7 .price_ttl, .srvc_box_ftransfer_4 .price_ttl, .srvc_box_fwgw_2 dt, .srvc_box_fwgw_4 dt, .srvc_box_fwgw_5 .box .price dt {
  display: inline-block;
  padding: 10px 20px 8px;
  color: #fff;
  background-color: #0049b8;
  border-radius: 5px;
  font-weight: bold;
  line-height: 1; }

.srvc_price_1, .srvc_box_mgw_3 th span, .srvc_box_ether_3 .price {
  font-size: 15px;
  font-size: 0.9375rem;
  display: inline-block;
  color: #fff;
  font-weight: normal;
  background-color: #0049b8;
  padding: 8px 15px 6px;
  line-height: 1.2;
  border-radius: 5px;
  white-space: nowrap; }

table.tbl_price_1 th, table.tbl_price_1 td {
  padding-bottom: 7px; }

table.tbl_price_1 th span {
  display: block;
  color: #fff;
  background-color: #0049b8;
  padding: 8px 15px 6px;
  line-height: 1.2;
  border-radius: 5px; }

table.tbl_price_1 td {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  padding-left: 15px; }

.note_s {
  font-size: 13px;
  font-size: 0.8125rem !important;
  margin-top: 7px !important; }

.note_s_r {
  font-size: 13px;
  font-size: 0.8125rem !important;
  margin-top: 7px !important;
  text-align: right; }

/* FIGUREs */
.fig_1 {
  margin: 30px 0;
  text-align: center; }
  .fig_1 img {
    max-width: 100%;
    height: auto; }
  .fig_1:first-child {
    margin-top: 0; }

/* MARGIN */
.srvc_margin, .srvc_box_ether_4, .srvc_box_wvs_2, .srvc_box_wvs_3, .srvc_box_lot_2, .srvc_box_lot_3 {
  margin: 60px 0; }
  .srvc_margin:first-child, .srvc_box_ether_4:first-child, .srvc_box_wvs_2:first-child, .srvc_box_wvs_3:first-child, .srvc_box_lot_2:first-child, .srvc_box_lot_3:first-child {
    margin-top: 0; }
  @media only screen and (max-width: 980px) {
    .srvc_margin, .srvc_box_ether_4, .srvc_box_wvs_2, .srvc_box_wvs_3, .srvc_box_lot_2, .srvc_box_lot_3 {
      margin: 35px 0; } }
  @media only screen and (max-width: 640px) {
    .srvc_margin, .srvc_box_ether_4, .srvc_box_wvs_2, .srvc_box_wvs_3, .srvc_box_lot_2, .srvc_box_lot_3 {
      margin: 25px 0; } }

/* BTN */
.srvc_box_btn {
  margin-top: 30px;
  text-align: center; }
  .srvc_box_btn p {
    display: inline-block;
    margin: 10px; }
    .srvc_box_btn p a {
      display: block;
      font-size: 20px;
      font-size: 1.25rem;
      color: #fff;
      text-decoration: none;
      padding: 15px 40px 13px 30px;
      line-height: 1.5;
      background: #289ae9 url(../img/btn_arw.png) right center no-repeat;
      transition: background 0.2s ease; }
      .srvc_box_btn p a:hover {
        background-color: #00c4ff; }
  @media only screen and (max-width: 640px) {
    .srvc_box_btn li {
      width: 100%; } }

hr.srvc_hr_1 {
  border-top: dotted 2px #eaeaea; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* iFrame INFO
/* -------------------------------------------------------------------------*/
.srvc_iframe_info {
  padding-bottom: 1px; }
  .srvc_iframe_info iframe {
    width: 100%;
    min-height: 600px; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SERVICE
/* -------------------------------------------------------------------------*/
/* -- SERVICE EACH TOPS -- */
.srvc_box_top {
  text-align: center; }
  .srvc_box_top figure {
    margin: 20px 0; }
    .srvc_box_top figure img {
      max-width: 100%;
      height: auto; }
  @media only screen and (max-width: 640px) {
    .srvc_box_top {
      margin: 60px 0; }
      .srvc_box_top figure {
        margin: 20px 0; }
      .srvc_box_top:first-child {
        margin-top: 20px; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* OPTION
/* -------------------------------------------------------------------------*/
.optn_box_top {
  margin: 30px 0; }
  .optn_box_top p {
    font-size: 18px;
    font-size: 1.125rem; }
    .optn_box_top p span {
      font-size: 14px;
      font-size: 0.875rem;
      margin-top: 5px; }
  .optn_box_top figure {
    margin: 30px 0;
    padding: 0;
    text-align: center; }
    .optn_box_top figure img {
      max-width: 100%;
      height: auto; }
  .optn_box_top .optn_text {
    max-width: 800px;
    margin: 0 auto; }
    .optn_box_top .optn_text p {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.7; }
  @media only screen and (max-width: 640px) {
    .optn_box_top {
      margin: 60px 0; }
      .optn_box_top figure {
        margin: 20px 0; }
      .optn_box_top .optn_text p {
        font-size: 15px;
        font-size: 0.9375rem; }
      .optn_box_top:first-child {
        margin-top: 20px; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* OPTION - CPE
/* -------------------------------------------------------------------------*/
.optn_box_cpe_1 {
  margin-top: 60px;
  padding-top: 30px;
  border-top: 1px dotted #9d9d9d; }
  .optn_box_cpe_1:first-child {
    margin-top: 0;
    padding-top: 0;
    border: none; }
  .optn_box_cpe_1 p span {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    display: inline-block;
    margin: 0 3px; }
  .optn_box_cpe_1 .title {
    font-size: 18px;
    font-size: 1.125rem;
    display: inline-block;
    margin: 0 0 15px;
    padding: 5px 12px 3px;
    background-color: #0049b8;
    color: #fff;
    border-radius: 5px;
    line-height: 1.5;
    font-weight: normal; }
  .optn_box_cpe_1 .blue {
    color: #0f3da2;
    font-weight: normal; }
  .optn_box_cpe_1 .box {
    display: table;
    width: 100%; }
    .optn_box_cpe_1 .box p {
      display: table-cell;
      margin: 0;
      padding: 0;
      vertical-align: top; }
    .optn_box_cpe_1 .box figure {
      display: table-cell;
      vertical-align: top;
      text-align: right;
      margin: 0;
      padding: 0; }
      .optn_box_cpe_1 .box figure img {
        margin: 0 0 10px 10px; }
  .optn_box_cpe_1 .info {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: normal;
    display: block; }
  @media only screen and (max-width: 980px) {
    .optn_box_cpe_1 .box {
      display: block; }
      .optn_box_cpe_1 .box p {
        display: block; }
      .optn_box_cpe_1 .box figure {
        display: block;
        text-align: center; }
        .optn_box_cpe_1 .box figure img {
          max-width: 100%;
          height: auto;
          margin: 20px 0; } }

.srvc_tool_cpe_1 {
  padding: 10px;
  border: 2px solid #c9deff; }
  .srvc_tool_cpe_1 p {
    margin: 0 0 10px; }
  .srvc_tool_cpe_1 .link {
    display: block;
    text-align: center;
    margin: 0;
    padding: 15px 0; }
    .srvc_tool_cpe_1 .link a {
      display: inline-block;
      min-width: 230px;
      padding: 8px 15px;
      border: #d8d8d8 1px solid;
      transition: background 0.2s ease;
      border-radius: 5px;
      background: url(../img/link_arw_1.png) right 15px center no-repeat; }
      .srvc_tool_cpe_1 .link a:hover {
        background-color: #e1f2ff;
        text-decoration: none;
        border-color: #e1f2ff; }

.optn_box_cpe_2 {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 30px 0;
  border-bottom: 1px dotted #9d9d9d;
  padding-bottom: 20px; }
  .optn_box_cpe_2 .cell_1, .optn_box_cpe_2 .cell_2 {
    display: table-cell;
    vertical-align: top; }
  .optn_box_cpe_2 .cell_1 img {
    max-width: 100%; }
  .optn_box_cpe_2 .cell_2 {
    width: 370px; }

@media only screen and (max-width:980px) {
  .optn_box_cpe_2 {
    display: block;
    margin: 20px 0;
    padding-bottom: 15px; }
    .optn_box_cpe_2 .cell_1, .optn_box_cpe_2 .cell_2 {
      display: block;
      width: 100%; }
    .optn_box_cpe_2 .cell_1 {
      text-align: center; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* OPTION - QOS
/* -------------------------------------------------------------------------*/
.srvc_qos_1 {
  display: table;
  margin-top: 60px; }
  .srvc_qos_1 .cell_1, .srvc_qos_1 .cell_2 {
    display: table-cell;
    vertical-align: top; }
  .srvc_qos_1 .box {
    display: block;
    color: #fff;
    background: #0049b8;
    padding: 15px;
    border-radius: 5px; }
    .srvc_qos_1 .box p {
      margin: 0; }
  @media only screen and (max-width: 980px) {
    .srvc_qos_1 {
      display: block; }
      .srvc_qos_1 .cell_1 {
        display: inline-block;
        margin: 0 0 15px; }
      .srvc_qos_1 .cell_2 {
        display: block; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* OPTION IP-PHONE
/* -------------------------------------------------------------------------*/
.srvc_optn_ipp_1 > table {
  margin-top: 30px; }
  .srvc_optn_ipp_1 > table > tr > td, .srvc_optn_ipp_1 > table tbody > tr > td {
    width: 50%;
    vertical-align: top;
    padding: 0 15px; }
    .srvc_optn_ipp_1 > table > tr > td:nth-child(1), .srvc_optn_ipp_1 > table tbody > tr > td:nth-child(1) {
      padding-left: 0; }
    .srvc_optn_ipp_1 > table > tr > td:nth-child(2), .srvc_optn_ipp_1 > table tbody > tr > td:nth-child(2) {
      padding-right: 0; }

.srvc_optn_ipp_1 .title {
  display: inline-block;
  background-color: #0049b8;
  color: #fff;
  padding: 5px 12px 3px;
  border-radius: 5px;
  line-height: 1.5;
  margin: 0; }

.srvc_optn_ipp_1 a {
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  display: inline-block;
  width: 100%;
  font-weight: bold;
  padding: 12px 20px 10px 20px;
  border: 1px solid #c8c8c8;
  line-height: 1.5;
  color: #0f3da2;
  border-radius: 5px;
  transition: background 0.2s ease, border 0.2s ease; }
  .srvc_optn_ipp_1 a::after {
    content: url(../img/link_arw_1.png);
    position: absolute;
    right: 10px; }
  .srvc_optn_ipp_1 a:hover {
    background-color: #d9efff;
    border-color: #bfe2fb;
    text-decoration: none; }

.srvc_optn_ipp_2 {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px; }
  .srvc_optn_ipp_2 .cell_1, .srvc_optn_ipp_2 .cell_2, .srvc_optn_ipp_2 .cell_3 {
    display: table-cell;
    width: 33%;
    background-color: #e8f1ff; }
  .srvc_optn_ipp_2 .title {
    margin: 0;
    padding: 10px;
    background-color: #0f3da2;
    color: #fff;
    text-align: center; }
  .srvc_optn_ipp_2 table {
    margin: 5px 10px; }
    .srvc_optn_ipp_2 table th, .srvc_optn_ipp_2 table td {
      padding: 4px 5px;
      vertical-align: top; }
    .srvc_optn_ipp_2 table tr {
      border-top: 1px solid #fff; }
      .srvc_optn_ipp_2 table tr:first-child {
        border: none; }
  @media only screen and (max-width: 980px) {
    .srvc_optn_ipp_2 {
      display: block; }
      .srvc_optn_ipp_2 .cell_1, .srvc_optn_ipp_2 .cell_2, .srvc_optn_ipp_2 .cell_3 {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        padding-bottom: 5px; }
      .srvc_optn_ipp_2 .title {
        text-align: left; }
      .srvc_optn_ipp_2 table tr {
        border: none; } }

.srvc_optn_ipp_3 {
  background-color: #f7f7f7;
  padding: 10px; }
  .srvc_optn_ipp_3 th, .srvc_optn_ipp_3 td {
    padding: 5px 10px; }
  .srvc_optn_ipp_3 th {
    text-align: left; }
    .srvc_optn_ipp_3 th span {
      display: block;
      font-size: 18px;
      font-size: 1.125rem; }
    .srvc_optn_ipp_3 th p {
      font-size: 13px;
      font-size: 0.8125rem;
      margin: -2px 0 0;
      font-weight: normal; }
  .srvc_optn_ipp_3 .price_ttl {
    display: block;
    color: #fff;
    background-color: #0049b8;
    margin-left: 20px;
    padding: 8px 15px 6px;
    line-height: 1.2;
    border-radius: 5px; }
  .srvc_optn_ipp_3 .price {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    text-align: right; }
  @media only screen and (max-width: 980px) {
    .srvc_optn_ipp_3 th, .srvc_optn_ipp_3 td {
      padding: 5px; }
    .srvc_optn_ipp_3 th span {
      font-size: 16px;
      font-size: 1rem; }
    .srvc_optn_ipp_3 th p {
      font-size: 12px;
      font-size: 0.75rem; }
    .srvc_optn_ipp_3 .price_ttl {
      margin-left: 10px; }
    .srvc_optn_ipp_3 .price {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media only screen and (max-width: 640px) {
    .srvc_optn_ipp_3 table, .srvc_optn_ipp_3 tbody, .srvc_optn_ipp_3 tr, .srvc_optn_ipp_3 th, .srvc_optn_ipp_3 td {
      display: block;
      width: 100%; }
    .srvc_optn_ipp_3 tr {
      border-top: 1px solid #d2d2d2;
      padding-top: 10px; }
      .srvc_optn_ipp_3 tr:first-child {
        padding-top: 0;
        border: none; }
    .srvc_optn_ipp_3 .price_ttl {
      margin-left: 0; }
    .srvc_optn_ipp_3 .price {
      text-align: left;
      margin-left: 10px; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SERVICE - HTNet Mail Gateway
/* -------------------------------------------------------------------------*/
.srvc_box_mgw_1 {
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px;
  margin: 0 -10px; }
  .srvc_box_mgw_1 .cell {
    display: table-cell;
    width: 50%;
    padding: 15px;
    vertical-align: top;
    background-color: #fff;
    border: 1px solid #c9deff; }
    .srvc_box_mgw_1 .cell > h4 {
      font-size: 24px;
      font-size: 1.5rem;
      padding: 0;
      margin: 0 0 50px;
      font-weight: bold;
      color: #0f3da2; }
    .srvc_box_mgw_1 .cell .box {
      margin-bottom: 30px; }
      .srvc_box_mgw_1 .cell .box .title {
        font-size: 16px;
        font-size: 1rem;
        display: inline-block;
        margin: 0;
        padding: 12px 10px 10px;
        line-height: 1;
        color: #fff;
        background-color: #0049b8;
        border-radius: 5px; }
      .srvc_box_mgw_1 .cell .box .subTitle {
        font-size: 17px;
        font-size: 1.0625rem;
        margin: 20px 0 0;
        font-weight: bold;
        color: #0049b8; }
        .srvc_box_mgw_1 .cell .box .subTitle + p {
          margin-top: 10px; }
  @media only screen and (max-width: 980px) {
    .srvc_box_mgw_1 .cell:nth-child(1) {
      padding-right: 10px; }
    .srvc_box_mgw_1 .cell:nth-child(2) {
      padding-left: 10px; } }
  @media only screen and (max-width: 640px) {
    .srvc_box_mgw_1 {
      display: block;
      margin: 0; }
      .srvc_box_mgw_1 .cell {
        display: block;
        width: 100%;
        margin: 0 0 20px !important; }
        .srvc_box_mgw_1 .cell:nth-child(1) {
          margin-bottom: 60px; }
        .srvc_box_mgw_1 .cell > h4 {
          font-size: 20px;
          font-size: 1.25rem;
          margin-bottom: 10px; } }

.srvc_box_mgw_2 {
  padding: 10px;
  background-color: #edf3ff; }
  .srvc_box_mgw_2 p {
    margin: 5px 0; }
  .srvc_box_mgw_2 .clr_red {
    color: #e50000; }

.srvc_box_mgw_3 th, .srvc_box_mgw_3 td {
  padding: 10px;
  vertical-align: top; }

.srvc_box_mgw_3 td {
  font-size: 16px;
  font-size: 1rem; }

.srvc_box_mgw_3 .price {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold; }

@media only screen and (max-width: 980px) {
  .srvc_box_mgw_3 table, .srvc_box_mgw_3 tbody, .srvc_box_mgw_3 tr, .srvc_box_mgw_3 th, .srvc_box_mgw_3 td {
    display: block;
    width: 100%;
    text-align: left;
    padding: 5px 0; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SERVICE - HTNet-Ether
/* -------------------------------------------------------------------------*/
.srvc_box_ether_1 figure {
  margin: 30px 0 0;
  padding: 0;
  text-align: center; }
  .srvc_box_ether_1 figure img {
    max-width: 100%;
    height: auto; }

.srvc_box_ether_1 ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: 600px; }

.srvc_box_ether_1 li {
  display: inline-block;
  margin: 0;
  padding: 0;
  white-space: nowrap; }

.srvc_box_ether_2 {
  margin-top: 30px; }
  .srvc_box_ether_2 .price_box .box, .srvc_box_ether_2 .price_box_1_2 .box {
    padding: 20px 20px 10px;
    background-color: #edf3ff; }
    .srvc_box_ether_2 .price_box .box .title, .srvc_box_ether_2 .price_box_1_2 .box .title {
      margin: 0 0 20px;
      font-weight: bold;
      color: #0049b8;
      text-align: center; }
    .srvc_box_ether_2 .price_box .box table, .srvc_box_ether_2 .price_box_1_2 .box table {
      margin: 0 auto 20px; }
    .srvc_box_ether_2 .price_box .box th, .srvc_box_ether_2 .price_box_1_2 .box th {
      text-align: left;
      padding-right: 20px;
      font-weight: normal; }
    .srvc_box_ether_2 .price_box .box td, .srvc_box_ether_2 .price_box_1_2 .box td {
      padding: 5px 0;
      text-align: right; }
  .srvc_box_ether_2 .price_box .info, .srvc_box_ether_2 .price_box_1_2 .info {
    margin: 10px 0 5px;
    padding: 0;
    text-align: center; }
  .srvc_box_ether_2 .price_box .info2, .srvc_box_ether_2 .price_box_1_2 .info2 {
    margin: 0; }
  .srvc_box_ether_2 > figure {
    margin: 20px 0;
    text-align: center; }
    .srvc_box_ether_2 > figure img {
      max-width: 100%;
      height: auto; }
  .srvc_box_ether_2 .price_box {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 10px;
    width: calc(100% + 20px);
    margin-left: -10px; }
    .srvc_box_ether_2 .price_box .box {
      display: table-cell; }
      .srvc_box_ether_2 .price_box .box table {
        width: 100%;
        max-width: 300px; }
  .srvc_box_ether_2 .price_box2 {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 10px;
    width: 100%; }
    .srvc_box_ether_2 .price_box2 .box {
      display: table-cell;
      padding: 15px 10px;
      vertical-align: top;
      border: 1px dotted #4686e7; }
      .srvc_box_ether_2 .price_box2 .box > p {
        margin: 0 0 5px;
        border-bottom: 2px solid #0049b8; }
    .srvc_box_ether_2 .price_box2 table {
      width: 100%; }
      .srvc_box_ether_2 .price_box2 table tr:nth-child(2n-1) {
        background-color: #f7f7f7; }
    .srvc_box_ether_2 .price_box2 th, .srvc_box_ether_2 .price_box2 td {
      padding: 8px; }
    .srvc_box_ether_2 .price_box2 th {
      text-align: left;
      font-weight: normal; }
    .srvc_box_ether_2 .price_box2 td {
      text-align: right; }
  .srvc_box_ether_2 .link {
    text-align: center; }
  @media only screen and (max-width: 980px) {
    .srvc_box_ether_2 .price_box .box {
      padding: 15px; }
      .srvc_box_ether_2 .price_box .box th {
        padding-right: 0; } }
  @media only screen and (max-width: 800px) {
    .srvc_box_ether_2 .price_box2 {
      display: block;
      width: 100%; }
      .srvc_box_ether_2 .price_box2 .box {
        display: block;
        width: 100%;
        margin: 10px 0; }
    .srvc_box_ether_2 .price_box {
      display: block;
      width: 100%;
      margin: 0; }
      .srvc_box_ether_2 .price_box .box {
        display: block;
        margin: 5px 0; } }

.srvc_box_ether_3 > p {
  margin: 0 0 10px; }

.srvc_box_ether_3 .tbl {
  margin-bottom: 40px; }

.srvc_box_ether_3 .row {
  display: table;
  width: 100%;
  table-layout: fixed; }
  .srvc_box_ether_3 .row .box {
    display: table-cell; }
  .srvc_box_ether_3 .row p {
    margin: 0;
    color: #0049b8; }
    .srvc_box_ether_3 .row p .text {
      color: #000; }

.srvc_box_ether_3 figure {
  margin: 30px 0;
  padding: 0;
  text-align: center; }
  .srvc_box_ether_3 figure img {
    max-width: 100%;
    height: auto; }

.srvc_box_ether_3 .price {
  margin: 1px 15px 10px 0; }

@media only screen and (max-width: 640px) {
  .srvc_box_ether_3 .row {
    display: block; }
    .srvc_box_ether_3 .row .box {
      display: block; } }

.srvc_box_ether_4 .box {
  display: table;
  margin: 5px 0; }
  .srvc_box_ether_4 .box .title {
    display: table-cell;
    margin: 0;
    padding: 0; }
    .srvc_box_ether_4 .box .title span {
      display: block;
      min-width: 220px;
      background-color: #0f3da2;
      color: #fff;
      text-align: center;
      padding: 7px 5px;
      border-radius: 5px;
      white-space: nowrap; }
  .srvc_box_ether_4 .box .text {
    display: table-cell;
    margin: 0;
    padding: 0 0 0 10px;
    font-weight: bold; }

.srvc_box_ether_4 .box_top {
  margin-top: 25px; }

.srvc_box_ether_4 table {
  margin-top: 30px; }

@media only screen and (max-width: 980px) {
  .srvc_box_ether_4 .box {
    display: block;
    margin: 15px 0; }
    .srvc_box_ether_4 .box .title {
      display: inlin-block; }
    .srvc_box_ether_4 .box .text {
      margin-top: 10px;
      display: block; } }

.srvc_boc_ether_5 {
  margin-top: 20px;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px; }
  .srvc_boc_ether_5 .row {
    display: table-row; }
  .srvc_boc_ether_5 .box {
    display: table-cell;
    width: 50%;
    padding: 10px;
    vertical-align: top;
    border: 2px solid #c9deff;
    text-align: left; }
    .srvc_boc_ether_5 .box .title {
      font-size: 18px;
      font-size: 1.125rem;
      font-weight: bold;
      margin: 0;
      padding-bottom: 5px;
      border-bottom: 1px solid #dcdcdc; }
    .srvc_boc_ether_5 .box .caption {
      font-size: 14px;
      font-size: 0.875rem;
      margin: 0;
      padding: 8px 5px 0;
      line-height: 1.3; }
  @media only screen and (max-width: 640px) {
    .srvc_boc_ether_5 {
      display: block; }
      .srvc_boc_ether_5 .row, .srvc_boc_ether_5 .box {
        display: block;
        width: 100%; }
      .srvc_boc_ether_5 .box {
        margin: 5px 0; } }

.srvc_ether_ttl {
  font-size: 16px;
  font-size: 1rem;
  color: #0f3da2;
  margin-bottom: 0; }

.srvc_box_ether_6 .box {
  display: table; }
  .srvc_box_ether_6 .box .text {
    display: table-cell;
    vertical-align: top; }
  .srvc_box_ether_6 .box figure {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    padding: 0 10px; }

.srvc_box_ether_6 > figure {
  margin: 20px 0;
  padding: 0;
  text-align: center; }
  .srvc_box_ether_6 > figure img {
    max-width: 100%;
    height: auto; }

@media only screen and (max-width: 980px) {
  .srvc_box_ether_6 .box figure {
    padding: 0 10px;
    width: 110px; }
    .srvc_box_ether_6 .box figure img {
      max-width: 100%;
      height: auto; } }

@media only screen and (max-width: 640px) {
  .srvc_box_ether_6 .box figure {
    padding: 0;
    width: 60px; } }

.srvc_box_ether_7 {
  text-align: center; }
  .srvc_box_ether_7 p {
    display: inline-block;
    margin: 5px 0; }
  .srvc_box_ether_7 .th {
    margin: 0 5px 0 10px; }
  .srvc_box_ether_7 .price {
    font-weight: bold; }

.srvc_box_ether_8 .block {
  overflow: hidden; }
  .srvc_box_ether_8 .block .cell {
    float: left;
    padding: 10px 20px 20px;
    width: 50%; }
    .srvc_box_ether_8 .block .cell:nth-child(1) {
      padding-left: 0; }
    .srvc_box_ether_8 .block .cell:nth-child(2) {
      padding-right: 0; }
  .srvc_box_ether_8 .block .title {
    font-weight: bold;
    color: #0049b8;
    margin-bottom: 5px; }

@media only screen and (max-width: 980px) {
  .srvc_box_ether_8 .block .cell {
    padding: 10px; } }

@media only screen and (max-width: 640px) {
  .srvc_box_ether_8 .block .cell {
    float: none;
    width: 100%;
    padding: 0;
    margin-bottom: 20px; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SERVICE - HTNet-Ether WIDE
/* -------------------------------------------------------------------------*/
.srvc_box_etherW_1 {
  text-align: center; }
  .srvc_box_etherW_1 figure {
    margin: 20px 0; }
    .srvc_box_etherW_1 figure img {
      max-width: 100%;
      height: auto; }

.srvc_box_etherW_2 .box {
  display: table; }
  .srvc_box_etherW_2 .box .text {
    display: table-cell;
    vertical-align: top; }
  .srvc_box_etherW_2 .box figure {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    padding: 0 10px; }

.srvc_box_etherW_2 > figure {
  margin: 20px 0;
  padding: 0;
  text-align: center; }
  .srvc_box_etherW_2 > figure img {
    max-width: 100%;
    height: auto; }

@media only screen and (max-width: 980px) {
  .srvc_box_etherW_2 .box figure {
    padding: 0 10px;
    width: 110px; }
    .srvc_box_etherW_2 .box figure img {
      max-width: 100%;
      height: auto; } }

@media only screen and (max-width: 640px) {
  .srvc_box_etherW_2 .box figure {
    padding: 0;
    width: 60px; } }

.srvc_box_etherW_3 {
  margin: 50px 0; }
  .srvc_box_etherW_3 figure {
    margin: 40px 0;
    text-align: center; }
    .srvc_box_etherW_3 figure img {
      max-width: 100%;
      height: auto; }
  .srvc_box_etherW_3 .sc_subTitle2 {
    margin-top: 40px; }
  .srvc_box_etherW_3 .price {
    font-size: 14px;
    font-size: 0.875rem;
    text-align: right;
    margin: 0; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SERVICE - HTNet-WVS WIDE
/* -------------------------------------------------------------------------*/
.srvc_box_wvs_1 {
  text-align: center; }
  .srvc_box_wvs_1 figure {
    margin: 20px 0; }
    .srvc_box_wvs_1 figure img {
      max-width: 100%;
      height: auto; }

.srvc_box_wvs_2 > figure {
  margin: 20px 0;
  padding: 0;
  text-align: center; }
  .srvc_box_wvs_2 > figure img {
    max-width: 100%;
    height: auto; }

.srvc_box_wvs_2 .block {
  overflow: hidden;
  margin: 30px 0; }
  .srvc_box_wvs_2 .block .cell {
    display: inline-block;
    vertical-align: top;
    width: 49%; }
    .srvc_box_wvs_2 .block .cell > p {
      margin: 0 5px; }
    .srvc_box_wvs_2 .block .cell:nth-child(1) {
      padding-right: 1%; }
    .srvc_box_wvs_2 .block .cell:nth-child(2) {
      padding-left: 1%; }
  .srvc_box_wvs_2 .block div.title .text {
    font-size: 16px;
    font-size: 1rem;
    color: #0049b8;
    display: inline-block;
    font-weight: bold;
    vertical-align: middle; }
  .srvc_box_wvs_2 .block p.title {
    font-size: 16px;
    font-size: 1rem;
    color: #0049b8;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px dotted; }
  .srvc_box_wvs_2 .block figure {
    margin: 25px 0;
    padding: 0;
    text-align: center; }
    .srvc_box_wvs_2 .block figure img {
      max-width: 100%;
      height: auto; }

.srvc_box_wvs_2 ol {
  position: relative;
  list-style: none;
  margin: 10px 5px 0;
  padding: 0 0 0 20px; }
  .srvc_box_wvs_2 ol li {
    margin: 0 0 10px;
    padding: 0; }
  .srvc_box_wvs_2 ol span {
    display: block;
    position: absolute;
    left: 0px; }

@media only screen and (max-width: 980px) {
  .srvc_box_wvs_2 .block {
    margin: 0; }
    .srvc_box_wvs_2 .block .cell {
      width: 100%;
      margin-bottom: 20px;
      padding: 0 !important; } }

.srvc_box_wvs_3 figure {
  margin: 30px 0;
  padding: 0;
  text-align: center; }
  .srvc_box_wvs_3 figure img {
    max-width: 100%;
    height: auto; }

.srvc_box_wvs_3 .box {
  display: table;
  margin: 10px 0; }
  .srvc_box_wvs_3 .box .cell_1 {
    display: table-cell;
    vertical-align: top; }
    .srvc_box_wvs_3 .box .cell_1 p {
      margin: 0;
      padding: 7px 15px;
      line-height: 1;
      border-radius: 3px;
      color: #fff;
      background-color: #0049b8;
      white-space: nowrap; }
      .srvc_box_wvs_3 .box .cell_1 p span {
        font-weight: bold; }
  .srvc_box_wvs_3 .box .cell_2 {
    display: table-cell;
    vertical-align: top; }
    .srvc_box_wvs_3 .box .cell_2 p {
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.7;
      margin: 0 0 0 10px;
      color: #0049b8; }

.srvc_box_wvs_3 .block {
  margin: 30px 0 0; }
  .srvc_box_wvs_3 .block .title {
    color: #0049b8;
    font-weight: bold;
    margin-bottom: 10px; }
    .srvc_box_wvs_3 .block .title span {
      font-weight: normal;
      margin-left: 5px; }
    .srvc_box_wvs_3 .block .title + p {
      margin-top: 0; }

.srvc_box_wvs_4 .box {
  display: table; }
  .srvc_box_wvs_4 .box .text {
    display: table-cell;
    vertical-align: top; }
  .srvc_box_wvs_4 .box figure {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    padding: 0 10px; }

.srvc_box_wvs_4 > figure {
  margin: 20px 0;
  padding: 0;
  text-align: center; }
  .srvc_box_wvs_4 > figure img {
    max-width: 100%;
    height: auto; }

@media only screen and (max-width: 980px) {
  .srvc_box_wvs_4 .box figure {
    padding: 0 10px;
    width: 110px; }
    .srvc_box_wvs_4 .box figure img {
      max-width: 100%;
      height: auto; } }

@media only screen and (max-width: 640px) {
  .srvc_box_wvs_4 .box figure {
    padding: 0;
    width: 60px; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SERVICE - HTCN
/* -------------------------------------------------------------------------*/
.srvc_box_htcn_1 {
  text-align: center; }
  .srvc_box_htcn_1 figure {
    margin: 20px 0; }
    .srvc_box_htcn_1 figure img {
      max-width: 100%;
      height: auto; }

.srvc_box_htcn_2 .bigTtl_1 {
  text-align: center; }

.srvc_box_htcn_2 figure {
  margin: 30px 0;
  text-align: center; }
  .srvc_box_htcn_2 figure img {
    max-width: 100%;
    height: auto; }

.srvc_box_htcn_2 .block {
  display: table;
  width: 100%; }
  .srvc_box_htcn_2 .block .cell {
    display: table-cell;
    vertical-align: top;
    width: 50%; }
    .srvc_box_htcn_2 .block .cell:nth-child(1) {
      padding-right: 10px; }
    .srvc_box_htcn_2 .block .cell:nth-child(2) {
      padding-left: 10px; }

.srvc_box_htcn_2 .bigTtl_1 {
  margin-bottom: 50px; }

.srvc_box_htcn_2 .text {
  margin-top: -15px; }

.srvc_box_htcn_2 .title {
  color: #0f3da2;
  text-align: center;
  font-weight: bold; }

.srvc_box_htcn_2 .sc_subTitle4 {
  margin-top: 70px; }

.srvc_box_htcn_2 .sc_subTitle3 + .block {
  margin-top: -15px; }

@media only screen and (max-width: 980px) {
  .srvc_box_htcn_2 .block {
    display: block; }
    .srvc_box_htcn_2 .block .cell {
      display: block;
      width: 100%;
      padding: 0 !important;
      margin: 20px 0; }
  .srvc_box_htcn_2 .sc_subTitle4 {
    margin-top: 50px; }
  .srvc_box_htcn_2 .sc_subTitle3 + .block {
    margin-top: -10px; } }

@media only screen and (max-width: 640px) {
  .srvc_box_htcn_2 .sc_subTitle4 {
    margin-top: 30px; } }

.srvc_box_htcn_3 {
  border-bottom: 1px solid #d4d5d7;
  padding-bottom: 20px;
  margin-bottom: 40px; }

.srvc_box_htcn_4 ul {
  list-style: none;
  margin: 0 10px;
  padding: 0; }

.srvc_box_htcn_4 li {
  margin: 10px 0;
  padding: 0; }
  .srvc_box_htcn_4 li a {
    position: relative;
    padding: 5px 5px 5px 18px; }
    .srvc_box_htcn_4 li a::before {
      position: absolute;
      top: 11px;
      left: 0;
      content: '';
      display: block;
      margin-right: 10px;
      vertical-align: middle;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 0 5px 8.7px;
      border-color: transparent transparent transparent #0f3ea2; }

.srvc_box_htcn_5 h3 {
  margin: 0 0 10px;
  padding-bottom: 10px;
  color: #0f3da2;
  font-size: 22px;
  font-size: 1.375rem;
  border-bottom: 1px dotted; }

.srvc_box_htcn_5 h5 {
  font-size: 16px;
  font-size: 1rem;
  display: inline-block;
  background-color: #0049b8;
  color: #fff;
  padding: 5px 20px 3px;
  margin: 30px 0 0;
  border-radius: 5px; }

.srvc_box_htcn_5 .table-price {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px; }
  .srvc_box_htcn_5 .table-price th, .srvc_box_htcn_5 .table-price td {
    padding: 5px 10px;
    border: 1px solid #dfdfdf;
    text-align: left; }
  .srvc_box_htcn_5 .table-price th {
    background-color: #edf3ff; }

.srvc_box_htcn_5 .link {
  text-align: center;
  margin-top: 40px; }
  .srvc_box_htcn_5 .link a {
    font-size: 18px;
    font-size: 1.125rem;
    display: inline-block;
    width: 100%;
    padding: 10px 10px 8px;
    color: #fff;
    max-width: 300px;
    background-color: #0049b8; }

.srvc_box_htcn_5 .exp-image-center {
  text-align: center;
  margin: 20px 0 40px; }
  .srvc_box_htcn_5 .exp-image-center img {
    max-width: 100%;
    height: auto; }

@media only screen and (max-width: 980px) {
  .srvc_box_htcn_5 pre {
    white-space: pre-wrap;
    word-wrap: break-all;
    overflow: auto; }
  .srvc_box_htcn_5 li, .srvc_box_htcn_5 th, .srvc_box_htcn_5 td, .srvc_box_htcn_5 p {
    word-wrap: break-all; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SERVICE - HTNet Cloud
/* -------------------------------------------------------------------------*/
.srvc_box_Cloud_1 {
  text-align: center; }
  .srvc_box_Cloud_1 figure {
    margin: 20px 0; }
    .srvc_box_Cloud_1 figure img {
      max-width: 100%;
      height: auto; }

.srvc_cloud_price {
  margin: 50px 0 10px; }
  .srvc_cloud_price .price_block {
    display: table;
    width: 100%;
    max-width: 520px;
    margin: 10px auto;
    padding: 20px 20px 10px;
    border: 2px solid #b5b5b5; }
  .srvc_cloud_price .price_box_1 {
    font-size: 20px;
    font-size: 1.25rem;
    display: table-cell;
    text-align: left;
    font-weight: bold; }
    .srvc_cloud_price .price_box_1 span {
      font-size: 43px;
      font-size: 2.6875rem;
      vertical-align: middle;
      margin-right: 20px; }
  .srvc_cloud_price .price_box_2 {
    font-size: 20px;
    font-size: 1.25rem;
    display: table-cell;
    text-align: right;
    vertical-align: bottom; }
    .srvc_cloud_price .price_box_2 .price {
      font-size: 43px;
      font-size: 2.6875rem;
      font-weight: bold;
      margin-left: 10px; }
    .srvc_cloud_price .price_box_2 .yen {
      font-size: 23px;
      font-size: 1.4375rem;
      font-weight: bold; }
  @media only screen and (max-width: 640px) {
    .srvc_cloud_price .price_block {
      display: block; }
    .srvc_cloud_price .price_box_1 {
      display: block;
      font-size: 14px;
      font-size: 0.875rem; }
      .srvc_cloud_price .price_box_1 span {
        font-size: 30px;
        font-size: 1.875rem;
        margin-right: 10px; }
    .srvc_cloud_price .price_box_2 {
      display: block;
      font-size: 14px;
      font-size: 0.875rem; }
      .srvc_cloud_price .price_box_2 .price {
        font-size: 24px;
        font-size: 1.5rem; }
      .srvc_cloud_price .price_box_2 .yen {
        font-size: 18px;
        font-size: 1.125rem; } }

.srvc_cloud_box_1 .box {
  background-color: #f4f4f4;
  padding: 20px;
  margin: 5px 0; }
  .srvc_cloud_box_1 .box table {
    width: 100%; }
  .srvc_cloud_box_1 .box th {
    font-size: 44px;
    font-size: 2.75rem;
    width: 90px;
    margin: 0;
    padding: 0;
    color: #0f3da2;
    text-align: center;
    line-height: 1; }
    .srvc_cloud_box_1 .box th span {
      font-size: 20px;
      font-size: 1.25rem;
      display: block; }
  .srvc_cloud_box_1 .box ul {
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0; }
  .srvc_cloud_box_1 .box li {
    font-size: 18px;
    font-size: 1.125rem;
    display: inline-block;
    margin: 4px 0;
    padding: 0;
    margin-right: 30px; }
    .srvc_cloud_box_1 .box li.list_1 {
      display: block; }
  .srvc_cloud_box_1 .box .info {
    margin: 0 0 0 10px; }
  .srvc_cloud_box_1 .box .price {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: bold;
    color: #ef0000;
    white-space: nowrap;
    margin: 0;
    padding: 10px 0;
    text-align: right; }
    .srvc_cloud_box_1 .box .price span {
      font-size: 30px;
      font-size: 1.875rem;
      font-weight: normal; }
    .srvc_cloud_box_1 .box .price .month {
      font-size: 18px;
      font-size: 1.125rem;
      margin-right: 5px;
      color: #000; }

@media only screen and (max-width: 980px) {
  .srvc_cloud_box_1 .box {
    padding: 10px; }
    .srvc_cloud_box_1 .box th {
      font-size: 34px;
      font-size: 2.125rem;
      width: 60px; }
      .srvc_cloud_box_1 .box th span {
        font-size: 14px;
        font-size: 0.875rem; }
    .srvc_cloud_box_1 .box li {
      font-size: 16px;
      font-size: 1rem;
      display: inline-block;
      margin: 2px 0;
      margin-right: 20px; }
    .srvc_cloud_box_1 .box .price {
      font-size: 30px;
      font-size: 1.875rem; }
      .srvc_cloud_box_1 .box .price span {
        font-size: 24px;
        font-size: 1.5rem; } }

@media only screen and (max-width: 640px) {
  .srvc_cloud_box_1 .box tabe, .srvc_cloud_box_1 .box tbody, .srvc_cloud_box_1 .box tr, .srvc_cloud_box_1 .box th, .srvc_cloud_box_1 .box td {
    display: block;
    width: 100%; }
  .srvc_cloud_box_1 .box th {
    padding-bottom: 5px;
    border-bottom: 1px solid;
    margin-bottom: 8px; }
  .srvc_cloud_box_1 .box .price {
    text-align: center;
    margin-top: 10px;
    background-color: #fff; } }

.srvc_cloud_box_2 .box {
  background-color: #f4f4f4;
  padding: 20px;
  margin: 5px 0;
  overflow: hidden; }
  .srvc_cloud_box_2 .box .cell {
    display: table;
    width: 48%;
    margin-right: 2%;
    float: left; }
    .srvc_cloud_box_2 .box .cell > p {
      display: table-cell;
      padding: 10px; }
    .srvc_cloud_box_2 .box .cell .title {
      font-size: 30px;
      font-size: 1.875rem;
      color: #0f3da2;
      font-weight: bold; }
    .srvc_cloud_box_2 .box .cell .price {
      font-size: 30px;
      font-size: 1.875rem;
      font-weight: bold;
      color: #ef0000;
      text-align: right; }
      .srvc_cloud_box_2 .box .cell .price span {
        font-size: 30px;
        font-size: 1.875rem;
        font-weight: normal; }
  .srvc_cloud_box_2 .box > p {
    clear: both;
    margin: 0;
    padding: 10px 0 0 0;
    text-align: right; }

@media only screen and (max-width: 980px) {
  .srvc_cloud_box_2 .box {
    padding: 10px; }
    .srvc_cloud_box_2 .box .cell {
      float: none;
      width: 100%;
      margin-right: 0; }
      .srvc_cloud_box_2 .box .cell .title {
        font-size: 20px;
        font-size: 1.25rem; }
      .srvc_cloud_box_2 .box .cell .price {
        font-size: 30px;
        font-size: 1.875rem; }
        .srvc_cloud_box_2 .box .cell .price span {
          font-size: 24px;
          font-size: 1.5rem; }
    .srvc_cloud_box_2 .box > p {
      text-align: left; } }

.srvc_cloud_box_3 {
  display: table;
  width: 100%;
  border-collapse: collapse; }
  .srvc_cloud_box_3 .cell {
    display: table-cell;
    width: 33%;
    padding: 10px;
    background-color: #f4f4f4;
    border-left: 10px solid #fff;
    text-align: center; }
    .srvc_cloud_box_3 .cell:first-child {
      border: none; }
  .srvc_cloud_box_3 .title {
    font-size: 26px;
    font-size: 1.625rem;
    margin: 20px 0 5px;
    padding: 0;
    font-weight: bold;
    color: #0f3da2; }
  .srvc_cloud_box_3 .text {
    font-size: 16px;
    font-size: 1rem;
    margin: 5px 0 10px; }
  .srvc_cloud_box_3 p.price,
  .srvc_cloud_box_3 p.price_1,
  .srvc_cloud_box_3 td.price {
    font-size: 30px;
    font-size: 1.875rem;
    margin: 20px 0 0;
    font-weight: bold;
    color: #ef0000;
    white-space: nowrap; }
    .srvc_cloud_box_3 p.price span,
    .srvc_cloud_box_3 p.price_1 span,
    .srvc_cloud_box_3 td.price span {
      font-size: 24px;
      font-size: 1.5rem;
      font-weight: normal; }
  .srvc_cloud_box_3 p.price_2 {
    font-size: 22px;
    font-size: 1.375rem;
    margin: 20px 0 0;
    font-weight: bold;
    color: #ef0000; }
  .srvc_cloud_box_3 .price_box {
    width: 100%; }
    .srvc_cloud_box_3 .price_box td {
      padding: 5px;
      text-align: left; }
    .srvc_cloud_box_3 .price_box .price {
      text-align: right; }
  .srvc_cloud_box_3 .month {
    font-size: 14px;
    font-size: 0.875rem !important;
    color: #000;
    vertical-align: bottom; }
  .srvc_cloud_box_3 .info {
    font-size: 13px;
    font-size: 0.8125rem;
    margin: 0; }
  .srvc_cloud_box_3 .text {
    font-size: 14px;
    font-size: 0.875rem; }
  @media only screen and (max-width: 980px) {
    .srvc_cloud_box_3 {
      display: block; }
      .srvc_cloud_box_3 .cell {
        display: block;
        width: 100%;
        margin: 5px 0;
        border: none; }
      .srvc_cloud_box_3 .price_box {
        width: auto;
        margin: 0 auto; }
        .srvc_cloud_box_3 .price_box td {
          padding: 5px 10px; } }

.srvc_cloud_box_4 {
  margin: 5px 0;
  padding: 25px;
  background-color: #f4f4f4; }
  .srvc_cloud_box_4 table {
    width: 100%; }
    .srvc_cloud_box_4 table td.title {
      font-size: 26px;
      font-size: 1.625rem;
      font-weight: bold;
      color: #0f3da2; }
    .srvc_cloud_box_4 table td p {
      margin: 0;
      display: inline-block; }
      .srvc_cloud_box_4 table td p.title {
        margin-right: 10px; }
      .srvc_cloud_box_4 table td p.price {
        font-size: 30px;
        font-size: 1.875rem;
        font-weight: bold;
        color: #ef0000;
        text-align: right; }
        .srvc_cloud_box_4 table td p.price span {
          font-size: 30px;
          font-size: 1.875rem;
          font-weight: normal; }
    .srvc_cloud_box_4 table ul {
      margin: 0;
      padding: 0 0 0 10px; }
      .srvc_cloud_box_4 table ul li {
        margin: 0;
        padding: 0; }
  @media only screen and (max-width: 980px) {
    .srvc_cloud_box_4 table, .srvc_cloud_box_4 tbody, .srvc_cloud_box_4 tr, .srvc_cloud_box_4 th, .srvc_cloud_box_4 td {
      display: block;
      text-align: center; }
    .srvc_cloud_box_4 ul {
      list-style: none; }
    .srvc_cloud_box_4 li::before {
      content: '・'; } }

.srvc_cloud_box_5 {
  overflow: hidden;
  padding: 25px 0;
  border-bottom: 1px solid #dfdfdf;
  font-size: 0; }
  .srvc_cloud_box_5 .cell {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding-right: 20px; }
    .srvc_cloud_box_5 .cell:nth-child(2n) {
      border-right: 0; }
  .srvc_cloud_box_5 .title {
    font-size: 18px;
    font-size: 1.125rem;
    color: #0f3da2;
    font-weight: bold;
    margin: 0; }
  .srvc_cloud_box_5 .price {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0;
    color: #0f3da2; }
  .srvc_cloud_box_5 .text {
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: 5px; }
  @media only screen and (max-width: 980px) {
    .srvc_cloud_box_5 .cell {
      display: block;
      width: 100%;
      margin-top: 20px; }
      .srvc_cloud_box_5 .cell:first-child {
        margin-top: 0; } }

.srvc_cloud_box_6 {
  padding: 25px 0;
  border-bottom: 1px solid #dfdfdf; }
  .srvc_cloud_box_6 > p.title {
    font-size: 18px;
    font-size: 1.125rem;
    color: #0f3da2;
    font-weight: bold;
    margin: 0; }
  .srvc_cloud_box_6 table {
    margin: 20px 0; }
    .srvc_cloud_box_6 table th, .srvc_cloud_box_6 table td {
      padding: 5px; }
    .srvc_cloud_box_6 table th span {
      display: block;
      padding: 8px 20px 6px;
      border-radius: 5px;
      line-height: 1.5;
      color: #fff;
      background-color: #0f3da2; }
    .srvc_cloud_box_6 table td {
      font-size: 18px;
      font-size: 1.125rem;
      color: #0f3da2;
      padding-left: 20px; }

.srvc_cloud_box_7 {
  padding: 25px 0 15px;
  border-bottom: 1px solid #dfdfdf; }
  .srvc_cloud_box_7 > p.title {
    font-size: 22px;
    font-size: 1.375rem;
    color: #0f3da2;
    font-weight: bold;
    margin: 0 0 20px; }
  .srvc_cloud_box_7 table {
    font-size: 18px;
    font-size: 1.125rem; }
    .srvc_cloud_box_7 table th, .srvc_cloud_box_7 table td {
      color: #0f3da2;
      text-align: left;
      padding: 5px 10px;
      font-weight: normal; }
  .srvc_cloud_box_7 .box .row {
    display: table;
    margin-bottom: 10px; }
  .srvc_cloud_box_7 .box .cell {
    display: table-cell;
    width: 50%;
    padding: 10px; }
  .srvc_cloud_box_7 .box .title {
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0;
    font-weight: bold;
    color: #0f3da2; }
  .srvc_cloud_box_7 .box .price_1 {
    font-size: 44px;
    font-size: 2.75rem;
    font-weight: bold;
    margin: 20px 10px 0; }
    .srvc_cloud_box_7 .box .price_1 span {
      font-size: 23px;
      font-size: 1.4375rem;
      font-weight: normal; }
  .srvc_cloud_box_7 .box .price_2 {
    font-size: 18px;
    font-size: 1.125rem;
    color: #0f3da2;
    margin: 3px 0; }
  .srvc_cloud_box_7 .box .text {
    margin-top: 10px; }
  @media only screen and (max-width: 980px) {
    .srvc_cloud_box_7 .box .row {
      display: block;
      margin-bottom: 10px; }
    .srvc_cloud_box_7 .box .cell {
      display: block;
      width: 100%;
      padding: 10px; }
    .srvc_cloud_box_7 .box .price_1 {
      margin-top: 0; } }

.srvc_cloud_box_8 {
  display: table;
  margin: 15px 0; }
  .srvc_cloud_box_8 .cell {
    display: table-cell;
    vertical-align: top;
    padding: 10px; }
  .srvc_cloud_box_8 .title {
    background-color: #0f3da2;
    color: #fff;
    padding: 8px 20px 5px;
    font-weight: bold;
    border-radius: 5px;
    margin: 0; }
  .srvc_cloud_box_8 .text {
    margin: 0; }

.srvc_cloud_box_9 .title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #0f3da2;
  margin-bottom: 0; }

.srvc_cloud_box_9 .text {
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 5px; }

.srvc_cloud_box_9 .tax {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: right;
  margin-bottom: 5px; }

.srvc_cloud_box_10 {
  display: table;
  margin-top: 30px; }
  .srvc_cloud_box_10 .cell {
    display: table-cell;
    vertical-align: top;
    padding: 10px; }
  .srvc_cloud_box_10 .title {
    background-color: #0f3da2;
    color: #fff;
    padding: 8px 20px 5px;
    font-weight: bold;
    border-radius: 5px;
    margin: 0; }
  .srvc_cloud_box_10 .text {
    margin: 0 0 5px; }
  .srvc_cloud_box_10 .price {
    font-size: 22px;
    font-size: 1.375rem;
    margin: 20px 0 0;
    color: #ef0000; }
    .srvc_cloud_box_10 .price span {
      font-size: 16px;
      font-size: 1rem;
      margin-left: 5px;
      font-weight: normal; }
  .srvc_cloud_box_10 td {
    padding-right: 20px;
    padding-bottom: 5px; }
    .srvc_cloud_box_10 td:nth-child(2) {
      text-align: right; }
  @media only screen and (max-width: 980px) {
    .srvc_cloud_box_10 .cell {
      display: block; }
    .srvc_cloud_box_10 .title {
      display: inline-block; } }

.srvc_cloud_box_11 {
  padding-bottom: 40px;
  margin: 30px 0;
  border-bottom: 2px dotted #6788d1; }
  .srvc_cloud_box_11 .title {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    color: #0f3da2; }
  .srvc_cloud_box_11 .block_1 {
    display: table;
    width: 100%; }
    .srvc_cloud_box_11 .block_1 .cell_1, .srvc_cloud_box_11 .block_1 .cell_2 {
      display: table-cell;
      vertical-align: top; }
    .srvc_cloud_box_11 .block_1 .cell_1 {
      padding: 0 10px;
      width: 45%; }
      .srvc_cloud_box_11 .block_1 .cell_1 img {
        max-width: 100%;
        height: auto; }
    .srvc_cloud_box_11 .block_1 .cell_2 {
      width: 55%; }
  .srvc_cloud_box_11 .price_1 table th, .srvc_cloud_box_11 .price_1 table td {
    padding: 10px; }
  .srvc_cloud_box_11 .price_1 table th {
    position: relative;
    width: 70px;
    color: #fff; }
    .srvc_cloud_box_11 .price_1 table th::before {
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      content: '';
      display: block;
      width: 70px;
      height: 70px;
      background-color: #ff0000;
      border-radius: 35px; }
    .srvc_cloud_box_11 .price_1 table th span {
      font-size: 20px;
      font-size: 1.25rem;
      display: block;
      position: absolute;
      top: 25px;
      left: 0;
      width: 100%;
      text-align: center; }
  .srvc_cloud_box_11 .price_1 table td {
    padding-top: 25px;
    padding-left: 10px; }
    .srvc_cloud_box_11 .price_1 table td .price {
      font-size: 40px;
      font-size: 2.5rem;
      font-weight: bold;
      margin: 0; }
      .srvc_cloud_box_11 .price_1 table td .price span {
        font-size: 22px;
        font-size: 1.375rem;
        font-weight: normal;
        margin-left: 5px; }
    .srvc_cloud_box_11 .price_1 table td .month {
      font-size: 18px;
      font-size: 1.125rem !important;
      padding-bottom: 10px;
      line-height: 1.5; }
    .srvc_cloud_box_11 .price_1 table td .tax {
      font-size: 14px;
      font-size: 0.875rem;
      margin: 0;
      text-align: right; }
  .srvc_cloud_box_11 .block_2, .srvc_cloud_box_11 .block_3 {
    display: table;
    width: 100%;
    margin-top: 30px; }
    .srvc_cloud_box_11 .block_2 .price_2, .srvc_cloud_box_11 .block_3 .price_2 {
      border-bottom: 1px dotted #0f3da2; }
      .srvc_cloud_box_11 .block_2 .price_2 th, .srvc_cloud_box_11 .block_3 .price_2 th {
        background-color: #0f3da2;
        color: #fff;
        line-height: 1.2;
        padding: 5px 10px; }
      .srvc_cloud_box_11 .block_2 .price_2 td, .srvc_cloud_box_11 .block_3 .price_2 td {
        padding: 5px 10px 5px 20px;
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: bold; }
        .srvc_cloud_box_11 .block_2 .price_2 td span, .srvc_cloud_box_11 .block_3 .price_2 td span {
          font-size: 18px;
          font-size: 1.125rem;
          font-weight: normal;
          margin-left: 5px; }
    .srvc_cloud_box_11 .block_2 .price_table, .srvc_cloud_box_11 .block_3 .price_table {
      margin-top: 15px; }
      .srvc_cloud_box_11 .block_2 .price_table table, .srvc_cloud_box_11 .block_3 .price_table table {
        width: 100%; }
      .srvc_cloud_box_11 .block_2 .price_table th, .srvc_cloud_box_11 .block_2 .price_table td, .srvc_cloud_box_11 .block_3 .price_table th, .srvc_cloud_box_11 .block_3 .price_table td {
        padding: 5px;
        line-height: 1.3; }
      .srvc_cloud_box_11 .block_2 .price_table th, .srvc_cloud_box_11 .block_3 .price_table th {
        text-align: left;
        font-weight: normal; }
      .srvc_cloud_box_11 .block_2 .price_table td, .srvc_cloud_box_11 .block_3 .price_table td {
        text-align: right; }
      .srvc_cloud_box_11 .block_2 .price_table tr:nth-child(2n-1) th, .srvc_cloud_box_11 .block_2 .price_table tr:nth-child(2n-1) td, .srvc_cloud_box_11 .block_3 .price_table tr:nth-child(2n-1) th, .srvc_cloud_box_11 .block_3 .price_table tr:nth-child(2n-1) td {
        background-color: #f7f7f7; }
      .srvc_cloud_box_11 .block_2 .price_table .tax, .srvc_cloud_box_11 .block_3 .price_table .tax {
        font-size: 12px;
        font-size: 0.75rem;
        margin: 5px 8px 0 0;
        text-align: right; }
  .srvc_cloud_box_11 .block_2 .cell_1, .srvc_cloud_box_11 .block_2 .cell_2 {
    display: table-cell;
    width: 50%; }
  .srvc_cloud_box_11 .block_2 .cell_1 {
    padding-right: 15px; }
  .srvc_cloud_box_11 .block_2 .cell_2 {
    padding-left: 15px; }
  .srvc_cloud_box_11 .block_3 .cell_1, .srvc_cloud_box_11 .block_3 .cell_2 {
    display: table-cell;
    width: 33.33333%; }
  .srvc_cloud_box_11 .block_3 .cell_1 {
    padding-right: 10px; }
  .srvc_cloud_box_11 .block_3 .cell_2 {
    padding-left: 5px;
    padding-right: 5px; }
  .srvc_cloud_box_11 .block_3 .cell_3 {
    padding-left: 10px; }
  @media only screen and (max-width: 980px) {
    .srvc_cloud_box_11 .block_1 {
      display: block; }
      .srvc_cloud_box_11 .block_1 .cell_1, .srvc_cloud_box_11 .block_1 .cell_2 {
        display: block; }
      .srvc_cloud_box_11 .block_1 .cell_1 {
        padding: 0 0 10px;
        width: 100%;
        text-align: center; }
      .srvc_cloud_box_11 .block_1 .cell_2 {
        width: 100%; }
    .srvc_cloud_box_11 .price_1 table {
      margin: 0 auto; }
      .srvc_cloud_box_11 .price_1 table td {
        padding-top: 5px; }
    .srvc_cloud_box_11 .block_2, .srvc_cloud_box_11 .block_3 {
      display: block; }
      .srvc_cloud_box_11 .block_2 .cell_1, .srvc_cloud_box_11 .block_2 .cell_2, .srvc_cloud_box_11 .block_2 .cell_3, .srvc_cloud_box_11 .block_3 .cell_1, .srvc_cloud_box_11 .block_3 .cell_2, .srvc_cloud_box_11 .block_3 .cell_3 {
        display: block;
        width: 100%;
        padding: 0; } }
  @media only screen and (max-width: 640px) {
    .srvc_cloud_box_11 .price_1 table td {
      padding-top: 25px; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SERVICE: LANSCOPE
/* -------------------------------------------------------------------------*/
.srvc_box_lanscope_1 {
  text-align: center; }
  .srvc_box_lanscope_1 figure {
    margin: 20px 0; }
    .srvc_box_lanscope_1 figure img {
      max-width: 100%;
      height: auto; }

.srvc_box_lanscope_2 .bigTtl_1 {
  text-align: center; }

.srvc_box_lanscope_3 {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 30px 0; }
  .srvc_box_lanscope_3 .cell_1, .srvc_box_lanscope_3 .cell_2 {
    display: table-cell;
    vertical-align: top;
    width: 50%; }
    .srvc_box_lanscope_3 .cell_1 p, .srvc_box_lanscope_3 .cell_2 p {
      font-size: 14px;
      font-size: 0.875rem;
      margin-left: 0;
      margin-right: 0;
      line-height: 1.6; }
  .srvc_box_lanscope_3 .cell_1 {
    padding-right: 20px; }
  .srvc_box_lanscope_3 .cell_2 {
    padding-left: 20px; }
  .srvc_box_lanscope_3 figure {
    margin: 0 0 20px;
    text-align: center; }
    .srvc_box_lanscope_3 figure img {
      max-width: 100%;
      height: auto; }
  @media only screen and (max-width: 980px) {
    .srvc_box_lanscope_3 .cell_1 {
      padding-right: 10px; }
    .srvc_box_lanscope_3 .cell_2 {
      padding-left: 10px; } }
  @media only screen and (max-width: 640px) {
    .srvc_box_lanscope_3 {
      display: block; }
      .srvc_box_lanscope_3 .cell_1, .srvc_box_lanscope_3 .cell_2 {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 50px; } }

.srvc_box_lanscope_4 {
  margin-bottom: 70px; }
  .srvc_box_lanscope_4 .sc_subTitle {
    margin-bottom: 30px; }
  .srvc_box_lanscope_4 .row {
    margin-bottom: 30px;
    overflow: hidden; }
    .srvc_box_lanscope_4 .row .cell {
      display: table;
      float: left;
      vertical-align: top;
      width: 47%;
      padding: 0 3%; }
      .srvc_box_lanscope_4 .row .cell:nth-child(1) {
        padding-left: 0; }
      .srvc_box_lanscope_4 .row .cell:nth-child(2) {
        padding-right: 0; }
      .srvc_box_lanscope_4 .row .cell figure {
        display: table-cell;
        width: 110px;
        vertical-align: top;
        margin: 0 15px 0 0;
        padding: 0;
        float: left; }
        .srvc_box_lanscope_4 .row .cell figure img {
          max-width: 100%;
          height: auto; }
      .srvc_box_lanscope_4 .row .cell .box {
        display: table-cell;
        vertical-align: top; }
        .srvc_box_lanscope_4 .row .cell .box .title {
          margin: 0;
          font-size: 16px;
          font-size: 1rem;
          font-weight: bold;
          color: #0f3da2;
          line-height: 1.3; }
        .srvc_box_lanscope_4 .row .cell .box .text {
          font-size: 14px;
          font-size: 0.875rem;
          margin-top: 5px; }
  @media only screen and (max-width: 980px) {
    .srvc_box_lanscope_4 {
      margin-bottom: 40px;
      margin-top: 20px; }
      .srvc_box_lanscope_4 .row {
        margin-bottom: 0; }
        .srvc_box_lanscope_4 .row .cell {
          float: none;
          width: auto;
          padding: 0 !important;
          margin-bottom: 25px;
          border-bottom: 1px dotted #dbdbdb; }
          .srvc_box_lanscope_4 .row .cell figure {
            width: 80px; } }
  @media only screen and (max-width: 640px) {
    .srvc_box_lanscope_4 {
      margin-bottom: 20px; }
      .srvc_box_lanscope_4 .row .cell {
        margin-bottom: 20px; }
        .srvc_box_lanscope_4 .row .cell figure {
          width: 60px; } }

.srvc_box_lanscope_5 {
  margin-top: 70px; }
  .srvc_box_lanscope_5 > figure {
    margin: 30px 0;
    padding: 0;
    text-align: center; }
    .srvc_box_lanscope_5 > figure img {
      max-width: 100%;
      height: auto; }
  .srvc_box_lanscope_5 .title {
    position: relative;
    font-size: 18px;
    font-size: 1.125rem;
    color: #0f3da2;
    border-left: 5px solid;
    padding: 8px 10px 10px; }
    .srvc_box_lanscope_5 .title:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      display: block;
      border-bottom: 1px dotted; }
  .srvc_box_lanscope_5 .box {
    border: 1px solid #ccc;
    display: table;
    margin: 10px 0;
    padding: 10px; }
    .srvc_box_lanscope_5 .box figure {
      margin: 0;
      padding: 0 10px 0 0;
      display: table-cell;
      vertical-align: top; }
    .srvc_box_lanscope_5 .box .cell {
      display: table-cell;
      vertical-align: top; }
  .srvc_box_lanscope_5 .vc_svc_tbl {
    width: 100%;
    table-layout: fixed; }
    .srvc_box_lanscope_5 .vc_svc_tbl td {
      width: 33.33%;
      vertical-align: top;
      padding: 0 5px 20px; }
    .srvc_box_lanscope_5 .vc_svc_tbl .vc_svc1 {
      max-width: 215px;
      border: 1px solid #eee; }
      .srvc_box_lanscope_5 .vc_svc_tbl .vc_svc1 img {
        max-width: 100%;
        height: auto; }
      .srvc_box_lanscope_5 .vc_svc_tbl .vc_svc1 p {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.4;
        padding: 0 10px; }
  @media only screen and (max-width: 640px) {
    .srvc_box_lanscope_5 .box {
      display: block; }
      .srvc_box_lanscope_5 .box figure {
        display: block;
        text-align: center; }
        .srvc_box_lanscope_5 .box figure img {
          max-width: 100%;
          height: auto; }
      .srvc_box_lanscope_5 .box .cell {
        display: block; }
        .srvc_box_lanscope_5 .box .cell p {
          margin: 0; }
    .srvc_box_lanscope_5 .vc_svc_tbl {
      display: block; }
      .srvc_box_lanscope_5 .vc_svc_tbl tbody, .srvc_box_lanscope_5 .vc_svc_tbl tr, .srvc_box_lanscope_5 .vc_svc_tbl th, .srvc_box_lanscope_5 .vc_svc_tbl td {
        display: block;
        width: 100%; }
      .srvc_box_lanscope_5 .vc_svc_tbl .vc_svc1 {
        max-width: 100%;
        text-align: center; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SERVICE: WEB MEETING
/* -------------------------------------------------------------------------*/
.srvc_box_wbmt_1 {
  text-align: center; }
  .srvc_box_wbmt_1 figure {
    margin: 20px 0; }
    .srvc_box_wbmt_1 figure img {
      max-width: 100%;
      height: auto; }

.srvc_box_wbmt_2 .bigTtl_2 {
  text-align: center; }

.srvc_box_wbmt_3 {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 30px 0; }
  .srvc_box_wbmt_3 .cell_1, .srvc_box_wbmt_3 .cell_2 {
    display: table-cell;
    vertical-align: top;
    width: 50%; }
    .srvc_box_wbmt_3 .cell_1 p, .srvc_box_wbmt_3 .cell_2 p {
      font-size: 14px;
      font-size: 0.875rem;
      margin-left: 0;
      margin-right: 0;
      line-height: 1.6; }
  .srvc_box_wbmt_3 .cell_1 {
    padding-right: 20px; }
  .srvc_box_wbmt_3 .cell_2 {
    padding-left: 20px; }
  .srvc_box_wbmt_3 figure {
    margin: 0 0 20px;
    text-align: center; }
    .srvc_box_wbmt_3 figure img {
      max-width: 100%;
      height: auto; }
  @media only screen and (max-width: 980px) {
    .srvc_box_wbmt_3 .cell_1 {
      padding-right: 10px; }
    .srvc_box_wbmt_3 .cell_2 {
      padding-left: 10px; } }
  @media only screen and (max-width: 640px) {
    .srvc_box_wbmt_3 {
      display: block; }
      .srvc_box_wbmt_3 .cell_1, .srvc_box_wbmt_3 .cell_2 {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 50px; } }

.srvc_box_wbmt_4 {
  display: table;
  width: 50%;
  margin: 30px 0; }
  .srvc_box_wbmt_4 .cell_1, .srvc_box_wbmt_4 .cell_2 {
    display: table-cell;
    vertical-align: top;
    width: 100%; }
    .srvc_box_wbmt_4 .cell_1 p, .srvc_box_wbmt_4 .cell_2 p {
      font-size: 14px;
      font-size: 0.875rem;
      margin-left: 0;
      margin-right: 0;
      line-height: 1.6; }
  .srvc_box_wbmt_4 .cell_1 {
    padding-right: 20px; }
  .srvc_box_wbmt_4 figure {
    margin: 0 0 20px;
    text-align: center; }
    .srvc_box_wbmt_4 figure img {
      max-width: 100%;
      height: auto; }
  @media only screen and (max-width: 980px) {
    .srvc_box_wbmt_4 .cell_1 {
      padding-right: 10px; } }
  @media only screen and (max-width: 640px) {
    .srvc_box_wbmt_4 {
      display: block;
      width: 100%; }
      .srvc_box_wbmt_4 .cell_1 {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 50px; } }

.srvc_box_wbmt_5 {
  margin-bottom: 70px; }
  .srvc_box_wbmt_5 .sc_subTitle {
    margin-bottom: 30px; }
  .srvc_box_wbmt_5 .row {
    margin-bottom: 30px;
    overflow: hidden; }
    .srvc_box_wbmt_5 .row .cell {
      display: table;
      float: left;
      vertical-align: top;
      width: 47%;
      padding: 0 3%; }
      .srvc_box_wbmt_5 .row .cell:nth-child(1) {
        padding-left: 0; }
      .srvc_box_wbmt_5 .row .cell:nth-child(2) {
        padding-right: 0; }
      .srvc_box_wbmt_5 .row .cell figure {
        display: table-cell;
        width: 110px;
        vertical-align: top;
        margin: 0 15px 0 0;
        padding: 0;
        float: left; }
        .srvc_box_wbmt_5 .row .cell figure img {
          max-width: 100%;
          height: auto; }
      .srvc_box_wbmt_5 .row .cell .box {
        display: table-cell;
        vertical-align: top; }
        .srvc_box_wbmt_5 .row .cell .box .title {
          margin: 0;
          font-size: 16px;
          font-size: 1rem;
          font-weight: bold;
          color: #0f3da2;
          line-height: 1.3; }
        .srvc_box_wbmt_5 .row .cell .box .text {
          font-size: 14px;
          font-size: 0.875rem;
          margin-top: 5px; }
  @media only screen and (max-width: 980px) {
    .srvc_box_wbmt_5 {
      margin-bottom: 40px;
      margin-top: 20px; }
      .srvc_box_wbmt_5 .row {
        margin-bottom: 0; }
        .srvc_box_wbmt_5 .row .cell {
          float: none;
          width: auto;
          padding: 0 !important;
          margin-bottom: 25px;
          border-bottom: 1px dotted #dbdbdb; }
          .srvc_box_wbmt_5 .row .cell figure {
            width: 80px; } }
  @media only screen and (max-width: 640px) {
    .srvc_box_wbmt_5 {
      margin-bottom: 20px; }
      .srvc_box_wbmt_5 .row .cell {
        margin-bottom: 20px; }
        .srvc_box_wbmt_5 .row .cell figure {
          width: 60px; } }

.srvc_box_wbmt_6 {
  margin-top: 70px; }
  .srvc_box_wbmt_6 > figure {
    margin: 30px 0;
    padding: 0;
    text-align: center; }
    .srvc_box_wbmt_6 > figure img {
      max-width: 100%;
      height: auto; }
  .srvc_box_wbmt_6 .title {
    position: relative;
    font-size: 18px;
    font-size: 1.125rem;
    color: #0f3da2;
    border-left: 5px solid;
    padding: 8px 10px 10px; }
    .srvc_box_wbmt_6 .title:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      display: block;
      border-bottom: 1px dotted; }
  .srvc_box_wbmt_6 .box {
    border: 1px solid #ccc;
    display: table;
    margin: 10px 0;
    padding: 10px; }
    .srvc_box_wbmt_6 .box figure {
      margin: 0;
      padding: 0 10px 0 0;
      display: table-cell;
      vertical-align: top; }
    .srvc_box_wbmt_6 .box .cell {
      display: table-cell;
      vertical-align: top; }
  .srvc_box_wbmt_6 .vc_svc_tbl {
    width: 100%;
    table-layout: fixed; }
    .srvc_box_wbmt_6 .vc_svc_tbl td {
      width: 33.33%;
      vertical-align: top;
      padding: 0 5px 20px; }
    .srvc_box_wbmt_6 .vc_svc_tbl .vc_svc1 {
      max-width: 215px;
      border: 1px solid #eee; }
      .srvc_box_wbmt_6 .vc_svc_tbl .vc_svc1 img {
        max-width: 100%;
        height: auto; }
      .srvc_box_wbmt_6 .vc_svc_tbl .vc_svc1 p {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.4;
        padding: 0 10px; }
  @media only screen and (max-width: 640px) {
    .srvc_box_wbmt_6 .box {
      display: block; }
      .srvc_box_wbmt_6 .box figure {
        display: block;
        text-align: center; }
        .srvc_box_wbmt_6 .box figure img {
          max-width: 100%;
          height: auto; }
      .srvc_box_wbmt_6 .box .cell {
        display: block; }
        .srvc_box_wbmt_6 .box .cell p {
          margin: 0; }
    .srvc_box_wbmt_6 .vc_svc_tbl {
      display: block; }
      .srvc_box_wbmt_6 .vc_svc_tbl tbody, .srvc_box_wbmt_6 .vc_svc_tbl tr, .srvc_box_wbmt_6 .vc_svc_tbl th, .srvc_box_wbmt_6 .vc_svc_tbl td {
        display: block;
        width: 100%; }
      .srvc_box_wbmt_6 .vc_svc_tbl .vc_svc1 {
        max-width: 100%;
        text-align: center; } }

.srvc_box_wbmt_7 .row {
  margin: 0 10px 10px;
  display: inline-block; }

.srvc_box_wbmt_7 .price_ttl {
  display: inline-block;
  margin: 0 20px 0 0; }

.srvc_box_wbmt_7 .price {
  display: inline-block;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
  margin: 0; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SERVICE: HTNet File Transfer
/* -------------------------------------------------------------------------*/
.srvc_box_ftransfer_1 {
  text-align: center; }
  .srvc_box_ftransfer_1 figure {
    margin: 20px 0; }
    .srvc_box_ftransfer_1 figure img {
      max-width: 100%;
      height: auto; }

.srvc_box_ftransfer_2 {
  margin: 70px 0; }
  .srvc_box_ftransfer_2 .box {
    display: table;
    margin: 0 auto; }
    .srvc_box_ftransfer_2 .box p {
      display: table-cell;
      margin: 0;
      padding: 10px;
      vertical-align: middle; }
    .srvc_box_ftransfer_2 .box .catch {
      display: block;
      width: 105px;
      height: 105px;
      overflow: hidden;
      text-indent: -9999px;
      background-image: url(../../service/filetransfer/img/img_trial.png);
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100% auto; }
    .srvc_box_ftransfer_2 .box .title {
      font-size: 50px;
      font-size: 3.125rem;
      line-height: 1.1;
      color: #0f3da2;
      font-weight: bold;
      margin: 0;
      padding: 0 0 0 20px; }
  .srvc_box_ftransfer_2 > p {
    text-align: center; }
  @media only screen and (max-width: 980px) {
    .srvc_box_ftransfer_2 .box .title {
      font-size: 40px;
      font-size: 2.5rem; }
    .srvc_box_ftransfer_2 .box .catch {
      width: 85px;
      height: 85px; } }
  @media only screen and (max-width: 640px) {
    .srvc_box_ftransfer_2 .box .title {
      font-size: 30px;
      font-size: 1.875rem; }
    .srvc_box_ftransfer_2 .box .catch {
      width: 60px;
      height: 60px; } }

.srvc_box_ftransfer_3 {
  margin-bottom: 70px; }
  .srvc_box_ftransfer_3 .sc_subTitle {
    margin-bottom: 30px; }
  .srvc_box_ftransfer_3 .row {
    margin-bottom: 30px;
    overflow: hidden; }
    .srvc_box_ftransfer_3 .row .cell {
      display: table;
      float: left;
      vertical-align: top;
      width: 47%;
      padding: 0 3%; }
      .srvc_box_ftransfer_3 .row .cell:nth-child(1) {
        padding-left: 0; }
      .srvc_box_ftransfer_3 .row .cell:nth-child(2) {
        padding-right: 0; }
      .srvc_box_ftransfer_3 .row .cell figure {
        display: table-cell;
        width: 110px;
        vertical-align: top;
        margin: 0 15px 0 0;
        padding: 0;
        float: left; }
        .srvc_box_ftransfer_3 .row .cell figure img {
          max-width: 100%;
          height: auto; }
      .srvc_box_ftransfer_3 .row .cell .box {
        display: table-cell;
        vertical-align: top; }
        .srvc_box_ftransfer_3 .row .cell .box .title {
          margin: 0;
          font-size: 16px;
          font-size: 1rem;
          font-weight: bold;
          color: #0f3da2;
          line-height: 1.3; }
        .srvc_box_ftransfer_3 .row .cell .box .text {
          font-size: 14px;
          font-size: 0.875rem;
          margin-top: 5px; }
  @media only screen and (max-width: 980px) {
    .srvc_box_ftransfer_3 {
      margin-bottom: 40px;
      margin-top: 20px; }
      .srvc_box_ftransfer_3 .row {
        margin-bottom: 0; }
        .srvc_box_ftransfer_3 .row .cell {
          float: none;
          width: auto;
          padding: 0 !important;
          margin-bottom: 25px;
          border-bottom: 1px dotted #dbdbdb; }
          .srvc_box_ftransfer_3 .row .cell figure {
            width: 80px; } }
  @media only screen and (max-width: 640px) {
    .srvc_box_ftransfer_3 {
      margin-bottom: 20px; }
      .srvc_box_ftransfer_3 .row .cell {
        margin-bottom: 20px; }
        .srvc_box_ftransfer_3 .row .cell figure {
          width: 60px; } }

.srvc_box_ftransfer_4 {
  margin-top: 5%; }
  .srvc_box_ftransfer_4 .row {
    display: table;
    margin: 0 0 10px; }
  .srvc_box_ftransfer_4 .cell_1, .srvc_box_ftransfer_4 .cell_2 {
    display: table-cell; }
  .srvc_box_ftransfer_4 .price_ttl {
    margin: 0 20px 0 0; }
  .srvc_box_ftransfer_4 .price {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: bold;
    margin: 0; }

.srvc_box_ftransfer_5 .tax {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: right;
  margin: 0;
  padding: 0; }

.srvc_box_ftransfer_5 .row {
  display: table;
  width: 100%; }
  .srvc_box_ftransfer_5 .row .cell {
    display: table-cell;
    width: 49%;
    padding: 0 1%; }
    .srvc_box_ftransfer_5 .row .cell:nth-child(1) {
      padding-left: 0; }
    .srvc_box_ftransfer_5 .row .cell:nth-child(2) {
      padding-right: 0; }
    .srvc_box_ftransfer_5 .row .cell table {
      width: 100%;
      border-collapse: collapse; }
      .srvc_box_ftransfer_5 .row .cell table td, .srvc_box_ftransfer_5 .row .cell table th {
        padding: 5px;
        border: 1px solid #cdd9dc; }
      .srvc_box_ftransfer_5 .row .cell table th {
        background-color: #e0f2ff; }
      .srvc_box_ftransfer_5 .row .cell table th {
        text-align: center; }

.srvc_box_ftransfer_5 .info {
  margin-top: 20px; }
  .srvc_box_ftransfer_5 .info .title {
    display: inline-block;
    background-color: #0f3da2;
    color: #fff;
    padding: 10px 15px 8px;
    line-height: 1.2;
    border-radius: 4px; }
  .srvc_box_ftransfer_5 .info .text {
    font-size: 16px;
    font-size: 1rem;
    display: inline-block;
    margin: 0 0 0 20px;
    font-weight: bold; }

@media only screen and (max-width:640px) {
  .srvc_box_ftransfer_5 .row {
    display: block; }
    .srvc_box_ftransfer_5 .row .cell {
      display: block;
      width: 100%;
      padding: 0;
      margin-bottom: 20px; }
      .srvc_box_ftransfer_5 .row .cell table th:first-child {
        width: 40%; } }

.srvc_box_ftransfer_6 {
  margin: 70px 0; }
  .srvc_box_ftransfer_6 .box {
    display: table;
    margin: 0 auto; }
    .srvc_box_ftransfer_6 .box p {
      display: table-cell;
      margin: 0;
      padding: 10px;
      vertical-align: middle; }
    .srvc_box_ftransfer_6 .box .catch {
      display: block;
      width: 105px;
      height: 105px;
      overflow: hidden;
      text-indent: -9999px;
      background-image: url(../../service/filetransfer/img/img_trial.png);
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100% auto; }
    .srvc_box_ftransfer_6 .box .title {
      font-size: 50px;
      font-size: 3.125rem;
      line-height: 1.1;
      color: #0f3da2;
      font-weight: bold;
      margin: 0;
      padding: 0 0 0 20px; }
  .srvc_box_ftransfer_6 > p {
    text-align: center; }
  @media only screen and (max-width: 980px) {
    .srvc_box_ftransfer_6 .box .title {
      font-size: 40px;
      font-size: 2.5rem; }
    .srvc_box_ftransfer_6 .box .catch {
      width: 85px;
      height: 85px; } }
  @media only screen and (max-width: 640px) {
    .srvc_box_ftransfer_6 .box .title {
      font-size: 30px;
      font-size: 1.875rem; }
    .srvc_box_ftransfer_6 .box .catch {
      width: 60px;
      height: 60px; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SERVICE: Cloud Fire wall
/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SERVICE: Cloud WiFi
/* -------------------------------------------------------------------------*/
.srvc_box_wifi_1 {
  text-align: center; }
  .srvc_box_wifi_1 figure {
    margin: 20px 0; }
    .srvc_box_wifi_1 figure img {
      max-width: 100%;
      height: auto; }

.srvc_box_wifi_2 .wrp {
  display: table;
  border-collapse: separate;
  border-spacing: 10px;
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-right: -10px; }
  .srvc_box_wifi_2 .wrp .box {
    display: table-cell;
    width: 50%;
    padding: 10px;
    background-color: #edf3ff; }
    .srvc_box_wifi_2 .wrp .box .title_area {
      background-color: #0f3da2;
      color: #fff;
      padding: 10px 15px;
      margin: -10px -10px 0; }
    .srvc_box_wifi_2 .wrp .box .title {
      font-size: 18px;
      font-size: 1.125rem;
      margin: 5px 0 10px;
      padding: 0 0 8px;
      font-weight: bold;
      border-bottom: 1px dotted; }
      .srvc_box_wifi_2 .wrp .box .title::before {
        content: '';
        display: inline-block;
        width: 4px;
        height: 25px;
        margin-right: 10px;
        margin-left: -5px;
        vertical-align: middle;
        background-color: #fff; }
    .srvc_box_wifi_2 .wrp .box .text {
      margin: 5px 0 0; }
    .srvc_box_wifi_2 .wrp .box .info {
      font-size: 13px;
      font-size: 0.8125rem;
      margin: 0; }
    .srvc_box_wifi_2 .wrp .box table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 10px; }
    .srvc_box_wifi_2 .wrp .box th, .srvc_box_wifi_2 .wrp .box td {
      padding: 5px 8px; }
    .srvc_box_wifi_2 .wrp .box th {
      text-align: left; }
      .srvc_box_wifi_2 .wrp .box th span {
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: normal; }
    .srvc_box_wifi_2 .wrp .box .th_1 span {
      background-color: #0f3da2;
      color: #fff;
      display: block;
      padding: 8px 10px 5px;
      border-radius: 5px;
      line-height: 1;
      text-align: center;
      white-space: nowrap; }
    .srvc_box_wifi_2 .wrp .box .price {
      text-align: right;
      font-weight: bold;
      white-space: nowrap; }

@media only screen and (max-width: 980px) {
  .srvc_box_wifi_2 .wrp {
    display: block;
    width: 100%;
    margin: 0; }
    .srvc_box_wifi_2 .wrp .box {
      display: block;
      width: 100%;
      margin-bottom: 15px; } }

@media only screen and (max-width: 640px) {
  .srvc_box_wifi_2 .wrp .box {
    padding: 5px; }
    .srvc_box_wifi_2 .wrp .box .title_area {
      padding: 10px; }
    .srvc_box_wifi_2 .wrp .box th, .srvc_box_wifi_2 .wrp .box td {
      padding: 5px; }
    .srvc_box_wifi_2 .wrp .box .title_area {
      margin: -5px -5px 0; } }

.srvc_box_wifi_3 .title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #0f3da2; }

.srvc_box_wifi_4 .block_1 {
  display: table;
  table-layout: fixed;
  width: 100%; }
  .srvc_box_wifi_4 .block_1 .cell_1 {
    display: table-cell;
    width: 50%;
    padding: 0 10px;
    vertical-align: top; }
    .srvc_box_wifi_4 .block_1 .cell_1 img {
      max-width: 100%;
      height: auto; }
  .srvc_box_wifi_4 .block_1 .cell_2 {
    display: table-cell;
    width: 50%;
    vertical-align: top; }
    .srvc_box_wifi_4 .block_1 .cell_2 > .title {
      font-size: 18px;
      font-size: 1.125rem;
      font-weight: bold;
      color: #0049b8; }

.srvc_box_wifi_4 .block_2 .cell {
  margin-bottom: 20px; }
  .srvc_box_wifi_4 .block_2 .cell .title {
    display: inline-block;
    font-weight: bold;
    margin: 0;
    padding: 8px 20px 5px;
    background-color: #0049b8;
    color: #fff;
    border-radius: 5px; }
  .srvc_box_wifi_4 .block_2 .cell .price {
    font-weight: bold;
    margin: 8px 5px; }
    .srvc_box_wifi_4 .block_2 .cell .price .price_1 {
      display: inline-block;
      font-size: 16px;
      font-size: 1rem;
      margin-right: 10px;
      white-space: nowrap; }
    .srvc_box_wifi_4 .block_2 .cell .price .price_2 {
      display: inline-block;
      font-size: 26px;
      font-size: 1.625rem;
      white-space: nowrap; }

@media only screen and (max-width: 980px) {
  .srvc_box_wifi_4 .block_1 {
    display: block; }
    .srvc_box_wifi_4 .block_1 .cell_1, .srvc_box_wifi_4 .block_1 .cell_2 {
      display: block;
      width: 100%; }
    .srvc_box_wifi_4 .block_1 .cell_1 {
      text-align: center; }
  .srvc_box_wifi_4 .block_2 {
    display: table;
    width: 100%;
    table-layout: fixed; }
    .srvc_box_wifi_4 .block_2 .cell {
      display: table-cell; }
      .srvc_box_wifi_4 .block_2 .cell .title {
        margin-bottom: 10px; }
      .srvc_box_wifi_4 .block_2 .cell .price {
        font-size: 20px;
        font-size: 1.25rem;
        margin: 0 5px 10px; }
        .srvc_box_wifi_4 .block_2 .cell .price span {
          font-size: 13px;
          font-size: 0.8125rem; } }

.srvc_box_wifi_5 {
  border-top: 1px solid #ebebeb;
  margin-top: 40px;
  padding-top: 20px; }
  .srvc_box_wifi_5 > .title {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    color: #0049b8; }
  .srvc_box_wifi_5 .block_1 {
    display: table;
    table-layout: fixed;
    width: 100%; }
    .srvc_box_wifi_5 .block_1 .cell_1 {
      display: table-cell;
      width: 50%;
      padding: 0 10px;
      vertical-align: top; }
      .srvc_box_wifi_5 .block_1 .cell_1 img {
        max-width: 100%;
        height: auto; }
    .srvc_box_wifi_5 .block_1 .cell_2 {
      display: table-cell;
      width: 50%;
      vertical-align: top; }
  .srvc_box_wifi_5 .block_2 {
    display: table;
    width: 100%;
    margin-top: 40px; }
    .srvc_box_wifi_5 .block_2 .cell {
      display: table-cell;
      width: 50%;
      vertical-align: top;
      text-align: center; }
      .srvc_box_wifi_5 .block_2 .cell .info {
        font-size: 13px;
        font-size: 0.8125rem;
        margin: 5px 0 0; }
        .srvc_box_wifi_5 .block_2 .cell .info + .box {
          margin-top: 10px; }
      .srvc_box_wifi_5 .block_2 .cell > .title {
        display: inline-block;
        font-weight: bold;
        margin: 0;
        padding: 8px 20px 5px;
        background-color: #0049b8;
        color: #fff;
        border-radius: 5px; }
      .srvc_box_wifi_5 .block_2 .cell .box {
        margin-top: 25px; }
        .srvc_box_wifi_5 .block_2 .cell .box > .title {
          font-size: 18px;
          font-size: 1.125rem;
          font-weight: bold;
          margin: 0; }
        .srvc_box_wifi_5 .block_2 .cell .box .price {
          margin: 5px 0 0;
          font-size: 26px;
          font-size: 1.625rem;
          font-weight: bold; }
        .srvc_box_wifi_5 .block_2 .cell .box table {
          margin: 10px auto; }
        .srvc_box_wifi_5 .block_2 .cell .box th, .srvc_box_wifi_5 .block_2 .cell .box td {
          text-align: left;
          padding: 0 10px; }
        .srvc_box_wifi_5 .block_2 .cell .box td {
          text-align: right; }
  @media only screen and (max-width: 980px) {
    .srvc_box_wifi_5 .block_1 {
      display: block; }
      .srvc_box_wifi_5 .block_1 .cell_1, .srvc_box_wifi_5 .block_1 .cell_2 {
        display: block;
        width: 100%; }
      .srvc_box_wifi_5 .block_1 .cell_1 {
        text-align: center; } }
  @media only screen and (max-width: 640px) {
    .srvc_box_wifi_5 .block_2 {
      display: block; }
      .srvc_box_wifi_5 .block_2 .cell {
        display: block;
        width: 100%; }
        .srvc_box_wifi_5 .block_2 .cell:first-child {
          margin-bottom: 40px; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SERVICE: Drone
/* -------------------------------------------------------------------------*/
.srvc_box_drone_1 {
  text-align: center; }
  .srvc_box_drone_1 figure {
    margin: 20px 0; }
    .srvc_box_drone_1 figure img {
      max-width: 100%;
      height: auto; }
  .srvc_box_drone_1 .info {
    font-size: 16px;
    font-size: 1rem;
    margin: 0; }
  .srvc_box_drone_1 strong {
    color: #E02327; }

.srvc_box_drone_2 {
  margin: 70px 0;
  text-align: center; }
  .srvc_box_drone_2 p.title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    color: #0f3da2; }
  .srvc_box_drone_2 p.text {
    font-size: 16px;
    font-size: 1rem;
    text-align: left;
    line-height: 1.8; }

.srvc_box_drone_3 {
  padding: 10px;
  background-color: #eee;
  text-align: center; }
  .srvc_box_drone_3 .wrp {
    display: block;
    max-width: 790px;
    margin: 0 auto; }
  .srvc_box_drone_3 figure {
    margin: 10px;
    padding: 0;
    display: inline-block; }
  .srvc_box_drone_3 figcaption {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.5; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SERVICE: lot
/* -------------------------------------------------------------------------*/
.srvc_box_lot_1 {
  text-align: center; }
  .srvc_box_lot_1 figure {
    margin: 20px 0; }
    .srvc_box_lot_1 figure img {
      max-width: 100%;
      height: auto; }

.srvc_box_lot_2 > figure {
  margin: 40px 0;
  padding: 0;
  text-align: center; }
  .srvc_box_lot_2 > figure img {
    max-width: 100%;
    height: auto; }

.srvc_box_lot_2 .box {
  display: table;
  width: 100%; }
  .srvc_box_lot_2 .box .cell {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    width: 33.33333%;
    padding: 10px; }
    .srvc_box_lot_2 .box .cell figure {
      margin: 0;
      padding: 0; }
      .srvc_box_lot_2 .box .cell figure img {
        max-width: 100%;
        height: auto; }
    .srvc_box_lot_2 .box .cell > p {
      margin: 10px 0;
      color: #0049b8;
      font-weight: bold; }

@media only screen and (max-width: 640px) {
  .srvc_box_lot_2 .box {
    display: block; }
    .srvc_box_lot_2 .box .cell {
      display: block;
      width: 100%; } }

.srvc_box_lot_3 .box {
  display: table;
  margin: 0 auto; }
  .srvc_box_lot_3 .box .cell {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    text-align: center;
    padding: 10px;
    max-width: 400px; }
    .srvc_box_lot_3 .box .cell figure {
      margin: 20px 0;
      padding: 0; }
      .srvc_box_lot_3 .box .cell figure img {
        max-width: 100%;
        height: auto; }

.srvc_box_lot_3 .block {
  background-color: #edf3ff;
  padding: 10px 10px 20px;
  border-radius: 5px;
  text-align: center; }
  .srvc_box_lot_3 .block ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .srvc_box_lot_3 .block ul li {
      display: inline-block;
      font-weight: bold;
      padding: 0px;
      margin: 10px; }
      .srvc_box_lot_3 .block ul li::before {
        content: '\30FB';
        display: inline-block;
        margin-right: 3px; }
  .srvc_box_lot_3 .block p {
    margin: 0;
    padding: 10px 10px 8px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    line-height: 1.3;
    min-width: 300px;
    background-color: #0049b8; }

@media only screen and (max-width: 640px) {
  .srvc_box_lot_3 .box {
    display: block; }
    .srvc_box_lot_3 .box .cell {
      display: block;
      width: 100%;
      margin: 0 auto; }
      .srvc_box_lot_3 .box .cell:first-child {
        border-bottom: 1px dotted #999999; }
  .srvc_box_lot_3 .block ul li {
    display: block; }
  .srvc_box_lot_3 .block p {
    min-width: auto;
    min-width: initial; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SERVICE: FIREWALL GATEWAY SERVICE
/* -------------------------------------------------------------------------*/
.srvc_box_fwgw_1 {
  text-align: center; }
  .srvc_box_fwgw_1 figure {
    margin: 20px 0; }
    .srvc_box_fwgw_1 figure img {
      max-width: 100%;
      height: auto; }

.srvc_box_fwgw_2 .block {
  display: table;
  table-layout: fixed;
  width: calc(100% + 20px);
  margin: 0 -10px 40px; }

.srvc_box_fwgw_2 .cell {
  display: table-cell;
  padding: 0 15px;
  vertical-align: top; }
  .srvc_box_fwgw_2 .cell .wrp {
    display: table; }
    .srvc_box_fwgw_2 .cell .wrp figure {
      margin: 0;
      padding: 0 20px 0 0;
      display: table-cell;
      vertical-align: top; }
    .srvc_box_fwgw_2 .cell .wrp .box {
      display: table-cell;
      vertical-align: top; }
      .srvc_box_fwgw_2 .cell .wrp .box .title {
        color: #0049b8;
        font-weight: bold;
        margin: 0 0 10px; }
        .srvc_box_fwgw_2 .cell .wrp .box .title span {
          display: block; }

.srvc_box_fwgw_2 dl.price {
  margin: 10px 0; }

.srvc_box_fwgw_2 dt {
  margin-right: 10px;
  display: inline-block; }

.srvc_box_fwgw_2 dd {
  margin: 0;
  display: inline-block; }
  .srvc_box_fwgw_2 dd span {
    font-weight: bold; }

@media only screen and (max-width: 980px) {
  .srvc_box_fwgw_2 .block {
    display: block;
    width: 100%;
    margin: 0; }
  .srvc_box_fwgw_2 .cell {
    display: block;
    padding: 0;
    width: 100%;
    margin: 0 0 40px; } }

@media only screen and (max-width: 640px) {
  .srvc_box_fwgw_2 .cell .wrp {
    display: block; }
    .srvc_box_fwgw_2 .cell .wrp figure {
      display: block;
      text-align: center;
      margin-bottom: 5px; }
    .srvc_box_fwgw_2 .cell .wrp .box {
      display: block; }
      .srvc_box_fwgw_2 .cell .wrp .box .title {
        text-align: center; } }

.srvc_box_fwgw_3 {
  display: table;
  table-layout: fixed;
  width: calc(100% + 20px);
  margin: 0 -10px; }
  .srvc_box_fwgw_3 .cms_box {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    padding: 0 10px; }
  @media only screen and (max-width: 800px) {
    .srvc_box_fwgw_3 {
      display: block;
      width: 100%;
      margin: 0; }
      .srvc_box_fwgw_3::after {
        content: '';
        display: table;
        clear: both; }
      .srvc_box_fwgw_3 .cms_box {
        display: block;
        width: 100%;
        overflow: hidden; } }

.srvc_box_fwgw_2 big, .srvc_box_fwgw_3 big {
  font-size: 20px;
  font-size: 1.25rem; }

.srvc_box_fwgw_2 .subhead, .srvc_box_fwgw_3 .subhead {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 50px 0 30px;
  padding: 10px 10px 8px;
  font-weight: bold;
  color: #0f3da2;
  background-color: #ececec;
  border: 1px solid #e6e6e6;
  border-right: none;
  border-left: none; }

.srvc_box_fwgw_2 .subsubhead, .srvc_box_fwgw_3 .subsubhead {
  font-size: 24px;
  font-size: 1.5rem;
  margin: 50px 0 40px;
  color: #0f3da2; }

.srvc_box_fwgw_4 {
  text-align: center;
  margin-top: -40px; }
  .srvc_box_fwgw_4 p, .srvc_box_fwgw_4 dl, .srvc_box_fwgw_4 dt, .srvc_box_fwgw_4 dd {
    display: inline-block; }
  .srvc_box_fwgw_4 dl {
    margin: 0 20px; }
  .srvc_box_fwgw_4 dt {
    margin-right: 10px; }
  .srvc_box_fwgw_4 dd {
    margin: 0; }
    .srvc_box_fwgw_4 dd span {
      font-weight: bold; }
  .srvc_box_fwgw_4 .title {
    color: #0049b8;
    font-weight: bold; }
    .srvc_box_fwgw_4 .title span {
      display: block; }
  @media only screen and (max-width: 980px) {
    .srvc_box_fwgw_4 {
      margin-top: -30px; }
      .srvc_box_fwgw_4 p {
        display: block; }
      .srvc_box_fwgw_4 dl {
        margin-bottom: 5px; } }
  @media only screen and (max-width: 640px) {
    .srvc_box_fwgw_4 {
      text-align: left;
      margin-top: -20px; } }

.srvc_box_fwgw_5 .box {
  margin: 50px 0 0; }
  .srvc_box_fwgw_5 .box .title {
    font-weight: bold;
    color: #0049b8; }
    .srvc_box_fwgw_5 .box .title span {
      font-size: 15px;
      font-size: 0.9375rem;
      color: #000;
      font-weight: normal;
      margin-left: 10px; }
  .srvc_box_fwgw_5 .box .price {
    margin: 5px 30px 5px 0;
    display: inline-block; }
    .srvc_box_fwgw_5 .box .price dt {
      display: inline-block; }
    .srvc_box_fwgw_5 .box .price dd {
      display: inline-block;
      margin-left: 5px; }
      .srvc_box_fwgw_5 .box .price dd span {
        font-size: 22px;
        font-size: 1.375rem;
        font-weight: bold; }

@media only screen and (max-width: 980px) {
  .srvc_box_fwgw_5 .box .title span {
    display: block;
    margin-top: 5px;
    margin-left: 0; } }

.srvc_box_fwgw_3 big {
  font-size: 20px;
  font-size: 1.25rem; }

.srvc_box_fwgw_3 .subhead {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 50px 0 30px;
  padding: 10px 10px 8px;
  font-weight: bold;
  color: #0f3da2;
  background-color: #ececec;
  border: 1px solid #e6e6e6;
  border-right: none;
  border-left: none; }

.srvc_box_fwgw_3 .subsubhead {
  font-size: 24px;
  font-size: 1.5rem;
  margin: 50px 0 40px;
  color: #0f3da2; }

.unq_1 {
  margin: 20px 0 40px; }

.unq_1_block {
  display: table;
  margin: 0 auto; }

.unq_1_box {
  display: table-cell;
  width: 50%;
  min-width: 300px;
  vertical-align: top;
  text-align: center; }
  .unq_1_box p {
    margin: 0; }
  @media only screen and (max-width: 980px) {
    .unq_1_box {
      min-width: auto;
      min-width: initial; } }

.unq_1_box big {
  font-size: 24px; }

.unq_1_title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px !important; }

.unq_1_plus {
  margin: 0;
  text-align: center;
  font-size: 50px;
  font-weight: bold; }

.unq_1_p {
  text-align: center;
  font-size: 16px;
  margin: 10px 0; }

.unq_1_block2 {
  position: relative;
  display: table;
  border-collapse: separate;
  border-spacing: 10px;
  margin: 0 auto; }
  @media only screen and (max-width: 640px) {
    .unq_1_block2 {
      display: block; } }

.unq_1_box_2 {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  padding: 20px;
  min-width: 300px;
  background-color: #f7f7f7;
  border-radius: 10px; }
  @media only screen and (max-width: 980px) {
    .unq_1_box_2 {
      min-width: auto;
      min-width: initial; } }
  @media only screen and (max-width: 640px) {
    .unq_1_box_2 {
      display: block;
      width: 100%; } }

.unq_1_box_2 p {
  text-align: center;
  font-size: 20px;
  line-height: 1.5;
  margin: 0; }
  @media only screen and (max-width: 640px) {
    .unq_1_box_2 p {
      font-size: 14px; } }

.unq_1_box_3 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 40px;
  text-align: center; }
  @media only screen and (max-width: 640px) {
    .unq_1_box_3 {
      position: relative;
      top: 0;
      margin: 10px 0; } }

.unq_1_box_3 p {
  display: inline-block;
  margin: 0;
  font-size: 18px;
  background-color: #0f3da2;
  color: #fff;
  padding: 12px 14px;
  line-height: 1;
  border-radius: 40px; }

.unq_title_initial {
  margin-bottom: 0 !important;
  border-bottom: 1px dotted;
  padding-bottom: 5px; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SERVICE: TARGET MAIL
/* -------------------------------------------------------------------------*/
.srvc_box_tmail_1 {
  text-align: center; }
  .srvc_box_tmail_1 figure {
    margin: 20px 0; }
    .srvc_box_tmail_1 figure img {
      max-width: 100%;
      height: auto; }

.srvc_box_tmail_2 {
  margin: 70px 0; }
  .srvc_box_tmail_2 .box {
    display: table;
    margin: 0 auto; }
    .srvc_box_tmail_2 .box p {
      display: table-cell;
      margin: 0;
      padding: 10px;
      vertical-align: middle; }
    .srvc_box_tmail_2 .box .catch {
      display: block;
      width: 105px;
      height: 105px;
      overflow: hidden;
      text-indent: -9999px;
      background-image: url(../../service/filetransfer/img/img_trial.png);
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100% auto; }
    .srvc_box_tmail_2 .box .title {
      font-size: 60px;
      font-size: 3.75rem;
      line-height: 1.1;
      color: #0f3da2;
      font-weight: bold;
      margin: 0;
      padding: 0 0 0 10px; }
  .srvc_box_tmail_2 > p {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center; }
  @media only screen and (max-width: 980px) {
    .srvc_box_tmail_2 .box .title {
      font-size: 50px;
      font-size: 3.125rem;
      padding: 0; }
    .srvc_box_tmail_2 .box .catch {
      width: 85px;
      height: 85px; } }
  @media only screen and (max-width: 640px) {
    .srvc_box_tmail_2 .box .title {
      font-size: 30px;
      font-size: 1.875rem; }
    .srvc_box_tmail_2 .box .catch {
      width: 60px;
      height: 60px; } }

.srvc_box_tmail_3 {
  margin-bottom: 70px; }
  .srvc_box_tmail_3 .sc_subTitle {
    margin-bottom: 30px; }
  .srvc_box_tmail_3 .row {
    margin-bottom: 30px;
    overflow: hidden; }
    .srvc_box_tmail_3 .row .cell {
      display: table;
      float: left;
      vertical-align: top;
      width: 47%;
      padding: 0 3%; }
      .srvc_box_tmail_3 .row .cell:nth-child(1) {
        padding-left: 0; }
      .srvc_box_tmail_3 .row .cell:nth-child(2) {
        padding-right: 0; }
      .srvc_box_tmail_3 .row .cell figure {
        display: table-cell;
        width: 110px;
        vertical-align: top;
        margin: 0 15px 0 0;
        padding: 0;
        float: left; }
        .srvc_box_tmail_3 .row .cell figure img {
          max-width: 100%;
          height: auto; }
      .srvc_box_tmail_3 .row .cell .box {
        display: table-cell;
        vertical-align: top; }
        .srvc_box_tmail_3 .row .cell .box .title {
          margin: 0;
          font-size: 16px;
          font-size: 1rem;
          font-weight: bold;
          color: #0f3da2;
          line-height: 1.3; }
        .srvc_box_tmail_3 .row .cell .box .text {
          font-size: 14px;
          font-size: 0.875rem;
          margin-top: 5px; }
  @media only screen and (max-width: 980px) {
    .srvc_box_tmail_3 {
      margin-bottom: 40px;
      margin-top: 20px; }
      .srvc_box_tmail_3 .row {
        margin-bottom: 0; }
        .srvc_box_tmail_3 .row .cell {
          float: none;
          width: auto;
          padding: 0 !important;
          margin-bottom: 25px;
          border-bottom: 1px dotted #dbdbdb; }
          .srvc_box_tmail_3 .row .cell figure {
            width: 80px; } }
  @media only screen and (max-width: 640px) {
    .srvc_box_tmail_3 {
      margin-bottom: 20px; }
      .srvc_box_tmail_3 .row .cell {
        margin-bottom: 20px; }
        .srvc_box_tmail_3 .row .cell figure {
          width: 60px; } }

.srvc_box_tmail_4 {
  padding: 10px;
  background-color: #0049b8; }
  .srvc_box_tmail_4 .title {
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0 0 10px;
    color: #fff; }
  .srvc_box_tmail_4 .wrp {
    background-color: #fff;
    padding: 10px; }
    .srvc_box_tmail_4 .wrp th, .srvc_box_tmail_4 .wrp td {
      padding: 10px; }
    .srvc_box_tmail_4 .wrp th {
      vertical-align: top; }
      .srvc_box_tmail_4 .wrp th span {
        display: inline-block;
        padding: 10px 5px;
        background-color: #4686e7;
        color: #fff;
        font-weight: normal;
        min-width: 130px; }
    .srvc_box_tmail_4 .wrp td span {
      font-size: 19px;
      font-size: 1.1875rem; }
  @media only screen and (max-width: 980px) {
    .srvc_box_tmail_4 {
      padding: 10px; }
      .srvc_box_tmail_4 .wrp {
        padding: 5px; } }
  @media only screen and (max-width: 640px) {
    .srvc_box_tmail_4 {
      padding: 5px; }
      .srvc_box_tmail_4 .wrp {
        padding: 0; }
        .srvc_box_tmail_4 .wrp table, .srvc_box_tmail_4 .wrp tbody, .srvc_box_tmail_4 .wrp tr, .srvc_box_tmail_4 .wrp th, .srvc_box_tmail_4 .wrp td {
          display: block;
          width: 100%;
          text-align: left; }
        .srvc_box_tmail_4 .wrp th {
          padding: 0; }
          .srvc_box_tmail_4 .wrp th span {
            min-width: auto;
            min-width: initial;
            display: block;
            padding: 5px; } }

.srvc_box_tmail_5 {
  margin-top: 30px; }
  .srvc_box_tmail_5 th {
    vertical-align: top; }
  .srvc_box_tmail_5 td p {
    margin: 0; }
  .srvc_box_tmail_5 td .price {
    font-size: 24px;
    font-size: 1.5rem;
    margin: 10px 0;
    font-weight: bold; }
  @media only screen and (max-width: 640px) {
    .srvc_box_tmail_5 body, .srvc_box_tmail_5 tbody, .srvc_box_tmail_5 tr, .srvc_box_tmail_5 th, .srvc_box_tmail_5 td {
      display: block;
      width: 100%;
      text-align: left; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SERVICE: DATA CENTER
/* -------------------------------------------------------------------------*/
.srvc_dc_tp {
  font-size: 18px;
  font-size: 1.125rem; }

.srvc_tbl_dc {
  margin-top: 30px; }
  .srvc_tbl_dc th {
    width: 18%;
    white-space: nowrap; }
  .srvc_tbl_dc td {
    width: 41%;
    text-align: center; }
  @media only screen and (max-width: 640px) {
    .srvc_tbl_dc th {
      white-space: inherit;
      min-width: 70px; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SERVICE: Cisco Meraki
/* -------------------------------------------------------------------------*/
.srvc_box_meraki_1 .block {
  overflow: hidden;
  font-size: 0; }

.srvc_box_meraki_1 .cell {
  display: inline-block;
  width: 48%;
  margin: 0 1%;
  text-align: center; }
  .srvc_box_meraki_1 .cell a {
    display: block;
    position: relative;
    padding: 10px;
    border: 2px solid #eee;
    border-radius: 7px;
    color: #000;
    text-decoration: none;
    transition: border .2s ease; }
    .srvc_box_meraki_1 .cell a:hover {
      border-color: #a5d98e; }
      .srvc_box_meraki_1 .cell a:hover .title {
        color: #3cb109; }
  .srvc_box_meraki_1 .cell img {
    max-width: 100%;
    height: auto; }
  .srvc_box_meraki_1 .cell .text {
    font-size: 16px;
    font-size: 1rem; }
  .srvc_box_meraki_1 .cell .title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    transition: color .2s ease; }
    .srvc_box_meraki_1 .cell .title span {
      font-size: 40px;
      font-size: 2.5rem;
      margin-right: 10px; }

@media only screen and (max-width: 980px) {
  .srvc_box_meraki_1 .cell {
    width: 49%;
    margin: 0.5%; }
    .srvc_box_meraki_1 .cell a {
      padding: 5px; }
    .srvc_box_meraki_1 .cell .text {
      font-size: 14px;
      font-size: 0.875rem; }
    .srvc_box_meraki_1 .cell .title {
      margin: 0; }
      .srvc_box_meraki_1 .cell .title span {
        font-size: 35px;
        font-size: 2.1875rem;
        margin-right: 7px; } }

@media only screen and (max-width: 640px) {
  .srvc_box_meraki_1 .cell {
    display: block;
    width: 100%;
    margin: 10px 0;
    text-align: left; }
    .srvc_box_meraki_1 .cell a {
      padding: 8px 5px 8px 10px; }
    .srvc_box_meraki_1 .cell .text {
      margin: 0 0 8px; }
    .srvc_box_meraki_1 .cell .title {
      margin: 0 0 0 75px; }
      .srvc_box_meraki_1 .cell .title span {
        font-size: 30px;
        font-size: 1.875rem;
        margin-right: 5px; }
  .srvc_box_meraki_1 img {
    position: absolute;
    left: 5px;
    top: 35px;
    width: 70px;
    height: auto; } }

.srvc_box_meraki_2 {
  margin-top: 100px; }
  .srvc_box_meraki_2 .title_box {
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: 5px solid #a5d98e; }
    .srvc_box_meraki_2 .title_box .text {
      margin: 0 0 8px; }
    .srvc_box_meraki_2 .title_box .title {
      font-size: 18px;
      font-size: 1.125rem;
      font-weight: bold;
      margin: 0; }
      .srvc_box_meraki_2 .title_box .title span {
        font-size: 40px;
        font-size: 2.5rem;
        margin-right: 10px; }
  .srvc_box_meraki_2 .title_tw {
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: bold;
    color: #0f3da2;
    border-bottom: 1px dotted #0f3da2;
    padding-bottom: 8px;
    margin-top: 30px; }
  @media only screen and (max-width: 640px) {
    .srvc_box_meraki_2 {
      margin-top: 70px; } }

.meraki_tbl_1 {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5; }
  .meraki_tbl_1 img {
    width: 140px;
    height: auto; }
  .meraki_tbl_1 th {
    white-space: nowrap; }
  .meraki_tbl_1 td {
    text-align: left !important;
    vertical-align: top; }
  .meraki_tbl_1 figure {
    margin: 35px 0 0;
    padding: 0;
    text-align: center; }
    .meraki_tbl_1 figure figcaption {
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: bold;
      margin: 0;
      padding: 0;
      text-align: center; }
  .meraki_tbl_1 .box span {
    display: block;
    margin: 10px -5px 5px;
    background-color: #0f3da2;
    color: #fff;
    padding: 5px; }
  .meraki_tbl_1 .box_2 {
    display: block;
    margin-top: 5px; }
    .meraki_tbl_1 .box_2:first-child {
      margin-top: 0; }
    .meraki_tbl_1 .box_2 span {
      display: block; }
  @media only screen and (max-width: 980px) {
    .meraki_tbl_1 img {
      margin: 20px 0; } }
  @media print {
    .meraki_tbl_1 img {
      width: 100px; } }

.meraki_tbl_2 {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5; }
  .meraki_tbl_2 img {
    width: 130px;
    height: auto; }
  .meraki_tbl_2 tr th:first-child {
    width: 150px !important;
    line-height: 1.4; }
  .meraki_tbl_2 th {
    white-space: nowrap; }
  @media print {
    .meraki_tbl_2 img {
      width: 80px; } }

.meraki_tbl_3 th {
  width: 16.66667%; }

.meraki_tbl_block {
  margin: 50px 0; }
  .meraki_tbl_block table {
    font-size: 12px;
    font-size: 0.75rem;
    width: 100%;
    border-collapse: collapse; }
  .meraki_tbl_block th, .meraki_tbl_block td {
    border: 1px solid #dfdfdf;
    padding: 5px; }
  .meraki_tbl_block th {
    background-color: #e1f8d8; }
  @media only screen and (max-width: 980px) {
    .meraki_tbl_block th, .meraki_tbl_block td {
      white-space: normal; } }

.meraki_price_box .title {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 20px 0 0; }
  .meraki_price_box .title + .title_2 {
    margin-top: 20px; }

.meraki_price_box .title_2 {
  font-weight: bold;
  margin-top: 50px; }

.meraki_price_box table {
  font-size: 12px;
  font-size: 0.75rem;
  width: 100%;
  border-collapse: collapse; }

.meraki_price_box table.tbl_2 {
  width: auto !important; }

.meraki_price_box tr th:first-child {
  width: 240px;
  padding-left: 10px; }

.meraki_price_box th, .meraki_price_box td {
  padding: 2px;
  border: 1px solid #dfdfdf;
  white-space: nowrap; }

.meraki_price_box th {
  background-color: #e1f8d8; }

@media only screen and (max-width: 980px) {
  .meraki_price_box th, .meraki_price_box td {
    width: auto !important; }
  .meraki_price_box th span {
    display: block;
    font-size: 11px;
    font-size: 0.6875rem; } }

.meraki_option_box .title {
  display: inline-block;
  border-bottom: 1px dotted;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 10px;
  padding-bottom: 5px;
  line-height: 1;
  font-weight: bold; }

.meraki_option_box ul {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0 0 5px 30px;
  padding: 0; }

.meraki_option_box li {
  margin: 0;
  padding: 0; }

.meraki_info {
  margin-top: 30px !important;
  padding: 15px;
  background-color: #f7f7f7;
  border-radius: 5px;
  border: 1px solid #e3e3e3; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* NO SERVICE
/* -------------------------------------------------------------------------*/
.no_service {
  text-align: center; }
  .no_service .text {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5; }

/* -------------------------------------------------------------------------*/