@charset "UTF-8";
#landingpage {
  max-width: 1200px;
  margin: 0 auto;
  font-size: 16px;
  color: #444;
  background-color: #FFFFFF;
  padding: 1em;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', '游ゴシック', 'メイリオ', sans-serif;
  line-height: 1.8em;
  font-weight: normal;
  overflow-x: hidden; }
  #landingpage * {
    transition: 0.3s; }
  #landingpage img {
    max-width: 100%; }
  #landingpage a, #landingpage a:hover, #landingpage a:visited {
    color: inherit;
    text-decoration: none; }
  #landingpage .mt1 {
    margin-top: 1em; }
  #landingpage .mt2 {
    margin-top: 2em; }
  #landingpage .mt4 {
    margin-top: 4em; }
  #landingpage .mt6 {
    margin-top: 6em; }
  #landingpage .mb05 {
    margin-bottom: 0.5em; }
  #landingpage .mb1 {
    margin-bottom: 1em; }
  #landingpage .mb2 {
    margin-bottom: 2em; }
  #landingpage .mb4 {
    margin-bottom: 4em; }
  #landingpage .mb6 {
    margin-bottom: 6em; }
  #landingpage .mb8 {
    margin-bottom: 8em; }
  #landingpage .center {
    text-align: center; }
  #landingpage .bold {
    font-weight: 600; }
  #landingpage .note {
    font-size: 0.9em;
    font-weight: normal; }
  #landingpage .pcnone {
    display: none; }
  #landingpage .spnone {
    display: block; }
  #landingpage .inner_container {
    max-width: 900px;
    margin: 0 auto; }
  #landingpage .intro-text {
    text-align: center;
    font-weight: bold; }
  #landingpage .maintitle {
    font-weight: bold;
    font-size: 1.375em; }
  #landingpage .subtitle {
    font-weight: bold; }
  #landingpage .readbox {
    text-align: center;
    margin: 0 auto; }
  #landingpage .inlineblocktext {
    display: inline-block;
    text-align: left; }
  #landingpage .category {
    font-size: 1.25em;
    text-align: center;
    font-weight: bold;
    margin-top: 40px; }
  #landingpage .line {
    border-top: #07448D solid 3px;
    width: 60px;
    margin: 8px auto; }
  #landingpage .delimiter_line {
    border-top: #333 solid 1px;
    width: 100%;
    margin: 100px auto; }
  #landingpage .design {
    background-color: #e6ecf3;
    padding: 40px 20px; }
  #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 .buybtn {
    margin: 0px auto;
    width: 300px;
    height: 50px;
    background-color: #07448D;
    color: #fff;
    border-radius: 1px;
    text-align: center;
    line-height: 50px;
    font-size: 1.125em; }
    #landingpage .buybtn a {
      display: block; }
    #landingpage .buybtn a:hover {
      background-color: #fcc800;
      opacity: 1.0; }
  #landingpage #pageTop {
    position: fixed;
    bottom: 20px;
    right: 20px; }
  #landingpage #pageTop a {
    display: block;
    z-index: 9999;
    padding: 8px 0 0 8px;
    text-decoration: none; }
    #landingpage #pageTop a img {
      width: 50px;
      height: 50px; }
  #landingpage #pageTop a:hover {
    text-decoration: none;
    opacity: 0.7; }

/*landingpageおわり*/
@media screen and (max-width: 544px) {
  #landingpage {
    font-size: 14px;
    padding: 1em 0px; }
    #landingpage .pcnone {
      display: block; }
    #landingpage .spnone {
      display: none; }
    #landingpage .design {
      padding: 40px 30px;
      margin: 0 calc(50% - 50vw);
      width: 100vw; }
    #landingpage .design .col-12.col-md-5.mx-auto:first-child {
      margin-bottom: 40px; }
    #landingpage .buybtn {
      width: 300px;
      height: 60px;
      line-height: 60px; }

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