@charset "UTF-8";
@import url("base.css");
/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/
/*基本設定*/
.wave {
  position: relative;
  margin-top: -2%;
  z-index: 60; }

.banner {
  width: 100%;
  margin: 0 auto; }

.work {
  width: 70%;
  margin: 3em auto 0; }
  .work h2 {
    font-size: 187%;
    color: #00b4b4; }
  .work h3 {
    font-size: 150%;
    color: #0046a0;
    margin: 3em 0 0; }
  .work table {
    width: 100%;
    margin: 2em 0 0; }
    .work table tr:first-child {
      background-color: rgba(0, 187, 255, 0.3); }
    .work table tr th {
      border: 1px solid #000;
      width: 16%;
      padding: 1em 2%;
      text-align: justify;
      text-align-last: justify;
      vertical-align: top; }
    .work table tr td {
      border: 1px solid #000;
      width: 76%;
      padding: 1em 2%; }
      .work table tr td ul li {
        list-style: '◇';
        margin: 0 0 0 1em; }
      .work table tr td .aline li {
        text-indent: -5em;
        padding-left: 5.2em; }

.line {
  width: 65%;
  margin: 1em auto 7em; }

.botan-1 {
  width: 40%;
  margin: 3em auto 1em;
  text-align: center;
  background: #fff;
  border: 2px solid #00b4b4;
  border-radius: 9999px;
  padding: 1em 0;
  color: #00b4b4;
  box-shadow: 5px 5px 10px 1px #7c7c7c;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none; }
  .botan-1 a {
    text-decoration: none;
    color: #00b4b4;
    text-decoration: none;
    padding: 1em 35%;
    font-weight: bold;
    text-decoration: none; }

.botan-2 {
  width: 40%;
  margin: 3em auto 1em;
  text-align: center;
  background: #69ade3;
  border-radius: 9999px;
  padding: 1em 0;
  color: #fff;
  box-shadow: 5px 5px 10px 1px #7c7c7c;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none; }
  .botan-2 a {
    text-decoration: none;
    color: #fff;
    padding: 1em 38%;
    font-weight: bold;
    text-decoration: none; }

.botan-3 {
  width: 40%;
  margin: 3em auto 1em;
  text-align: center;
  background: #0046a0;
  border-radius: 9999px;
  padding: 1em 0;
  color: #fff;
  box-shadow: 5px 5px 10px 1px #7c7c7c;
  font-size: 1.2em;
  font-weight: bold; }
  .botan-3 a {
    text-decoration: none;
    color: #fff;
    text-decoration: none;
    padding: 1em 32%;
    font-weight: bold;
    text-decoration: none; }

/*共通設定ここまで-------------------------------------------------------------------------------------------------------------------------------------*/
/* pc */
@media screen and (min-width: 1300px) {
  /*メイン*/
  .m_sp {
    display: none; } }
/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1299px) {
  /*メイン*/ }
/* tablet以下共通ここまで ------------------------------------------------------------------------------------------*/
/* tablet1 */
@media only screen and (min-width: 1024px) and (max-width: 1299px) {
  /*メイン*/
  .botan-1 a {
    padding: 1em 30%; }

  .botan-2 a {
    padding: 1em 30%; }

  .botan-3 a {
    padding: 1em 23%; } }
/* tablet2  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /*基本設定*/
  /*メイン*/
  .work {
    width: 90%; }

  .botan-1 {
    width: 40%;
    margin: 3em auto 1em;
    text-align: center;
    background: #fff;
    border: 2px solid #00b4b4;
    border-radius: 9999px;
    padding: 1em 0;
    color: #00b4b4;
    box-shadow: 5px 5px 10px 1px #7c7c7c;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none; }
    .botan-1 a {
      text-decoration: none;
      color: #00b4b4;
      text-decoration: none;
      padding: 1em 27%;
      font-weight: bold;
      text-decoration: none; }

  .botan-2 {
    width: 40%;
    margin: 3em auto 1em;
    text-align: center;
    background: #69ade3;
    border-radius: 9999px;
    padding: 1em 0;
    color: #fff;
    box-shadow: 5px 5px 10px 1px #7c7c7c;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none; }
    .botan-2 a {
      text-decoration: none;
      color: #fff;
      padding: 1em 30%;
      font-weight: bold;
      text-decoration: none; }

  .botan-3 {
    width: 40%;
    margin: 3em auto 1em;
    text-align: center;
    background: #0046a0;
    border-radius: 9999px;
    padding: 1em 0;
    color: #fff;
    box-shadow: 5px 5px 10px 1px #7c7c7c;
    font-size: 1.2em;
    font-weight: bold; }
    .botan-3 a {
      text-decoration: none;
      color: #fff;
      text-decoration: none;
      padding: 1em 19%;
      font-weight: bold;
      text-decoration: none; } }
/* tablet3  */
@media only screen and (max-width: 767px) {
  /*基本設定*/
  /*メイン*/
  .work {
    width: 90%;
    margin: 1.5em auto 0; }
    .work h2 {
      font-size: 187%;
      color: #00b4b4; }
    .work table {
      width: 100%;
      margin: 1em 0 0; }
      .work table tr th {
        display: block;
        border: 0px;
        border-bottom: 1px solid #000;
        width: 96%;
        padding: 0;
        text-align: left;
        text-align-last: left;
        font-size: 110%;
        margin: 1em 0 0; }
      .work table tr td {
        display: block;
        border: none;
        width: 96%;
        padding: 0.5em 0 0; }
        .work table tr td ul li {
          list-style: '□';
          list-style-position: outside;
          margin: 0 0 0 1em; }

  .botan-1 {
    width: 60%;
    margin: 3em auto 1em;
    text-align: center;
    background: #fff;
    border: 2px solid #00b4b4;
    border-radius: 9999px;
    padding: 1em 0;
    color: #00b4b4;
    box-shadow: 5px 5px 10px 1px #7c7c7c;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none; }
    .botan-1 a {
      text-decoration: none;
      color: #00b4b4;
      text-decoration: none;
      padding: 1em 20%;
      font-weight: bold;
      text-decoration: none; }

  .botan-2 {
    width: 60%;
    margin: 3em auto 1em;
    text-align: center;
    background: #69ade3;
    border-radius: 9999px;
    padding: 1em 0;
    color: #fff;
    box-shadow: 5px 5px 10px 1px #7c7c7c;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none; }
    .botan-2 a {
      text-decoration: none;
      color: #fff;
      padding: 1em 20%;
      font-weight: bold;
      text-decoration: none; }

  .botan-3 {
    width: 60%;
    margin: 3em auto 1em;
    text-align: center;
    background: #0046a0;
    border-radius: 9999px;
    padding: 1em 0;
    color: #fff;
    box-shadow: 5px 5px 10px 1px #7c7c7c;
    font-size: 1.2em;
    font-weight: bold; }
    .botan-3 a {
      text-decoration: none;
      color: #fff;
      text-decoration: none;
      padding: 1em 10%;
      font-weight: bold;
      text-decoration: none; } }
/* smartPhone1 */
@media only screen and (max-width: 499px) {
  /*基本設定*/
  /*メイン*/ }