@charset "UTF-8";
@import url(reset.css);
body:before {
  display: block;
  content: '';
  height: 4px;
  background-color: #0FAA9B; }

.header {
  width: 1200px;
  margin: 0 auto;
  padding-top: 10px; }
  @media screen and (max-width: 1025px) {
    .header {
      width: 100%; } }
  @media screen and (max-width: 480px) {
    .header {
      width: 100%;
      height: auto; } }
  .header .header-title {
    font-size: 13px;
    margin-top: 1%; }
    @media screen and (max-width: 1025px) {
      .header .header-title {
        margin-left: 1%; } }
    @media screen and (max-width: 480px) {
      .header .header-title {
        margin-top: 40px;
        margin-bottom: 15px;
        text-align: center; } }

.header-list {
  padding-top: 5px; }
  @media screen and (max-width: 480px) {
    .header-list {
      padding-top: 0px;
      margin-bottom: 20px; } }
  .header-list:after {
    display: block;
    content: '';
    clear: both; }
  .header-list .company {
    float: left;
    margin-top: 1%;
    margin-bottom: 2%; }
    @media screen and (max-width: 1025px) {
      .header-list .company {
        margin-left: 1%; } }
    @media screen and (max-width: 480px) {
      .header-list .company {
        float: none;
        margin-top: 1%;
        padding: 0px;
        text-align: center; } }

  .header-list .tel {
    float: right;
    margin-top: 2.5%;
    margin-bottom: 2%; }
    @media screen and (max-width: 1025px) {
      .header-list .tel {
        margin-right: 4%; } }
    @media screen and (max-width: 667px) {
      .header-list .tel {
        margin-right: 0.5%; } }
    @media screen and (max-width: 480px) {
      .header-list .tel {
        float: none;
        text-align: center; } }

.fixed {
  position: fixed;
  z-index: 10000;
  top: 0;
  width: 100%; }

#front-menu {
  width: 100%;
  background-color: #0B9685;
  margin-bottom: 30px;
  border-bottom: 1px solid #0A917F; }

.dropmenu {
  margin: 0 auto;
  width: 1200px; }
  @media screen and (max-width: 1025px) {
    .dropmenu {
      width: 100%; } }
  .dropmenu:after {
    display: block;
    content: '';
    clear: both; }
  .dropmenu li {
    position: relative;
    float: left;
    height: 60px;
    width: 25%;
    margin: 0;
    padding: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(radial, center top, 0, center top, 130, from(#0FAA9B), to(#0D9F8F));
    background: -webkit-radial-gradient(center top, circle cover, #0FAA9B 0, #0D9F8F 130%);
    background: -moz-radial-gradient(center top, circle cover, #0FAA9B 0, #0D9F8F 130%);
    background: -o-radial-gradient(center top, circle cover, #0FAA9B 0, #0D9F8F 130%);
    background: radial-gradient(farthest-side circle at center top, #0FAA9B 0, #0B9685 130%);
    border-left: 1px dotted #ffffff; }
    .dropmenu li:last-of-type {
      border-right: 1px dotted #ffffff; }
    .dropmenu li a {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      height: 100%;
      margin: 0;
      color: #fff;
      font-size: 14px; }
      .dropmenu li a:hover {
        background: #EA2100;
        transition: 1.2s; }
      .dropmenu li a:hover > a {
        background: #EA2100; }
      .dropmenu li a span {
        display: block;
        width: 100%; }
    .dropmenu li ul {
      list-style: none;
      position: absolute;
      top: 100%;
      left: 0;
      margin: 0;
      padding: 0;
      width: 100%; }
      @media screen and (max-width: 1025px) {
        .dropmenu li ul {
          display: none; } }
      .dropmenu li ul li {
        float: none;
        width: 100%;
        background-color: #0FAA9B;
        border-top: 1px dotted #ffffff;
        height: 30px;
        font-size: 12px; }
        .dropmenu li ul li a {
          align-items: center;
          justify-content: flex-start;
          padding-left: 25px;
          font-weight: normal; }
          .dropmenu li ul li a:hover {
            background: #EA2100;
            transition: 0.5s; }
          .dropmenu li ul li a:hover > a {
            background: #EA2100; }

#fade-in {
  position: relative;
  z-index: 6; }

#fade-in li ul {
  opacity: 0;
  visibility: hidden;
  transition: .5s; }

#fade-in li:hover ul {
  visibility: visible;
  opacity: 1; }

.main-visual {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .main-visual img {
    width: 100%; }
  @media screen and (max-width: 480px) {
    .main-visual {
      position: static;
      height: auto;
      background: none; } }
  .main-visual .text03 {
    position: absolute;
    left: 0%;
    top: 22.85714%;
    z-index: 8;
    width: 20%;
    padding: 5px;
    background-color: #C38AB6;
    background-color: rgba(195, 138, 182, 0.9);
    color: #ffffff;
    text-align: center;
    font-size: 26px;
    letter-spacing: 2px; }
    @media screen and (max-width: 1025px) {
      .main-visual .text03 {
        font-size: 20px;
        left: 0%;
        top: 25.76923%; } }
    @media screen and (max-width: 769px) {
      .main-visual .text03 {
        font-size: 20px;
        left: 0%;
        top: 12.2549%; } }
    @media screen and (max-width: 480px) {
      .main-visual .text03 {
        position: static;
        font-size: 15px;
        width: 70%;
        margin: 0 auto; } }
  .main-visual .text04 {
    position: absolute;
    left: 0%;
    top: 45.71429%;
    z-index: 9;
    width: 20%;
    padding: 5px;
    background-color: rgba(235, 160, 72, 0.9);
    color: #ffffff;
    text-align: center;
    font-size: 26px;
    letter-spacing: 2px; }
    @media screen and (max-width: 1025px) {
      .main-visual .text04 {
        font-size: 20px;
        left: 0%;
        top: 46.15385%; } }
    @media screen and (max-width: 769px) {
      .main-visual .text04 {
        font-size: 20px;
        left: 0%;
        top: 35.78431%; } }
    @media screen and (max-width: 480px) {
      .main-visual .text04 {
        position: static;
        font-size: 15px;
        width: 70%;
        margin: 0 auto; } }
  .main-visual .text05 {
    position: absolute;
    left: 0%;
    top: 68.57143%;
    width: 20%;
    z-index: 10;
    padding: 5px;
    background-color: rgba(103, 176, 226, 0.9);
    color: #ffffff;
    text-align: center;
    font-size: 26px;
    letter-spacing: 2px; }
    @media screen and (max-width: 1025px) {
      .main-visual .text05 {
        font-size: 20px;
        left: 0%;
        top: 68.46154%; } }
    @media screen and (max-width: 769px) {
      .main-visual .text05 {
        font-size: 20px;
        left: 0%;
        top: 58.82353%; } }
    @media screen and (max-width: 480px) {
      .main-visual .text05 {
        position: static;
        font-size: 15px;
        width: 70%;
        margin: 0 auto;
        margin-bottom: 20px; } }
  .main-visual .text06 {
    position: absolute;
    top: 32%;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 35px;
    margin: auto;
    text-align: center;
    z-index: 0; }
    @media screen and (max-width: 1025px) {
      .main-visual .text06 {
        font-size: 30px;
        top: 19.23077%; } }
    @media screen and (max-width: 769px) {
      .main-visual .text06 {
        font-size: 25px;
        top: 20.83333%;
        text-shadow: 0 1px 0 #ffffff, 1px 0 0 #ffffff, 0 -1px 0 #ffffff, -1px 0 0 #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff; } }
    @media screen and (max-width: 667px) {
      .main-visual .text06 {
        font-size: 20px;
        margin: 0px;
        left: 37.48126%;
        text-align: left; } }
    @media screen and (max-width: 480px) {
      .main-visual .text06 {
        position: static;
        width: 100%;
        text-align: center;
        display: block;
        font-size: 17px;
        padding: 10px;
        background-size: 580px auto;
        background-position: right 0;
        background-repeat: no-repeat;
        text-shadow: 0 1px 0 #ffffff, 1px 0 0 #ffffff, 0 -1px 0 #ffffff, -1px 0 0 #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff; } }
  .main-visual .text07 {
    position: absolute;
    top: 54%;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 48px;
    margin: auto;
    text-align: center;
    z-index: 1;
    font-weight: bold; }
    @media screen and (max-width: 1025px) {
      .main-visual .text07 {
        font-size: 42px;
        top: 38.46154%;
        text-shadow: 0 1px 0 #ffffff, 1px 0 0 #ffffff, 0 -1px 0 #ffffff, -1px 0 0 #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff; } }
    @media screen and (max-width: 769px) {
      .main-visual .text07 {
        font-size: 32px;
        top: 41.66667%; } }
    @media screen and (max-width: 667px) {
      .main-visual .text07 {
        font-size: 40px; } }
    @media screen and (max-width: 480px) {
      .main-visual .text07 {
        position: static;
        top: 5%;
        width: 100%;
        font-size: 22px;
        margin-bottom: 15px; } }

/* -------------------
 
---------------------- */
.bus-sign {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 50px; }
  @media screen and (max-width: 1025px) {
    .bus-sign {
      width: 100%; } }
  .bus-sign:after {
    display: block;
    content: '';
    clear: both; }
  .bus-sign .bus-sign-title {
    font-size: 25px;
    text-align: center; }
  .bus-sign .bus-sign-item {
    float: left;
    width: 281.25px;
    margin: 25px 0 25px 25px; }
    @media screen and (max-width: 1025px) {
      .bus-sign .bus-sign-item {
        width: 40%;
        margin: 0px;
        margin-left: 5%; } }
    @media screen and (max-width: 480px) {
      .bus-sign .bus-sign-item {
        float: none;
        width: 90%;
        margin-left: 0px;
        margin: 0 auto;
        margin-top: 0px;
        margin-bottom: 15px; } }
    .bus-sign .bus-sign-item:nth-of-type(1) {
      margin-left: 0px; }
      @media screen and (max-width: 1025px) {
        .bus-sign .bus-sign-item:nth-of-type(1) {
          margin-left: 5%; } }
      @media screen and (max-width: 480px) {
        .bus-sign .bus-sign-item:nth-of-type(1) {
          margin: 0 auto; } }
    .bus-sign .bus-sign-item:nth-of-type(5) {
      margin-left: 0px; }
      @media screen and (max-width: 1025px) {
        .bus-sign .bus-sign-item:nth-of-type(5) {
          margin-left: 5%; } }
      @media screen and (max-width: 480px) {
        .bus-sign .bus-sign-item:nth-of-type(5) {
          margin: 0 auto; } }
    .bus-sign .bus-sign-item:nth-of-type(9) {
      margin-left: 0px; }
      @media screen and (max-width: 1025px) {
        .bus-sign .bus-sign-item:nth-of-type(9) {
          margin-left: 5%; } }
      @media screen and (max-width: 480px) {
        .bus-sign .bus-sign-item:nth-of-type(9) {
          margin: 0 auto; } }
    .bus-sign .bus-sign-item h3 {
      font-size: 18px;
      text-align: center;
      line-height: 180%; }
      @media screen and (max-width: 480px) {
        .bus-sign .bus-sign-item h3 {
          font-size: 18px; } }
  .bus-sign a.thumnail {
    display: block;
    overflow: hidden;
    width: 281.25px; }
    @media screen and (max-width: 1025px) {
      .bus-sign a.thumnail {
        width: 100%;
        margin-bottom: 25px; } }
    @media screen and (max-width: 480px) {
      .bus-sign a.thumnail {
        width: 100%; } }
  .bus-sign img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
  .bus-sign figure {
    position: relative;
    overflow: hidden;
    margin: 0; }
  .bus-sign figcaption {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding-top: 15px;
    font-size: 14px;
    line-height: 170%;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    text-align: center;
    opacity: 0;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.5); }
    @media screen and (max-width: 769px) {
      .bus-sign figcaption {
        font-size: 50%;
        line-height: 150%; } }
    @media screen and (max-width: 640px) {
      .bus-sign figcaption {
        font-size: 90%;
        line-height: 190%; } }
  .bus-sign a:hover > figure img {
    -webkit-transform: scale(1.15, 1.15);
    -moz-transform: scale(1.15, 1.15);
    -ms-transform: scale(1.15, 1.15);
    -o-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15); }
  .bus-sign a:hover > figure figcaption {
    opacity: 1; }

.bizup-sign {
  width: 100%;
  margin: 0 auto;
  background-image: url(../img/top/bizup-sign.jpg);
  background-size: cover;
  background-attachment: fixed;
  padding-top: 40px;
  padding-bottom: 50px;
  margin-bottom: 50px;
  /* ------ */
  /* ------ */
  /* ------ */
  /* ------ */
  /* ------ */
  /* ------ */ }
  @media screen and (max-width: 480px) {
    .bizup-sign {
      padding-top: 25px;
      margin-bottom: 10px; } }
  .bizup-sign:after {
    display: block;
    content: '';
    clear: both; }
  .bizup-sign .bizup-sign-title {
    font-size: 40px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
    text-shadow: 0 2px 0 #ffffff, 2px 0 0 #ffffff, 0 -2px 0 #ffffff, -2px 0 0 #ffffff, -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff; }
    @media screen and (max-width: 769px) {
      .bizup-sign .bizup-sign-title {
        font-size: 30px; } }
    @media screen and (max-width: 667px) {
      .bizup-sign .bizup-sign-title {
        font-size: 25px;
        margin-bottom: 10px; } }
    @media screen and (max-width: 480px) {
      .bizup-sign .bizup-sign-title {
        margin-bottom: 10px;
        font-size: 20px; } }
  .bizup-sign .check-list {
    width: 950px;
    margin: 0 auto;
    border: 1px solid #CCCCCC;
    padding: 50px;
    background-color: rgba(255, 255, 255, 0.5); }
    @media screen and (max-width: 1025px) {
      .bizup-sign .check-list {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 95%;
        padding: 5px; } }
    .bizup-sign .check-list li {
      font-size: 30px;
      margin-bottom: 10px;
      margin-left: 80px;
      padding: 5px;
      padding-left: 45px;
      background-image: url(../img/top/check.gif);
      background-position: left 10px;
      background-repeat: no-repeat;
      text-shadow: 0 2px 0 #ffffff, 2px 0 0 #ffffff, 0 -2px 0 #ffffff, -2px 0 0 #ffffff, -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff; }
      @media screen and (max-width: 1025px) {
        .bizup-sign .check-list li {
          margin-left: 25px;
          font-size: 30px; } }
      @media screen and (max-width: 769px) {
        .bizup-sign .check-list li {
          font-size: 25px; } }
      @media screen and (max-width: 667px) {
        .bizup-sign .check-list li {
          margin-left: 2px;
          font-size: 17px;
          background-size: 20px;
          background-position: left 5px; } }
  .bizup-sign .support-title {
    font-size: 35px;
    margin: 0 auto;
    padding: 25px;
    text-align: center;
    text-shadow: 0 2px 0 #ffffff, 2px 0 0 #ffffff, 0 -2px 0 #ffffff, -2px 0 0 #ffffff, -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff; }
    .bizup-sign .support-title:before {
      display: block;
      content: '';
      margin: 0 auto;
      margin-top: 30px;
      margin-bottom: 30px;
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 80px 100px 0 100px;
      border-color: #007bff transparent transparent transparent; }
      @media screen and (max-width: 480px) {
        .bizup-sign .support-title:before {
          border-width: 50px 70px 0 70px;
          margin-top: 10px;
          margin-bottom: 20px; } }
    @media screen and (max-width: 667px) {
      .bizup-sign .support-title {
        font-size: 20px;
        padding: 5px; } }
  .bizup-sign p {
    width: 70%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 20px;
    text-align: center;
    text-shadow: 0 2px 0 #ffffff, 2px 0 0 #ffffff, 0 -2px 0 #ffffff, -2px 0 0 #ffffff, -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff; }
    @media screen and (max-width: 667px) {
      .bizup-sign p {
        width: 90%;
        font-size: 12px; } }
  .bizup-sign .bizup-sign-list {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 20px; }
    .bizup-sign .bizup-sign-list:after {
      display: block;
      content: '';
      clear: both; }
    @media screen and (max-width: 1025px) {
      .bizup-sign .bizup-sign-list {
        width: 98%;
        margin: 0 auto; } }
    @media screen and (max-width: 480px) {
      .bizup-sign .bizup-sign-list {
        width: 235px; } }
    .bizup-sign .bizup-sign-list li {
      float: left;
      width: 228px;
      margin: 0 0 0 15px;
      background-color: rgba(255, 255, 255, 0.8);
      background-size: 33%;
      background-repeat: no-repeat;
      background-position: 50% 80%;
      -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
      box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
      text-align: center; }
      @media screen and (max-width: 1025px) {
        .bizup-sign .bizup-sign-list li {
          margin-bottom: 25px; } }
      @media screen and (max-width: 480px) {
        .bizup-sign .bizup-sign-list li {
          float: none;
          margin-left: 0px;
          margin-bottom: 15px; } }
      .bizup-sign .bizup-sign-list li:nth-of-type(1) {
        margin-left: 0px;
        background-image: url(../img/bizup/01.png); }
        @media screen and (max-width: 1025px) {
          .bizup-sign .bizup-sign-list li:nth-of-type(1) {
            margin: 0 0 0 15px; } }
        @media screen and (max-width: 480px) {
          .bizup-sign .bizup-sign-list li:nth-of-type(1) {
            margin-left: 0px;
            margin-bottom: 15px; } }
      .bizup-sign .bizup-sign-list li:nth-of-type(2) {
        background-image: url(../img/bizup/02.png); }
      .bizup-sign .bizup-sign-list li:nth-of-type(3) {
        background-image: url(../img/bizup/03.png); }
      .bizup-sign .bizup-sign-list li:nth-of-type(4) {
        background-image: url(../img/bizup/04.png); }
      .bizup-sign .bizup-sign-list li:nth-of-type(5) {
        background-image: url(../img/bizup/05.png); }
      .bizup-sign .bizup-sign-list li a {
        display: block;
        height: 120px;
        padding: 25px;
        font-size: 18px;
        line-height: 110%;
        color: #07427A; }
  .bizup-sign .bizup-new-title {
    font-size: 16px;
    padding-left: 25px; }
  .bizup-sign .bizup-news-list {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 20px; }
    @media screen and (max-width: 1025px) {
      .bizup-sign .bizup-news-list {
        width: 90%; } }
    @media screen and (max-width: 480px) {
      .bizup-sign .bizup-news-list {
        width: 100%; } }
    .bizup-sign .bizup-news-list:after {
      display: block;
      content: '';
      clear: both; }
    .bizup-sign .bizup-news-list li {
      float: left;
      width: 592.5px; }
      @media screen and (max-width: 1025px) {
        .bizup-sign .bizup-news-list li {
          float: none;
          width: 100%; } }
      @media screen and (max-width: 480px) {
        .bizup-sign .bizup-news-list li {
          float: none;
          width: 100%; } }
      .bizup-sign .bizup-news-list li:nth-of-type(2) {
        float: right;
        text-align: center;
        padding-top: 50px; }
        @media screen and (max-width: 480px) {
          .bizup-sign .bizup-news-list li:nth-of-type(2) {
            float: none;
            padding-top: 20px; } }
        .bizup-sign .bizup-news-list li:nth-of-type(2) a {
          display: block;
          width: 350px;
          height: 100px;
          line-height: 100px;
          color: #ffffff;
          font-size: 20px;
          background-color: #0FAA9B;
          margin: 0 auto; }
          @media screen and (max-width: 480px) {
            .bizup-sign .bizup-news-list li:nth-of-type(2) a {
              width: 90%;
              height: 80px;
              line-height: 80px; } }
  .bizup-sign .bizup-news {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 25%;
    width: 100%;
    display: inline-block;
    -webkit-overflow-scrolling: touch; }
    @media screen and (max-width: 480px) {
      .bizup-sign .bizup-news {
        padding-top: 45%; } }
    .bizup-sign .bizup-news iframe {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      overflow-x: hidden;
      overflow-y: scroll; }

.voice {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 100px; }
  @media screen and (max-width: 1024px) {
    .voice {
      width: 100%;
      margin-bottom: 50px;
      overflow: hidden; } }
  .voice:after {
    display: block;
    content: '';
    clear: both; }
  .voice .voice-title {
    font-size: 25px;
    text-align: center;
    margin: 25px; }
  .voice .bxslider {
    margin: 0 auto; }
    .voice .bxslider li {
      text-align: center; }
      .voice .bxslider li a {
        display: block;
        height: auto;
        color: #121212;
        /* ------ */
        /* ------ */ }
        .voice .bxslider li a img {
          width: 100%; }
        .voice .bxslider li a span {
          display: block;
          width: 100%;
          padding-top: 10px;
          padding-bottom: 10px; }
          @media screen and (max-width: 480px) {
            .voice .bxslider li a span {
              font-size: 10px;
              padding: 0px;
              padding: 10px; } }

.contact-us {
  margin: 0 auto;
  padding-bottom: 50px;
  padding-top: 30px;
  overflow: hidden;
  background-color: #F2F2F2;
  background-image: url(../img/contact.png);
  background-repeat: no-repeat;
  background-position: bottom 15px left;
  /* ------ */
  /* ------ */ }
  @media screen and (max-width: 1025px) {
    .contact-us {
      background-size: 25%;
      padding-bottom: 0px; } }
  @media screen and (max-width: 640px) {
    .contact-us {
      background-size: 40%;
      background-position: -20px top;
      padding-top: 10px;
      padding-bottom: 25px; } }
  .contact-us .contact-us-title {
    font-size: 25px;
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center; }
    @media screen and (max-width: 640px) {
      .contact-us .contact-us-title {
        margin-bottom: 10px;
        padding-left: 10px; } }
  .contact-us .mail {
    padding-left: 30px;
    background-image: url(../img/mail.jpg);
    background-repeat: no-repeat;
    font-size: 25px;
    background-size: 25px;
    background-position: 0px 5px;
    margin-left: 80px; }
    @media screen and (max-width: 640px) {
      .contact-us .mail {
        display: block;
        width: 130px;
        margin: 0 auto;
        padding-left: 0px;
        text-align: center;
        font-size: 20px; } }
  .contact-us .tel {
    padding-left: 30px;
    background-image: url(../img/tel.jpg);
    background-repeat: no-repeat;
    font-size: 38px;
    background-size: 23px;
    margin-left: 40px;
    background-position: 0px 2px;
    color: #F37B1D;
    font-weight: bold; }
    @media screen and (max-width: 640px) {
      .contact-us .tel {
        display: block;
        width: 160px;
        margin: 0 auto;
        font-size: 25px;
        background-size: 20px; } }
  .contact-us p {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 20px; }
  .contact-us .contact-us-list {
    float: right;
    margin-right: 50px; }
    @media screen and (max-width: 1025px) {
      .contact-us .contact-us-list {
        width: 75%; } }
    @media screen and (max-width: 1100px) {
      .contact-us .contact-us-list {
        margin-right: 0px; } }
    @media screen and (max-width: 640px) {
      .contact-us .contact-us-list {
        float: none;
        width: 260px;
        margin: 0 auto;
        margin-top: 30px; } }
    .contact-us .contact-us-list:after {
      display: block;
      content: '';
      clear: both; }
    .contact-us .contact-us-list li {
      float: left;
      width: 306.66667px;
      margin: 0 0 0 15px;
      background-color: #ffffff;
      background-size: 13%;
      background-repeat: no-repeat;
      background-position: 50% 80%;
      text-align: center; }
      @media screen and (max-width: 1100px) {
        .contact-us .contact-us-list li {
          width: 260px; } }
      @media screen and (max-width: 1025px) {
        .contact-us .contact-us-list li {
          width: 28%; } }
      @media screen and (max-width: 667px) {
        .contact-us .contact-us-list li {
          width: 260px;
          margin-left: 0px;
          margin-bottom: 15px; } }
      @media screen and (max-width: 1025px) {
        .contact-us .contact-us-list li {
          margin-bottom: 25px; } }
      .contact-us .contact-us-list li:nth-of-type(1) {
        margin-left: 0px; }
        @media screen and (max-width: 1025px) {
          .contact-us .contact-us-list li:nth-of-type(1) {
            margin: 0 0 0 15px; } }
        @media screen and (max-width: 667px) {
          .contact-us .contact-us-list li:nth-of-type(1) {
            margin-left: 0px;
            margin-bottom: 20px; } }
      .contact-us .contact-us-list li a {
        display: block;
        padding: 20px;
        height: 130px;
        font-size: 13px;
        color: #333333;
        line-height: 180%; }
        @media screen and (max-width: 1025px) {
          .contact-us .contact-us-list li a {
            height: 150px; } }
        @media screen and (max-width: 769px) {
          .contact-us .contact-us-list li a {
            height: 170px; } }
        .contact-us .contact-us-list li a:first-line {
          font-size: 20px;
          line-height: 35px; }

/* ------ */
.map-title {
  display: block;
  font-size: 20px;
  margin-top: 20px; }

.top-iframe-wrapper {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 39%; }
  @media screen and (max-width: 1025px) {
    .top-iframe-wrapper {
      padding-top: 66%; } }
  @media screen and (max-width: 769px) {
    .top-iframe-wrapper {
      padding-top: 97%; } }
  @media screen and (max-width: 667px) {
    .top-iframe-wrapper {
      padding-top: 60%; } }
  .top-iframe-wrapper iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    width: 90%;
    height: 90%;
    border: none; }

main {
  width: 1200px;
  margin: 0 auto; }
  main:after {
    display: block;
    content: '';
    clear: both; }

.side-menu {
  float: left;
  width: 383.33333px; }

.bus-guide {
  float: right;
  width: 791.66667px; }

.bus-guide {
  float: right;
  width: 791.66667px; }
  .bus-guide .bus-guide-title {
    position: relative;
    height: 50px;
    background-color: #0FAA9B;
    color: #ffffff;
    padding-left: 40px;
    font-size: 20px;
    line-height: 50px;
    margin-bottom: 10px; }
    .bus-guide .bus-guide-title:after {
      display: block;
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      margin-left: 15px;
      width: 15px;
      height: 15px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background-color: #ffffff; }
  .bus-guide .bus-news {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 25%;
    margin-bottom: 30px; }
    .bus-guide .bus-news iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px solid #E6E6E6; }
  .bus-guide .initial-consult {
    background-image: url(../img/shokai_sodan.gif);
    background-size: cover;
    height: 250px; }
    .bus-guide .initial-consult .initial-consult-title {
      display: none; }
    .bus-guide .initial-consult p:nth-of-type(1) {
      padding-top: 120px;
      padding-left: 20px;
      width: 65%; }
    .bus-guide .initial-consult p:nth-of-type(2) {
      padding-left: 40px;
      padding-top: 20px; }
  .bus-guide .contact-us {
    position: relative;
    height: 150px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 5px solid #0FAA9B; }
    .bus-guide .contact-us .contact-us-title {
      width: 650px;
      padding-left: 20px;
      padding-top: 15px;
      font-size: 28px;
      color: #0FAA9B; }
    .bus-guide .contact-us .contact-us-list {
      width: 740px;
      overflow: hidden; }
      .bus-guide .contact-us .contact-us-list li:first-of-type {
        float: left;
        font-size: 18px;
        padding-top: 8px;
        padding-left: 30px; }
      .bus-guide .contact-us .contact-us-list li:last-of-type {
        float: right; }

.sub-page-contents {
  width: 100%;
  margin: 0 auto;
  margin-top: -30px;
  background-color: #FAFAFA;
  padding-bottom: 80px; }

.service-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 140px;
  text-align: center;
  background-image: url(../img/page/01.jpg);
  color: #ffffff;
  font-size: 28px; }

.jimusho-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 140px;
  text-align: center;
  background-image: url(../img/page/02.jpg);
  color: #ffffff;
  font-size: 28px; }

.voice-page-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 140px;
  text-align: center;
  background-image: url(../img/page/03.jpg);
  color: #ffffff;
  font-size: 28px; }

.link-title02 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 140px;
  text-align: center;
  background-image: url(../img/page/06.jpg);
  color: #ffffff;
  font-size: 28px; }

.contact-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 140px;
  text-align: center;
  background-image: url(../img/page/04.jpg);
  color: #ffffff;
  font-size: 28px;
  text-shadow: 0 1px 0 #61971D, 1px 0 0 #61971D, 0 -1px 0 #61971D, -1px 0 0 #61971D, -1px -1px 0 #61971D, 1px -1px 0 #61971D, -1px 1px 0 #61971D, 1px 1px 0 #61971D; }

.bizup-contact-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 140px;
  text-align: center;
  background-image: url(../img/page/05.jpg);
  color: #ffffff;
  font-size: 28px; }

.page-point {
  max-width: 1060px;
  padding: 2%;
  margin: 0 auto;
  background-color: #ffffff;
  margin-top: 50px;
  border: 1px solid #CCCCCC;
  overflow: hidden; }
  @media screen and (max-width: 480px) {
    .page-point {
      margin-top: 20px;
      margin-bottom: 50px; } }

.point-title {
  font-size: 28px;
  text-align: center;
  margin-bottom: 25px; }
  @media screen and (max-width: 480px) {
    .point-title {
      font-size: 28px;
      padding: 4px;
      margin-bottom: 10px; } }
  .point-title span {
    font-size: 18px; }
    @media screen and (max-width: 667px) {
      .point-title span {
        display: block;
        font-size: 14px; } }

.sub-page-img {
  float: left;
  width: 38%;
  height: 200px;
  margin-right: 3%;
  overflow: hidden; }
  @media screen and (max-width: 480px) {
    .sub-page-img {
      float: none;
      width: 100%;
      height: 150px;
      margin-bottom: 15px;
      overflow: hidden; } }
  .sub-page-img img {
    max-width: 100%; }

.fluid-img {
  text-align: center; }

.fluid-img img {
  max-width: 100%; }

/* ------ */
.voice-page-img {
  float: left;
  width: 38%;
  height: auto;
  margin-right: 3%;
  overflow: hidden; }
  @media screen and (max-width: 480px) {
    .voice-page-img {
      float: none;
      width: 100%;
      height: auto;
      margin: 0 auto;
      margin-bottom: 15px; } }
  .voice-page-img img {
    width: 100%; }

/* ------ */
.sub-page-detail {
  float: left;
  font-size: 18px;
  width: 58%;
  line-height: 180%; }
  @media screen and (max-width: 480px) {
    .sub-page-detail {
      float: none;
      width: 95%;
      margin: 0 auto;
      font-size: 15px; } }

.list-title {
  margin-top: 20px;
  font-size: 25px;
  background-color: #72B5E3;
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
  color: #ffffff; }
  @media screen and (max-width: 667px) {
    .list-title {
      text-align: left; } }
  @media screen and (max-width: 480px) {
    .list-title {
      font-size: 20px; } }

.list-title02 {
  margin-top: 20px;
  font-size: 23px;
  background-color: #72B5E3;
  padding: 10px;
  border-bottom: 1px solid #CCCCCC;
  color: #ffffff; }
  @media screen and (max-width: 667px) {
    .list-title02 {
      text-align: left; } }

.service-list {
  margin-top: 20px;
  margin-left: 10px; }
  .service-list li {
    font-size: 18px;
    margin-bottom: 25px;
    padding-left: 20px;
    position: relative; }
    .service-list li:first-line {
      font-weight: bold;
      color: #1B1B1B; }
    .service-list li:after {
      display: block;
      content: '';
      clear: both; }
    @media screen and (max-width: 480px) {
      .service-list li {
        font-size: 15px;
        margin-bottom: 5px; } }
    .service-list li:before {
      display: block;
      content: '';
      width: 10px;
      height: 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background-color: #9FD22D;
      position: absolute;
      top: 10px;
      left: 0;
      margin: auto; }

.service-list-cirno {
  margin-top: 20px; }
  .service-list-cirno li {
    font-size: 18px;
    margin-bottom: 25px;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left; }
    .service-list-cirno li img {
      width: 100%; }
    .service-list-cirno li:nth-of-type(2n) {
      padding-left: 15px; }
    .service-list-cirno li:first-line {
      font-weight: bold;
      color: #1B1B1B; }
    @media screen and (max-width: 480px) {
      .service-list-cirno li {
        float: none;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 15px;
        margin-bottom: 5px; } }

.service-detail-list-title {
  width: 100%;
  font-weight: bold;
  margin-top: 10px;
  background-color: #F2F2F2;
  padding: 15px; }

.service-detail-list {
  width: 49%;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px; }
  .service-detail-list li {
    margin-bottom: 0px;
    padding-left: 0px;
    position: relative; }
    .service-detail-list li:first-of-type {
      padding-left: 20px;
      font-weight: bold; }
      .service-detail-list li:first-of-type:before {
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #9FD22D;
        position: absolute;
        top: 10px;
        left: 0;
        margin: auto; }

.sub-page-detail-text {
  margin-top: 20px; }

.gutaika {
  text-align: center;
  font-size: 20px;
  position: relative;
  height: 50px;
  color: #ffffff; }
  .gutaika span {
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 3; }
  .gutaika:after {
    display: block;
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 130px 0 130px;
    border-color: #F37B1D transparent transparent transparent; }

.gutaika-list {
  margin-top: 15px;
  overflow: hidden;
  zoom: 1; }
  .gutaika-list dt {
    float: left;
    width: 210px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    clear: both;
    background-color: #9FD22D; }
  .gutaika-list dd {
    padding-left: 240px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px; }
  @media screen and (max-width: 480px) {
    .gutaika-list dt {
      float: none;
      width: 100%; }
    .gutaika-list dd {
      padding-left: 10px; } }

.keiei-step {
  margin-top: 20px; }
  .keiei-step dt {
    font-size: 25px;
    margin-bottom: 15px;
    background-color: #F2F2F2;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px; }
    @media screen and (max-width: 667px) {
      .keiei-step dt {
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 10px; } }
  .keiei-step dd {
    padding-left: 20px; }
    @media screen and (max-width: 667px) {
      .keiei-step dd {
        padding-left: 5px; } }

.keiei-step02 {
  margin-top: 20px; }
  .keiei-step02 dt {
    font-size: 23px;
    margin-bottom: 15px;
    background-color: #F2F2F2;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
    text-indent: -30px; }
    @media screen and (max-width: 667px) {
      .keiei-step02 dt {
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 25px;
        text-indent: -20px; } }
  .keiei-step02 dd {
    margin-top: 25px;
    margin-bottom: 25px;
    padding-left: 20px; }
    @media screen and (max-width: 667px) {
      .keiei-step02 dd {
        padding-left: 5px; } }

/* ------ */
.keiei-step03 {
  margin-top: 20px; }
  .keiei-step03 dt {
    position: relative;
    font-size: 23px;
    margin-bottom: 15px;
    background-color: #F2F2F2;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 60px; }
    .keiei-step03 dt:before {
      display: block;
      content: '';
      width: 0;
      height: 0;
      position: absolute;
      top: 10px;
      left: 15px;
      margin: auto;
      border-bottom: 25px solid 	#FF9900;
      border-left: 25px solid transparent;
      transform: rotate(45deg); }
    @media screen and (max-width: 667px) {
      .keiei-step03 dt {
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 10px; } }
  .keiei-step03 dd {
    margin-top: 25px;
    margin-bottom: 25px;
    padding-left: 20px; }
    @media screen and (max-width: 667px) {
      .keiei-step03 dd {
        padding-left: 5px; } }

/* ------ */
.keiei-step04 {
  width: 142px;
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
  /* ------ */
  /* ------ */ }
  @media screen and (max-width: 667px) {
    .keiei-step04 {
      width: 80%;
      float: none;
      margin: 0 auto;
      margin-bottom: 20px; } }
  .keiei-step04:after {
    display: block;
    content: '';
    clear: both; }
  .keiei-step04 dt {
    background-color: #6FB619;
    font-size: 14px;
    padding: 4px;
    padding-left: 10px;
    line-height: 160%;
    color: #ffffff;
    position: relative;
    text-indent: 13px; }
    .keiei-step04 dt:before {
      display: block;
      content: '';
      width: 0;
      height: 0;
      border-bottom: 12px solid 	#FF9900;
      border-left: 12px solid transparent;
      position: absolute;
      top: 10px;
      left: 0;
      margin: auto;
      transform: rotate(-45deg); }
      @media screen and (max-width: 667px) {
        .keiei-step04 dt:before {
          transform: rotate(45deg);
          top: 5px;
          left: 7px; } }
  .keiei-step04 .Personnel-detail {
    background-color: #D9D9D9;
    font-size: 13px;
    padding: 5px;
    line-height: 150%;
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
    @media screen and (max-width: 667px) {
      .keiei-step04 .Personnel-detail {
        height: 40px; } }
  .keiei-step04 .Personnel-detail02 {
    font-size: 12px;
    line-height: 160%;
    padding-top: 5px;
    background-color: #F2F2F2; }
    @media screen and (max-width: 667px) {
      .keiei-step04 .Personnel-detail02 {
        padding-left: 10px; } }

/* ------ */
.task-list:after {
  display: block;
  content: '';
  clear: both; }
.task-list li {
  width: 45%;
  float: left; }
  .task-list li:first-of-type {
    margin-right: 20px; }

.task-detail {
  height: 250px;
  background-color: #F2F2F2; }
  @media screen and (max-width: 667px) {
    .task-detail {
      height: 520px; } }
  .task-detail li {
    float: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    padding-left: 20px;
    line-height: 150%;
    font-size: 13px;
    background-color: #F2F2F2;
    position: relative; }
    .task-detail li:before {
      display: block;
      content: '';
      width: 8px;
      height: 8px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background-color: #FF9900;
      position: absolute;
      top: 10px;
      left: 5px;
      margin: auto; }
    .task-detail li:first-of-type {
      font-size: 15px;
      padding: 5px;
      background-color: #9FD22D;
      height: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
      .task-detail li:first-of-type:before {
        display: none; }
      @media screen and (max-width: 667px) {
        .task-detail li:first-of-type {
          height: 110px; } }

/* ------ */
.recept-list {
  width: 300px;
  margin-top: 20px;
  margin-bottom: 40px; }
  .recept-list li {
    background-color: #E9EE80;
    margin-bottom: 5px;
    text-align: center; }

.setubi-list {
  margin-top: 20px;
  margin-bottom: 40px; }
  .setubi-list:after {
    display: block;
    content: '';
    clear: both; }
  .setubi-list .setubi-item {
    float: left;
    position: relative;
    margin-left: 30px;
    height: 150px;
    background-color: #E9EE80;
    margin-bottom: 5px;
    text-align: center; }
    .setubi-list .setubi-item:nth-of-type(1) {
      margin-left: 0px; }
    @media screen and (max-width: 480px) {
      .setubi-list .setubi-item {
        margin-left: 20px; } }
    .setubi-list .setubi-item:after {
      display: block;
      content: '';
      width: 0;
      height: 0;
      border-bottom: 20px solid #9FD22D;
      border-left: 20px solid transparent;
      transform: rotate(-45deg);
      position: absolute;
      top: 0;
      right: -20px;
      bottom: 0;
      margin: auto; }
      @media screen and (max-width: 480px) {
        .setubi-list .setubi-item:after {
          border-bottom: 15px solid #9FD22D;
          border-left: 15px solid transparent;
          right: -15px; } }
  .setubi-list .setubi-item02 {
    float: left;
    position: relative;
    margin-left: 30px;
    height: 150px;
    background-color: #E9EE80;
    margin-bottom: 5px;
    text-align: center; }
    @media screen and (max-width: 480px) {
      .setubi-list .setubi-item02 {
        margin-left: 20px; } }
  .setubi-list .bg01 {
    background-color: #ffffff; }
  .setubi-list .setubi-detail {
    background-color: #E9EE80;
    margin-bottom: 25px;
    width: 150px;
    text-align: center; }
    @media screen and (max-width: 480px) {
      .setubi-list .setubi-detail {
        width: 60px;
        font-size: 12px; } }

/* ------ */
.wm {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; }

/* ------ */
.step-list {
  margin-bottom: 20px; }
  @media screen and (max-width: 667px) {
    .step-list {
      margin-left: 0px; } }
  .step-list li {
    font-size: 18px;
    margin-bottom: 5px;
    padding-left: 20px;
    position: relative; }
    .step-list li:first-line {
      color: #1B1B1B; }
    .step-list li:after {
      display: block;
      content: '';
      clear: both; }
    @media screen and (max-width: 480px) {
      .step-list li {
        font-size: 15px;
        margin-bottom: 5px; } }
    .step-list li:before {
      display: block;
      content: '';
      width: 10px;
      height: 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background-color: #9FD22D;
      position: absolute;
      top: 10px;
      left: 0;
      margin: auto; }
      @media screen and (max-width: 667px) {
        .step-list li:before {
          top: 7px; } }
    .step-list li.ncr {
      font-size: 15px;
      margin-bottom: 25px; }
      .step-list li.ncr:before {
        display: none; }
      @media screen and (max-width: 667px) {
        .step-list li.ncr {
          font-size: 12px;
          padding-left: 0px; } }
    .step-list li.ncr02 {
      font-size: 15px;
      text-indent: -30px;
      padding-left: 50px; }
      .step-list li.ncr02:before {
        display: none; }
      @media screen and (max-width: 667px) {
        .step-list li.ncr02 {
          font-size: 12px;
          text-indent: -25px;
          padding-left: 30px; } }

.step-list02 {
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 20px; }
  @media screen and (max-width: 667px) {
    .step-list02 {
      margin-left: 0px; } }
  .step-list02 li {
    font-size: 18px;
    margin-bottom: 5px;
    padding-left: 20px;
    position: relative; }
    .step-list02 li:first-line {
      color: #1B1B1B; }
    .step-list02 li:after {
      display: block;
      content: '';
      clear: both; }
    @media screen and (max-width: 480px) {
      .step-list02 li {
        font-size: 15px;
        margin-bottom: 5px; } }
    .step-list02 li:before {
      display: block;
      content: '';
      width: 10px;
      height: 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background-color: #9FD22D;
      position: absolute;
      top: 10px;
      left: 0;
      margin: auto; }

@media screen and (max-width: 667px) {
  .step-list03 {
    margin-left: 0px; } }
.step-list03 li {
  font-size: 18px;
  padding-left: 20px;
  position: relative; }
  .step-list03 li:first-line {
    color: #1B1B1B; }
  .step-list03 li:after {
    display: block;
    content: '';
    clear: both; }
  @media screen and (max-width: 480px) {
    .step-list03 li {
      font-size: 12px;
      padding-left: 15px; } }
  .step-list03 li:before {
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #9FD22D;
    position: absolute;
    top: 5px;
    left: 0;
    margin: auto; }
    @media screen and (max-width: 667px) {
      .step-list03 li:before {
        width: 8px;
        height: 8px;
        top: 2px; } }

/* ------ */
.step-list04 {
  margin-bottom: 40px; }
  .step-list04:after {
    display: block;
    content: '';
    clear: both; }
  .step-list04 li {
    font-size: 18px;
    padding-left: 20px;
    position: relative;
    float: left;
    width: 40%; }
    .step-list04 li:first-line {
      color: #1B1B1B; }
    @media screen and (max-width: 480px) {
      .step-list04 li {
        font-size: 12px;
        padding-left: 15px; } }
    .step-list04 li:before {
      display: block;
      content: '';
      width: 5px;
      height: 5px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background-color: #333333;
      position: absolute;
      top: 12px;
      left: 0;
      margin: auto; }

/* ------ */
.increase-list {
  margin: 0 auto;
  margin-top: 25px; }
  .increase-list:after {
    display: block;
    content: '';
    clear: both; }
  .increase-list li {
    float: left;
    width: 42%;
    margin-left: 10px;
    border: 1px solid #F2F2F2;
    background-color: #F2F2F2;
    padding: 10px; }
    @media screen and (max-width: 480px) {
      .increase-list li {
        width: 38%;
        font-size: 13px; } }
    .increase-list li:first-line {
      background-color: #F2F2F2; }
    .increase-list li:nth-of-type(2) {
      float: right;
      margin-right: 10px;
      margin-left: 0px; }

.increase-table {
  width: 100%;
  margin-top: 25px;
  margin-bottom: 25px; }
  @media screen and (max-width: 667px) {
    .increase-table {
      font-size: 13px; } }
  .increase-table td {
    border: 1px solid #D9D9D9;
    text-align: center;
    padding: 5px; }
  .increase-table tr:nth-of-type(1) {
    background-color: #FFFFCC; }

.mb25 {
  margin-bottom: 25px; }

.mb40 {
  margin-bottom: 40px; }

.mtb25 {
  margin-top: 25px;
  margin-bottom: 25px; }

.output-sample {
  margin-top: 25px; }
  .output-sample img {
    width: 100%; }

.output-list {
  margin-top: 25px; }
  .output-list li {
    float: left;
    width: 45%;
    padding-left: 4%; }
    .output-list li:first-of-type {
      float: none;
      width: 90%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 25px; }
    .output-list li p {
      margin-top: 0px; }
    @media screen and (max-width: 667px) {
      .output-list li {
        float: none;
        width: 90%;
        margin-bottom: 25px; } }

/* ------ */
.overall-table {
  font-size: 12px;
  border-collapse: separate;
  border-spacing: 10px;
  line-height: 120%;
  display: table;
  /*①*/
  table-layout: fixed;
  width: 100%;
  /*③*/
  max-width: 580px; }

.overall-01 {
  position: relative;
  height: 40px;
  padding: 10px;
  background-color: #9999FF;
  color: #ffffff;
  vertical-align: middle;
  text-align: center; }
  .overall-01:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 10px solid 	#9999FF;
    border-left: 10px solid transparent;
    position: absolute;
    top: 0;
    right: -5px;
    bottom: 0;
    margin: auto;
    transform: rotate(-45deg); }

.overall-02-a {
  position: relative;
  height: 40px;
  padding: 10px;
  background-color: #9FD22D;
  color: #ffffff;
  vertical-align: middle;
  text-align: center; }
  .overall-02-a:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 10px solid 	#9FD22D;
    border-left: 10px solid transparent;
    position: absolute;
    top: 0;
    right: -5px;
    bottom: 0;
    margin: auto;
    transform: rotate(-45deg); }

.overall-03-a {
  position: relative;
  height: 40px;
  padding: 10px;
  background-color: #BFE340;
  vertical-align: middle;
  text-align: center; }
  .overall-03-a:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 10px solid 	#BFE340;
    border-left: 10px solid transparent;
    position: absolute;
    top: 0;
    right: -5px;
    bottom: 0;
    margin: auto;
    transform: rotate(-45deg); }

.overall-04-a {
  background-color: #E1F289;
  padding: 10px; }

.overall-02-b {
  position: relative;
  height: 40px;
  padding: 10px;
  background-color: #65B1DC;
  color: #ffffff;
  vertical-align: middle;
  text-align: center; }
  .overall-02-b:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 10px solid 	#65B1DC;
    border-left: 10px solid transparent;
    position: absolute;
    top: 0;
    right: -5px;
    bottom: 0;
    margin: auto;
    transform: rotate(-45deg); }

.overall-03-b {
  padding: 10px;
  background-color: #8ACCE9; }

/* ------ */
.middle-flow {
  margin-top: 25px; }
  .middle-flow:after {
    display: block;
    content: '';
    clear: both; }
  .middle-flow .flow-item {
    float: left;
    width: 40%;
    margin-bottom: 20px; }
    .middle-flow .flow-item:after {
      display: block;
      content: '';
      width: 0;
      height: 0;
      border-bottom: 20px solid 	#FF6600;
      border-left: 20px solid transparent;
      margin: 0 auto;
      transform: rotate(45deg); }
    .middle-flow .flow-item span {
      display: block;
      text-align: center;
      background-color: #F2F2F2;
      padding-top: 20px;
      padding-bottom: 20px; }
      @media screen and (max-width: 667px) {
        .middle-flow .flow-item span {
          font-size: 13px;
          line-height: 120%; } }
  .middle-flow .flow-item-last {
    float: left;
    width: 40%;
    margin-bottom: 0px; }
    .middle-flow .flow-item-last:after {
      display: block;
      content: '';
      width: 0;
      height: 0;
      border-bottom: 20px solid 	#ffffff;
      border-left: 20px solid transparent;
      margin: 0 auto;
      transform: rotate(45deg); }
    .middle-flow .flow-item-last span {
      display: block;
      text-align: center;
      background-color: #F2F2F2;
      padding-top: 20px;
      padding-bottom: 20px; }
      @media screen and (max-width: 667px) {
        .middle-flow .flow-item-last span {
          font-size: 13px; } }
  .middle-flow .flow-item-r {
    float: right;
    width: 55%;
    margin-bottom: 20px;
    line-height: 140%; }
    @media screen and (max-width: 667px) {
      .middle-flow .flow-item-r {
        font-size: 12px; } }
  .middle-flow .fih01 {
    height: 100px; }
  .middle-flow .fih02 {
    height: 100px; }
  .middle-flow .fih03 {
    height: 100px; }
  .middle-flow .fih04 {
    height: 100px; }
  .middle-flow .fih05 {
    height: 100px; }
  .middle-flow .fih06 {
    height: 110px; }
  .middle-flow .fih07 {
    height: 120px; }
  .middle-flow .fih08 {
    height: 160px; }
    @media screen and (max-width: 667px) {
      .middle-flow .fih08 {
        height: 140px;
        margin-bottom: 10px; } }
  .middle-flow .fih09 {
    height: 90px;
    margin-top: -20px; }
  .middle-flow .fih10 {
    height: 130px; }
    @media screen and (max-width: 667px) {
      .middle-flow .fih10 {
        height: 100px;
        margin-bottom: 10px; } }
  .middle-flow .fih11 {
    height: 160px; }
    @media screen and (max-width: 667px) {
      .middle-flow .fih11 {
        height: 160px;
        margin-bottom: 10px; } }
  .middle-flow .order-text {
    font-size: 13px;
    line-height: 120%; }

/* ------ */
.ross-list li {
  font-size: 12px;
  line-height: 150%;
  padding: 10px;
  padding-left: 20px;
  margin-bottom: 5px; }
  .ross-list li:first-line {
    font-size: 15px;
    font-weight: bold; }
    @media screen and (max-width: 667px) {
      .ross-list li:first-line {
        font-size: 14px;
        padding-left: 10px; } }
.ross-list .ross-item01 {
  background-color: #96dd2a;
  width: 90%; }
.ross-list .ross-item02 {
  background-color: #9fe03b;
  width: 85%; }
.ross-list .ross-item03 {
  background-color: #a7e24c;
  width: 80%; }
.ross-list .ross-item04 {
  background-color: #afe55d;
  width: 75%; }
.ross-list .ross-item05 {
  background-color: #b8e86e;
  width: 70%; }
.ross-list .ross-item06 {
  background-color: #c0ea7f;
  width: 65%; }

/* ------ */
.ross-point {
  margin-top: 25px;
  padding: 20px;
  border: 1px solid #E6E6E6;
  background-color: #fcfcfc; }
  .ross-point li:first-of-type {
    font-weight: bold; }
  .ross-point .ross-cr {
    position: relative;
    padding-left: 20px; }
    .ross-point .ross-cr:before {
      display: block;
      content: '';
      width: 10px;
      height: 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background-color: #9FD22D;
      position: absolute;
      top: 10px;
      left: 0;
      margin: auto; }
      @media screen and (max-width: 667px) {
        .ross-point .ross-cr:before {
          top: 7px; } }

/* ------ */
.schedule-list li {
  padding: 5px;
  margin: 20px;
  margin-bottom: 40px;
  border: 1px solid #CCCCCC;
  width: 60%;
  line-height: 50px;
  position: relative;
  text-align: center;
  background-color: #F2F2F2; }
  @media screen and (max-width: 667px) {
    .schedule-list li {
      width: 98%;
      margin-left: 0px; } }
  .schedule-list li:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 20px solid 	#FF6600;
    border-left: 20px solid transparent;
    margin: 0 auto;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 0;
    bottom: -120%;
    left: 0;
    margin: auto; }
  .schedule-list li:last-of-type:after {
    display: none;
    content: ''; }
  .schedule-list li:nth-of-type(7) {
    width: 90px;
    background-color: #F2F2F2;
    text-align: center;
    margin-left: 290px;
    font-size: 13px;
    line-height: 18px;
    margin-top: -30px;
    margin-bottom: -10px; }
    @media screen and (max-width: 480px) {
      .schedule-list li:nth-of-type(7) {
        margin-left: 270px;
        width: 60px; } }
    .schedule-list li:nth-of-type(7):before {
      display: block;
      content: '.................';
      position: absolute;
      top: 0;
      bottom: 0;
      left: -70px;
      margin: auto; }
    .schedule-list li:nth-of-type(7):after {
      display: none;
      content: ''; }
  .schedule-list li .schedule-text {
    margin-top: -10px;
    display: block;
    font-size: 12px;
    line-height: 150%; }

/* ------ */
.social-medical-list {
  margin-top: 25px; }
  .social-medical-list:after {
    display: block;
    content: '';
    clear: both; }

.social-medical-item {
  float: left;
  margin-right: 25px; }
  @media screen and (max-width: 667px) {
    .social-medical-item {
      margin-right: 15px; } }

.social-medical-item_a {
  float: none;
  position: relative;
  margin-bottom: 15px;
  width: 200px;
  padding: 10px;
  background-color: #F2F2F2; }
  @media screen and (max-width: 667px) {
    .social-medical-item_a {
      width: 100px;
      padding: 5px; }
      .social-medical-item_a:first-line {
        font-size: 13px; } }
  @media screen and (max-width: 480px) {
    .social-medical-item_a {
      width: 80px; } }
  .social-medical-item_a span {
    display: block;
    font-size: 12px;
    line-height: 120%; }
  .social-medical-item_a:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 20px solid #9FD22D;
    border-left: 20px solid transparent;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    right: -20px;
    bottom: 0;
    margin: auto; }
    @media screen and (max-width: 667px) {
      .social-medical-item_a:after {
        border-bottom: 10px solid #9FD22D;
        border-left: 10px solid transparent;
        right: -15px; } }

.social-medical-list_b {
  width: 330px;
  margin-left: 5px; }
  @media screen and (max-width: 667px) {
    .social-medical-list_b {
      width: 210px; } }

.social-medical-item_b {
  float: left;
  margin-right: 30px;
  position: relative;
  height: 205px;
  text-align: center;
  font-size: 14px;
  -ms-writing-mode: tb-rl;
  /* for MS IE8+ */
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  background-color: #F2F2F2; }
  @media screen and (max-width: 667px) {
    .social-medical-item_b {
      margin-right: 10px;
      font-size: 12px;
      height: 240px; } }
  @media screen and (max-width: 480px) {
    .social-medical-item_b {
      height: 290px; } }
  .social-medical-item_b:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 20px solid #9FD22D;
    border-left: 20px solid transparent;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    right: -20px;
    bottom: 0;
    margin: auto; }
    @media screen and (max-width: 667px) {
      .social-medical-item_b:after {
        border-bottom: 10px solid #9FD22D;
        border-left: 10px solid transparent;
        right: -10px; } }
  .social-medical-item_b:last-of-type {
    margin-right: 0px; }
    .social-medical-item_b:last-of-type:after {
      display: none; }

/* ------ */
.classfy-list:after {
  display: block;
  content: '';
  clear: both; }
.classfy-list li {
  font-size: 13px;
  float: left;
  width: 33%; }
  .classfy-list li:nth-of-type(n+11) {
    width: 100%;
    line-height: 150%;
    margin-bottom: 10px; }

/* ------ */
.firm-list {
  font-size: 18px;
  overflow: hidden;
  zoom: 1; }
  @media screen and (max-width: 480px) {
    .firm-list {
      font-size: 15px; } }
  .firm-list dt {
    float: left;
    width: 100px;
    padding: 15px;
    margin-bottom: 5px;
    clear: both; }
    @media screen and (max-width: 480px) {
      .firm-list dt {
        width: 80px; } }
  .firm-list dd {
    border-bottom: 1px dotted #A6A6A6;
    padding-left: 160px;
    padding-bottom: 10px;
    padding-top: 15px;
    margin-bottom: 10px; }
    @media screen and (max-width: 480px) {
      .firm-list dd {
        padding-left: 100px; } }

.director-list {
  font-size: 18px;
  overflow: hidden;
  zoom: 1; }
  @media screen and (max-width: 480px) {
    .director-list {
      font-size: 15px; } }
  .director-list dt {
    float: left;
    width: 150px;
    padding: 15px;
    margin-bottom: 5px;
    clear: both; }
    @media screen and (max-width: 480px) {
      .director-list dt {
        width: 110px; } }
  .director-list dd {
    border-bottom: 1px dotted #A6A6A6;
    padding-left: 180px;
    padding-bottom: 10px;
    padding-top: 15px;
    margin-bottom: 10px; }
    @media screen and (max-width: 480px) {
      .director-list dd {
        padding-left: 150px; } }

.iframe-wrapper {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 56.25%; }
  .iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: none; }

.access-info {
  font-size: 18px;
  margin-bottom: 15px;
  text-align: center; }
  @media screen and (max-width: 480px) {
    .access-info {
      font-size: 15px; } }

/* ------ */
.form-info {
  width: 90%;
  margin: 0 auto; }
  @media screen and (max-width: 480px) {
    .form-info {
      width: 100%; } }
  .form-info p {
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 180%; }
    @media screen and (max-width: 480px) {
      .form-info p {
        width: 90%;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px; } }
  .form-info table {
    width: 100%; }
    @media screen and (max-width: 480px) {
      .form-info table {
        display: block;
        width: 100%;
        margin: 0 auto; } }
    .form-info table th {
      width: 180px;
      padding: 15px;
      text-align: left;
      vertical-align: middle;
      color: #fff;
      border: 1px solid #fff;
      background-color: #878787; }
      @media screen and (max-width: 480px) {
        .form-info table th {
          display: block;
          width: 100%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 5px;
          padding-left: 15px;
          background-color: #878787; } }
    .form-info table td {
      padding: 15px;
      text-align: left;
      vertical-align: middle;
      border: 1px solid #fff;
      background: #f6f6f6; }
      @media screen and (max-width: 480px) {
        .form-info table td {
          display: block;
          margin-bottom: 5px; }
          .form-info table td input {
            width: 100%; }
          .form-info table td TEXTAREA {
            width: 100%; }
          .form-info table td input.reigai {
            width: 10%;
            vertical-align: middle; } }
  .form-info .button {
    text-align: center;
    padding: 5px; }
    .form-info .button input {
      margin-right: 20px;
      padding: 5px; }

/* ------ */
#page-top {
  position: fixed;
  right: 20px;
  bottom: 20px; }
  @media screen and (max-width: 480px) {
    #page-top {
      position: fixed;
      right: 5px;
      bottom: 5px; } }

#page-top a {
  position: relative;
  display: block;
  width: 45px;
  height: 45px;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #535353; }
  @media screen and (max-width: 480px) {
    #page-top a {
      width: 20px;
      height: 20px;
      padding: 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
      #page-top a span {
        display: none; } }

#page-top a:before {
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 auto;
  content: '';
  transform: rotate(45deg);
  color: #fff;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff; }
  @media screen and (max-width: 480px) {
    #page-top a:before {
      margin-top: 5px; } }

#page-top a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: 'alpha( opacity=70 )';
  -moz-opacity: 0.7; }

.sub-page-detail02 {
  margin: 0 auto;
  font-size: 18px;
  width: 94%;
  line-height: 180%;
  margin-bottom: 50px; }
  @media screen and (max-width: 480px) {
    .sub-page-detail02 {
      float: none;
      width: 95%;
      margin: 0 auto;
      font-size: 15px; } }

.fee-title {
  font-size: 18px;
  color: #FF6600;
  margin-bottom: 10px;
  font-weight: bold; }

.fee-title:not(:first-of-type) {
  margin-top: 80px; }

.fee-list01 {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid Blue; }
  .fee-list01 th {
    width: 180px;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    color: #fff;
    border: 1px solid #E6E6E6;
    background: #CCCCCC; }
  .fee-list01 td {
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #BFBFBF;
    background: #ffffff; }
    .fee-list01 td.text-r {
      text-align: right; }
  .fee-list01 .tekiyou {
    width: 40%; }
  .fee-list01 .taishou {
    width: 20%; }
  .fee-list01 .tani {
    width: 20%; }
  .fee-list01 .kingaku {
    width: 20%; }

.fee-list02 {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid Blue; }
  @media screen and (max-width: 480px) {
    .fee-list02 {
      width: 90%;
      margin: 0 auto; } }
  .fee-list02 th {
    width: 180px;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    color: #fff;
    border: 1px solid #E6E6E6;
    background: #CCCCCC; }
  .fee-list02 td {
    padding: 10px;
    text-align: right;
    vertical-align: middle;
    border: 1px solid #BFBFBF;
    background: #ffffff; }

.attention-list {
  margin-top: 20px;
  margin-bottom: 25px; }
  .attention-list li {
    font-size: 13px;
    line-height: 180%; }

.report-list {
  margin-bottom: 25px; }
  .report-list .report-item01 {
    color: #003F98; }
  .report-list .report-item01:not(:first-child) {
    margin-top: 10px; }

.fee-list03 {
  font-size: 25px;
  text-align: center;
  color: #003F98; }
  .fee-list03 span {
    font-size: 20px; }

.medical-shinki-title {
  font-size: 23px;
  margin-bottom: 15px;
  color: #0FAA9B; }
  .medical-shinki-title span {
    font-size: 15px; }

.medical-anoy-title {
  font-size: 20px;
  color: #990000;
  margin-top: 20px; }

.mdeical-gap {
  margin-left: 20px;
  margin-top: 10px; }

.medical-text {
  margin-top: 25px; }

.medical-text02 {
  margin-top: 15px; }

.public-ml-title {
  font-size: 23px;
  margin-bottom: 15px;
  color: #0FAA9B;
  margin-top: 25px; }
  .public-ml-title span {
    font-size: 15px; }

.public-ml-list {
  margin-bottom: 20px; }
  .public-ml-list li:not(:first-of-type) {
    margin-left: 25px; }

.public-nini-list {
  margin: 0 auto;
  margin-top: 50px;
  background-color: #F2F2F2;
  padding: 30px;
  padding-bottom: 0px;
  width: 60%; }
  .public-nini-list li {
    margin: 0 auto;
    text-align: center; }
    .public-nini-list li.nini-item01 p {
      background-color: #E46C0A;
      color: #ffffff;
      font-size: 20px;
      padding: 10px; }
    .public-nini-list li.nini-item01:after {
      display: block;
      content: '';
      clear: both;
      width: 0;
      height: 0;
      border-bottom: 50px solid #8EB4E3;
      border-left: 50px solid transparent;
      transform: rotate(45deg);
      margin: 0 auto;
      margin-top: -15px;
      margin-bottom: 25px; }
    .public-nini-list li.nini-item02 p {
      background-color: #92D050;
      font-size: 20px;
      padding: 10px; }
    .public-nini-list li.nini-item02:after {
      display: block;
      content: '';
      clear: both;
      width: 0;
      height: 0;
      border-bottom: 50px solid #8EB4E3;
      border-left: 50px solid transparent;
      transform: rotate(45deg);
      margin: 0 auto;
      margin-top: -15px;
      margin-bottom: 25px; }
    .public-nini-list li.nini-item03 p {
      background-color: #92D050;
      font-size: 20px;
      padding: 10px; }
    .public-nini-list li.nini-item03:after {
      display: block;
      content: '';
      clear: both;
      width: 0;
      height: 0;
      border-bottom: 80px solid #E46C0A;
      border-left: 80px solid transparent;
      transform: rotate(45deg);
      margin: 0 auto;
      margin-top: -30px;
      margin-bottom: 25px; }

/* ------ */
.public-zaidan-list {
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 100px;
  padding: 30px;
  padding-bottom: 0px;
  padding-top: 0px;
  width: 60%; }
  .public-zaidan-list li {
    text-align: center; }
    .public-zaidan-list li.zaidan-item01 p {
      background-color: #00B050;
      color: #ffffff;
      font-size: 20px;
      padding: 10px; }
    .public-zaidan-list li.zaidan-item01:after {
      display: block;
      content: '';
      clear: both;
      width: 0;
      height: 0;
      border-bottom: 50px solid #8EB4E3;
      border-left: 50px solid transparent;
      transform: rotate(45deg);
      margin: 0 auto;
      margin-top: -15px;
      margin-bottom: 25px; }
    .public-zaidan-list li.zaidan-item02 p {
      background-color: #FFFF66;
      font-size: 20px;
      padding: 10px; }
    .public-zaidan-list li.zaidan-item02:after {
      display: block;
      content: '';
      clear: both;
      width: 0;
      height: 0;
      border-bottom: 50px solid #8EB4E3;
      border-left: 50px solid transparent;
      transform: rotate(45deg);
      margin: 0 auto;
      margin-top: -15px;
      margin-bottom: 25px; }
    .public-zaidan-list li.zaidan-item03 p {
      background-color: #92D050;
      font-size: 20px;
      padding: 10px; }

.link-sign {
  width: 100%; }

.link-title {
  display: none; }

.link-list {
  width: 1200px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px; }
  .link-list:after {
    display: block;
    content: '';
    clear: both; }
  @media screen and (max-width: 1025px) {
    .link-list {
      width: 98%;
      margin: 0 auto; } }
  @media screen and (max-width: 480px) {
    .link-list {
      width: 235px;
      margin-bottom: 50px; } }
  .link-list li {
    float: left;
    width: 187.5px;
    margin: 0 15px 0 0;
    text-align: center;
    margin-bottom: 20px; }
    @media screen and (max-width: 480px) {
      .link-list li {
        float: none;
        width: auto;
        margin-left: 0px;
        margin: 0 auto;
        margin-bottom: 20px;
        margin-right: 0px; } }
    .link-list li img {
      max-width: 100%; }
    .link-list li:last-of-type {
      margin-right: 0px; }

footer {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #0FAA9B; }
  footer .footer-menu {
    padding-top: 15px; }
    @media screen and (max-width: 480px) {
      footer .footer-menu {
        display: none; } }
  footer .nav-list li {
    height: 45px; }
  footer p {
    text-align: center;
    color: #ffffff;
    padding: 15px;
    background-color: #0FAA9B; }

/*# sourceMappingURL=style.css.map */