@charset "UTF-8";
/* カラー */
/* media query */
/* SP縦から */
/* SP横から */
/* タブレット縦から */
/* フルワイド */
.main {
  padding: 100px 0;
  text-align: center; }
  @media all and (max-width: 896px) {
    .main {
      padding: 50px 0; } }
  .main > h1 {
    margin-bottom: 30px;
    padding: 10px 0;
    text-align: left;
    border-bottom: 2px solid #018901;
    color: #018901; }
  .main > p {
    text-align: left;
    margin-bottom: 30px; }
  .main .area_main {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 50px; }
    @media all and (max-width: 896px) {
      .main .area_main {
        padding: 20px; } }
    .main .area_main h2 {
      font-weight: bold;
      /*text-align: left;
      width: 100%;
      max-width: 400px;
      margin: 0 auto;*/
      font-size: 1.8rem; }
    .main .area_main input[type="text"] {
      margin-top: 10px;
      padding: 10px;
      box-sizing: border-box;
      border: 1px solid #D8D6D6;
      width: 100%;
      max-width: 400px;
      margin-right: 5px;
      border-radius: 5px;
      font-size: 1.6rem !important; }
    .main .area_main .submit {
      margin: 30px auto 0 auto;
      position: relative; }
      .main .area_main .submit .btn_submit {
        padding: 15px;
        border-radius: 5px;
        box-sizing: border-box;
        text-align: center;
        color: #fff;
        background: #ff8989;
        font-size: 1.6rem;
        letter-spacing: 2px;
        display:inline-block;
        cursor: pointer; }
        .main .area_main .submit .btn_submit:hover {
          opacity: 0.6;
          transition: 0.3s; }
  .main .sankou {
    padding: 30px;
    background-color: #fff;
    border: 3px solid #018901;
    margin-bottom: 50px; }
    @media all and (max-width: 896px) {
      .main .sankou {
        padding: 10px; } }
    .main .sankou > h3 {
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 20px; }
      @media all and (max-width: 896px) {
        .main .sankou > h3 {
          font-size: 1.6rem; } }
    .main .sankou ul {
      display: flex;
      justify-content: center; }
      @media all and (max-width: 896px) {
        .main .sankou ul {
          display: block; } }
      .main .sankou ul li {
        margin: 10px; }
        .main .sankou ul li img {
          border: 1px solid #000; }
  .main .attention > h3 {
    margin-bottom: 20px;
    padding: 10px 0;
    text-align: left;
    border-bottom: 1px dotted #018901;
    color: #018901; }
  .main .attention ul {
    text-align: left;
    margin-bottom: 20px; }
    .main .attention ul li {
      margin-bottom: 8px; }
      .main .attention ul li.kome {
        padding-left: 1em;
        text-indent: -1em; }

.formLayout .errmsg,
.formLayout #errorMessage {
  box-sizing: border-box;
  width: 100%;
  background: #FFF;
  border: 3px solid #f00;
  padding: 10px;
  margin: 0 auto 10px auto;
  color: #F00; }

.formLayout .errmsg a,
.formLayout #errorMessage a {
  color: #F00; }