@import url(reset.css);
body:before {
  display: block;
  content: '';
  height: 4px;
  background-color: #1B3684; }

.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; }
    @media screen and (max-width: 480px) {
      .header .header-title {
        padding: 5px; } }

.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;
    padding-left: 0px;
    padding-top: 25px;
    padding-bottom: 50px; }
    @media screen and (max-width: 480px) {
      .header-list .company {
        float: none;
        padding: 0px;
        text-align: center; } }
  .header-list .tel {
    float: right;
    padding-top: 25px; }
    @media screen and (max-width: 480px) {
      .header-list .tel {
        float: none;
        padding: 10px;
        text-align: center;
        padding-right: 35px; } }

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

#front-menu {
  width: 100%;
  background-color: #1B3684;
  margin-bottom: 30px; }

.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: 20%;
    margin: 0;
    padding: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    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: #1B3684;
        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;
    right: 0%;
    top: 22.85714%;
    z-index: 8;
    width: 20%;
    padding: 5px;
    background-color: #4B66CC;
    color: #ffffff;
    text-align: center;
    font-size: 26px;
    letter-spacing: 2px; }
    @media screen and (max-width: 1025px) {
      .main-visual .text03 {
        font-size: 20px;
        right: 0%;
        top: 25.76923%; } }
    @media screen and (max-width: 769px) {
      .main-visual .text03 {
        font-size: 20px;
        right: 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;
    right: 0%;
    top: 45.71429%;
    z-index: 9;
    width: 20%;
    padding: 5px;
    background-color: #64A741;
    color: #ffffff;
    text-align: center;
    font-size: 26px;
    letter-spacing: 2px; }
    @media screen and (max-width: 1025px) {
      .main-visual .text04 {
        font-size: 20px;
        right: 0%;
        top: 46.15385%; } }
    @media screen and (max-width: 769px) {
      .main-visual .text04 {
        font-size: 20px;
        right: 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;
    right: 0%;
    top: 68.57143%;
    width: 20%;
    z-index: 10;
    padding: 5px;
    background-color: #1F9DC6;
    color: #ffffff;
    text-align: center;
    font-size: 26px;
    letter-spacing: 2px; }
    @media screen and (max-width: 1025px) {
      .main-visual .text05 {
        font-size: 20px;
        right: 0%;
        top: 68.46154%; } }
    @media screen and (max-width: 769px) {
      .main-visual .text05 {
        font-size: 20px;
        right: 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: 27%;
    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: 15.38462%; } }
    @media screen and (max-width: 769px) {
      .main-visual .text06 {
        font-size: 25px;
        top: 16.66667%;
        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;
        text-align: center; } }
    @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: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 45px;
    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: 24px; } }
    @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: 383.33333px;
    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(4) {
      margin-left: 0px; }
      @media screen and (max-width: 1025px) {
        .bus-sign .bus-sign-item:nth-of-type(4) {
          margin-left: 5%; } }
      @media screen and (max-width: 480px) {
        .bus-sign .bus-sign-item:nth-of-type(4) {
          margin: 0 auto; } }
    .bus-sign .bus-sign-item:nth-of-type(7) {
      margin-left: 0px; }
      @media screen and (max-width: 1025px) {
        .bus-sign .bus-sign-item:nth-of-type(7) {
          margin-left: 5%; } }
      @media screen and (max-width: 480px) {
        .bus-sign .bus-sign-item:nth-of-type(7) {
          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: 383.33333px; }
    @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: #1B3684;
          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: #1B3684;
    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 #1B3684; }
    .bus-guide .contact-us .contact-us-title {
      width: 650px;
      padding-left: 20px;
      padding-top: 15px;
      font-size: 28px;
      color: #1B3684; }
    .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: 30px; }

.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; }

.qa-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: 30px;
  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;
  max-width: 100%; }

.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; } }

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

.lead-txt {
  margin-bottom: 25px; }

.service-list-box {
  border: 1px solid #CCCCCC;
  padding: 25px;
  background-image: url(../img/service/13.jpg);
  background-position: bottom right;
  background-repeat: no-repeat; }
  .service-list-box:after {
    display: block;
    content: '';
    clear: both; }

