@charset "UTF-8";
/*********************************************
作成者：hata
*********************************************/
/*********************************************
作成者：hata
*********************************************/
/*
カラー変数
*/
.logo-image {
  margin: 0 auto; }

.block {
  padding: 80px 0; }
  .block .inner {
    max-width: 1000px;
    margin: 0 auto; }
  .block.message-hero {
    padding: 0 0 80px 0; }
    .block.message-hero::before {
      display: block;
      width: 100%;
      height: 0;
      overflow: hidden;
      padding: 34% 0 0 0;
      margin: 0 0 40px 0;
      content: "";
      background-image: url("/images/message-hero.png");
      -webkit-background-size: cover;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    .block.message-hero .hero {
      font-size: 14px;
      display: block;
      font-weight: 600;
      text-align: center;
      margin: 0 0 20px 0;
      letter-spacing: 2px; }
    .block.message-hero .message-grab__image {
      display: block;
      margin: 0 auto 60px auto; }
  .block.message-suport, .block.message-plot {
    position: relative;
    margin: 0 0 60px 0;
    padding: 48px 0; }
    .block.message-suport::before, .block.message-plot::before {
      display: block;
      position: absolute;
      top: 0;
      height: 100%;
      max-height: 480px;
      width: 37.5%;
      content: "";
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      background-size: cover; }
    .block.message-suport .message-suport__headline,
    .block.message-suport .message-plot__headline, .block.message-plot .message-suport__headline,
    .block.message-plot .message-plot__headline {
      color: #A78DDA;
      font-size: 20px;
      font-weight: 600;
      display: block;
      margin: 0 0 10px 0; }
    .block.message-suport .message-suport__text,
    .block.message-suport .message-plot__text, .block.message-plot .message-suport__text,
    .block.message-plot .message-plot__text {
      display: block;
      line-height: 1.5;
      margin: 0 0 30px 0; }
      .block.message-suport .message-suport__text::last-child,
      .block.message-suport .message-plot__text::last-child, .block.message-plot .message-suport__text::last-child,
      .block.message-plot .message-plot__text::last-child {
        margin: 0; }
  .block.message-suport::before {
    left: 0;
    background-image: url("/images/message-photo1.png");
    background-position: center 0; }
  .block.message-suport .layout-block {
    float: right;
    margin: 0 0 0 44%; }
  .block.message-plot::before {
    right: 0;
    background-image: url("/images/message-photo2.png");
    background-position: right center; }
  .block.message-plot .layout-block {
    float: left;
    margin: 0 44% 0 0; }
  .block.message-summary {
    padding: 0; }
    .block.message-summary .message-summary__image {
      position: relative;
      z-index: 1;
      margin: 0 auto; }
    .block.message-summary .message-summary-ribon {
      position: relative;
      z-index: 0;
      margin: -60px 0 0 0;
      padding: 120px 0 60px 0;
      background-color: #4C4A50; }
      .block.message-summary .message-summary-ribon .message-summary-ribon__text {
        color: #FFF;
        font-weight: 600;
        font-size: 129%;
        text-align: center;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }

/*********************************************
inpot-scss：_media-queries-page.scss
*********************************************/
@media (max-width: 768px) {
  article.contents .block.message-hero {
    padding: 0 0 40px 0; }
    article.contents .block.message-hero::before {
      margin: 0 0 20px 0; }
    article.contents .block.message-hero .hero {
      font-size: 16px;
      margin: 0 0 20px 0; }
    article.contents .block.message-hero .message-grab .message-grab__image {
      width: 80%;
      margin: 0 auto 20px auto; }
    article.contents .block.message-hero .message-grab__lead {
      padding: 0 10px; }
  article.contents .block.message-suport {
    padding: 20px 10px;
    margin: 0 0 30px 0; }
    article.contents .block.message-suport .message-suport__headline {
      margin: 0 0 5px 0; }
    article.contents .block.message-suport .message-suport__text {
      line-height: 1.2;
      margin: 0; }
      article.contents .block.message-suport .message-suport__text br {
        display: none; }
  article.contents .block.message-plot {
    padding: 20px 10px;
    margin: 0 0 30px 0; }
    article.contents .block.message-plot .message-plot__headline {
      margin: 0 0 5px 0; }
    article.contents .block.message-plot .message-plot__text {
      line-height: 1.2;
      margin: 0 0 10px 0; }
      article.contents .block.message-plot .message-plot__text:last-child {
        margin: 0; }
      article.contents .block.message-plot .message-plot__text br {
        display: none; }
  article.contents .block.message-summary {
    padding: 0; }
    article.contents .block.message-summary .message-summary__image {
      width: 75%; }
    article.contents .block.message-summary .message-summary-ribon {
      margin: -6% 0 0 0;
      padding: 10% 10px 6% 10px; }
      article.contents .block.message-summary .message-summary-ribon .message-summary-ribon__text {
        font-size: 16px; }
        article.contents .block.message-summary .message-summary-ribon .message-summary-ribon__text br {
          display: none; }
  article.contents .block.form .form-entry, article.contents .block.form .form-campaign {
    padding: 0;
    margin: 0 0 40px 0; }
    article.contents .block.form .form-entry .entry-table th, article.contents .block.form .form-entry .entry-table td, article.contents .block.form .form-entry .campaign-table th, article.contents .block.form .form-entry .campaign-table td, article.contents .block.form .form-campaign .entry-table th, article.contents .block.form .form-campaign .entry-table td, article.contents .block.form .form-campaign .campaign-table th, article.contents .block.form .form-campaign .campaign-table td {
      width: auto;
      padding: 0;
      display: block; }
      article.contents .block.form .form-entry .entry-table th.cell-title, article.contents .block.form .form-entry .entry-table td.cell-title, article.contents .block.form .form-entry .campaign-table th.cell-title, article.contents .block.form .form-entry .campaign-table td.cell-title, article.contents .block.form .form-campaign .entry-table th.cell-title, article.contents .block.form .form-campaign .entry-table td.cell-title, article.contents .block.form .form-campaign .campaign-table th.cell-title, article.contents .block.form .form-campaign .campaign-table td.cell-title {
        margin: 0 0 10px 0; }
      article.contents .block.form .form-entry .entry-table th.cell-note, article.contents .block.form .form-entry .entry-table td.cell-note, article.contents .block.form .form-entry .campaign-table th.cell-note, article.contents .block.form .form-entry .campaign-table td.cell-note, article.contents .block.form .form-campaign .entry-table th.cell-note, article.contents .block.form .form-campaign .entry-table td.cell-note, article.contents .block.form .form-campaign .campaign-table th.cell-note, article.contents .block.form .form-campaign .campaign-table td.cell-note {
        margin: 0 0 20px 0; }
      article.contents .block.form .form-entry .entry-table th .input[type="text"], article.contents .block.form .form-entry .entry-table th .input[type="email"], article.contents .block.form .form-entry .entry-table td .input[type="text"], article.contents .block.form .form-entry .entry-table td .input[type="email"], article.contents .block.form .form-entry .campaign-table th .input[type="text"], article.contents .block.form .form-entry .campaign-table th .input[type="email"], article.contents .block.form .form-entry .campaign-table td .input[type="text"], article.contents .block.form .form-entry .campaign-table td .input[type="email"], article.contents .block.form .form-campaign .entry-table th .input[type="text"], article.contents .block.form .form-campaign .entry-table th .input[type="email"], article.contents .block.form .form-campaign .entry-table td .input[type="text"], article.contents .block.form .form-campaign .entry-table td .input[type="email"], article.contents .block.form .form-campaign .campaign-table th .input[type="text"], article.contents .block.form .form-campaign .campaign-table th .input[type="email"], article.contents .block.form .form-campaign .campaign-table td .input[type="text"], article.contents .block.form .form-campaign .campaign-table td .input[type="email"] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-shadow: none;
        box-shadow: none; }
        article.contents .block.form .form-entry .entry-table th .input[type="text"].short-style, article.contents .block.form .form-entry .entry-table th .input[type="email"].short-style, article.contents .block.form .form-entry .entry-table td .input[type="text"].short-style, article.contents .block.form .form-entry .entry-table td .input[type="email"].short-style, article.contents .block.form .form-entry .campaign-table th .input[type="text"].short-style, article.contents .block.form .form-entry .campaign-table th .input[type="email"].short-style, article.contents .block.form .form-entry .campaign-table td .input[type="text"].short-style, article.contents .block.form .form-entry .campaign-table td .input[type="email"].short-style, article.contents .block.form .form-campaign .entry-table th .input[type="text"].short-style, article.contents .block.form .form-campaign .entry-table th .input[type="email"].short-style, article.contents .block.form .form-campaign .entry-table td .input[type="text"].short-style, article.contents .block.form .form-campaign .entry-table td .input[type="email"].short-style, article.contents .block.form .form-campaign .campaign-table th .input[type="text"].short-style, article.contents .block.form .form-campaign .campaign-table th .input[type="email"].short-style, article.contents .block.form .form-campaign .campaign-table td .input[type="text"].short-style, article.contents .block.form .form-campaign .campaign-table td .input[type="email"].short-style {
          width: 40%; }
        article.contents .block.form .form-entry .entry-table th .input[type="text"].nomal-style, article.contents .block.form .form-entry .entry-table th .input[type="email"].nomal-style, article.contents .block.form .form-entry .entry-table td .input[type="text"].nomal-style, article.contents .block.form .form-entry .entry-table td .input[type="email"].nomal-style, article.contents .block.form .form-entry .campaign-table th .input[type="text"].nomal-style, article.contents .block.form .form-entry .campaign-table th .input[type="email"].nomal-style, article.contents .block.form .form-entry .campaign-table td .input[type="text"].nomal-style, article.contents .block.form .form-entry .campaign-table td .input[type="email"].nomal-style, article.contents .block.form .form-campaign .entry-table th .input[type="text"].nomal-style, article.contents .block.form .form-campaign .entry-table th .input[type="email"].nomal-style, article.contents .block.form .form-campaign .entry-table td .input[type="text"].nomal-style, article.contents .block.form .form-campaign .entry-table td .input[type="email"].nomal-style, article.contents .block.form .form-campaign .campaign-table th .input[type="text"].nomal-style, article.contents .block.form .form-campaign .campaign-table th .input[type="email"].nomal-style, article.contents .block.form .form-campaign .campaign-table td .input[type="text"].nomal-style, article.contents .block.form .form-campaign .campaign-table td .input[type="email"].nomal-style {
          width: 80%; }
        article.contents .block.form .form-entry .entry-table th .input[type="text"].long-style, article.contents .block.form .form-entry .entry-table th .input[type="email"].long-style, article.contents .block.form .form-entry .entry-table td .input[type="text"].long-style, article.contents .block.form .form-entry .entry-table td .input[type="email"].long-style, article.contents .block.form .form-entry .campaign-table th .input[type="text"].long-style, article.contents .block.form .form-entry .campaign-table th .input[type="email"].long-style, article.contents .block.form .form-entry .campaign-table td .input[type="text"].long-style, article.contents .block.form .form-entry .campaign-table td .input[type="email"].long-style, article.contents .block.form .form-campaign .entry-table th .input[type="text"].long-style, article.contents .block.form .form-campaign .entry-table th .input[type="email"].long-style, article.contents .block.form .form-campaign .entry-table td .input[type="text"].long-style, article.contents .block.form .form-campaign .entry-table td .input[type="email"].long-style, article.contents .block.form .form-campaign .campaign-table th .input[type="text"].long-style, article.contents .block.form .form-campaign .campaign-table th .input[type="email"].long-style, article.contents .block.form .form-campaign .campaign-table td .input[type="text"].long-style, article.contents .block.form .form-campaign .campaign-table td .input[type="email"].long-style {
          width: 100%; }
  article.contents .block.form .form-campaign .form-campaign-lead {
    margin: 0 0 20px 0; }
    article.contents .block.form .form-campaign .form-campaign-lead br {
      display: none; }
  article.contents .block.form .form-campaign .campaign-lead {
    width: auto;
    border: 5px solid #F3F3F4;
    padding: 10px;
    margin: 0 0 20px 0; }
    article.contents .block.form .form-campaign .campaign-lead .campaign-terms__title {
      width: auto;
      float: none;
      font-weight: 600; }
    article.contents .block.form .form-campaign .campaign-lead .campaign-terms__data {
      width: auto;
      float: none; }
  article.contents .block.form .submit {
    padding: 4% 0;
    width: 60%; } }

@media (max-width: 768px) {
  article.contents .block.message-hero {
    padding: 0 0 40px 0; }
    article.contents .block.message-hero::before {
      margin: 0 0 20px 0; }
    article.contents .block.message-hero .hero {
      font-size: 16px;
      margin: 0 0 20px 0; }
    article.contents .block.message-hero .message-grab .message-grab__image {
      width: 80%;
      margin: 0 auto 20px auto; }
    article.contents .block.message-hero .message-grab__lead {
      padding: 0 10px; }
  article.contents .block.message-suport::before, article.contents .block.message-plot::before {
    display: block;
    position: static;
    width: 100%;
    padding: 30% 0;
    margin: 0 0 20px 0; }
  article.contents .block.message-suport .layout-block, article.contents .block.message-plot .layout-block {
    float: none;
    margin: 0; }
  article.contents .block.message-summary .message-summary__image {
    width: 90%; } }