@charset "UTF-8";
/*
**
page style
**
**
**
form style
**
**
**
system style
**
**
**
*/
/*==================================================

** common
==================================================*/
/* floatbox */
#main .floatbox:after {
  clear: both;
  content: '';
  display: block;
  height: 0; }
#main .floatbox .txtbox > :first-child, #main .floatbox .photobox > :first-child {
  margin-top: 0; }
#main .floatbox .txtbox.right, #main .floatbox .photobox.right {
  float: right; }
#main .floatbox .txtbox.left, #main .floatbox .photobox.left {
  float: left; }
#main #service {
  background-color: #eff5ff;
  padding: 100px 0; }
  #main #service .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #main #service .wrap div {
      width: 383px; }
      #main #service .wrap div h2 {
        font-family: 'Noto Serif Japanese';
        font-style: normal;
        font-weight: 600;
        font-size: 3rem;
        color: "";
        letter-spacing: 2px; }
        #main #service .wrap div h2 span {
          font-family: 'Noto Serif Japanese';
          font-style: normal;
          font-weight: 700;
          font-size: 1.4rem;
          color: #2a8ebf;
          margin-left: 15px;
          letter-spacing: 1px; }
      #main #service .wrap div h3 {
        color: #2a8ebf;
        font-family: 'Noto Serif Japanese';
        font-style: normal;
        font-weight: 600;
        font-size: 2.2rem;
        color: #2a8ebf;
        margin-top: 40px; }
      #main #service .wrap div p {
        margin-top: 25px;
        line-height: 2em; }
    #main #service .wrap img {
      display: block;
      width: 637px;
      height: 368px; }
#main #company {
  padding: 100px 0 0; }
  #main #company .wrap h2 {
    text-align: center;
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 600;
    font-size: 3rem;
    color: "";
    letter-spacing: 2px; }
    #main #company .wrap h2 span {
      display: block;
      font-family: 'Noto Serif Japanese';
      font-style: normal;
      font-weight: 700;
      font-size: 1.4rem;
      color: #2a8ebf;
      margin-left: 15px;
      letter-spacing: 1px; }
  #main #company .wrap table {
    width: 810px;
    margin: 30px auto; }
    #main #company .wrap table tr {
      border-bottom: solid 1px #ccc; }
      #main #company .wrap table tr th, #main #company .wrap table tr td {
        padding: 20px;
        text-align: left;
        vertical-align: top; }
      #main #company .wrap table tr th {
        width: 220px; }
#main #access {
  padding: 80px 0 100px; }
  #main #access .wrap h2 {
    text-align: center;
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 600;
    font-size: 3rem;
    color: "";
    letter-spacing: 2px; }
    #main #access .wrap h2 span {
      display: block;
      font-family: 'Noto Serif Japanese';
      font-style: normal;
      font-weight: 700;
      font-size: 1.4rem;
      color: #2a8ebf;
      margin-left: 15px;
      letter-spacing: 1px; }
  #main #access .wrap iframe {
    width: 100%;
    height: 340px;
    margin: 60px 0 0; }