.service-list-box02 {
  border: 1px solid #CCCCCC;
  padding: 25px;
  background: -moz-linear-gradient(left, #F2F2F2 0%, #ffffff 50%, #fcfcfc 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(left, #F2F2F2 0%, #ffffff 50%, #fcfcfc 100%);
  /* IE10+ */
  background: -o-linear-gradient(left, #F2F2F2 0%, #ffffff 50%, #fcfcfc 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to right, #F2F2F2 0%, #ffffff 50%, #fcfcfc 100%);
  /* W3C */ }
  .service-list-box02:after {
    display: block;
    content: '';
    clear: both; }

/* ------ */
.service-list-title {
  font-size: 23px;
  margin-bottom: 20px;
  position: relative;
  line-height: 25px;
  padding-left: 30px; }
  .service-list-title:before {
    position: absolute;
    top: -1px;
    left: 0;
    margin: auto;
    display: block;
    content: '';
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid #9FD22D; }

/* ------ */
.service-list li {
  font-size: 17px;
  margin-bottom: 15px;
  padding-left: 18px;
  position: relative;
  border-bottom: 1px dotted #A6A6A6; }
  .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: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #CCCCCC;
    position: absolute;
    top: 10px;
    left: 0;
    margin: auto; }

/* ------ */
.service-list02 {
  float: right;
  width: 48%; }
  .service-list02 li {
    font-size: 17px;
    margin-bottom: 15px;
    padding-left: 18px;
    position: relative;
    border-bottom: 1px dotted #A6A6A6; }
    .service-list02 li:after {
      display: block;
      content: '';
      clear: both; }
    @media screen and (max-width: 480px) {
      .service-list02 li {
        font-size: 15px;
        margin-bottom: 5px; } }
    .service-list02 li:before {
      display: block;
      content: '';
      width: 8px;
      height: 8px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background-color: #CCCCCC;
      position: absolute;
      top: 10px;
      left: 0;
      margin: auto; }

/* ------ */
.service-list02-img {
  float: left;
  width: 48%;
  border: 1px solid #D9D9D9; }

/* ------ */
.service-list03 {
  margin-top: 40px; }
  .service-list03 li {
    width: 47%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 180%;
    min-height: 155px; }
    @media screen and (max-width: 667px) {
      .service-list03 li {
        float: none;
        height: auto;
        width: auto;
        margin: 10px; } }
    .service-list03 li:first-line {
      font-weight: bold; }
    .service-list03 li:nth-of-type(2n) {
      float: right;
      position: relative; }
      @media screen and (max-width: 667px) {
        .service-list03 li:nth-of-type(2n) {
          float: none;
          height: auto;
          width: auto;
          margin-bottom: 25px; } }
      .service-list03 li:nth-of-type(2n):before {
        position: absolute;
        top: 7px;
        left: -12px;
        margin: auto;
        display: block;
        content: '';
        width: 8px;
        height: 8px;
        background-color: #39A8F9;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #d9d9d9; }

/* ------ */
.small-title {
  background-color: #E6E6E6;
  font-size: 20px;
  padding: 15px;
  padding-left: 20px;
  font-weight: bold;
  margin-bottom: 25px; }

/* ------ */
.line-text {
  background: -moz-linear-gradient(left, #0E2113 0%, #29604B 50%, #0E2113 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(left, #0E2113 0%, #29604B 50%, #0E2113 100%);
  /* IE10+ */
  background: -o-linear-gradient(left, #0E2113 0%, #29604B 50%, #0E2113 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to right, #0E2113 0%, #29604B 50%, #0E2113 100%);
  /* W3C */
  border: 5px solid #5B3408;
  color: #ffffff;
  padding: 20px;
  position: relative;
  margin-bottom: 60px; }
  .line-text:after {
    position: absolute;
    right: 0;
    bottom: -50px;
    left: 0;
    margin: auto;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 50px solid #FF9900;
    border-left: 50px solid transparent;
    transform: rotate(45deg); }

.kouka-box {
  background: -moz-linear-gradient(left, #E4E7E4 0%, #ffffff 50%, #E4E7E4 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(left, #E4E7E4 0%, #ffffff 50%, #E4E7E4 100%);
  /* IE10+ */
  background: -o-linear-gradient(left, #E4E7E4 0%, #ffffff 50%, #E4E7E4 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to right, #E4E7E4 0%, #ffffff 50%, #E4E7E4 100%);
  /* W3C */
  border: 1px solid #D9D9D9; }

.kouka-title {
  text-align: center;
  margin-top: 25px;
  font-size: 25px; }

.kouka-list {
  background-image: url(../img/service/03_f.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 35%; }
  .kouka-list:after {
    display: block;
    content: '';
    clear: both; }
  @media screen and (max-width: 667px) {
    .kouka-list {
      background-image: none;
      padding-left: 30px; } }
  .kouka-list li {
    position: relative;
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 200%;
    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; }
    .kouka-list li:before {
      display: block;
      content: '';
      width: 8px;
      height: 8px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      position: absolute;
      top: 8px;
      left: -20px;
      margin: auto;
      border: 4px solid #39A8F9; }
      @media screen and (max-width: 667px) {
        .kouka-list li:before {
          top: 5px; } }
    .kouka-list li:first-line {
      border: 1px solid red;
      font-size: 18px;
      font-weight: bold; }
    .kouka-list li:last-of-type {
      margin-bottom: 0px; }

/* ------ */
.kakushin-table {
  font-size: 13px;
  width: 100%;
  line-height: 150%; }
  .kakushin-table th {
    padding: 5px;
    text-align: left;
    vertical-align: middle;
    color: #fff;
    border: 1px solid #fff;
    background: #1B3684;
    text-align: center; }
  .kakushin-table td {
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #A6A6A6;
    background: #f6f6f6;
    text-align: center; }
  .kakushin-table .left-th {
    background-color: #557BC4; }

/* ------ */
.qa-title {
  margin-bottom: 25px;
  font-size: 20px;
  padding: 10px;
  color: #077CAB;
  padding: 20px;
  background: -moz-linear-gradient(left, #0E2113 0%, #29604B 50%, #0E2113 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(left, #0E2113 0%, #29604B 50%, #0E2113 100%);
  /* IE10+ */
  background: -o-linear-gradient(left, #0E2113 0%, #29604B 50%, #0E2113 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to right, #0E2113 0%, #29604B 50%, #0E2113 100%);
  /* W3C */
  border: 5px solid #5B3408;
  color: #ffffff;
  padding: 20px; }
  .qa-title:first-letter {
    font-size: 40px; }
  @media screen and (max-width: 667px) {
    .qa-title {
      text-align: left; } }
  @media screen and (max-width: 480px) {
    .qa-title {
      font-size: 20px; } }

/* ------ */
.qa-box {
  padding-left: 10px; }
  .qa-box:after {
    display: block;
    content: '';
    clear: both; }

/* ------ */
.qa-lead-text {
  font-size: 23px;
  margin-bottom: 20px;
  position: relative;
  line-height: 25px;
  padding-top: 5px;
  line-height: 150%; }

/* ------ */
.qa-ph {
  float: right; }

.qa-text {
  font-size: 15px; }

.qa-dl-list dt {
  background-color: #E6E6E6;
  margin-bottom: 10px;
  padding: 20px;
  padding-left: 35px;
  font-weight: bold;
  text-indent: -25px; }
.qa-dl-list dd {
  margin-bottom: 20px;
  font-size: 15px; }

.ans-list li {
  position: relative;
  padding-left: 30px; }
  .ans-list li:before {
    display: block;
    content: '';
    width: 7px;
    height: 7px;
    position: absolute;
    top: 11px;
    left: 10px;
    margin: auto;
    background-color: #39A8F9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #d9d9d9; }

/* ------ */
.mb25 {
  margin-bottom: 25px; }

.mb40 {
  margin-bottom: 40px; }

.mb50 {
  margin-bottom: 50px; }

.mb75 {
  margin-bottom: 75px; }

.tac {
  text-align: center; }

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

/* ------ */
/* ------ */
.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: 150px;
    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: 180px;
    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: 15px;
      padding: 5px;
      width: 80px; }

/* ------ */
#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: #1B3684; }
  .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: #1B3684;
  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: #1B3684; }
  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: #1B3684; }