@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 print, screen and (min-width: 768px) {
  html {
    font-size: 62.5%; }
    html * {
      box-sizing: border-box;
      line-height: 1.5; }
  body {
    font-size: 1.0rem; }
  body {
    word-wrap: break-word; }
  .spimg {
    display: none; }
  img[src$=".svg"] {
    width: 100%; }
  header {
    background: url(/svcsol/campaign/images/id_201812/top/bg_mainvisual.jpg) no-repeat center bottom;
    background-size: auto 100%;
    position: relative;
    width: 100%;
    height: 585px;
    min-width: 950px; }
  .in_head {
    width: 950px;
    min-width: 950px;
    margin: 0 auto; }
  .grand_title {
    text-align: right;
    width: 100%; }
    .grand_title .logotop {
      width: 106px;
      height: 70px;
      margin-right: 20px;
      margin-bottom: 50px;
      display: inline-block;
      background: #000; }
      .grand_title .logotop a {
        display: block;
        margin-top: 10px;
        margin-right: 5px;
        padding-left: 10px;
        padding-right: 10px; }
        .grand_title .logotop a img {
          width: 100%;
          height: auto; } }

@media print, screen and (min-width: 768px) and (min-width: 949px) {
  .main_visual {
    width: 950px;
    min-width: 950px;
    margin: 0 auto;
    position: relative; } }

@media print, screen and (min-width: 768px) {
  .main_visual_title {
    position: absolute;
    top: -90px;
    left: 20%;
    margin: 0 auto; } }
  @media print, screen and (min-width: 768px) and (min-width: 767px) and (max-width: 949px) {
    .main_visual_title {
      top: 40px; } }

@media print, screen and (min-width: 768px) {
    .main_visual_title h1 img {
      width: 488px;
      min-width: 100%;
      height: 523px; }
  .parent_box {
    min-width: 950px; }
    .parent_box .title_box {
      padding: 50px 0; }
      .parent_box .title_box h2 {
        margin: 0 auto;
        text-align: center;
        font-size: 3.4rem;
        font-weight: bold;
        color: #70a706;
        text-align: center; }
    .parent_box .child_box {
      min-width: 950px; }
      .parent_box .child_box .in_box {
        width: 950px;
        min-width: 950px;
        margin: 0 auto; }
      .parent_box .child_box .mini_title {
        text-align: center;
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: bold;
        margin-bottom: 40px; }
      .parent_box .child_box .lead {
        font-size: 1.8rem;
        line-height: 1.7;
        margin-bottom: 30px; }
        .parent_box .child_box .lead__em {
          font-weight: bold; }
        .parent_box .child_box .lead__box {
          margin-bottom: 40px;
          display: flex;
          justify-content: space-between;
          align-items: flex-start; }
          .parent_box .child_box .lead__box .lead {
            flex: 1 0 1%; }
        .parent_box .child_box .lead__thumb {
          width: 280px;
          margin-left: 30px; }
        .parent_box .child_box .lead__img {
          width: 100%; }
        .parent_box .child_box .lead--big {
          font-size: 2rem;
          font-weight: bold;
          margin-bottom: 30px;
          text-align: center; }
  
  /* start add 2020018 pdf download */
  .contact_box .pdf {
    box-sizing: border-box;
    margin-bottom: 40px;
    padding: 20px 30px 20px 30px;
    border: 1px solid #dedede;
    border: 2px solid #cf0040;
    background: #fff;
  }
  .contact_box .pdf__title {
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 18px;
    text-align: center;
    color: #cf0040;
  }
  .contact_box .pdf__inner {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 18px;/* added */
  }
  .contact_box .pdf__item {
    width: 440px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .contact_box .pdf__item:nth-of-type(1) .pdf__thumb {
    width: 137px;
  }
  .contact_box .pdf__item:nth-of-type(1) .pdf__thumb img {
    width: 100%;
  }
  .contact_box .pdf__item:nth-of-type(2) .pdf__thumb {
    width: 98px;
  }
  .contact_box .pdf__item:nth-of-type(2) .pdf__thumb img {
    width: 100%;
  }
  .contact_box .pdf__thumb {
    margin-right: 20px;
  }
  .contact_box .pdf__box {
    flex: 1 0 1%;
  }
  .contact_box .pdf__txt {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
  .contact_box .pdf__name {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .contact_box .pdf__name--mini {
    font-size: 1.4rem;
    font-weight: normal;
  }
  .contact_box .pdf .btn_area {
    width: 500px/*450px*/;
    margin: 0 auto;
  }
  .contact_box .pdf .btn_area a {
    padding: 20px 40px;
  }
  .contact_box .pdf .btn_area a span {
    font-size: 1.8rem;
  }
  /* end add 2020018 pdf download */
  
  .img_explain img {
    width: 100%;
    height: auto; }
  .appeal_box,
  .in_appeal_box,
  #cloud,
  #extensinon_box,
  #faq_box,
  #solution_box,
  .package,
  #office365 {
    background: #252525;
    padding: 50px 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,
    .package .child_box,
    #office365 .child_box {
      width: 100%;
      max-width: 950px;
      margin: 0 auto; }
      .appeal_box .child_box .visual_box,
      .in_appeal_box .child_box .visual_box,
      #cloud .child_box .visual_box,
      #extensinon_box .child_box .visual_box,
      #faq_box .child_box .visual_box,
      #solution_box .child_box .visual_box,
      .package .child_box .visual_box,
      #office365 .child_box .visual_box {
        margin-bottom: 40px; }
        .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,
        .package .child_box .visual_box figure,
        #office365 .child_box .visual_box figure {
          width: 100%;
          height: 263px;
          background: #FFFFFF;
          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,
          .package .child_box .visual_box figure figcaption,
          #office365 .child_box .visual_box figure figcaption {
            position: absolute;
            top: 40px;
            left: 40px;
            width: 463px; }
            .appeal_box .child_box .visual_box figure figcaption img,
            .in_appeal_box .child_box .visual_box figure figcaption img,
            #cloud .child_box .visual_box figure figcaption img,
            #extensinon_box .child_box .visual_box figure figcaption img,
            #faq_box .child_box .visual_box figure figcaption img,
            #solution_box .child_box .visual_box figure figcaption img,
            .package .child_box .visual_box figure figcaption img,
            #office365 .child_box .visual_box figure figcaption img {
              width: 100%;
              min-width: 100%; }
          .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,
          .package .child_box .visual_box figure span,
          #office365 .child_box .visual_box figure span {
            display: inline-block;
            width: 407px;
            position: absolute;
            bottom: -2px;
            right: -1px; }
            .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,
            .package .child_box .visual_box figure span img,
            #office365 .child_box .visual_box figure span img {
              width: 100%;
              min-width: 100%; }
      .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,
      .package .child_box .outline,
      #office365 .child_box .outline {
        font-size: 2.6rem;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 40px; }
    .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,
    .package .side_by_side,
    #office365 .side_by_side {
      flex-wrap: wrap; }
      .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,
      .package .side_by_side li,
      #office365 .side_by_side li {
        width: 455px; }
        .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),
        .package .side_by_side li:nth-child(1),
        #office365 .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),
        .package .side_by_side li:nth-child(2),
        #office365 .side_by_side li:nth-child(2) {
          order: 2; }
        .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),
        .package .side_by_side li:nth-child(3),
        #office365 .side_by_side li:nth-child(3) {
          width: 100%;
          order: 3; }
  .tel_box {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0 !important; }
    .tel_box:before {
      width: 22px;
      height: 22px;
      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;
      margin-right: 5px; }
    .tel_box .txt {
      font-size: 1.6rem;
      font-weight: bold;
      color: #FFFFFF;
      margin-right: 10px; }
    .tel_box .number {
      font-size: 2rem;
      font-weight: bold;
      color: #FFFFFF; }
    .tel_box .time {
      font-size: 1.4rem;
      color: #FFFFFF;
      display: block;
      margin-top: 10px; }
  .spbr {
    display: none; }
  .pcbr {
    display: block; }
  .side_by_side {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .side_by_side li:last-child {
      text-align: right; }
  .question_box .side_by_side {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
  .btn_area .btn {
    width: 100%;
    display: block;
    border-radius: 4px;
    background: linear-gradient(#d00041, #b6001f);
    border: none;
    font-size: 2.2rem;
    font-weight: bold;
    color: #FFFFFF;
    padding: 19px 20px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
    line-height: 1.3; }
    .btn_area .btn.btn03 {
      width: 96%; }
    .btn_area .btn.btn04 {
      background: linear-gradient(#74aa06, #599505);
      font-size: 2rem !important; }
      .btn_area .btn.btn04 span {
        width: 100%; }
    .btn_area .btn:hover {
      position: relative;
      cursor: pointer; }
      .btn_area .btn:hover:after {
        content: "";
        opacity: 0.1;
        transition: background 1s linear;
        background: #FFFFFF;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  .btn_area span {
    display: block;
    padding-right: 30px;
    background: url(/svcsol/campaign/images/id_201812/common/icon_externallink.svg) no-repeat right center;
    background-size: 18px 16px;
    font-size: 2rem; }
  .child_box .tit_box h3:nth-of-type(1) {
    text-align: center;
    font-size: 1.8rem;
    color: #FFFFFF;
    margin: 0 auto 30px;
    height: 40px;
    position: relative; }
    .child_box .tit_box h3:nth-of-type(1) .tit_txt,
    .child_box .tit_box h3:nth-of-type(1) .part {
      font-weight: bold;
      line-height: 40px;
      vertical-align: middle;
      padding: 0 15px; }
    .child_box .tit_box h3:nth-of-type(1) .tit_txt {
      background: #000;
      display: inline-block;
      box-sizing: border-box; }
    .child_box .tit_box h3:nth-of-type(1) .part {
      background: #f05408;
      color: #fff;
      display: inline-block; }
      .child_box .tit_box h3:nth-of-type(1) .part .number {
        font-size: 2.8rem;
        line-height: 1;
        display: inline-block;
        transform: translateY(3px); }
  .child_box .tit_box h3:nth-of-type(2) {
    font-size: 2.4rem;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center; }
  .child_box p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 50px;
    line-height: 1.5; }
    .child_box p.note {
      font-size: 16px;
      font-size: 1.6rem;
      text-indent: -16px;
      padding-left: 20px; }
      .child_box p.note strong {
        font-weight: bold; }
    .child_box p.strong {
      font-size: 18px;
      font-size: 1.8rem;
      margin-bottom: 0; }
      .child_box p.strong span {
        color: #f3074f;
        font-weight: bold; }
  .plus_link {
    text-align: center; }
    .plus_link a {
      color: #FFFFFF;
      text-decoration: none;
      font-size: 2rem;
      line-height: 1;
      padding: 5px 0;
      display: inline-block;
      position: relative;
      font-weight: bold; }
      .plus_link a::before, .plus_link a::after {
        content: "";
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 0 0; }
      .plus_link a::before {
        background-image: url(/svcsol/campaign/images/id_201812/common/icon_arrow_r_02.svg);
        width: 9px;
        height: 17px;
        margin-right: 8px; }
      .plus_link a::after {
        background-image: url(/svcsol/campaign/images/id_201812/common/icon_externallink_white.svg);
        margin-left: 10px;
        width: 18px;
        height: 16px; }
  /* ↓20190220add */
  .blanklink {
    padding-right: 18px;
    background: url(/svcsol/campaign/images/id_201812/common/icon_externallink.svg) no-repeat right center;
    background-size: 15px 12px; }
  /* ↑20190220add*/
  .check_mark {
    background: url(/svcsol/campaign/images/id_201812/common/icon_check.svg) left center no-repeat;
    background-size: 18px 14px;
    padding-left: 25px; }
  .h_sub {
    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%; }
  .hd_01, .hd_02, .hd_05 span {
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center; }
    .hd_01__em {
      color: #70a706; }
  .hd_02 {
    line-height: 1.6;
    position: relative;
    padding-bottom: 25px;
    border-bottom: 6px solid #d0d0d0;
    color: #70a706; }
    .hd_02::after {
      position: absolute;
      bottom: -6px;
      left: 50%;
      width: 316px;
      height: 6px;
      content: '';
      transform: translateX(-50%);
      background-color: #70a706; }
  .hd_05 {
    position: relative;
    margin-bottom: 30px; }
    .hd_05:before, .hd_05:after {
      content: "";
      position: absolute;
      top: 50%;
      display: block;
      border: 1px dashed #ccc;
      width: 326px;
      height: 0;
      z-index: 1; }
    .hd_05:before {
      left: 0; }
    .hd_05:after {
      right: 0; }
    .hd_05 span {
      display: block;
      width: 280px;
      margin: 0 auto;
      position: relative;
      padding: 15px 0;
      border: 1px solid #70a706;
      color: #70a706;
      font-size: 2rem;
      z-index: 2; }
      .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: 40px;
    padding: 10px 0;
    font-size: 2rem;
    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; }
  .table_wrap {
    margin-bottom: 30px; }
  table.table_type02 {
    width: 100%; }
    table.table_type02 thead th {
      background: #797979;
      color: #fff; }
    table.table_type02 th,
    table.table_type02 td {
      /* 20191201 */
      width: auto;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.5; }
    table.table_type02 .table_bg01 {
      background-color: #f2fedc; }
    table.table_type02 .table_bg02 {
      width: 260px !important;
      background-color: #70a706; }
    table.table_type02 .item_list li {
      padding-bottom: 3px;
      padding-left: 1em;
      text-indent: -1em; }
      table.table_type02 .item_list li:before {
        content: "・"; }
  .link_sytle01 {
    padding: 0 0 0 25px;
    display: inline-block;
    position: relative;
    font-weight: bold; }
    .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: 12px 22px;
      left: 0;
      top: 4px; }
    .link_sytle01:hover span {
      border-bottom-color: transparent; }
  .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;
      vertical-align: middle;
      padding: 12px 0;
      text-align: center; }
    .table_type01 td {
      font-size: 14px;
      font-size: 1.4rem; }

  .table_type02 {
    border-top: 2px solid #e5e5e5;
    border-left: 2px solid #e5e5e5;
    margin-bottom: 20px; }
    .table_type02 th,
    .table_type02 td {
      border-right: 2px solid #e5e5e5;
      border-bottom: 2px solid #e5e5e5;
      vertical-align: middle;
      padding: 15px; }
    .table_type02 thead th {
      text-align: center;
      font-weight: bold; }
      .table_type02 thead th:nth-of-type(2) {
        width: 257px; }
    .table_type02 tbody th {
      width: 168px !important;
      text-align: left;
      font-weight: bold;
      background-color: #f3f3f3; }
    .table_type02 tbody td {
      text-align: left;
      vertical-align: top;
      font-size: 14px;
      font-size: 1.4rem; }
    /* 20190304add ↓ */
    .addLinks {
      border: 3px solid #70a706;
      margin: 0 0 30px 0;
      padding: 0;
    }
    .addLinks ul {
        margin: 0;
        padding: 20px 40px;
    }
    .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 ↑ */
    
    /* added seminar 20200713 start */
      .c-parent--info {
        padding: 15px 0;
        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;
        width: 950px;
        margin-right: auto;
        margin-left: auto;
      }
      .c-parent--info .c-child dl {
        padding: 15px 30px 15px 30px;
      }
      .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: 20px;
          background: url(/common/images/com_icn05.png) right center/11px auto no-repeat;
      }
    /* added seminar 20200713 end */

  footer {
    background: #000;
    min-width: 950px; }
    footer .in_foot {
      max-width: 950px;
      width: 100%;
      margin: 0 auto -15px;
      padding: 15px 0;
      display: flex;
      justify-content: space-between;
      align-items: flex-start; }
      footer .in_foot .foot_nav ul {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        footer .in_foot .foot_nav ul li a {
          font-size: 1.2rem;
          color: #FFFFFF;
          text-decoration: none; }
          footer .in_foot .foot_nav ul li a:hover {
            text-decoration: underline; }
          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 {
              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:last-child:after {
              content: "|";
              color: #fff;
              margin-left: 20px;
            }
      footer .in_foot .copy {
        color: #FFFFFF; }
  #totop {
    position: fixed;
    right: 0;
    background: #030733;
    width: 63px; }
    #totop a {
      display: block; }
      #totop a:hover {
        opacity: .7;
        transition: .8s; } }

@media print, screen and (min-width: 768px) {
  main .post_body {
    overflow: scroll;
    word-wrap: normal; } }

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

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

#########################################################*/
@media print, screen and (min-width: 768px) {
  .about_box {
    padding-bottom: 60px;
    text-align: center; }
    .about_box .title_box {
      padding-top: 70px;
      padding-bottom: 30px;
      background-color: transparent; }
    .about_box .child_box {
      width: 950px;
      margin: 0 auto; }
      .about_box .child_box .txt {
        font-size: 1.8rem;
        line-height: 1.8; }
    .about_box .about_img {
      margin-bottom: 50px;
      width: 800px;
      margin: 0 auto; }
  #features_box {
    background: url(/svcsol/campaign/images/id_201812/top/bg_feature.png) repeat-x center top; }
    #features_box .title_box__item {
      color: #fff !important; }
    #features_box .title_box__small {
      font-size: 2.8rem; }
    #features_box .about_column {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-bottom: 80px; }
      #features_box .about_column__item {
        width: 290px;
        padding: 25px;
        border: 4px solid #d0d0d0;
        background: #fff; }
      #features_box .about_column__package {
        font-size: 1.6rem;
        font-weight: bold;
        margin-bottom: 15px;
        text-align: center;
        color: #70a706; }
      #features_box .about_column__number {
        font-size: 2.2rem;
        font-weight: bold;
        display: #70a706; }
      #features_box .about_column__title {
        font-size: 2.8rem;
        font-weight: bold;
        line-height: 1.4;
        margin-bottom: 18px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center; }
      #features_box .about_column__figure {
        display: block;
        height: 211px;
        text-align: center; }
      #features_box .about_column__img--01 {
        width: 139px; }
      #features_box .about_column__img--02 {
        width: 205px; }
      #features_box .about_column__img--03 {
        width: 208px; }
      #features_box .about_column__link {
        font-size: 2.4rem;
        font-weight: bold;
        line-height: 1.2;
        position: relative;
        display: block;
        padding: 32px 0 60px;
        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: 51px;
          height: 27px;
          background: url(/svcsol/campaign/images/id_201812/common/ico_arrow_r.svg) no-repeat left top/51px 27px; }
    #features_box .package {
      padding: 70px 0;
      background: url(/svcsol/campaign/images/id_201812/top/bg_section.png) repeat-x center top; }
      #features_box .package__inner {
        position: relative;
        padding-top: 70px;
        border-top: 10px solid #70a706;
        background-color: #fff;
        width: 1010px;
        margin: 0 auto;
        max-width: 100%;
        padding: 70px 30px 0; }
      #features_box .package__label {
        font-size: 1.8rem;
        font-weight: bold;
        position: absolute;
        top: -10px;
        left: 50%;
        width: 665px;
        height: 39px;
        transform: translateX(-50%);
        text-align: center;
        color: #fff;
        background-color: #3f3f3f; }
        #features_box .package__label--number {
          font-size: 2.4rem; }
      #features_box .package__title {
        font-size: 4rem;
        font-weight: bold;
        margin-bottom: 35px;
        text-align: center;
        color: #70a706; }
      #features_box .package .figure {
        margin-bottom: 40px; }
      #features_box .package .lead + .figure {
        margin-bottom: 80px; }
  #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: 290px; }
      #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.6rem;
      font-weight: bold; }
    #package02 .certification_list .item_list__txt, #package02 .step_list .item_list__txt {
      line-height: 1.6; }
    #package02 .certification_list .item_list__em, #package02 .step_list .item_list__em {
      font-size: 2rem; }
    #package02 .certification_list .item_list__1 .figure_img, #package02 .step_list .item_list__1 .figure_img {
      width: 271px; }
    #package02 .certification_list .item_list__2 .figure_img, #package02 .step_list .item_list__2 .figure_img {
      width: 198px; }
    #package02 .certification_list .item_list__3 .figure_img, #package02 .step_list .item_list__3 .figure_img {
      width: 240px; }
  #package02 .step_list li {
    width: 455px; }
  #package02 .step_list .item_list__txt {
    margin-bottom: 20px;
    text-align: center; }
  #package02 .step_list .item_list__tit {
    font-weight: bold; }
  #package02 .step_list .item_list__em {
    font-size: 2.6rem; }
	/**/
	/*
    .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 {
    border-left: 4px solid #70a706;
    border-right: 4px solid #70a706;
    border-bottom: 4px solid #70a706; }
    #package03 .function__title {
      padding: 20px;
      background: #70a706;
      color: #fff;
      text-align: center;
      font-size: 2.6rem;
      font-weight: bold; }
      #package03 .function__title__em {
        font-size: 3.8rem; }
      #package03 .function__title__mini {
        margin-bottom: 20px;
        padding: 10px;
        background: #efefef;
        font-size: 2rem;
        font-weight: bold;
        text-align: left; }
    #package03 .function__sub__title {
      margin-top: 20px;
      margin-bottom: 30px;
      text-align: center;
      color: #cf0040;
      font-weight: bold;
      font-size: 2.4rem; }
    #package03 .function .side_by_side {
      padding: 0 30px 30px;
      padding-bottom: 15px; }
      #package03 .function .side_by_side li {
        width: 421px; }
      #package03 .function .side_by_side .item_list {
        padding-left: 10px; }
        #package03 .function .side_by_side .item_list li {
          margin-bottom: 20px;
          width: 100%;
          text-align: left;
          font-size: 1.6rem; }
          #package03 .function .side_by_side .item_list li:before {
            display: inline-block;
            margin-right: 10px;
            content: "";
            width: 18px;
            height: 12px;
            background: url(/svcsol/campaign/images/id_201812/common/icon_check.svg);
            background-size: contain; }
  #compare_box .title_box .hd_02 {
    font-size: 2.4rem; }
  #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: 950px;
      height: 10px;
      background: #70a706; }
    #cloud .title_box h2 {
      color: #fff; }
      #cloud .title_box h2 span img {
        width: 307px;
        height: 72px; }
    #cloud h3 {
      margin-bottom: 40px;
      text-align: center;
      font-size: 2.4rem;
      font-weight: bold;
      color: #70a706; }
    #cloud .c-image {
      margin-bottom: 40px;
      padding: 20px;
      background: #fff; }
      #cloud .c-image img {
        width: 770px;
        height: 288px; }
    #cloud .btn_area a {
      width: 298px; }
  #office365 {
    text-align: center;
    background: none; }
    #office365 .child_box {
      padding: 40px;
      border: 4px solid #cf0040; }
    #office365 .title_box {
      margin-bottom: 40px;
      font-weight: bold;
      font-size: 2.4rem;
      color: #cf0040; }
      #office365 .title_box__big {
        font-size: 3rem; }
    #office365 dl {
      margin-bottom: 40px; }
      #office365 dl dt {
        padding: 10px;
        background: #5a5a5a;
        color: #fff;
        font-size: 1.8rem;
        font-weight: bold; }
      #office365 dl dd {
        padding: 40px;
        background: #eee; }
        #office365 dl dd .title {
          margin-bottom: 20px;
          font-size: 2.4rem;
          font-weight: bold; }
          #office365 dl dd .title__small {
            font-size: 1.8rem;
            font-weight: normal; }
        #office365 dl dd .btn_area {
          width: 200px;
          margin: 0 auto; }
    #office365 .side_by_side dl {
      width: 411px; }
    #office365 .partner_section {
      width: 725px;
      margin: 0 auto; }
      #office365 .partner_section .side_by_side {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        #office365 .partner_section .side_by_side li {
          width: 560px;
          text-align: left; }
          #office365 .partner_section .side_by_side li:first-child {
            width: 134px; }
            #office365 .partner_section .side_by_side li:first-child img {
              width: 134px; }
          #office365 .partner_section .side_by_side li h4 {
            margin-bottom: 10px;
            font-weight: bold;
            font-size: 2.4rem;
            color: #2c4c9f; }
          #office365 .partner_section .side_by_side li .txt {
            margin-bottom: 0; }

/* === add 20190418 .seminarInfo start === */
div.main .parent_box .seminarInfo {
	width: 100%;
	max-width: 950px;
	margin: 30px auto;
}
div.main .parent_box .seminarInfo h3 {
	margin: 0;
	padding: 0.75rem 10px;
	color: #fff;
	background: #70a706;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
div.main .parent_box .seminarInfo ul {
	border: 3px solid #70a706;
	padding: 1.25rem 20px;
}
div.main .parent_box .seminarInfo ul li {
	color: #333;
	font-weight: normal;
	font-size: 1.6rem;
	padding: 0.25rem 0;
	text-indent: -9em;
	padding-left: 9em;
	line-height: 1.4;
}

div.main .parent_box .seminarInfo ul li a {
	text-decoration: none;
}
div.main .parent_box .seminarInfo ul li a,
div.main .parent_box .seminarInfo ul li a:link,
div.main .parent_box .seminarInfo ul li a:visited {
	color: #2b7bb2;
}
div.main .parent_box .seminarInfo ul li a.blankLink {
	padding-right: 16px;
	background: url(/svcsol/campaign/images/id_201812/common/icon_externallink.svg) no-repeat right center;
	background-size: 15px 12px;
}

div.main .parent_box .seminarInfo ul li a:hover {
	color: #70a706;
	text-decoration: underline;
}
div.main .parent_box .seminarInfo ul li span.date {
	color: #666;
	font-weight: normal;
}
div.main .parent_box .seminarInfo ul li span.full {
	color: #f00;
	font-weight: bold;
}

/* === add 20190418 .seminarInfo end === */

  #solution_box {
    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; }
    #solution_box .title_box {
      margin-bottom: 20px;
      color: #fff;
      font-size: 3.4rem;
      font-weight: bold;
      text-align: center; }
      #solution_box .title_box + .txt {
        color: #fff;
        text-align: center; }
    #solution_box .figure {
      margin-bottom: 40px; }
    #solution_box ul {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap; }
      #solution_box ul li {
        margin-bottom: 40px;
        padding: 30px;
        background: #fff;
        box-sizing: border-box; }
        #solution_box ul li section {
          padding: 20px;
          background: #e4eef8; }
        #solution_box ul li h4 {
          margin-bottom: 20px;
          text-align: center;
          font-weight: bold;
          font-size: 2.4rem;
          color: #70a706; }
        #solution_box ul li .txt {
          margin-bottom: 0;
          font-size: 1.8rem;
          line-height: 1.7; }
  #faq_box {
    background: #fff; }
    #faq_box .faq {
      padding-bottom: 20px;
      margin-bottom: 25px;
      border-bottom: 1px dotted #b5b5b5; }
      #faq_box .faq:nth-last-of-type(1) {
        padding-bottom: 0;
        border: none; }
      #faq_box .faq dt,
      #faq_box .faq dd {
        font-size: 18px;
        font-size: 1.8rem;
        padding-left: 40px;
        position: relative; }
      #faq_box .faq dt {
        font-weight: bold;
        margin-bottom: 15px; }
      #faq_box .faq dd {
        line-height: 1.5; }
        #faq_box .faq dd .mini {
          font-size: 16px;
          font-size: 1.6rem; }
        #faq_box .faq dd ul {
          margin: 40px auto; }
          #faq_box .faq dd ul li:before {
            content: "・"; }
      #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; }
    #faq_box .btn.btn04 {
      width: 600px; } }

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

print.css読み込み

#########################################################*/
@media print and (min-width: 100px) {
  header,
  .in_head,
  footer {
    width: 100%;
    min-width: 100%;
    text-align: center; }
  header .in_head {
    width: 100%;
    margin: 0 auto;
    text-align: center; }
  .grand_title {
    text-align: center; }
  .btn_area .btn {
    border: 1px solid #CCC; }
  .title_box {
    width: 100%;
    text-align: center; }
  .main_visual_title {
    left: 50%;
    transform: translateX(-50%); }
  .appeal_box .child_box .visual_box figure figcaption {
    position: static;
    width: 423px; } }