@charset "UTF-8";
/*#########################################################

各種ファイル読み込み

#########################################################*/
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers 
*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  color: #333;
  font-size: 62.5%; }

a:link, a:hover, a:active, a:visited {
  color: #333; }

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

/* p {
	@include fz_vw(13);
@media print, screen and (min-width: 769px) {
		font-size: 30px;
	}
} */
@media screen and (max-width: 767px) {
  html {
    font-size: 62.5%; }
    html * {
      box-sizing: border-box;
      line-height: 1.5; }
  body {
    font-size: 1.0rem; }
  .pcimg {
    display: none; }
  body {
    word-wrap: break-word; }
  img {
    width: 100%; }
  .wrapper {
    overflow: hidden; }
  header {
    padding-top: 146.875%;
    background: url(/svcsol/campaign/images/id_201812/top/bg_mainvisual_sp.jpg) no-repeat top center;
    background-size: contain;
    position: relative;
    width: 100%;
    height: 0; }
  .grand_title {
    position: absolute;
    text-align: right;
    width: 100%;
    top: 0;
    right: 5px; }
    .grand_title .logotop {
      width: 75px;
      height: 50px;
      display: inline-block;
      margin-bottom: 45px;
      background: #000; }
      .grand_title .logotop a {
        display: block;
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 10px; }
        .grand_title .logotop a img {
          min-width: 100%; }
  .main_visual_title {
    position: absolute;
    top: 15%;
    left: 2.5%; }
    .main_visual_title h1 img {
      min-width: 85vw;
      max-width: 86vw;
      max-height: 90vh;
      margin-bottom: 0; }
  .parent_box .title_box {
    padding: 30px 0;
    background: #FFF; }
    .parent_box .title_box h2 {
      margin: 0 auto;
      text-align: center;
      font-size: 2rem;
      font-weight: bold;
      color: #70a706;
      text-align: center; }
  .parent_box .lead {
    font-size: 1.4rem;
    line-height: 1.7;
    margin-bottom: 30px; }
    .parent_box .lead__em {
      font-weight: bold; }
    .parent_box .lead__box {
      margin-bottom: 40px;
      display: flex;
      justify-content: space-between;
      align-items: flex-start; }
      .parent_box .lead__box .lead {
        flex: 1 0 1%; }
    .parent_box .lead__thumb {
      width: 280px;
      margin-left: 30px; }
    .parent_box .lead__img {
      width: 100%; }
    .parent_box .lead--big {
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 30px;
      text-align: center; }
  .spbr {
    display: block; }
  .pcbr {
    display: none; }
  .btn_area {
    text-align: center;
    margin-bottom: 10px; }
    .btn_area .btn {
      display: block;
      border-radius: 4px;
      background: linear-gradient(#d00041, #b6001f);
      border: none;
      padding: 10px;
      margin: 0 auto;
      text-decoration: none;
      line-height: 1.5; }
      .btn_area .btn.btn01, .btn_area .btn.btn02, .btn_area .btn.btn03 {
        width: 84%; }
      .btn_area .btn.btn04 {
        background: linear-gradient(#74aa06, #599505); }
        .btn_area .btn.btn04 span {
          width: 100%; }
    .btn_area span {
      padding-right: 15px;
      background: url(/svcsol/campaign/images/id_201812/common/icon_externallink.svg) no-repeat right center;
      background-size: 9px 8px;
      font-size: 4.375vw;
      font-weight: bold;
      color: #fff; } }
    @media screen and (max-width: 767px) and (min-width: 769px) {
      .btn_area span {
        font-size: 1.4rem; } }

@media screen and (max-width: 767px) {
  .child_box .tit_box h3:nth-of-type(1) {
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.2rem;
    color: #fff; }
    .child_box .tit_box h3:nth-of-type(1) .tit_txt,
    .child_box .tit_box h3:nth-of-type(1) .part {
      padding: 13px 15px 9px; }
    .child_box .tit_box h3:nth-of-type(1) .tit_txt {
      background: #000; }
    .child_box .tit_box h3:nth-of-type(1) .part {
      background: #f05408; }
      .child_box .tit_box h3:nth-of-type(1) .part .number {
        font-size: 1.7rem; }
  .child_box .tit_box h3:nth-of-type(2) {
    padding: 0 20px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    line-height: 1.6; }
    .child_box .tit_box h3:nth-of-type(2) span {
      display: block;
      color: #f05408;
      font-size: 1.3rem;
      margin-top: 5px; }
  .child_box .mini_title {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 20px; }
  .child_box p {
    font-size: 1.2rem;
    margin-bottom: 30px;
    line-height: 1.5; }
    .child_box p.note {
      font-size: 16px;
      font-size: 1.6rem;
      text-indent: -20px;
      padding-left: 20px; }
    .child_box p.strong {
      font-size: 1.4rem;
      margin-bottom: 0; }
      .child_box p.strong span {
        color: #f3074f;
        font-weight: bold; }
  .hd_01, .hd_02, .hd_05 span {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 10px;
    text-align: center; }
    .hd_01__em {
      color: #70a706; }
  .hd_02 {
    position: relative;
    color: #70a706;
    padding-bottom: 10px;
    border-bottom: 6px solid #d0d0d0; }
    .hd_02__em {
      color: #70a706; }
    .hd_02::after {
      position: absolute;
      bottom: -6px;
      left: 50%;
      width: 100px;
      height: 6px;
      content: '';
      transform: translateX(-50%);
      background-color: #70a706; }
  .hd_03 {
    color: #fff;
    background-color: #70a706;
    font-weight: bold;
    font-size: 1.5rem;
    padding: 4px 10px;
    line-height: 1.4;
    margin-bottom: 15px; }
  .hd_04 {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 15px;
    padding: 4px 10px;
    color: #fff;
    background-color: #909090; }
  .hd_05 {
    position: relative;
    margin-bottom: 20px; }
    .hd_05:before {
      content: "";
      position: absolute;
      top: 50%;
      display: block;
      border: 1px dashed #ccc;
      width: 100%;
      height: 0;
      z-index: 0; }
    .hd_05:before {
      left: 0; }
    .hd_05 span {
      display: block;
      width: 183px;
      margin: 0 auto;
      position: relative;
      padding: 5px 0;
      border: 1px solid #70a706;
      color: #70a706;
      font-size: 1.4rem;
      z-index: 9999;
      background: #FFF; }
      .hd_05 span:after {
        position: absolute;
        left: calc(50% - 6px);
        bottom: -7px;
        content: "";
        width: 12px;
        height: 12px;
        border-top: solid 1px #70a706;
        border-right: solid 1px #70a706;
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        background-color: #fff;
        /* .txtのborderを地の色で打ち消す */ }
  .hd_06, .hd_07 {
    margin-bottom: 20px;
    padding: 5px 0;
    font-size: 1.5rem;
    background: #797979;
    color: #fff;
    text-align: center; }
  .hd_07 {
    background-image: linear-gradient(135deg, #70a706 25%, #76aa10 25%, #76aa10 50%, #70a706 50%, #70a706 75%, #76aa10 75%, #76aa10 100%);
    background-size: 10px 10px; }
  .h_sub {
    width: 210px;
    padding: 0 10px 8px;
    background-image: url(/svcsol/campaign/images/id_201812/top/bg_border.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%; }
  .link_sytle01 {
    padding: 0 0 0 15px;
    display: inline-block;
    position: relative;
    font-weight: bold;
    margin-bottom: 15px; }
    .link_sytle01 span {
      display: inline-block;
      padding: 0 0 2px 0;
      border-bottom: 1px solid #a1a1a1;
      line-height: 1; }
    .link_sytle01::before {
      content: '';
      position: absolute;
      background: url(/svcsol/campaign/images/id_201812/common/icon_arrow_r_01.svg) no-repeat left top;
      width: 12px;
      height: 22px;
      background-size: 6px 11px;
      left: 0;
      top: 4px; }
  .table_wrap {
    overflow: scroll; }
  table {
    table-layout: fixed; }
    table thead th {
      background: #797979;
      color: #fff; }
    table th,
    table td {
      font-size: 1.2rem;
      line-height: 1.3;
      width: 33%; }
    table .table_bg01 {
      background-color: #f2fedc; }
    table .table_bg02 {
      width: 260px !important;
      background-color: #70a706; }
    table .table_bg03 {
      background-color: #f6f6f6; }
    table .table_bg04 {
      background-color: #ffe1d2; }
    table .table_bg05 {
      background-color: #acc6f1; }
    table .table_bg06 {
      background-color: #f2bfd1; }
    table .table_bg07 {
      background-color: #a4d09b; }
    table .table_bg08 {
      background: #ffb629; }
      table .table_bg08 th,
      table .table_bg08 td {
        padding: 6px 10px; }
    table .table_label {
      font-size: 1.0rem;
      background-color: #f3074f;
      display: inline-block;
      line-height: 1;
      padding: 3px 6px;
      color: #fff; }
    table .big {
      font-size: 2.0rem; }
    table .sup {
      font-size: 1.0rem;
      vertical-align: super;
      margin-right: -15px; }
  .table_type01 {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    margin-bottom: 10px; }
    .table_type01 th,
    .table_type01 td {
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      text-align: center;
      vertical-align: middle;
      padding: 12px 0; }
    .table_type01 td {
      font-size: 1.0rem; }
  .table_type02 {
    border-top: 2px solid #e5e5e5;
    border-left: 2px solid #e5e5e5;
    margin-bottom: 10px; }
    .table_type02 th,
    .table_type02 td {
      border-right: 2px solid #e5e5e5;
      border-bottom: 2px solid #e5e5e5;
      text-align: center;
      vertical-align: middle;
      padding: 12px 10px;
      font-size: 1.2rem; }
    .table_type02 th {
      white-space: nowrap; }
    .table_type02 thead th {
      text-align: center; }
    .table_type02 tbody th {
      text-align: left;
      font-weight: bold;
      background-color: #f3f3f3; }
    .table_type02 tbody td {
      text-align: left;
      vertical-align: top; }
    .table_type02 tbody .txt-center {
      text-align: center;
      vertical-align: middle; }
    .table_type02 .table_label {
      margin-right: 5px; }
    /* 20190304add ↓ */
    .addLinks {
      border: 3px solid #70a706;
      margin: 0 0 15px 0;
      padding: 0;
    }
    .addLinks ul {
        margin: 0;
        padding: 10px 20px;
    }
    .addLinks ul li {
        background: url(/common/images/com_icn01.png) no-repeat 0 0.90rem;
        padding: 0.2rem 0 0.2rem 16px;
    }
    .addLinks ul li p.icoBlank02 {
        margin: 0;
    }
    .addLinks ul li a {
        color: #2b7bb2;
        text-decoration: none;
    }
    .addLinks ul li a:visited {
        color: #215180;
    }
    .addLinks ul li a:hover {
        color: #70a706;
        text-decoration: underline;
    }
    .addLinks ul li p.icoBlank02 a {
    padding-right: 17px;
    background: url(/common/images/com_icn05.png) no-repeat right 0.4em;
    }
    /* 20190304add ↑ */
  .appeal_box,
  .in_appeal_box,
  #cloud,
  #extensinon_box,
  #faq_box,
  #solution_box {
    background: #252525;
    padding: 30px 0; }
    .appeal_box .child_box,
    .in_appeal_box .child_box,
    #cloud .child_box,
    #extensinon_box .child_box,
    #faq_box .child_box,
    #solution_box .child_box {
      padding: 0 10px; }
      .appeal_box .child_box .visual_box figure,
      .in_appeal_box .child_box .visual_box figure,
      #cloud .child_box .visual_box figure,
      #extensinon_box .child_box .visual_box figure,
      #faq_box .child_box .visual_box figure,
      #solution_box .child_box .visual_box figure {
        width: 100%;
        box-sizing: border-box;
        background: #FFF;
        position: relative; }
        .appeal_box .child_box .visual_box figure figcaption,
        .in_appeal_box .child_box .visual_box figure figcaption,
        #cloud .child_box .visual_box figure figcaption,
        #extensinon_box .child_box .visual_box figure figcaption,
        #faq_box .child_box .visual_box figure figcaption,
        #solution_box .child_box .visual_box figure figcaption {
          width: 264px;
          padding-top: 20px;
          padding-left: 15px;
          padding-right: 10px;
          padding-bottom: 70px; }
        .appeal_box .child_box .visual_box figure span,
        .in_appeal_box .child_box .visual_box figure span,
        #cloud .child_box .visual_box figure span,
        #extensinon_box .child_box .visual_box figure span,
        #faq_box .child_box .visual_box figure span,
        #solution_box .child_box .visual_box figure span {
          position: absolute;
          right: 0;
          bottom: 0;
          display: block;
          width: 300px; }
          .appeal_box .child_box .visual_box figure span img,
          .in_appeal_box .child_box .visual_box figure span img,
          #cloud .child_box .visual_box figure span img,
          #extensinon_box .child_box .visual_box figure span img,
          #faq_box .child_box .visual_box figure span img,
          #solution_box .child_box .visual_box figure span img {
            vertical-align: bottom; }
      .appeal_box .child_box .outline,
      .in_appeal_box .child_box .outline,
      #cloud .child_box .outline,
      #extensinon_box .child_box .outline,
      #faq_box .child_box .outline,
      #solution_box .child_box .outline {
        font-size: 1.6rem;
        font-weight: bold;
        color: #FFF;
        text-align: center;
        margin-top: 20px; }
    .appeal_box .side_by_side,
    .in_appeal_box .side_by_side,
    #cloud .side_by_side,
    #extensinon_box .side_by_side,
    #faq_box .side_by_side,
    #solution_box .side_by_side {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-direction: column;
      margin-top: 30px; }
      .appeal_box .side_by_side li,
      .in_appeal_box .side_by_side li,
      #cloud .side_by_side li,
      #extensinon_box .side_by_side li,
      #faq_box .side_by_side li,
      #solution_box .side_by_side li {
        width: 100%;
        margin-top: 20px; }
        .appeal_box .side_by_side li:first-child,
        .in_appeal_box .side_by_side li:first-child,
        #cloud .side_by_side li:first-child,
        #extensinon_box .side_by_side li:first-child,
        #faq_box .side_by_side li:first-child,
        #solution_box .side_by_side li:first-child {
          margin-top: 0; }
        .appeal_box .side_by_side li .btn_area,
        .in_appeal_box .side_by_side li .btn_area,
        #cloud .side_by_side li .btn_area,
        #extensinon_box .side_by_side li .btn_area,
        #faq_box .side_by_side li .btn_area,
        #solution_box .side_by_side li .btn_area {
          width: 100%; }
          .appeal_box .side_by_side li .btn_area button,
          .in_appeal_box .side_by_side li .btn_area button,
          #cloud .side_by_side li .btn_area button,
          #extensinon_box .side_by_side li .btn_area button,
          #faq_box .side_by_side li .btn_area button,
          #solution_box .side_by_side li .btn_area button {
            width: 100%; }
        .appeal_box .side_by_side li:nth-child(1),
        .in_appeal_box .side_by_side li:nth-child(1),
        #cloud .side_by_side li:nth-child(1),
        #extensinon_box .side_by_side li:nth-child(1),
        #faq_box .side_by_side li:nth-child(1),
        #solution_box .side_by_side li:nth-child(1) {
          order: 1; }
        .appeal_box .side_by_side li:nth-child(2),
        .in_appeal_box .side_by_side li:nth-child(2),
        #cloud .side_by_side li:nth-child(2),
        #extensinon_box .side_by_side li:nth-child(2),
        #faq_box .side_by_side li:nth-child(2),
        #solution_box .side_by_side li:nth-child(2) {
          order: 3; }
        .appeal_box .side_by_side li:nth-child(3),
        .in_appeal_box .side_by_side li:nth-child(3),
        #cloud .side_by_side li:nth-child(3),
        #extensinon_box .side_by_side li:nth-child(3),
        #faq_box .side_by_side li:nth-child(3),
        #solution_box .side_by_side li:nth-child(3) {
          margin-top: 0;
          order: 2; }
    .appeal_box .tel_box,
    .in_appeal_box .tel_box,
    #cloud .tel_box,
    #extensinon_box .tel_box,
    #faq_box .tel_box,
    #solution_box .tel_box {
      width: 100%;
      text-align: center;
      margin-top: 5px; }
      .appeal_box .tel_box:before,
      .in_appeal_box .tel_box:before,
      #cloud .tel_box:before,
      #extensinon_box .tel_box:before,
      #faq_box .tel_box:before,
      #solution_box .tel_box:before {
        width: 15px;
        height: 15px;
        display: inline-block;
        content: "";
        background: url(/svcsol/campaign/images/id_201812/common/icon_tel_white.svg) no-repeat center center;
        background-size: cover;
        vertical-align: middle; }
      .appeal_box .tel_box .txt,
      .in_appeal_box .tel_box .txt,
      #cloud .tel_box .txt,
      #extensinon_box .tel_box .txt,
      #faq_box .tel_box .txt,
      #solution_box .tel_box .txt {
        font-size: 1.2rem;
        font-weight: bold;
        color: #FFF;
        margin-right: 10px; }
      .appeal_box .tel_box .number,
      .in_appeal_box .tel_box .number,
      #cloud .tel_box .number,
      #extensinon_box .tel_box .number,
      #faq_box .tel_box .number,
      #solution_box .tel_box .number {
        font-weight: bold;
        color: #FFF; }
      .appeal_box .tel_box .time,
      .in_appeal_box .tel_box .time,
      #cloud .tel_box .time,
      #extensinon_box .tel_box .time,
      #faq_box .tel_box .time,
      #solution_box .tel_box .time {
        font-size: 1rem;
        color: #FFF;
        display: block;
        margin-top: 5px; }
  .plus_link {
    text-align: center; }
    .plus_link a {
      color: #fff;
      text-decoration: none;
      font-size: 1.4rem;
      line-height: 1.5;
      padding-top: 5px;
      padding-right: 0;
      padding-bottom: 10px;
      padding-left: 15px;
      display: inline-block;
      position: relative;
      font-weight: bold;
      text-align: left; }
      .plus_link a::before, .plus_link a::after {
        content: "";
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: cover; }
      .plus_link a::before {
        position: absolute;
        top: 10px;
        left: 2px;
        background-image: url(/svcsol/campaign/images/id_201812/common/icon_arrow_r_02.svg);
        width: 4.5px;
        height: 8.5px;
        margin-right: 5px; }
      .plus_link a::after {
        background-image: url(/svcsol/campaign/images/id_201812/common/icon_externallink_white.svg);
        margin-left: 5px;
        width: 9px;
        height: 8px; }
  .check_mark {
    background: url(/svcsol/campaign/images/id_201812/common/icon_check.svg) left 3px no-repeat;
    background-size: 9px 7px;
    padding-left: 18px; }
  .link_box {
    padding: 0 20px; }
    .link_box .btn_area [class^="btn"] {
      width: 100%;
      box-sizing: border-box; }
    .link_box .side_by_side:last-child {
      margin-top: 15px; }
    .link_box .tel_box {
      margin-top: 10px;
      margin-bottom: 20px; }
  .txt-center {
    text-align: center; }
  .fw {
    font-weight: bold; }
  footer {
    background: #000; }
    footer .in_foot {
      width: 100%;
      padding: 20px 0; }
      footer .in_foot .foot_nav ul {
        display: flex;
        justify-content: center;
        align-items: center; }
        footer .in_foot .foot_nav ul li a {
          font-size: 1rem;
          color: #FFF;
          text-decoration: none; }
          footer .in_foot .foot_nav ul li a:after {
            content: "";
            display: inline-block;
            width: 12px;
            height: 10px;
            background: url(/svcsol/campaign/images/id_201812/common/icon_externallink.svg) no-repeat center top;
            background-size: cover;
            margin-left: 10px; }
        footer .in_foot .foot_nav ul li:first-child {
          margin-right: 20px; }
          footer .in_foot .foot_nav ul li:first-child:after {
            content: none; }
        footer .in_foot .foot_nav ul li:before {
          content: "|";
          color: #FFF;
          margin-right: 20px; }
        footer .in_foot .foot_nav ul li:after {
          content: "|";
          color: #FFF;
          margin-left: 20px; }
      footer .in_foot .copy {
        color: #FFF;
        text-align: center;
        margin-top: 20px; }
  #totop {
    display: none; } }

@media screen and (max-width: 767px) {
  main .post_body {
    overflow: scroll;
    word-wrap: normal; } }

/*#########################################################

各種ページファイル読み込み

#########################################################*/
@media screen and (max-width: 767px) {
  .about_box {
    padding-bottom: 10px;
    text-align: center; }
    .about_box .title_box {
      background-color: transparent; }
      .about_box .title_box h2 {
        text-align: center; }
        .about_box .title_box h2 img {
          min-width: inherit; }
    .about_box .child_box {
      padding: 0 10px; }
      .about_box .child_box .txt {
        line-height: 1.7;
        font-size: 1.4rem; }
    .about_box .about_img {
      width: 100%;
      margin: 0 auto;
      margin-bottom: 20px; }
    .about_box .table_type01 {
      width: 100%;
      margin-bottom: 20px; }
    .about_box .mini_title {
      margin-bottom: 10px;
      text-align: center; }
    .about_box p.strong {
      margin-bottom: 5px; }
    .about_box p.note {
      margin-bottom: 0;
      font-size: 1.2rem;
      font-size: 12px; }
  #features_box {
    background: url(/svcsol/campaign/images/id_201812/top/bg_feature_sp.png) repeat-x center top;
    background-size: contain; }
    #features_box .title_box {
      padding-top: 20px;
      background: none; }
      #features_box .title_box__item {
        color: #fff !important;
        font-size: 2.2rem; }
      #features_box .title_box__small {
        font-size: 1.7rem; }
    #features_box .about_column {
      margin-top: -30px;
      padding: 25px 10px 15px; }
      #features_box .about_column__item {
        padding: 10px;
        margin-bottom: 20px;
        border: 4px solid #d0d0d0;
        background: #fff; }
      #features_box .about_column__package {
        margin-bottom: 10px;
        text-align: center;
        font-size: 1.2rem;
        font-weight: bold;
        color: #70a706; }
      #features_box .about_column__number {
        font-size: 1.6rem;
        font-weight: bold;
        display: #70a706; }
      #features_box .about_column__title {
        text-align: center;
        font-size: 2.1rem;
        font-weight: bold;
        line-height: 1.4;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
        align-items: center; }
      #features_box .about_column__figure {
        display: block;
        text-align: center; }
      #features_box .about_column__img {
        margin-bottom: 20px; }
        #features_box .about_column__img--01 {
          width: 90px; }
        #features_box .about_column__img--02 {
          width: 133px; }
        #features_box .about_column__img--03 {
          width: 135px; }
      #features_box .about_column__link {
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 1.2;
        position: relative;
        display: block;
        padding: 10px 0 30px;
        text-align: center;
        text-decoration: none;
        color: #333;
        border-top: 4px solid #d0d0d0; }
        #features_box .about_column__link:hover {
          color: #70a706; }
        #features_box .about_column__link::before, #features_box .about_column__link::after {
          position: absolute;
          left: 50%;
          content: '';
          transform: translateX(-50%); }
        #features_box .about_column__link::before {
          top: -4px;
          width: 85px;
          height: 4px;
          background-color: #70a706; }
        #features_box .about_column__link::after {
          bottom: 0;
          width: 32px;
          height: 17px;
          background: url(/svcsol/campaign/images/id_201812/common/ico_arrow_r.svg) no-repeat left top/32px 17px; }
    #features_box .package {
      padding: 35px 10px 0;
      background: url(/svcsol/campaign/images/id_201812/top/bg_section_sp.png) repeat-x center top; }
      #features_box .package__inner {
        position: relative;
        border-top: 10px solid #70a706;
        background-color: #fff;
        width: 100%;
        margin: 0 auto;
        padding: 40px 0 0; }
      #features_box .package__label {
        position: absolute;
        top: -10px;
        left: 50%;
        width: 210px;
        height: 35px;
        transform: translateX(-50%);
        text-align: center;
        color: #fff;
        background-color: #3f3f3f;
        font-weight: bold;
        font-size: 1.4rem; }
        #features_box .package__label--number {
          font-size: 2rem; }
      #features_box .package__title {
        font-weight: bold;
        font-size: 3.3rem;
        margin-bottom: 20px;
        text-align: center;
        color: #70a706; }
      #features_box .package .figure {
        margin-bottom: 15px; }
  #package02 .certification_list, #package02 .step_list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
    #package02 .certification_list li, #package02 .step_list li {
      width: 100%; }
      #package02 .certification_list li .figure, #package02 .step_list li .figure {
        display: block;
        text-align: center; }
    #package02 .certification_list .item_list__tit, #package02 .step_list .item_list__tit {
      margin-bottom: 20px;
      padding: 10px;
      background: #70a706;
      color: #fff;
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold; }
    #package02 .certification_list .item_list__txt, #package02 .step_list .item_list__txt {
      margin-bottom: 10px;
      font-size: 1.4rem;
      line-height: 1.6; }
    #package02 .certification_list .item_list__em, #package02 .step_list .item_list__em {
      font-size: 1.5rem; }
    #package02 .certification_list .item_list__1 .figure_img, #package02 .step_list .item_list__1 .figure_img {
      width: 176px; }
    #package02 .certification_list .item_list__2 .figure_img, #package02 .step_list .item_list__2 .figure_img {
      width: 129px; }
    #package02 .certification_list .item_list__3 .figure_img, #package02 .step_list .item_list__3 .figure_img {
      width: 155px; }
  #package02 .step_list .item_list__txt {
    margin-bottom: 20px;
    text-align: center; }
  #package02 .step_list .item_list__tit {
    margin-bottom: 10px;
    font-size: 1.2rem;
    padding: 5px;
    font-weight: bold; }
  #package02 .step_list .item_list__em {
    font-size: 1.7rem; }
	/**/
    .c-movie {
      position: relative;
      width: 100%;
      padding-top: 56.25%; }
      .c-movie iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important; }
		/**/
  #package03 .function {
    margin-top: 30px;
    margin-bottom: 30px;
    border-left: 4px solid #70a706;
    border-right: 4px solid #70a706;
    border-bottom: 4px solid #70a706; }
    #package03 .function__title {
      padding: 10px 5px;
      background: #70a706;
      color: #fff;
      text-align: center;
      font-size: 1.8rem;
      font-weight: bold; }
      #package03 .function__title__em {
        font-size: 2.3rem; }
      #package03 .function__title__mini {
        margin-bottom: 10px;
        padding: 8px;
        background: #efefef;
        font-size: 1.4rem;
        font-weight: bold;
        text-align: left; }
    #package03 .function__sub__title {
      margin-top: 10px;
      margin-bottom: 10px;
      text-align: center;
      color: #cf0040;
      font-weight: bold;
      font-size: 1.6rem; }
    #package03 .function .side_by_side {
      padding: 0 10px; }
      #package03 .function .side_by_side .item_list li {
        margin-bottom: 10px;
        width: 100%;
        text-align: left;
        font-size: 1.3rem; }
        #package03 .function .side_by_side .item_list li:before {
          display: inline-block;
          margin-right: 5px;
          content: "";
          width: 11px;
          height: 7px;
          background: url(/svcsol/campaign/images/id_201812/common/icon_check.svg);
          background-size: contain; }
        #package03 .function .side_by_side .item_list li:nth-last-of-type(1) {
          margin-bottom: 20px; }
  .contact_box {
    background: #2c1002; }
    .contact_box .in_appeal_box .side_by_side {
      margin: 0;
      display: block; }
    .contact_box .plus-txt {
      display: none; }
    .contact_box .child_box {
      width: 100%;
      margin: 0 auto;
      padding: 0 10px;
      box-sizing: border-box; }
      .contact_box .child_box .tel_box {
        text-align: center;
        margin-bottom: 0; }
        .contact_box .child_box .tel_box:before {
          width: 15px;
          height: 15px;
          display: inline-block;
          content: "";
          background: url(/svcsol/campaign/images/id_201812/common/icon_tel_white.svg) no-repeat center center;
          background-size: cover;
          vertical-align: top;
          position: relative;
          top: 2px;
          margin-right: 5px; }
        .contact_box .child_box .tel_box .txt {
          font-size: 1.2rem;
          font-weight: bold;
          color: #FFF;
          margin-right: 5px; }
        .contact_box .child_box .tel_box .number {
          font-weight: bold;
          color: #FFF; }
        .contact_box .child_box .tel_box .time {
          font-size: 1rem;
          color: #FFF;
          display: block; }

  /* start add 2020018 pdf download */
  .contact_box .pdf {
    margin-bottom: 30px;
    padding: 15px;
    border: 1px solid #dedede;
    background: #fff;
    border: 2px solid #cf0040;
    box-sizing: border-box;
  }
  .contact_box .pdf__title {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 18px;
    text-align: center;
    color: #cf0040;
  }
  .contact_box .pdf__item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .contact_box .pdf__item:nth-of-type(1) .pdf__thumb {
    width: 94.5px;
  }
  .contact_box .pdf__item:nth-of-type(1) .pdf__thumb img {
    width: 100%;
  }
  .contact_box .pdf__item:nth-of-type(2) .pdf__thumb {
    width: 94.5px;
  }
  .contact_box .pdf__item:nth-of-type(2) .pdf__thumb img {
    width: 74px;
  }
  .contact_box .pdf__thumb {
    margin-right: 10px;
  }
  .contact_box .pdf__box {
    flex: 1 0 1%;
  }
  .contact_box .pdf__txt {
    margin-bottom: 20px;
    font-size: 1.3rem;
  }
  .contact_box .pdf__name {
    margin-bottom: 5px;
    font-size: 1.5rem;
    font-weight: bold;
  }
  .contact_box .pdf__name--mini {
    font-size: 1.3rem;
    font-weight: normal;
  }
  .contact_box .pdf .btn_area {
    width: 100%;
    margin: 0 auto;
  }
  .contact_box .pdf .btn_area a {
    padding: 9px 20px;
  }
  .contact_box .pdf .btn_area a span {
    font-size: 1.4rem;
  }
  /* end add 2020018 pdf download */
  
  #compare_box {
    padding: 0 10px; }
    #compare_box .title_box .hd_02 {
      font-size: 1.6rem; }
    #compare_box .child_box {
      width: 100%;
      max-width: 950px;
      margin: 0 auto; }
    #compare_box .side_by_side {
      margin-bottom: 40px; }
  #cloud {
    padding-top: 10px;
    position: relative;
    border-top: 10px solid #a3a3a3;
    background-image: linear-gradient(135deg, #232122 25%, #262425 25%, #262425 50%, #232122 50%, #232122 75%, #262425 75%, #262425 100%);
    background-size: 56.57px 56.57px;
    color: #fff;
    text-align: center; }
    #cloud:after {
      position: absolute;
      top: -10px;
      left: 50%;
      transform: translateX(-50%);
      display: inline-block;
      content: "";
      width: 300px;
      height: 10px;
      background: #70a706; }
    #cloud .title_box {
      background: none; }
      #cloud .title_box h2 {
        color: #fff; }
        #cloud .title_box h2 span img {
          width: 184.5px;
          height: 44px; }
    #cloud h3 {
      margin-bottom: 20px;
      text-align: center;
      font-size: 1.6rem;
      font-weight: bold;
      color: #70a706; }
    #cloud .c-image {
      margin-bottom: 40px;
      padding: 15px 10px;
      background: #fff; }
      #cloud .c-image img {
        width: 100%;
        height: auto; }

  /* added seminar 20200713 start */
      .c-parent--info {
        padding: 10px 10px;
        background-color: #70a706;
        background-image: linear-gradient(135deg, #70a706 25%, #76aa10 25%, #76aa10 50%, #70a706 50%, #70a706 75%, #76aa10 75%, #76aa10 100%);
        background-size: 56.57px 56.57px;
      }
      .c-parent--info .child_box {
        font-size: 1.6rem;
        line-height: 1.4;
      }
      .c-parent--info .c-child {
        background: #fff;
        border-radius: 10px;
        border: 2px solid #70a706;
        padding: 10px;
      }
      .c-parent--info .c-child dl {
        padding: 5px 6px 5px 6px;
      }
      .c-parent--info .c-child dl dt {
        font-weight: 700;
        margin: 0;
      }
      .c-parent--info .c-child dl dt:nth-child(n+2) {
        margin-top: 10px;
      }
      .c-parent--info .c-child dl dd {
        margin: 0;
      }
      .c-parent--info .c-child dl dd strong {
        font-weight: 700;
      }
      .c-parent--info .c-child dl dd a,
      .c-parent--info .c-child dl dd a:link,
      .c-parent--info .c-child dl dd a:visited {
        color: #70a706;
      }
      .c-parent--info .c-child dl dd a:hover {
        color: #cf0040;
      }
      .c-parent--info .c-child dl dd a[target="_blank"] {
          padding-right: 18px;
          background: url(/common/images/com_icn05.png) right center/10px auto no-repeat;
      }
      .c-parent--info .c-child dl dd span {
        font-size: 13px;
      }
  /* added seminar 20200713 end */

  #office365 {
    text-align: center;
    background: none;
    padding-bottom: 20px; }
    #office365 .child_box {
      margin: 10px;
      padding: 10px;
      border: 4px solid #cf0040; }
    #office365 .title_box {
      margin-bottom: 10px;
      font-weight: bold;
      font-size: 1.4rem;
      color: #cf0040; }
      #office365 .title_box__big {
        font-size: 1.8rem; }
    #office365 dl {
      margin-bottom: 15px; }
      #office365 dl dt {
        padding: 10px;
        background: #5a5a5a;
        color: #fff;
        font-size: 1.4rem;
        font-weight: bold; }
      #office365 dl dd {
        padding: 10px;
        background: #eee; }
        #office365 dl dd .title {
          margin-bottom: 10px;
          font-size: 1.5rem;
          font-weight: bold; }
          #office365 dl dd .title__small {
            font-size: 1.3rem;
            font-weight: normal; }
        #office365 dl dd .btn_area {
          width: 100%;
          margin: 0 auto; }
          #office365 dl dd .btn_area .btn01 {
            width: 100%; }
    #office365 .partner_section {
      width: 100%;
      margin: 0 auto; }
      #office365 .partner_section .side_by_side li {
        text-align: center; }
        #office365 .partner_section .side_by_side li:first-child {
          margin-bottom: 10px; }
          #office365 .partner_section .side_by_side li:first-child img {
            width: 96px; }
        #office365 .partner_section .side_by_side li h4 {
          margin-bottom: 10px;
          font-weight: bold;
          font-size: 1.7rem;
          color: #2c4c9f; }
        #office365 .partner_section .side_by_side li .txt {
          margin-bottom: 0;
          font-size: 1.4rem; }
  #solution_box {
    background-image: linear-gradient(135deg, #70a706 25%, #76aa10 25%, #76aa10 50%, #70a706 50%, #70a706 75%, #76aa10 75%, #76aa10 100%);
    background-size: 30px 30px; }
    #solution_box .title_box {
      margin-bottom: 20px;
      color: #fff;
      font-size: 1.6rem;
      font-weight: bold;
      text-align: center;
      line-height: 1.7; }
      #solution_box .title_box + .txt {
        margin-bottom: 40px;
        color: #fff;
        text-align: center;
        font-size: 1.4rem; }
    #solution_box .side_by_side {
      margin-top: 20px;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap; }
      #solution_box .side_by_side li {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 15px;
        background: #fff; }
        #solution_box .side_by_side li section {
          padding: 15px 15px 5px;
          background: #e4eef8; }
        #solution_box .side_by_side li h4 {
          margin-bottom: 10px;
          text-align: center;
          font-weight: bold;
          font-size: 1.6rem;
          color: #70a706; }
        #solution_box .side_by_side li:last-child {
          margin-bottom: 0; }
  #faq_box {
    background: #fff; }
    #faq_box .faq {
      background: url(/svcsol/campaign/images/id_201812/top/bg_faq.gif) repeat-x left bottom;
      padding-bottom: 15px;
      margin-bottom: 20px; }
      #faq_box .faq:last-child {
        background: none;
        padding-bottom: 40px;
        margin-bottom: 0; }
      #faq_box .faq dt,
      #faq_box .faq dd {
        font-size: 1.4rem;
        padding-left: 30px;
        position: relative;
        line-height: 1.3; }
      #faq_box .faq dt {
        font-weight: bold;
        margin-bottom: 15px; }
      #faq_box .faq dd .mini {
        font-size: 1.2rem; }
      #faq_box .faq .faq-q,
      #faq_box .faq .faq-a {
        position: absolute;
        left: 0;
        top: 0;
        font-weight: bold; }
      #faq_box .faq .faq-q {
        color: #f05408; }
      #faq_box .faq .faq-a {
        color: #4873a9; }
  .office_box {
    border-top: 10px solid #094289;
    background: url(/svcsol/campaign/images/id_201812/top/bg_office_sp.png) repeat-x left top #fff;
    background-size: 10px 84px;
    padding-bottom: 20px; }
    .office_box .title_box {
      background-color: transparent;
      padding: 30px 80px; }
    .office_box .child_box {
      padding: 0 10px; }
      .office_box .child_box .mini_title {
        text-align: left; }
      .office_box .child_box .img_explain {
        background-color: #FFFFFF;
        padding: 20px;
        border: 1px solid #dedede; }
        .office_box .child_box .img_explain.last_child {
          padding: 20px 80px; }
      .office_box .child_box h3 {
        text-align: center;
        font-weight: bold;
        color: #094289;
        font-size: 1.8rem;
        margin: 24px 0;
        line-height: 1.7; }
      .office_box .child_box h4 {
        color: #fff;
        font-size: 1.6rem;
        background-color: #094289;
        padding: 10px;
        line-height: 1;
        margin-bottom: 15px; }
      .office_box .child_box p {
        margin-bottom: 15px;
        font-size: 1.4rem; }
      .office_box .child_box .side_by_side {
        margin-bottom: 40px; } }