@charset "UTF-8";
#landingpage {
  max-width: 1200px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 500;
  color: #444;
  /*background-color: #FFFFF9;*/
  padding: 1em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "游ゴシック", "メイリオ", sans-serif;
  overflow-x: hidden;
  　line-height: 1.5em;
  /* ▼▼▼▼▼▼▼▼ タブCSS ▼▼▼▼▼▼▼▼ */
  /* ▲▲▲▲▲▲ タブCSS ▲▲▲▲▲▲ */ }
  #landingpage * {
    transition: 0.3s; }
  #landingpage img {
    max-width: 100%; }
  #landingpage a,
  #landingpage a:hover,
  #landingpage a:visited {
    color: inherit;
    text-decoration: none; }
  #landingpage a:hover {
    opacity: 0.8; }
  #landingpage .mt1 {
    margin-top: 1em; }
  #landingpage .mt2 {
    margin-top: 2em; }
  #landingpage .mt4 {
    margin-top: 4em; }
  #landingpage .mt6 {
    margin-top: 6em; }
  #landingpage .mb1 {
    margin-bottom: 1em; }
  #landingpage .mb2 {
    margin-bottom: 2em; }
  #landingpage .mb4 {
    margin-bottom: 4em; }
  #landingpage .text-center {
    text-align: center; }
  #landingpage .bold {
    font-weight: bold; }
  #landingpage .medium {
    font-weight: 500; }
  #landingpage .pcnone {
    display: none; }
  #landingpage .spnone {
    display: block; }
  #landingpage .inner_container {
    max-width: 1000px;
    margin: 0 auto; }
  #landingpage .intro-text-title {
    font-size: 1.5em;
    text-align: center;
    color: #000;
    font-weight: bold;
    margin-bottom: 30px; }
  #landingpage .intro-text {
    font-size: 1.2em;
    text-align: center; }
  #landingpage .mainfeature {
    border: 2px solid #FCC800;
    background: #fff;
    box-shadow: 4px 4px #fcc800;
    padding: 15px;
    margin: 0 auto 30px;
    text-align: center; }
    #landingpage .mainfeature ul {
      margin-top: 12px;
      padding-left: 0px;
      display: inline-block;
      text-align: left; }
      #landingpage .mainfeature ul li {
        list-style: none;
        margin-bottom: 5px; }
        #landingpage .mainfeature ul li img {
          width: 26px;
          margin-right: 8px; }
        #landingpage .mainfeature ul li .space_adjustment {
          margin-left: 34px; }
  #landingpage .note_text {
    font-size: 0.8em; }
  #landingpage .tabtitle {
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    color: #444 ；; }
  #landingpage ul.tab {
    list-style: none;
    text-align: center;
    margin-bottom: 0px;
    padding-left: 0px; }
  #landingpage ul.tab li {
    display: inline-block;
    margin-right: 8px;
    padding: 10px;
    background-color: #fff0b5;
    color: #444;
    cursor: pointer;
    border: solid #444;
    border-width: 1px 1px 0 1px;
    box-sizing: border-box; }
    #landingpage ul.tab li a {
      display: block; }
  #landingpage ul.tab li:hover {
    color: #444; }
  #landingpage .maintitle {
    font-weight: bold;
    font-size: 1.3em;
    line-height: 1.4em;
    text-align: center; }
  #landingpage .readbox {
    text-align: center;
    margin: 0 auto; }
  #landingpage .productsname_big {
    font-size: 1.5em;
    font-weight: 500;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 1.5em; }
  #landingpage .usecase {
    background: #F2F2F2;
    width: 100vw;
    margin: 30px calc(50% - 50vw);
    padding: 50px calc(50vw - 50%); }
    #landingpage .usecase .use_box {
      margin-top: 15px;
      margin-bottom: 30px;
      border: 1px solid #FCC800;
      background-color: #fff;
      padding: 30px; }
      #landingpage .usecase .use_box .pointnum {
        width: 60px;
        margin-top: -60px; }
      #landingpage .usecase .use_box .point_title {
        font-weight: bold;
        font-size: 1.2em;
        line-height: 1.2em;
        color: #333;
        margin: 10px auto;
        text-align: center; }
      #landingpage .usecase .use_box .text {
        min-height: 80px; }
  #landingpage .category {
    font-family: "Times New Roman", Times, "serif";
    font-size: 1.5em;
    text-align: center;
    font-weight: bold; }
  #landingpage .line {
    border-top: #FCC800 solid 1px;
    width: 80px;
    margin: 15px auto; }
  #landingpage .line02 {
    border-top: #333 solid 1px;
    width: 100vw;
    margin: 0 calc(50% - 50vw); }
  #landingpage .line03 {
    border-top: #ffc800 solid 1px;
    width: 100vw;
    margin: 60px calc(50% - 50vw); }
  #landingpage .photocaption {
    text-align: center;
    margin-top: 15px; }
  #landingpage .note_point_box {
    background-color: #FCC800;
    color: #61646D;
    text-align: center;
    padding: 4px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 30px auto; }
  #landingpage .layout-type {
    font-size: 1.8em;
    font-weight: bold;
    text-align: center; }
  #landingpage .newmark {
    width: 80px;
    height: 80px;
    border-radius: 45px;
    background-color: #D80000;
    color: #fff;
    font-size: 1.5em;
    text-align: center;
    line-height: 80px;
    margin: 0 auto 20px; }
  #landingpage .point-box {
    max-width: 1000px;
    margin: 20px auto; }
    #landingpage .point-box .point-textbox {
      min-height: 150px; }
      #landingpage .point-box .point-textbox .point-title {
        background-color: #FCC800;
        font-weight: bold;
        text-align: center;
        margin: 15px 0 5px;
        line-height: 1.3em;
        padding-top: 5px;
        padding-bottom: 5px; }
    #landingpage .point-box .point-img img {
      width: 90%;
      margin: 0 auto; }
  #landingpage .osusume {
    border: 2px solid #F14A98;
    background: #fff;
    padding: 20px;
    margin: 50px auto;
    text-align: center; }
    #landingpage .osusume .title {
      font-weight: bold;
      color: #F14A98; }
    #landingpage .osusume ul {
      margin-top: 12px;
      margin-bottom: 6px;
      padding-left: 0px;
      display: inline-block;
      text-align: left; }
      #landingpage .osusume ul li {
        list-style: none;
        margin-bottom: 5px; }
        #landingpage .osusume ul li span {
          color: #F14A98;
          margin-right: 8px; }
  #landingpage .spec-text {
    padding-left: 0px;
    list-style: none; }
    #landingpage .spec-text li {
      border-bottom: 1px solid #61646D;
      padding: 10px; }
      #landingpage .spec-text li span {
        color: #FCC800; }
  #landingpage .buybtn {
    background-color: #ffc800;
    border: 2px solid #fff;
    box-shadow: 4px 4px #c4c4c4;
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: center;
    padding: 8px; }
    #landingpage .buybtn a {
      display: block; }
  #landingpage .linkbtn {
    background-color: #fff;
    border: 2px solid #ffc800;
    box-shadow: 4px 4px #c4c4c4;
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: center;
    padding: 8px; }
    #landingpage .linkbtn a {
      display: block; }
  #landingpage #pageTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999; }
    #landingpage #pageTop img {
      width: 50px;
      height: 50px; }

