@charset "utf-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
}
html, body {
  /*height: 100%;*/
  font-family: "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-weight: 500;
  background: #000;
}
html {
  box-sizing: border-box;
}
, :before, *:after {
  box-sizing: inherit;
}
/* 基本パーツ
-------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}
ul {
  list-style: none;
}
img { /* Fluid-img */
  max-width: 100%;
  display: block;
  margin: 0 auto 0 auto;
  vertical-align: middle;
}
td img {
  vertical-align: baseline;
}
strong {
  font-weight: 800;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
p {
  margin: 0;
  padding: 0 0 0 0;
  line-height: 1.7;
  color: #fff;
  word-break: break-all /*行末で改行 （単語の途中であっても改行させる）*/
}
blockquote {
  margin: 0 30px 0 30px;
}
a {
  color: #c30;
  text-decoration: none;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
a:hover {
  text-decoration: none;
  color: #999;
}
.ss {
  font-size: 60%;
}
/*--- clearfix --- */
.clearfix:after {
  content: "."; /* 新しい要素を作る */
  display: block; /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */
/* floatをクリア */
.clear {
  clear: both;
}
/* 共通レイアウト
-------------------------------------------- */
.main-wp {
  width: 100%;
  margin: 0px auto;
  background: url("../images/enogu1.png") top 20px left no-repeat, url("../images/enogu2.png") bottom 550px right no-repeat;
  background-size: 52%;
}
.main {
  width: 87%;
  margin: 20px auto;
}
section {
  margin: 0 0 30px 0;
}
.bg-wh {
  background: #fff;
  padding: 20px;
}
.bg-wh p {
  color: #000;
}
/* 各パーツ
-------------------------------------------- */
.douga li {
  width: 47%;
  margin: 0 0 20px 0;
}
/*--- テキスト --- */
.tex-l {
  font-size: 28px;
}
.tex-bold {
  font-weight: 600;
}
/* バナーエリア
-------------------------------------------- */
.flexbox01 {
  display: block;
  -webkit-justify-content: flex-start; /*左右中央寄せ*/
  justify-content: flex-start; /*左右中央寄せ*/
  display: -webkit-box; /* Android4.3以前ブラウザ用 */
  display: -webkit-flex; /* iOS8以前Safari用 */
  display: flex;
  -webkit-flex-wrap: wrap; /*折り返し(mac safari用)*/
  flex-wrap: wrap; /*折り返し*/
}
.flexbox02 {
  display: block;
  -webkit-justify-content: space-between; /*左右中央寄せ*/
  justify-content: space-between; /*左右中央寄せ*/
  display: -webkit-box; /* Android4.3以前ブラウザ用 */
  display: -webkit-flex; /* iOS8以前Safari用 */
  display: flex;
  -webkit-align-items: flex-start; /*上下中央寄せ*/
  align-items: flex-start; /*上下中央寄せ*/
  -webkit-flex-wrap: wrap; /*折り返し(mac safari用)*/
  flex-wrap: wrap; /*折り返し*/
  margin: 0;
}
.flexbox02::after {
  content: "";
  display: block;
  width: 32%;
}
/*===============================================
 スマホテーブル用
===============================================*/
@media print, screen and (max-width : 767px) {
  /* お申込みフォーム
--------------------------- */
  table.contactform {
    width: 100%;
    margin: 10px auto 0 auto;
    background: #fff;
    border: #000 1px solid;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  table.contactform td {
    border-bottom: #000 1px solid;
    padding: 5px;
    vertical-align: top;
    display: block;
  }
  table.contactform th {
    background: #00a1ac;
    vertical-align: middle;
    font-weight: 600;
    display: block;
    padding: 5px;
    text-indent: 0.7em;
    color: #fff;
  }
  span.hissu {
    font-size: 80%;
    color: yellow;
    margin-left: 5px;
  }
}
@media print, screen and (min-width : 768px) {
  /* 共通レイアウト
-------------------------------------------- */
  .main-wp {
    width: 1480px;
    margin: 0px auto;
    background: url("../images/enogu1.png") top 200px left no-repeat, url("../images/enogu2.png") bottom 300px right no-repeat;
    background-size: 34%;
  }
  .main {
    width: 980px;
    margin: 20px auto;
  }
  .bg-wh {
    padding: 30px;
  }
  /* 各パーツ
-------------------------------------------- */
  .douga li {
    width: 32%;
    margin: 0 0 20px 0;
  }
  /*--- テキスト --- */
  .tex-l {
    font-size: 38px;
  }
  /* お申込みフォーム
--------------------------- */
  table.contactform {
    width: 98%;
    margin: 20px auto 0 auto;
    background: #fff;
  }
  table.contactform td, table.contactform th {
    border: #333 2px solid;
    padding: 10px;
    vertical-align: top;
  }
  table.contactform th {
    background: #00a1ac;
    vertical-align: middle;
    font-weight: 600;
    color: #fff;
    text-align: left;
  }
  table.contactform tr th:nth-of-type(1) {
    width: 10em;
    text-align:;
  }
  span.hissu {
    font-size: 80%;
    color: yellow;
    margin-left: 5px;
  }
}