#main #contact {
  background-color: #eff5ff;
  padding: 90px 0; }
  #main #contact h2 {
    text-align: center;
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 600;
    font-size: 3rem;
    color: "";
    letter-spacing: 2px; }
    #main #contact h2 span {
      display: block;
      font-family: 'Noto Serif Japanese';
      font-style: normal;
      font-weight: 700;
      font-size: 1.4rem;
      color: #2a8ebf;
      margin-left: 15px;
      letter-spacing: 1px; }
  #main #contact .wrap {
    background-color: #fff;
    margin: 50px auto;
    padding: 60px; }
    #main #contact .wrap #tel {
      background-color: #f5f5f5;
      padding: 40px 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #main #contact .wrap #tel h3 {
        font-family: 'Noto Serif Japanese';
        font-style: normal;
        font-weight: 500;
        font-size: 2.4rem;
        color: inherit; }
      #main #contact .wrap #tel .tel {
        font-family: 'Noto Serif Japanese';
        font-style: normal;
        font-weight: 500;
        font-size: 4.2rem;
        color: #2a8ebf; }
        #main #contact .wrap #tel .tel:before {
          content: "";
          font-family: FontAwesome;
          font-weight: normal;
          font-size: "";
          color: "";
          margin-right: 5px; }
    #main #contact .wrap #mail {
      margin: 60px 0 0;
      /*padding: 50px ;*/ }
      #main #contact .wrap #mail h3 {
        font-family: 'Noto Serif Japanese';
        font-style: normal;
        font-weight: 500;
        font-size: 2.4rem;
        color: inherit;
        text-align: center; }
      #main #contact .wrap #mail table {
        margin-top: 20px; }
        #main #contact .wrap #mail table tr {
          border-bottom: 1px dotted #cccccc; }
          #main #contact .wrap #mail table tr th, #main #contact .wrap #mail table tr td {
            padding: 20px;
            text-align: left;
            vertical-align: top; }
          #main #contact .wrap #mail table tr th {
            width: 220px; }
          #main #contact .wrap #mail table tr th {
            width: 220px;
            text-align: left;
            font-weight: 400 !important; }
            #main #contact .wrap #mail table tr th.must:before {
              content: "必須";
              color: #fff;
              background: #2a8ebf;
              padding: 3px 7px;
              margin-right: 10px;
              font-size: 1.2rem;
              font-weight: normal; }
            #main #contact .wrap #mail table tr th.better:before {
              content: "任意";
              color: #fff;
              background: #888;
              padding: 3px 7px;
              margin-right: 10px;
              font-size: 1.2rem;
              font-weight: normal; }
          #main #contact .wrap #mail table tr td input[type="text"], #main #contact .wrap #mail table tr td input[type="email"], #main #contact .wrap #mail table tr td input[type="tel"], #main #contact .wrap #mail table tr td textarea {
            border-radius: 5px;
            border: solid 1px #ccc;
            padding: 5px; }
            #main #contact .wrap #mail table tr td input[type="text"].short, #main #contact .wrap #mail table tr td input[type="email"].short, #main #contact .wrap #mail table tr td input[type="tel"].short, #main #contact .wrap #mail table tr td textarea.short {
              width: 200px; }
            #main #contact .wrap #mail table tr td input[type="text"].middle, #main #contact .wrap #mail table tr td input[type="email"].middle, #main #contact .wrap #mail table tr td input[type="tel"].middle, #main #contact .wrap #mail table tr td textarea.middle {
              width: 300px; }
            #main #contact .wrap #mail table tr td input[type="text"].long, #main #contact .wrap #mail table tr td input[type="email"].long, #main #contact .wrap #mail table tr td input[type="tel"].long, #main #contact .wrap #mail table tr td textarea.long {
              width: 100% !important; }
          #main #contact .wrap #mail table tr td textarea {
            height: 200px !important; }
      #main #contact .wrap #mail button {
        width: 320px;
        height: 54px;
        font-weight: 500;
        background: #2a8ebf;
        color: #fff;
        line-height: 54px;
        text-align: center;
        border: solid 1px transparent;
        border-radius: 5px;
        display: block;
        margin: 40px auto 0;
        font-size: 1.5rem;
        cursor: pointer; }
#main #thanks {
  margin-bottom: -60px; }
  #main #thanks h2 {
    margin-top: 60px;
    text-align: center;
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 600;
    font-size: 3rem;
    color: "";
    letter-spacing: 2px; }
    #main #thanks h2 span {
      display: block;
      font-family: 'Noto Serif Japanese';
      font-style: normal;
      font-weight: 700;
      font-size: 1.4rem;
      color: #2a8ebf;
      letter-spacing: 1px; }
  #main #thanks h3 {
    margin-top: 50px; }
  #main #thanks p {
    margin-top: 20px; }
  #main #thanks .btn a {
    width: 320px;
    height: 54px;
    font-weight: 500;
    background: #2a8ebf;
    color: #fff;
    line-height: 54px;
    text-align: center;
    border: solid 1px transparent;
    border-radius: 5px;
    display: block;
    margin: 30px auto 0;
    font-size: 1.5rem; }