/*landingpageおわり*/
@media screen and (max-width: 544px) {
  #landingpage {
    font-size: 14px;
    padding: 1em 0px; }
    #landingpage #choice a {
      display: block;
      width: 100%;
      margin-right: 0;
      margin-bottom: 15px;
      max-width: initial; }
    #landingpage .pcnone {
      display: block; }
    #landingpage .spnone {
      display: none; }
    #landingpage .link_btn {
      background-color: #FCC800;
      border: #444 1px solid;
      text-align: center;
      margin-bottom: 15px;
      border-radius: 10px;
      padding: 10px; }
    #landingpage .read-text {
      font-size: 1.2em; }
    #landingpage #toplink ul.tab li {
      margin-right: 0px;
      margin-bottom: 5px;
      padding: 5px;
      border-width: 1px 1px 0 1px;
      box-sizing: border-box;
      width: 100%;
      border-width: 1px 1px 1px 1px; }
    #landingpage .intro-text {
      text-align: left; }
    #landingpage .mainfeature {
      padding: 12px; }
      #landingpage .mainfeature ul li .space_adjustment {
        margin-left: 0px; }
    #landingpage .usecase {
      margin: 20px calc(50% - 50vw);
      padding: 15px; }
      #landingpage .usecase .category {
        margin-top: 30px; }
      #landingpage .usecase .use_box {
        margin-bottom: 30px; }
        #landingpage .usecase .use_box .pointnum {
          width: 40px;
          margin-top: -50px; }
        #landingpage .usecase .use_box .text {
          min-height: auto; }
    #landingpage .photocaption {
      text-align: left; }
    #landingpage .point-box {
      margin: 20px auto; }
      #landingpage .point-box .col-md-4 {
        padding-left: 0px;
        padding-right: 0px; }
        #landingpage .point-box .col-md-4 .point {
          max-width: 55%;
          display: inline-block; }
          #landingpage .point-box .col-md-4 .point .point-textbox {
            min-height: 170px; }
            #landingpage .point-box .col-md-4 .point .point-textbox .point-title {
              margin: 0 0 5px; }
        #landingpage .point-box .col-md-4 .point-img {
          display: inline-block;
          margin-left: 3%;
          width: 40%;
          /*position: absolute;*/
          vertical-align: top; }
          #landingpage .point-box .col-md-4 .point-img img {
            width: 100%; }
    #landingpage .osusume {
      margin: 0 auto; }
      #landingpage .osusume ul li {
        margin-bottom: 10px; }
    #landingpage .newmark {
      width: 70px;
      height: 70px;
      line-height: 70px; }

  /*sp版landingpageおわり*/ }
/*@media screen and (max-width: 544px)*/