@charset "UTF-8";
@import url(reset.css);
@import url(reset.css);
body {
  background-color: #ffffff; }

body:before {
  display: block;
  content: '';
  height: 10px;
  background-color: #669900; }

.header {
  width: 960px;
  margin: 0 auto;
  padding-top: 10px;
  margin-bottom: 20px; }
  @media screen and (max-width: 667px) {
    .header {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }

.header-title {
  font-size: 11px; }
  @media screen and (max-width: 667px) {
    .header-title {
      text-align: center; } }

.company-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .company-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

.company-item {
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .company-item:nth-of-type(1) {
    padding-top: 25px;
    width: 255px; }
    @media screen and (max-width: 480px) {
      .company-item:nth-of-type(1) {
        margin: 0 auto;
        margin-bottom: 30px; } }
  .company-item:nth-of-type(2) {
    width: 227px; }
    @media screen and (max-width: 667px) {
      .company-item:nth-of-type(2) {
        margin: 0 auto;
        margin-bottom: 25px; } }

.tel-text {
  margin-bottom: 4px;
  font-size: 11px;
  border-bottom: 1px solid #F93601; }

.tel-sub-text {
  color: #F93601;
  padding-right: 10px; }

.mail-btn {
  display: block;
  margin-top: -10px;
  margin-bottom: 10px;
  font-size: 13px;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 10px;
  color: #ffffff;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-image: url(../img/mail-mark.png);
  background-position: 12px center;
  background-repeat: no-repeat;
  /* ------ */
  background-image: url(../img/mail-mark.png), linear-gradient(to bottom, #F5A928 0%, #EA6000 100%);
  background-repeat: no-repeat;
  background-position: 4% center; }
  .mail-btn:hover {
    color: #ffffff;
    background-image: url(../img/mail-mark.png), linear-gradient(to bottom, #EE8217 0%, #E34E03 100%); }
  @media screen and (max-width: 667px) {
    .mail-btn {
      margin-top: 0px; } }

.nav-box {
  border-bottom: 2px solid #E5E5E5;
  padding-bottom: 5px;
  background-color: #ffffff; }
  @media screen and (max-width: 667px) {
    .nav-box {
      padding-bottom: 0px;
      border-bottom: 1px solid #ffffff; } }

.nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 960px;
  margin: 0 auto;
  background-color: #669900; }

.nav-item {
  width: 25%;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #D9D9D9;
  color: #ffffff;
  text-align: center; }
  .nav-item:first-of-type {
    border-left: 1px solid #D9D9D9; }
  .nav-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #ffffff;
    width: auto; }
    .nav-item a:hover {
      background-color: #75A800; }

.swiper-container {
  max-width: 980px;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 25px; }

.main-banner {
  width: 950px;
  margin: 0 auto; }

.main-banner-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.main-banner-item {
  margin-bottom: 5px; }

.main-box {
  max-width: 960px;
  margin: 0 auto;
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
  @media screen and (max-width: 667px) {
    .main-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

.main-box-two-layers {
  max-width: 960px;
  margin: 0 auto;
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
  @media screen and (max-width: 667px) {
    .main-box-two-layers {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

.main-title {
  max-width: 960px;
  height: 130px;
  padding: 25px;
  font-size: 25px;
  margin: 0 auto;
  margin-top: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #669900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media screen and (max-width: 667px) {
    .main-title {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.main-title-sub {
  display: block;
  font-size: 20px;
  margin-top: 5px; }

.bgm01 {
  background-image: url(../img/bgm_01.png);
  background-repeat: no-repeat;
  background-position: left center; }

.bgm02 {
  background-image: url(../img/bgm_02.png);
  background-repeat: no-repeat;
  background-position: left center; }

.bgm03 {
  background-image: url(../img/bgm_03.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain; }

.bgm04 {
  background-image: url(../img/bgm_04.png);
  background-repeat: no-repeat;
  background-position: left center; }

.bgm05 {
  background-image: url(../img/bgm_05.png);
  background-repeat: no-repeat;
  background-position: left center; }

.bgm06 {
  background-image: url(../img/bgm_06.png);
  background-repeat: no-repeat;
  background-position: left center; }

.bgm07 {
  background-image: url(../img/bgm_07.png);
  background-repeat: no-repeat;
  background-position: left center; }

.bgm08 {
  background-image: url(../img/bgm_08.png);
  background-repeat: no-repeat;
  background-position: left center; }

.bgm09 {
  background-image: url(../img/bgm_09.png);
  background-repeat: no-repeat;
  background-position: left center; }

.main-contents {
  width: 73%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 813px) {
    .main-contents {
      width: 67%; } }
  @media screen and (max-width: 667px) {
    .main-contents {
      width: 95%;
      margin: 0 auto; } }

.main-menu {
  width: 215px;
  padding-bottom: 50px; }
  @media screen and (max-width: 667px) {
    .main-menu {
      margin: 0 auto; } }

.side-consul-list {
  padding: 10px;
  border: 4px solid #FC2A00;
  margin-bottom: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.side-consul-item {
  text-align: center; }
  .side-consul-item:nth-of-type(2) {
    margin-top: 20px;
    margin-bottom: 15px; }

.side-consul-reserve {
  font-size: 19px;
  letter-spacing: 1px;
  padding-bottom: 3px;
  color: #FC2A00;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #FC2A00; }

.side-consul-tel {
  font-size: 25px;
  margin-bottom: 5px;
  margin-top: 5px;
  text-align: right; }

.side-consul-time {
  font-size: 12px;
  text-align: center;
  background-color: #FCE8B7;
  margin-bottom: 10px;
  padding: 3px; }

.side-consul-btn {
  display: block;
  font-size: 17px;
  padding-top: 3px;
  padding-bottom: px;
  background-color: #FFA200;
  color: #ffffff;
  text-align: center;
  -webkit-border-radius: 5Xpx;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-image: url(../img/mail-mark.png), linear-gradient(to bottom, #F5A928 0%, #EA6000 100%);
  background-repeat: no-repeat;
  background-position: 4% center; }
  .side-consul-btn:hover {
    color: #ffffff;
    background-image: url(../img/mail-mark.png), linear-gradient(to bottom, #EE8217 0%, #E34E03 100%); }

.web-mag-box {
  background-color: #89A020;
  padding: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.web-mag-title {
  font-size: 20px;
  color: #ffffff; }

.web-mag-text {
  font-size: 12px;
  margin-bottom: 10px;
  text-align: center; }

.web-mag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.web-mag-item {
  width: 47%; }

.web-k-btn {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background: -moz-linear-gradient(top, #082389 0%, #0F6DB8 100%);
  background: -ms-linear-gradient(top, #082389 0%, #0F6DB8 100%);
  background: -o-linear-gradient(top, #082389 0%, #0F6DB8 100%);
  background: linear-gradient(to bottom, #082389 0%, #0F6DB8 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #ffffff; }
  .web-k-btn:hover {
    color: #ffffff;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    -moz-opacity: 0.7;
    opacity: 0.7; }

.web-i-btn {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background: -moz-linear-gradient(top, #006B22 0%, #9ECE3F 100%);
  background: -ms-linear-gradient(top, #006B22 0%, #9ECE3F 100%);
  background: -o-linear-gradient(top, #006B22 0%, #9ECE3F 100%);
  background: linear-gradient(to bottom, #006B22 0%, #9ECE3F 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #ffffff; }
  .web-i-btn:hover {
    color: #ffffff;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    -moz-opacity: 0.7;
    opacity: 0.7; }

/* -------------------
 biz-btn
---------------------- */
.biz-web-semi-btn {
  display: block;
  width: 215px;
  height: 90px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #A6A6A6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url(../img/biz_left03.jpg);
  background-repeat: no-repeat; }
  .biz-web-semi-btn:hover {
    color: #1B1B1B;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    -moz-opacity: 0.7;
    opacity: 0.7; }

.biz-web-semi-btn-text01 {
  font-size: 10px;
  padding-top: 10px;
  padding-left: 10px;
  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;
  margin-bottom: 2px;
  letter-spacing: 1px; }

.biz-web-semi-btn-text02 {
  display: none;
  font-size: 25px;
  line-height: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #FF7800; }

.biz-web-semi-btn-text03 {
  width: 110px;
  line-height: 100%;
  margin-top: 38px;
  margin-left: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: center;
  color: #ffffff;
  background-color: #FF8400;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

/* ------ */
.souzoku-banner {
  display: block;
  width: 215px;
  height: 90px;
  margin-top: 25px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #A6A6A6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url(../img/souzoku-banner.jpg);
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .souzoku-banner:hover {
    color: #1B1B1B;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    -moz-opacity: 0.7;
    opacity: 0.7; }

/* ------ */
.biz-eco-trends-btn {
  margin-top: 15px;
  display: block;
  width: 215px;
  height: 90px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #A6A6A6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url(../img/biz_left08.jpg);
  background-repeat: no-repeat; }
  .biz-eco-trends-btn:hover {
    color: #1B1B1B;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    -moz-opacity: 0.7;
    opacity: 0.7; }

.biz-eco-trends-btn-text01 {
  font-size: 10px;
  padding-top: 10px;
  padding-left: 10px;
  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;
  margin-bottom: 2px;
  letter-spacing: 1px; }

.biz-eco-trends-btn-text03 {
  width: 170px;
  line-height: 100%;
  margin-top: 38px;
  margin-left: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: center;
  color: #ffffff;
  background-color: #FF8400;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

/* ------ */
.invoice-btn {
  margin-top: 15px;
  display: block;
  width: 215px;
  height: 90px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #A6A6A6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url(../img/left_invoice.jpg);
  background-repeat: no-repeat; }
  .invoice-btn:hover {
    color: #1B1B1B;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    -moz-opacity: 0.7;
    opacity: 0.7; }

.invoice-btn-text01 {
  font-size: 10px;
  padding-top: 10px;
  padding-left: 10px;
  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;
  margin-bottom: 2px;
  letter-spacing: 1px; }

.invoice-btn-text03 {
  width: 150px;
  line-height: 100%;
  margin: 0 auto;
  margin-top: 38px;
  margin-left: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: center;
  background-color: #409FA6;
  color: #ffffff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

/* ------ */
.denshi-btn {
  margin-top: 15px;
  display: block;
  width: 215px;
  height: 90px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #A6A6A6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url(../img/left_denshi.jpg);
  background-repeat: no-repeat; }
  .denshi-btn:hover {
    color: #1B1B1B;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    -moz-opacity: 0.7;
    opacity: 0.7; }

.denshi-btn-text01 {
  font-size: 10px;
  padding-top: 10px;
  padding-left: 10px;
  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;
  margin-bottom: 2px;
  letter-spacing: 1px; }

.denshi-btn-text03 {
  width: 150px;
  line-height: 100%;
  margin: 0 auto;
  margin-top: 38px;
  margin-left: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: center;
  background-color: #036DB7;
  color: #ffffff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

/* -------------------
 
---------------------- */
.manage-support-list {
  margin-top: 15px;
  padding: 10px;
  background: -moz-linear-gradient(top, #DBDBDC 0%, #ffffff 80%);
  background: -ms-linear-gradient(top, #DBDBDC 0%, #ffffff 80%);
  background: -o-linear-gradient(top, #DBDBDC 0%, #ffffff 80%);
  background: linear-gradient(to bottom, #DBDBDC 0%, #ffffff 80%);
  border: 1px solid #A6A6A6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.manage-support-item:nth-of-type(1) {
  font-size: 20px;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 5px; }
.manage-support-item:nth-of-type(2) {
  margin-bottom: 10px; }
.manage-support-item:nth-of-type(3) {
  margin-bottom: 10px; }
.manage-support-item:nth-of-type(4) {
  margin-bottom: 10px; }

.manage-support-k-btn {
  display: block;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  padding: 7px;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 1px;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  background: -moz-linear-gradient(top, #192B8F 0%, #076FB8 100%);
  background: -ms-linear-gradient(top, #192B8F 0%, #076FB8 100%);
  background: -o-linear-gradient(top, #192B8F 0%, #076FB8 100%);
  background: linear-gradient(to bottom, #192B8F 0%, #076FB8 100%); }
  .manage-support-k-btn:hover {
    color: #ffffff; }

.manage-support-i-btn {
  display: block;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  padding: 7px;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 1px;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  background: -moz-linear-gradient(top, #107430 0%, #8DC21F 100%);
  background: -ms-linear-gradient(top, #107430 0%, #8DC21F 100%);
  background: -o-linear-gradient(top, #107430 0%, #8DC21F 100%);
  background: linear-gradient(to bottom, #107430 0%, #8DC21F 100%); }
  .manage-support-i-btn:hover {
    color: #ffffff; }

.appli-service-btn {
  display: block;
  font-size: 15px;
  position: relative;
  padding-left: 20px; }
  .appli-service-btn:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 10px solid #FF9900;
    border-left: 10px solid transparent;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2px;
    margin: auto; }

.side-map-contents {
  margin-top: 25px;
  padding: 4px;
  padding-top: 10px;
  background-color: #D4FEE2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.side-map-contents-title {
  font-size: 18px;
  margin-bottom: 5px;
  color: #ffffff;
  text-align: center;
  background-color: #1CA048; }

.side-map-contents-text {
  font-size: 12px;
  padding: 10px; }

.side-map-box {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 66.25%; }

.side-map-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: none; }

/* -------------------
 
---------------------- */
/* -------------------
 
---------------------- */
.side-item {
  margin-bottom: 10px; }

.top-service-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 667px) {
    .top-service-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.top-service-list02 {
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 667px) {
    .top-service-list02 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

/* ------ */
.top-service-item {
  width: 33%;
  margin-bottom: 5px;
  border: 1px solid red;
  height: 100px;
  font-size: 25px;
  font-weight: bold;
  color: #333333;
  background: -moz-linear-gradient(top, #ffffff 0%, #F2F2F2 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #F2F2F2 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #F2F2F2 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #F2F2F2 100%);
  border: 2px solid #DADADA;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative; }
  .top-service-item:nth-of-type(1) {
    background-image: url(../img/no_01.png), url(../img/no_bg.png);
    background-repeat: no-repeat, repeat-x;
    background-position: center; }
    .top-service-item:nth-of-type(1):hover {
      background-image: url(../img/no_01.png), url(../img/no_bg02.png); }
  .top-service-item:nth-of-type(2) {
    background-image: url(../img/no_02.png), url(../img/no_bg.png);
    background-repeat: no-repeat, repeat-x;
    background-position: center; }
    .top-service-item:nth-of-type(2):hover {
      background-image: url(../img/no_02.png), url(../img/no_bg02.png); }
  .top-service-item:nth-of-type(3) {
    background-image: url(../img/no_03.png), url(../img/no_bg.png);
    background-repeat: no-repeat, repeat-x;
    background-position: center; }
    .top-service-item:nth-of-type(3):hover {
      background-image: url(../img/no_03.png), url(../img/no_bg02.png); }
  .top-service-item:hover {
    color: #333333;
    border: 1px solid #A6A6A6; }
  @media screen and (max-width: 667px) {
    .top-service-item {
      font-size: 20px;
      width: 95%;
      margin: 0 auto;
      margin-bottom: 5px; } }

/* ------ */
/* ------ */
.top-service-item02 {
  width: 33%;
  margin-bottom: 5px;
  border: 1px solid red;
  height: 100px;
  font-size: 25px;
  font-weight: bold;
  color: #333333;
  background: -moz-linear-gradient(top, #ffffff 0%, #F2F2F2 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #F2F2F2 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #F2F2F2 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #F2F2F2 100%);
  border: 2px solid #DADADA;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative; }
  .top-service-item02:nth-of-type(1) {
    margin-right: 2px;
    background-image: url(../img/no_04.png), url(../img/no_bg.png);
    background-repeat: no-repeat, repeat-x;
    background-position: center; }
    .top-service-item02:nth-of-type(1):hover {
      background-image: url(../img/no_04.png), url(../img/no_bg02.png); }
  .top-service-item02:nth-of-type(2) {
    margin-left: 2px;
    background-image: url(../img/no_05.png), url(../img/no_bg.png);
    background-repeat: no-repeat, repeat-x;
    background-position: center; }
    .top-service-item02:nth-of-type(2):hover {
      background-image: url(../img/no_05.png), url(../img/no_bg02.png); }
  .top-service-item02:hover {
    color: #333333;
    border: 1px solid #A6A6A6; }
  @media screen and (max-width: 667px) {
    .top-service-item02 {
      font-size: 20px;
      width: 95%;
      margin: 0 auto;
      margin-bottom: 5px; } }

/* ------ */
.variable-fs01 {
  font-size: 20px; }
  @media screen and (max-width: 667px) {
    .variable-fs01 {
      font-size: 14px; } }

/* ------ */
.serv-box {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 667px) {
    .serv-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin: 0 auto; } }

.serv-pic {
  width: 230px;
  margin-bottom: 15px; }
  @media screen and (max-width: 667px) {
    .serv-pic {
      width: auto;
      text-align: center; } }

.serv-list {
  margin: 30px; }

.serv-item {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px; }
  .serv-item:before {
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #508100;
    position: absolute;
    top: 4px;
    left: 8px;
    margin: auto; }

/* ------ */
.top-service-sub {
  display: block;
  font-size: 15px; }
  @media screen and (max-width: 667px) {
    .top-service-sub {
      font-size: 11px; } }

.flow-contracts-title {
  font-size: 30px;
  margin-top: 50px;
  margin-bottom: 20px;
  color: #FF8400;
  text-align: center;
  font-weight: bold; }

.flow-contracts-list {
  width: 98%;
  margin: 0 auto;
  margin-bottom: 50px;
  border: 1px solid #FF8400;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .flow-contracts-list {
      width: 300px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      border: none; } }

.flow-contracts-item {
  font-size: 20px;
  line-height: 200%;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }
  @media screen and (max-width: 667px) {
    .flow-contracts-item {
      margin-bottom: 50px; } }
  @media screen and (max-width: 480px) {
    .flow-contracts-item {
      border: 1px solid #FF8400;
      height: 180px; } }
  .flow-contracts-item:nth-of-type(-n+2):before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 0 100px 30px;
    border-color: transparent transparent transparent #FF8400;
    position: absolute;
    top: 0;
    right: -17px;
    bottom: 0;
    margin: auto;
    z-index: -10; }
    @media screen and (max-width: 480px) {
      .flow-contracts-item:nth-of-type(-n+2):before {
        width: 0;
        height: 0;
        border-bottom: 35px solid #FFC000;
        border-left: 35px solid transparent;
        transform: rotate(45deg);
        position: absolute;
        top: 0;
        right: 0;
        bottom: -125px;
        left: 60px;
        margin: auto; } }
  .flow-contracts-item:nth-of-type(-n+2):after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 0 100px 30px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 0;
    right: -16px;
    bottom: 0;
    margin: auto;
    z-index: -5; }
    @media screen and (max-width: 480px) {
      .flow-contracts-item:nth-of-type(-n+2):after {
        display: none;
        background-color: red; } }

.consultation-box {
  width: 97%;
  padding: 25px;
  padding-top: 20px;
  margin: 0 auto;
  margin-bottom: 50px;
  margin-top: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #A6A6A6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-image: url(../img/soudan.gif);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover; }

.consultation-box-title {
  font-size: 42px;
  color: #669900;
  margin-bottom: 3px; }
  @media screen and (max-width: 480px) {
    .consultation-box-title {
      font-size: 32px; } }

.consultation-box-text {
  width: 80%;
  line-height: 150%;
  margin-bottom: 15px;
  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; }

.consultation-box-btn {
  width: 50%;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 17px;
  display: block;
  background-color: #669900;
  color: #ffffff;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  .consultation-box-btn:hover {
    color: #ffffff;
    background-color: #FF8400; }
  @media screen and (max-width: 480px) {
    .consultation-box-btn {
      width: 70%; } }

/* ------ */
.inquiry-btn-box {
  width: 97%;
  padding: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 0 auto;
  margin-bottom: 50px;
  margin-top: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #A6A6A6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .inquiry-btn-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.inquiry-btn-l {
  width: 60%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 480px) {
    .inquiry-btn-l {
      width: 95%;
      margin: 0 auto; } }

.inquiry-btn-title {
  font-size: 23px;
  color: #FF8400; }
  @media screen and (max-width: 480px) {
    .inquiry-btn-title {
      font-size: 20px;
      margin-bottom: 10px; } }

.inquiry-btn-tel {
  font-size: 40px;
  padding-left: 30px;
  line-height: 100%;
  color: #669900;
  background-image: url(../img/tel.jpg);
  background-repeat: no-repeat;
  background-position: left center; }
  @media screen and (max-width: 480px) {
    .inquiry-btn-tel {
      font-size: 35px; } }

.inquiry-btn-time {
  font-size: 15px; }

.inquiry-btn-r {
  width: 40%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 480px) {
    .inquiry-btn-r {
      width: 95%;
      margin: 0 auto; } }

.inquiry-btn {
  display: block;
  padding: 5px;
  padding-left: 15px;
  font-size: 17px;
  margin-bottom: 5px;
  margin-top: 25px;
  text-align: center;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-image: url(../img/mail-mark.png), linear-gradient(to bottom, #F5A928 0%, #EA6000 100%);
  background-repeat: no-repeat;
  background-position: 4% center; }
  .inquiry-btn:hover {
    color: #ffffff;
    background-image: url(../img/mail-mark.png), linear-gradient(to bottom, #EE8217 0%, #E34E03 100%); }
  @media screen and (max-width: 480px) {
    .inquiry-btn {
      margin-top: 15px; } }

.inquiry-btn-text {
  font-size: 13px; }

/* ------ */
.news-title {
  background-color: #EFEFEF;
  border: 1px solid #D9D9D9;
  font-size: 15px;
  position: relative;
  padding-left: 45px;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px; }
  .news-title:before {
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid #970000;
    position: absolute;
    top: 4px;
    left: 8px;
    margin: auto; }

.news-box01 {
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.bizup-news-box {
  width: 49.5%; }
  @media screen and (max-width: 667px) {
    .bizup-news-box {
      width: 95%;
      margin: 0 auto; } }

.bizup-news {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 80%;
  width: 100%;
  display: inline-block;
  -webkit-overflow-scrolling: touch; }
  .bizup-news iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #BFBFBF; }

.news-text {
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px; }

.news-box02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 25px; }

.news-box-item {
  width: 48%; }

.entry-title {
  font-size: 17px;
  background-color: #F2F2F2;
  border: 1px solid #E6E6E6;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 35px;
  margin-bottom: 25px;
  background-image: url(../img/hx.png);
  background-repeat: no-repeat;
  background-position: 15px center; }

.entry-title02 {
  font-size: 17px;
  background-color: #F2F2F2;
  border: 1px solid #E6E6E6;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 35px;
  margin-bottom: 25px;
  margin-top: 40px;
  background-image: url(../img/hx.png);
  background-repeat: no-repeat;
  background-position: 15px center; }

.top-text {
  margin-bottom: 40px;
  padding-left: 15px;
  padding-right: 15px; }

.footer-logo {
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: #669900; }

.footer-logo-list {
  max-width: 960px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.footer-logo-item {
  color: #ffffff;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 25px; }

.copyright {
  line-height: 100%;
  font-size: 11px;
  padding: 10px;
  text-align: center;
  background-color: #508100;
  color: #ffffff; }

/* -------------------
 two-layers
---------------------- */
.greeting-box {
  max-width: 685px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 480px) {
    .greeting-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-top: 25px; } }

.greeting-img {
  width: 39%;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 480px) {
    .greeting-img {
      width: 95%;
      margin: 0 auto;
      margin-bottom: 25px;
      text-align: center; } }

.greeting-text {
  width: 61%;
  line-height: 180%;
  text-indent: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 480px) {
    .greeting-text {
      width: 95%;
      margin: 0 auto;
      margin-bottom: 25px; } }

.talbe01 {
  width: 100%; }
  .talbe01 th {
    width: 180px;
    padding: 15px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #A6A6A6;
    background: #F2F2F2; }
    @media screen and (max-width: 480px) {
      .talbe01 th {
        width: 80px; } }
  .talbe01 td {
    padding: 15px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #A6A6A6; }

/* -------------------
 
---------------------- */
.s_text {
  font-size: 18px;
  line-height: 180%;
  margin-bottom: 15px; }

.m_text {
  margin-bottom: 40px;
  font-weight: bold; }

.m_text02 {
  margin-bottom: 15px;
  font-weight: bold; }

.pic-tex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 50px;
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 50px; }

.left-frame {
  width: 220px;
  margin-right: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.right-frame {
  width: 435px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.au-title {
  font-size: 18px;
  padding: 5px;
  margin-bottom: 15px;
  letter-spacing: 2px;
  border-bottom: 2px solid #669900;
  position: relative;
  padding-left: 25px;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #E6E6E6 100%);
  background: -ms-linear-gradient(top, #fcfcfc 0%, #E6E6E6 100%);
  background: -o-linear-gradient(top, #fcfcfc 0%, #E6E6E6 100%);
  background: linear-gradient(to bottom, #fcfcfc 0%, #E6E6E6 100%); }
  .au-title:before {
    display: block;
    content: '';
    width: 4px;
    height: 20px;
    background-color: #669900;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto; }

.au-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px; }
  @media screen and (max-width: 480px) {
    .au-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-top: 25px; } }

.au-left {
  width: 70%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 25px; }
  @media screen and (max-width: 480px) {
    .au-left {
      width: 95%;
      margin: 0 auto;
      margin-bottom: 25px;
      padding-right: 0px; } }

.au-img {
  margin-top: 15px;
  width: 30%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 480px) {
    .au-img {
      width: 95%;
      margin: 0 auto;
      margin-bottom: 25px;
      text-align: center; } }

.au-left02 {
  width: 77%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 25px; }
  @media screen and (max-width: 480px) {
    .au-left02 {
      width: 95%;
      margin: 0 auto;
      margin-bottom: 25px;
      padding-right: 0px; } }

.au-img02 {
  margin-top: 15px;
  width: 23%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 480px) {
    .au-img02 {
      width: 95%;
      margin: 0 auto;
      margin-bottom: 25px;
      text-align: center; } }

.au-text {
  line-height: 180%;
  margin-bottom: 25px; }

.au-text02 {
  font-size: 17px;
  line-height: 180%; }

/* -------------------
 
---------------------- */
.au-title02 {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 18px;
  color: #70AD47;
  line-height: 150%; }
  @media screen and (max-width: 480px) {
    .au-title02 {
      font-size: 17px; } }

.au-title03 {
  font-weight: bold;
  font-size: 15px;
  color: #EC6D07;
  line-height: 150%; }

.list-title {
  margin-bottom: 10px;
  font-size: 16px;
  color: #70AD47; }

.au-list {
  margin-bottom: 50px; }

.au-list02 {
  margin-bottom: 25px; }

.au-item {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px; }
  .au-item:before {
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #FF8400;
    position: absolute;
    top: 6px;
    left: 8px;
    margin: auto; }

.au-item03 {
  margin-left: 25px;
  text-indent: -20px; }

/* -------------------
 
---------------------- */
.table01 {
  width: 100%;
  width: 100%; }
  .table01 th {
    width: 180px;
    padding: 15px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #A6A6A6;
    background: #F2F2F2; }
  .table01 td {
    padding: 15px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #A6A6A6; }

.card-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.card-item {
  width: 210px;
  margin-left: 20px;
  margin-bottom: 20px;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 18px;
  color: #ffffff;
  background-color: #68D096;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center; }
  .card-item:first-of-type {
    margin-left: 0px; }
  @media screen and (max-width: 480px) {
    .card-item {
      width: 90%; } }

.card-sub {
  display: block;
  margin-top: 5px;
  color: #ffffff;
  font-size: 12px;
  font-weight: normal; }

.establish-flow-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .establish-flow-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.establish-flow-item {
  width: 90px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }
  @media screen and (max-width: 480px) {
    .establish-flow-item {
      width: 200px;
      margin: 0 auto; } }
  .establish-flow-item:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 15px solid #FF8400;
    border-left: 15px solid transparent;
    transform: rotate(-45deg);
    position: absolute;
    top: 25px;
    right: -15px;
    margin: auto; }
  .establish-flow-item:last-of-type:before {
    display: none;
    content: ''; }
  @media screen and (max-width: 480px) {
    .establish-flow-item {
      margin-bottom: 50px; }
      .establish-flow-item:before {
        display: none;
        content: ''; }
      .establish-flow-item:after {
        display: block;
        content: '';
        width: 0;
        height: 0;
        border-bottom: 15px solid #FF8400;
        border-left: 15px solid transparent;
        transform: rotate(45deg);
        position: absolute;
        right: 0;
        bottom: -20px;
        left: 0;
        margin: auto; }
      .establish-flow-item:last-of-type:after {
        display: none;
        content: ''; } }

.establish-title {
  background-color: #67D097;
  color: #ffffff;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 65px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10x;
  border-radius: 10px; }
  @media screen and (max-width: 667px) {
    .establish-title {
      height: 30px; } }

.establish-title02 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  background-color: #D9D9D9;
  font-size: 12px;
  text-align: center; }

.check-list02 {
  margin-top: 25px; }
  @media screen and (max-width: 480px) {
    .check-list02 {
      margin-top: 10px; } }

.check-item {
  font-size: 12px;
  padding-left: 20px;
  position: relative; }
  .check-item:before {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 1px;
    width: 10px;
    height: 3px;
    border-left: 2px solid #FF0000;
    border-bottom: 2px solid #FF0000;
    transform: rotate(-45deg); }

/* -------------------
 
---------------------- */
.souzoku-cir-list {
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 667px) {
    .souzoku-cir-list {
      -ms-flex-pack: distribute;
      justify-content: space-around; } }

.souzoku-cir-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 25px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 140px;
  height: 140px; }
  @media screen and (max-width: 667px) {
    .souzoku-cir-item {
      width: 110px;
      height: 110px;
      font-size: 18px; } }
  @media screen and (max-width: 480px) {
    .souzoku-cir-item {
      width: 90px;
      height: 90px;
      font-size: 17px; } }
  .souzoku-cir-item:nth-of-type(1) {
    background-color: #548235;
    color: #ffffff; }
  .souzoku-cir-item:nth-of-type(2) {
    background-color: #FFC000;
    color: #ffffff; }
  .souzoku-cir-item:nth-of-type(3) {
    background-color: #70AD47;
    color: #ffffff; }

/* -------------------
 
---------------------- */
.service-flow-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.service-flow-item {
  margin-bottom: 25px;
  border: 1px solid #A6A6A6;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .service-flow-item:nth-of-type(odd) {
    width: 30%;
    background-color: #70AD47;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative; }
    .service-flow-item:nth-of-type(odd):before {
      display: block;
      content: '';
      width: 0;
      height: 0;
      border-bottom: 20px solid #FFC000;
      border-left: 20px solid transparent;
      transform: rotate(45deg);
      position: absolute;
      right: 0;
      bottom: -15px;
      left: 0;
      margin: auto; }
  .service-flow-item:nth-of-type(even) {
    width: 65%; }
  .service-flow-item:nth-last-of-type(2):before {
    display: none; }

.au-ink {
  display: block;
  width: 152px;
  font-size: 13px;
  margin-top: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #669900;
  color: #ffffff;
  text-align: center;
  position: relative;
  padding-left: 10px; }
  .au-ink:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 7px solid #ffffff;
    border-left: 7px solid transparent;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    margin: auto; }
  .au-ink:hover {
    color: #ffffff;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    -moz-opacity: 0.7;
    opacity: 0.7; }

.right-aligned {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.side-menu-title {
  background-color: #669900;
  color: #ffffff;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px; }

.side-menu-list {
  padding: 10px;
  background-color: #F2F2F2;
  margin-bottom: 25px;
  border: 1px solid #D9D9D9; }

.sm01 {
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 5px;
  padding-top: 5px;
  position: relative;
  padding-left: 25px; }
  .sm01:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 7px solid #669900;
    border-left: 7px solid transparent;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    margin: auto; }

.sm01-sub {
  display: block;
  font-size: 11px; }

.red {
  color: #DB0000; }

.map {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 90%; }

.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: none; }

.history {
  padding-bottom: 50px;
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 50px; }

.faq-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 25px; }

.faq-item {
  width: 48%;
  color: #ffffff;
  font-size: 12px;
  background-color: #545454;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.issue-list {
  background-color: #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  padding: 25px;
  margin-bottom: 25px; }

.issue-item {
  margin-bottom: 10px; }

.red_b_b {
  color: #DB0000;
  font-size: 17px; }

.contact-btn {
  display: block;
  width: 307px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px; }

.red02 {
  display: block;
  color: #DB0000; }

.red03 {
  display: inline-block;
  font-size: 15px;
  width: auto;
  color: #DB0000;
  border-bottom: 1px solid #DB0000;
  padding-bottom: 2px; }

.red04 {
  font-size: 15px;
  color: #DB0000;
  font-weight: bold;
  margin-bottom: 10px; }

.blue {
  display: block;
  color: #3399CC; }

.bold-text {
  font-weight: bold; }

/* -------------------
 
---------------------- */
.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; } }
@media screen and (max-width: 480px) {
  .form-info table {
    display: block;
    width: 95%;
    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; }

/* -------------------
 
---------------------- */
.blue-link {
  color: #3399CC; }
  .blue-link:hover {
    color: #DB0000; }
  .blue-link:active {
    color: #DB0000; }
  .blue-link:visited {
    color: #295890; }

.paragraphs-text01 {
  margin-left: 20px;
  text-indent: -20px;
  margin-bottom: 25px; }

.circle-box {
  background-color: #F2F2F2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  padding: 15px;
  margin-bottom: 25px;
  margin-top: 25px; }

.news_list {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  height: 160px;
  margin-bottom: 40px;
  margin-top: 25px;
  margin-left: 25px; }
  .news_list dt {
    font-size: 10px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: left ceter;
    position: relative;
    padding-left: 40px; }
    .news_list dt:before {
      display: block;
      content: 'new';
      width: 24px;
      height: 13px;
      -webkit-border-top-left-radius: 5px;
      -moz-border-top-left-radius: 5px;
      border-top-left-radius: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -moz-border-bottom-right-radius: 5px;
      border-bottom-right-radius: 5px;
      background-color: #970000;
      color: #ffffff;
      position: absolute;
      top: 2px;
      left: 0px;
      margin: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
  .news_list dd {
    margin-bottom: 15px;
    border-bottom: 1px dotted #D9D9D9;
    padding-left: 40px; }

.news_list_h {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  height: 160px;
  margin-bottom: 40px;
  margin-top: 25px;
  margin-left: 25px; }
  .news_list_h dt {
    font-size: 10px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: left ceter;
    position: relative;
    padding-left: 40px; }
    .news_list_h dt:before {
      display: block;
      content: 'new';
      width: 24px;
      height: 13px;
      -webkit-border-top-left-radius: 5px;
      -moz-border-top-left-radius: 5px;
      border-top-left-radius: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -moz-border-bottom-right-radius: 5px;
      border-bottom-right-radius: 5px;
      background-color: #970000;
      color: #ffffff;
      position: absolute;
      top: 2px;
      left: 0px;
      margin: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
  .news_list_h dd {
    padding-left: 40px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #D9D9D9; }

.news_list02 {
  margin-bottom: 40px;
  margin-top: 25px;
  margin-left: 25px; }
  .news_list02 dt {
    font-size: 10px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: left ceter;
    position: relative;
    padding-left: 40px; }
    .news_list02 dt:before {
      display: block;
      content: 'new';
      width: 24px;
      height: 13px;
      -webkit-border-top-left-radius: 5px;
      -moz-border-top-left-radius: 5px;
      border-top-left-radius: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -moz-border-bottom-right-radius: 5px;
      border-bottom-right-radius: 5px;
      background-color: #970000;
      color: #ffffff;
      position: absolute;
      top: 2px;
      left: 0px;
      margin: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
  .news_list02 dd {
    margin-bottom: 15px;
    border-bottom: 1px dotted #D9D9D9;
    padding-left: 40px; }

.sitemap-list {
  border: 1px solid red; }

.sitemap-list02 {
  margin-left: 50px;
  margin-top: 15px;
  margin-bottom: 25px; }

.sitemap-genre {
  display: block;
  font-size: 15px;
  margin-bottom: 25px;
  background-color: #F2F2F2;
  padding: 5px;
  margin-left: 25px;
  position: relative;
  padding-left: 25px; }
  .sitemap-genre:before {
    display: block;
    content: '>';
    font-size: 15px;
    color: #333333;
    position: absolute;
    top: 4px;
    left: 8px;
    margin: auto; }

.sitemap-list02-item {
  margin-bottom: 5px;
  position: relative;
  padding-left: 20px;
  margin-left: 15px; }
  .sitemap-list02-item:before {
    display: block;
    content: '>';
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0 auto; }

.office-catchphrase-title {
  font-size: 45px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  margin-bottom: 10px;
  line-height: 120%;
  padding: 5px;
  font-weight: bold; }

.office-catchphrase-title02 {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 25px;
  margin-bottom: 10px;
  color: #970000;
  padding: 5px;
  font-weight: bold; }

.office-catchphrase-text {
  margin-bottom: 50px;
  padding: 5px; }

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

/* -------------------
 
---------------------- */
/* -------------------
 
---------------------- */
.mt25 {
  margin-top: 25px; }

.mt30 {
  margin-top: 30px; }

.mt40 {
  margin-top: 40px; }

.mt50 {
  margin-top: 50px; }

.mt60 {
  margin-top: 60px; }

.mt70 {
  margin-top: 70px; }

.mt80 {
  margin-top: 80px; }

/* -------------------
 
---------------------- */
.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb25 {
  margin-bottom: 25px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mb50 {
  margin-bottom: 50px; }

.mb60 {
  margin-bottom: 60px; }

.mb70 {
  margin-bottom: 70px; }

.mb80 {
  margin-bottom: 80px; }

.mb100 {
  margin-bottom: 100px; }

/* -------------------
 
---------------------- */
.f90 {
  font-size: 90%; }

.f85 {
  font-size: 85%; }

.f80 {
  font-size: 80%; }

.f70 {
  font-size: 70%; }

.f60 {
  font-size: 60%; }

.f120 {
  font-size: 120%; }

.f130 {
  font-size: 130%; }

.f140 {
  font-size: 140%; }

.f150 {
  font-size: 150%; }

.co1 {
  color: #C82937;
  font-weight: bold; }

.co2 {
  color: #333333; }

.co3 {
  color: #009DE5;
  font-weight: bold; }

/* -------------------
 
---------------------- */
.al {
  background-color: #ffffff; }
  .al:hover {
    background-color: #ffffff;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    -moz-opacity: 0.7;
    opacity: 0.7; }

.fs20 {
  font-size: 20px; }

.mt15 {
  margin-top: 15px; }

.mt25 {
  margin-top: 25px; }

.mt30 {
  margin-top: 30px; }

.mt40 {
  margin-top: 40px; }

.mt50 {
  margin-top: 50px; }

.mt60 {
  margin-top: 60px; }

.mt70 {
  margin-top: 70px; }

.mt80 {
  margin-top: 80px; }

/* -------------------
 
---------------------- */
.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb25 {
  margin-bottom: 25px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mb50 {
  margin-bottom: 50px; }

.mb60 {
  margin-bottom: 60px; }

.mb70 {
  margin-bottom: 70px; }

.mb80 {
  margin-bottom: 80px; }

.mb90 {
  margin-bottom: 90px; }

.mb100 {
  margin-bottom: 100px; }

.ml25 {
  margin-left: 25px; }

/* -------------------
 
---------------------- */
.f90 {
  font-size: 90%; }

.f85 {
  font-size: 85%; }

.f80 {
  font-size: 80%; }

.f70 {
  font-size: 70%; }

.f60 {
  font-size: 60%; }

.f120 {
  font-size: 120%; }

.f130 {
  font-size: 130%; }

.f140 {
  font-size: 140%; }

.f150 {
  font-size: 150%; }

.co1 {
  color: #C82937;
  font-weight: bold; }

.co2 {
  color: #333333; }

.co3 {
  color: #009DE5;
  font-weight: bold; }

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