<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*!
Theme Name: kagoshima-cgc
Theme URI: http://underscores.me/
Author: Masashi Ohtsubo
Author URI: http://www.eikou-group.com/
Description: 鹿児島県信用保証協会の公式テーマです。
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kagoshima-cgc-or-jp
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

kagoshima-cgc is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
&gt;&gt;&gt; TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
* {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
}

body {
  font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #000;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
}

img[src$=".svg"] {
  width: 100%;
}

a {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
  border: none;
  line-height: 0;
}

.container {
  max-width: 100%;
  width: 1280px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
}

ul, ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul li, ol li {
  margin: 0;
  padding: 0;
}

dl {
  padding: 0;
  margin: 0;
}
dl dt, dl dd {
  margin: 0;
  padding: 0;
  float: none;
}

h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 100%;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

.red {
  color: red;
}

.small {
  font-size: 80%;
}

.relative {
  position: relative;
}

/*============================
	Bootstrap Like Style
============================*/
.row {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-left: -15px;
  margin-right: -15px;
}
.row .col-1 {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
.row .col-2 {
  padding-left: 15px;
  padding-right: 15px;
  width: 50%;
}
.row .col-3 {
  padding-left: 15px;
  padding-right: 15px;
  width: 33.33333%;
}
.row .col-4 {
  padding-left: 15px;
  padding-right: 15px;
  width: 25%;
}
.row .col-5 {
  padding-left: 15px;
  padding-right: 15px;
  width: 20%;
}
.row .col-6 {
  padding-left: 15px;
  padding-right: 15px;
  width: 16.66667%;
}
.row .col-7 {
  padding-left: 15px;
  padding-right: 15px;
  width: 14.28571%;
}
.row .col-8 {
  padding-left: 15px;
  padding-right: 15px;
  width: 12.5%;
}
.row .col-9 {
  padding-left: 15px;
  padding-right: 15px;
  width: 11.11111%;
}
.row .col-10 {
  padding-left: 15px;
  padding-right: 15px;
  width: 10%;
}

.label {
  font-size: 65%;
  border-radius: 3px;
  padding: 2px 5px;
}

.label-new {
  background-color: #F44;
  color: #FFF;
}

.card {
  margin-bottom: 15px;
}
.card .card-title {
  background-color: #3366cc;
  color: #FFF;
  font-size: 120%;
  padding: 4px 10px;
  text-align: center;
}
.card .card-body {
  border: 1px solid #3366cc;
}

@media screen and (max-width: 480px) {
  .row {
    flex-flow: column wrap;
  }
}
.text-large {
  font-size: 170%;
}

/*============================
	Base
============================*/
header#header {
  font-size: 14px;
  padding-top: 15px;
  border-top: #3366cc 5px solid;
  border-bottom: #dae0ed 1px solid;
  margin-bottom: 15px;
  padding-bottom: 15px;
  overflow: hidden;
  position: relative;
}
header#header h1 {
  float: left;
  width: 30%;
  margin: 20px 0 0;
}
header#header .h-right {
  float: right;
  width: 70%;
  padding-left: 3%;
}
header#header div.head-search {
  float: left;
  width: 35%;
  border-right: #d2d2d2 1px solid;
  padding-right: 20px;
}
header#header div.head-search div.font-size {
  margin-bottom: 10px;
}
header#header div.head-search div.font-size a {
  display: inline-block;
  margin-left: 10px;
  width: 60px;
  height: 30px;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  text-align: center;
  padding-top: 5px;
  font-weight: 700;
  color: #3366cc;
  border: #3366cc 1px solid;
  background: #fff;
}
header#header div.head-search div.font-size a.active {
  background: #3366cc;
  color: #fff;
}
header#header div.head-search div.form {
  position: relative;
  height: 35px;
  width: 100%;
}
header#header div.head-search div.form input.form-input {
  border: none;
  padding-right: 65px;
  padding-left: 30px;
  width: 100%;
  height: 35px;
  outline: none;
  border-radius: 3px;
  background: url(img/base/search-icon.png) no-repeat 5px 50%, #e5e5e5;
}
header#header div.head-search div.form input.form-input:focus {
  background: url(img/base/search-icon.png) no-repeat 5px 50%, #efefef;
  outline: #ddd 1px solid;
}
header#header div.head-search div.form .search-btn {
  position: absolute;
  right: 0;
  display: inline-block;
  width: 60px;
  height: 35px;
  border-radius: 0 3px 3px 0;
  outline: none;
  font-weight: 700;
  background: #179983;
  cursor: pointer;
  outline: 0;
  color: #fff;
  border-color: #179983;
}
header#header div.head-dwl {
  border-left: #d2d2d2 1px solid;
  padding-left: 20px;
  text-align: center;
  width: 35%;
  float: right;
  color: #4b5568;
}
header#header div.head-dwl a.btn {
  display: block;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding: 10px 0;
  border-radius: 3px;
  font-size: 18px;
  letter-spacing: 1px;
  margin-top: 9px;
  border: #0068b7 1px solid;
  background: #026bff;
  background: linear-gradient(to bottom, #026bff 0%, #3366cc 100%);
  position: relative;
}
header#header div.head-dwl a.btn::before {
  position: absolute;
  left: 10px;
  content: url(img/base/file-icon.png);
}
header#header div.head-dwl a.btn:hover {
  background: #3366cc;
  background: linear-gradient(to bottom, #3366cc 0%, #026bff 100%);
}
header#header div.head-menu {
  float: left;
  width: 30%;
  padding-left: 20px;
  padding-right: 20px;
}
header#header div.head-menu ul {
  margin-bottom: 17px;
  text-align: center;
}
header#header div.head-menu ul li {
  margin-right: 10px;
  display: inline-block;
}
header#header div.head-menu ul li:last-child {
  margin-right: 0;
}
header#header div.head-menu ul li a {
  color: #4b5568;
}
header#header div.head-menu ul li a .fa {
  color: #3366cc;
  margin-right: 5px;
  width: 10px;
}
header#header div.head-menu ul li a:hover {
  color: #3366cc;
}
header#header div.head-menu a.btn {
  border: #3366cc 1px solid;
  border-radius: 3px;
  padding: 8px 0;
  text-align: center;
  font-weight: 700;
  color: #3366cc;
  position: relative;
  width: 100%;
  display: block;
}
header#header div.head-menu a.btn:hover {
  background: #3366cc;
  color: #fff;
}
header#header div.head-menu a.btn::before {
  content: "\f041";
  font-family: FontAwesome;
  position: absolute;
  left: 10px;
}
header#header .menu-trigger {
  display: none;
  transition: all 0.4s;
  box-sizing: border-box;
  width: 60px;
  height: 50px;
  position: relative;
  float: right;
  text-align: center;
  padding-top: 33px;
  font-weight: 700;
  color: #4b5568;
}
header#header .menu-trigger span {
  display: inline-block;
  transition: all 0.4s;
  width: 25px;
  height: 3px;
  background-color: #3366cc;
  position: absolute;
  right: 15px;
}
header#header .menu-trigger span:nth-of-type(1) {
  top: 10px;
}
header#header .menu-trigger span:nth-of-type(2) {
  top: 18px;
}
header#header .menu-trigger span:nth-of-type(3) {
  top: 26px;
}
header#header .menu-trigger.active-trigger span:nth-of-type(1) {
  transform: translateY(7px) rotate(-45deg);
}
header#header .menu-trigger.active-trigger span:nth-of-type(2) {
  opacity: 0;
}
header#header .menu-trigger.active-trigger span:nth-of-type(3) {
  transform: translateY(-8px) rotate(45deg);
}

#GlobalNav {
  margin-bottom: 15px;
}
#GlobalNav ul {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
}
#GlobalNav ul li:hover .ddmenu {
  visibility: visible;
}
#GlobalNav ul li .ddmenu {
  position: absolute;
  z-index: 10000;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  width: 17%;
  display: block;
  visibility: hidden;
}
#GlobalNav ul li .ddmenu li {
  display: inline-block;
  width: 100%;
  float: left;
  padding: 15px;
  border-bottom: 1px dashed #ddd;
  transition: 0 !important;
}
#GlobalNav ul li .ddmenu li:hover {
  background: #3366cc;
  color: #fff;
  border: none;
}
#GlobalNav ul li .ddmenu li:hover a {
  color: #fff;
}
#GlobalNav ul li .ddmenu li a {
  font-weight: 100;
  color: #333;
  display: block;
}
#GlobalNav ul li .ddmenu li a:hover {
  color: #fff;
}
#GlobalNav ul li a {
  font-weight: 700;
  color: #4b5568;
  display: block;
}
#GlobalNav ul li a:hover {
  color: #3366cc;
}

.bnr-list {
  text-align: center;
}
.bnr-list li {
  margin-bottom: 15px;
}

#floating {
  position: fixed;
  right: 0;
  top: 30%;
  width: 115px;
  z-index: 9999;
}
#floating .messeage {
  width: 32px;
  float: left;
}
#floating .bg {
  width: 80px;
  float: right;
  background: #fff;
  border-radius: 5px;
  text-align: center;
  border: #ddd 1px solid;
  margin-top: 80px;
}
#floating .bg li {
  border-bottom: #ddd 1px solid;
}
#floating .bg li a {
  padding: 10px;
  display: block;
  font-size: 70%;
  color: #00b900;
}
#floating .bg li a img {
  width: 100%;
  display: block;
  margin-bottom: 5px;
}
#floating .bg li:last-child {
  border-bottom: none;
}
#floating .bg li:last-child a {
  color: #3366cc;
}

#recruit_now {
  z-index: 1000;
  width: 300px;
  position: fixed;
  right: 0;
  bottom: 55px;
  opacity: 0.9;
}
#recruit_now:hover {
  opacity: 0.8;
}

#footer {
  border-bottom: #3366cc 10px solid;
}
#footer .pagetop {
  background: #4b5568;
  color: #fff;
  float: right;
  display: inline-block;
  padding: 10px 15px;
  text-align: center;
  border-radius: 5px 5px 0 0;
  font-size: 90%;
}
#footer .pagetop .fa {
  margin-right: 5px;
}
#footer .footer-inner {
  background: #f2f7ff;
  padding: 30px 0;
}
#footer .footer-inner .about {
  border-bottom: #bdc2c9 1px solid;
  padding-bottom: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}
#footer .footer-inner .about .col-left {
  border-right: #bdc2c9 1px solid;
  padding-top: 10px;
  padding-bottom: 10px;
}
#footer .footer-inner .about .col-right {
  padding-top: 10px;
}
#footer .footer-inner .about a {
  color: #3366cc;
  text-decoration: underline;
  display: inline-block;
  margin-left: 10px;
}
#footer .footer-inner .about .tel .tel-link {
  font-weight: 700;
  font-size: 160%;
}
#footer .footer-inner .about .tel .tel-link::before {
  content: "\f095";
  font-family: FontAwesome;
  margin-right: 10px;
}
#footer .footer-inner .footer-nav ul {
  width: 33.33333%;
  width: -webkit-calc(100% / 3);
  width: 33.3333333333%;
  float: left;
}
#footer .footer-inner .footer-nav ul li {
  color: #4b5568;
  margin-bottom: 5px;
  font-size: 90%;
}
#footer .footer-inner .footer-nav ul li a {
  color: #4b5568;
}
#footer .footer-inner .footer-nav ul li a:hover {
  color: #3366cc;
  text-decoration: underline;
}
#footer .footer-inner .footer-nav ul li::before {
  content: "\f105";
  font-family: FontAwesome;
  margin-right: 10px;
}
#footer .footer-inner .btn {
  font-weight: 700;
  font-size: 130%;
  position: relative;
}
#footer .footer-inner .btn .small {
  font-weight: 400;
  font-size: 12px;
  display: block;
}
#footer .footer-inner .btn .fa {
  position: absolute;
  left: 15px;
  top: 17px;
  font-size: 140%;
}
#footer .bottom {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 80%;
}
#footer .bottom a {
  text-decoration: underline;
}

/*============================
	Layout
============================*/
.col-left {
  float: left;
  padding-right: 2%;
}

.col-right {
  float: right;
  padding-left: 2%;
}

.w100 {
  width: 100%;
}

.w80 {
  width: 80%;
}

.w75 {
  width: 75%;
}

.w70 {
  width: 70%;
}

.w60 {
  width: 60%;
}

.w50 {
  width: 50%;
}

.w40 {
  width: 40%;
}

.w30 {
  width: 30%;
}

.w25 {
  width: 25%;
}

.w20 {
  width: 20%;
}

.mB15 {
  margin-bottom: 15px;
}

.mB30 {
  margin-bottom: 30px;
}

.mB60 {
  margin-bottom: 60px;
}

.mT15 {
  margin-top: 15px;
}

.mT30 {
  margin-top: 30px;
}

.mT60 {
  margin-top: 60px;
}

.section {
  overflow: hidden;
}
.section h2 {
  background: url(img/base/bdr-blue.png) 0 100% repeat-x;
  padding-bottom: 15px;
  font-weight: 400;
  font-size: 200%;
  margin: 0 auto 25px;
}

.h-icon {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 0;
}

.center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

/*============================
	Text
============================*/
.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text {
  line-height: 2;
}

/*============================
	Font,Color
============================*/
.f-c-blue {
  color: #3366cc;
}

.f-c-green {
  color: #179983;
}

.f-c-gray {
  color: #4b5568;
}

.f-c-yoellow {
  color: #fff600;
}

.f-c-white {
  color: #fff;
}

.f-s-14 {
  font-size: 14px;
}

.f-s-80 {
  font-size: 80%;
}

.f-s-120 {
  font-size: 120%;
}

.f-s-140 {
  font-size: 140%;
}

.f-s-160 {
  font-size: 160%;
}

.strong {
  font-weight: 700;
}

.large {
  font-size: 120%;
}

.larger {
  font-size: 150%;
}

/*============================
	Button
============================*/
.btn {
  display: inline-block;
  padding: 15px 0;
  text-align: center;
  position: relative;
  border-radius: 3px;
}

.btn-more {
  color: #3366cc;
  border: #3366cc 1px solid;
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  font-size: 90%;
  position: absolute;
  top: 18px;
  right: 0;
}

.btn-blue {
  border: #0068b7 1px solid;
  background: #026bff;
  color: #fff;
  background: linear-gradient(to bottom, #026bff 0%, #3366cc 100%);
}
.btn-blue:hover {
  background: #3366cc;
  background: linear-gradient(to bottom, #3366cc 0%, #026bff 100%);
}

.btn-green {
  border: #179983 1px solid;
  background: #1bcdae;
  color: #fff;
  background: linear-gradient(to bottom, #1bcdae 0%, #179983 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1bcdae", endColorstr="#179983",GradientType=0 );
}
.btn-green:hover {
  background: #179983;
  background: linear-gradient(to bottom, #179983 0%, #1bcdae 100%);
}

.btn-gray {
  border: #4b5568 1px solid;
  background: #4b5568;
  color: #fff;
}
.btn-gray:hover {
  background: #333;
}

.btn-orange {
  border: #db720b 1px solid;
  background: #db720b;
  color: #fff;
}
.btn-orange:hover {
  background: #9A510A;
}

.btn-icon {
  position: absolute;
  left: 15px;
}

.btn-sm {
  width: 5px 10px;
  font-size: 90%;
}

.btn-md {
  width: 10px 15px;
  font-size: 110%;
}

.btn-lg {
  width: 15px 20px;
  font-size: 140%;
}

/*============================
	Table
============================*/
table {
  border-collapse: collapse;
}
table.table {
  width: 100%;
}
table.table thead th {
  background: #f8f5ee;
  text-align: center;
  padding: 10px;
}
table.table tbody th {
  vertical-align: top;
  padding: 10px;
  border-bottom: #ddd 1px solid;
  font-weight: 400;
}
table.table tbody td {
  padding: 10px;
  border-bottom: #ddd 1px solid;
}
table.table-border th, table.table-border td {
  border: #ddd 1px solid;
}

/*============================
	Background
============================*/
.bg-lightbrown {
  background: #f8f5ee;
}

.bg-warning {
  background: #fcf2f2;
}

/*============================
	List
============================*/
.list li {
  margin-bottom: 15px;
}

.decimal {
  counter-reset: number;
}
.decimal li {
  padding-left: 35px;
  position: relative;
}
.decimal li::before {
  line-height: 1;
  position: absolute;
  left: 0;
  top: -3px;
  counter-increment: number;
  content: counter(number);
  background: #4b5568;
  color: #fff;
  padding-top: 7px;
  width: 25px;
  height: 18px;
  text-align: center;
  font-size: 80%;
}

.list.list-warning li::before {
  background: #f22222;
}

.katakana {
  counter-reset: kana;
}
.katakana li {
  padding-left: 35px;
  position: relative;
}
.katakana li::before {
  line-height: 1;
  position: absolute;
  left: 0;
  top: -3px;
  counter-increment: kana;
  content: counter(kana, katakana);
  background: #4b5568;
  color: #fff;
  padding-top: 7px;
  width: 25px;
  height: 18px;
  text-align: center;
  font-size: 80%;
}

.dot li {
  position: relative;
  padding-left: 15px;
}
.dot li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
}

.arrow li {
  position: relative;
  padding-left: 15px;
}
.arrow li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\f105";
  font-family: FontAwesome;
}

.underline li {
  border-bottom: #ddd 1px dotted;
  padding-bottom: 15px;
}

/*============================
	Pagenation
============================*/
.pagination {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
}

.pagination-box {
  display: inline-block;
}

.pagination span {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  width: auto;
  color: #3366cc;
  /* 文字色 */
  background: #FFF;
  border: 1px solid #3366cc;
}
.pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  width: auto;
  color: #3366cc;
  /* 文字色 */
  background: #FFF;
  border: 1px solid #3366cc;
}
.pagination a:hover {
  color: #FFF;
  /* マウスホバー時の文字色 */
  background: #3366cc;
  /* マウスホバー時の背景色 */
}
.pagination .current {
  padding: 10px 15px 10px 15px;
  background: #4b5568;
  /* 現在のページの文字色 */
  color: #FFF;
  /* 現在のページの背景色 */
  border: 1px solid #666;
}

@media only screen and (max-width: 413px) {
  .pagination {
    font-size: 12px;
    line-height: 12px;
  }
  .pagination span, .pagination a, .pagination .current {
    padding: 8px 10px 8px 10px;
  }
}
/*============================
	Form
============================*/
.form-control {
  border: 0;
  padding: 10px;
  font-size: 1.1em;
  border: solid 1px #ddd;
}
.form-control:focus {
  border: solid 1px #3366cc;
}

.form-control-select {
  border: 0;
  padding: 10px;
  border: solid 1px #ddd;
  -webkit-appearance: menulist;
  height: 42px;
}
.form-control-select:focus {
  border: solid 1px #3366cc;
}

.form-control-chekbox {
  -webkit-appearance: checkbox;
  margin-right: 5px;
}

.form-control-radio {
  -webkit-appearance: radio;
  margin-right: 5px;
}

.radio-list li {
  display: inline-block;
  margin-right: 15px;
}

.calculator .form-control-radio {
  display: none;
}
.calculator .form-control-radio + label {
  cursor: pointer;
  padding-left: 20px;
  position: relative;
  margin-right: 20px;
}
.calculator .form-control-radio + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  background: #fff;
  border: 1px solid #999;
  border-radius: 50%;
}
.calculator .form-control-radio:checked + label {
  color: #3366cc;
}
.calculator .form-control-radio:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #3366cc;
  border-radius: 50%;
}

/*============================
	Top
============================*/
#mainVisual {
  height: auto;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  text-align: center;
  position: relative;
  overflow: hidden;
}
#mainVisual .container {
  position: relative;
}
#mainVisual .container.message {
  text-align: left;
}
#mainVisual .illust {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 90%;
  max-width: 1000px;
}
#mainVisual .mv-serif {
  position: absolute;
  bottom: -50px;
}
#mainVisual .left {
  left: 1%;
}
#mainVisual .right {
  right: 1%;
}
#mainVisual .metaslider .flex-control-nav li {
  width: 5%;
  min-width: 24px;
}
#mainVisual .metaslider .flex-control-nav li a {
  width: auto;
  border-radius: 0;
}
#mainVisual .metaslider .flex-control-nav li a:hover {
  background: rgba(51, 102, 204, 0.7);
}
#mainVisual .metaslider .flex-control-nav li a.flex-active {
  background: #3366cc;
}

#top-main {
  margin-top: 60px;
  margin-bottom: 60px;
}

.top-result {
  background: #179983;
  color: #fff;
  padding: 25px;
  border-radius: 5px;
}
.top-result h2 {
  margin: 0 auto 15px;
  font-size: 180%;
}
.top-result .box {
  background: #fff;
  padding: 15px;
  border-radius: 3px;
  float: left;
  width: 49%;
  box-shadow: 0px 0px 5px 2px #0f6658;
  color: #0b4c42;
}
.top-result .box:last-of-type {
  float: right;
}
.top-result .box dl dt {
  text-align: center;
  font-weight: 700;
  vertical-align: middle;
  font-size: 140%;
  white-space: nowrap;
  text-align: center;
}
.top-result .box dl dt .count {
  font-size: 180%;
}
.top-result .box dl dd {
  color: #4b5568;
  display: table-cell;
  font-size: 10px;
  font-weight: 700;
  padding: 10px;
  vertical-align: middle;
}
.top-result .note {
  font-size: 10px;
}

.top-about a.btn {
  margin-bottom: 15px;
  font-size: 90%;
}
.top-about a.btn .btn-icon {
  position: static;
  left: 0;
  margin-right: 5px;
}
.top-about a.btn .btn-icon img {
  height: 20px;
}

.top-support h2 {
  background: none;
}

.support-link {
  display: block;
  padding: 30px;
  border-radius: 3px;
  margin-bottom: 30px;
  height: 240px;
}
.support-link.bdr-blue {
  border: #3366cc 2px solid;
}
.support-link.bdr-green {
  border: #179983 2px solid;
}
.support-link:hover {
  border-color: #ddd;
}

.top-system {
  padding: 60px 0 45px;
  background: url(img/top/top_system-bg.png) 0 0 repeat-x, #f8f5ee;
}
.top-system h2 {
  background: url(img/base/bdr-brown.png) 0 100% repeat-x;
}
.top-system .system-link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px;
}
.top-system .system-link li {
  padding-left: 15px;
  padding-right: 15px;
  width: 20%;
  margin-bottom: 30px;
}
.top-system .system-link li a {
  text-align: center;
  font-size: 14px;
  height: 240px;
  background: #fff;
  display: block;
  border: #e5e5e5 2px solid;
  border-radius: 5px;
  color: #4b5568;
  position: relative;
  font-weight: 700;
}
.top-system .system-link li a:hover {
  border-color: #3366cc;
  color: #3366cc;
}
.top-system .system-link li a h3 {
  color: #3366cc;
  margin: 0 auto;
  font-size: 140%;
  position: relative;
  height: 75px;
  padding-top: 25px;
}
.top-system .system-link li a h3::after {
  content: "\f0da";
  font-family: FontAwesome;
  position: absolute;
  top: 25px;
  margin-left: 15px;
}
.top-system .system-link li a h3.double {
  padding-top: 10px;
}
.top-system .system-link li a h3.triple {
  font-size: 200%;
  padding-top: 75px;
  height: auto;
}
.top-system .system-link li a h3.triple::after {
  top: 75px;
}
.top-system .system-link li a .img {
  margin-bottom: 15px;
  height: 80px;
}
.top-system .system-link li a .img img {
  max-width: 100%;
  max-height: 80px;
}
.top-system .system-link li a:nth-child(5) h3 {
  padding-top: 10px;
}

#tab-button {
  border-bottom: #c0c5d1 1px solid;
  position: relative;
  margin-bottom: 25px;
}
#tab-button li {
  display: inline-block;
  width: 15%;
  margin: 0 0.5%;
  font-size: 90%;
  text-align: center;
  border-left: #c0c5d1 1px solid;
  border-right: #c0c5d1 1px solid;
}
#tab-button li a {
  display: block;
  padding: 17px 0 0;
  height: 54px;
  color: #4b5568;
  background: #fff;
}
#tab-button li a:hover {
  background: #fafbfe;
}
#tab-button li.tab-all {
  border-top: #4b5568 5px solid;
}
#tab-button li.tab-news {
  border-top: #3366cc 5px solid;
}
#tab-button li.tab-system {
  border-top: #da1e76 5px solid;
}
#tab-button li.tab-recruit {
  border-top: #179983 5px solid;
}
#tab-button li.tab-auction {
  border-top: #b0875a 5px solid;
}
#tab-button li.tab-event {
  border-top: #ffcc00 5px solid;
}
#tab-button li.is-active {
  position: relative;
  bottom: -1px;
  height: 58px;
}

.tab-contents dl {
  overflow: hidden;
  padding: 25px 0;
  border-bottom: #a1a5ac 1px dotted;
}
.tab-contents dl dt {
  float: left;
  width: 13%;
}
.tab-contents dl dd {
  float: right;
  width: 87%;
}
.tab-contents dl dd a {
  text-decoration: underline;
}
.tab-contents dl dd a:hover {
  color: #4b5568;
}
.tab-contents dl dd .category-bg {
  width: 85px;
  display: inline-block;
  text-align: center;
  color: #fff;
  padding: 3px 0;
  font-size: 80%;
  margin-right: 5px;
}
.tab-contents dl dd .category-notice {
  background: #3366cc;
}
.tab-contents dl dd .category-system {
  background: #da1e76;
}
.tab-contents dl dd .category-recruit-information {
  background: #179983;
}
.tab-contents dl dd .category-auction {
  background: #b0875a;
}
.tab-contents dl dd .category-event {
  background: #ffcc00;
}

.top-information {
  position: relative;
}
.top-information .more {
  color: #3366cc;
  border: #3366cc 1px solid;
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  font-size: 90%;
  position: absolute;
  top: 5px;
  right: 0;
}
.top-information .more .fa {
  margin-right: 10px;
}

/*============================
	Sub Pages
============================*/
#page-title {
  background: url(img/contents/title-bg.jpg) 50% 0 repeat-x;
  height: 100px;
  margin: 0 auto;
  line-height: 1.5;
  position: relative;
}
#page-title h2 {
  font-size: 220%;
  padding-top: 25px;
  color: #3366cc;
  margin: 0 auto;
  font-weight: 700;
}
#page-title .pt-illust {
  position: absolute;
  bottom: 0;
  right: 5%;
}

#breadcrumb {
  background: #f8f5ee;
  padding: 5px 0;
  font-size: 90%;
  margin-bottom: 60px;
}
#breadcrumb a {
  color: #3366cc;
  text-decoration: underline;
}

#side .menu {
  margin-bottom: 30px;
}
#side .menu .menu-item-has-children a {
  background: #3366cc;
  padding: 15px;
  color: #fff;
  margin-bottom: 15px;
  display: block;
  border-radius: 5px;
}
#side .menu .menu-item-has-children .sub-menu {
  font-size: 90%;
}
#side .menu .menu-item-has-children .sub-menu li {
  border-bottom: #ddd 1px solid;
  padding-bottom: 5px;
  margin-bottom: 5px;
  background: none;
}
#side .menu .menu-item-has-children .sub-menu li a {
  margin-bottom: 0;
  padding: 10px;
  color: #4b5568;
  background: none;
}
#side .menu .menu-item-has-children .sub-menu li.current-menu-item a, #side .menu .menu-item-has-children .sub-menu li.current-menu-ancestor a, #side .menu .menu-item-has-children .sub-menu li.current-menu-parent a {
  background: #efefef;
}
#side .menu .menu-item-has-children .sub-menu .sub-menu {
  display: none;
}
#side .archive-side {
  background: #4b5568;
  padding: 15px;
  color: #fff;
  margin-bottom: 15px;
  display: block;
  border-radius: 5px;
}

.text {
  line-height: 1.8;
}
.text a {
  color: #3366cc;
  text-decoration: underline;
}

.row {
  overflow: hidden;
}

.page-section {
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: #ddd 1px solid;
}
.page-section h3 {
  color: #4b5568;
  font-size: 150%;
  margin-bottom: 25px;
  padding-top: 15px;
  position: relative;
  border-top: #ddd 2px solid;
}
.page-section h3::before {
  top: -2px;
  left: 0;
  content: "";
  width: 100px;
  height: 2px;
  background: #3366cc;
  position: absolute;
  display: block;
}
.page-section h3 .date {
  color: #4b5568;
  font-size: 12px;
  display: block;
  text-align: right;
}
.page-section h4 {
  color: #4b5568;
  border-bottom: #3366cc 1px solid;
  padding: 10px 0;
  margin-bottom: 15px;
  font-size: 120%;
}
.page-section h5 {
  color: #4b5568;
  font-weight: 700;
  margin-bottom: 10px;
}

.page-bottom {
  text-align: center;
  margin: 60px auto;
}
.page-bottom a {
  display: inline-block;
  margin: 10px;
}

.inner-wrap {
  width: 100%;
  padding: 0 5px;
  margin: 0 auto;
}

/*ご利用案内*/
.guide-item {
  margin-bottom: 60px;
  overflow: hidden;
}
.guide-item li {
  float: left;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px;
  width: 48%;
  margin-bottom: 4%;
  overflow: hidden;
  transition: 300ms;
}
.guide-item li:hover {
  border-color: #3366cc;
  transition: 300ms;
  background: #3366cc;
}
.guide-item li:hover a {
  color: #fff;
}
.guide-item li a .item-img {
  background: #efefef;
  height: 240px;
  margin-bottom: 10px;
}
.guide-item li a .item-name {
  font-weight: 700;
  text-align: center;
  font-size: 140%;
  margin-bottom: 10px;
}
.guide-item li a .btn {
  margin: 0 auto;
  display: block;
  width: 200px;
  min-width: 150px;
  font-size: 100%;
  padding: 5px 10px;
}
.guide-item li:nth-child(2n) {
  float: right;
}

@media screen and (max-width: 480px) {
  .guide-item li {
    width: 100%;
  }
}
/*初めてのお客様*/
.merit-description {
  line-height: 1.8;
  font-size: 120%;
  margin: 0 0 50px;
  color: #4b5568;
  font-weight: 700;
}

.merit {
  counter-reset: number;
}
.merit li {
  font-size: 90%;
  float: left;
  color: #4b5568;
  min-height: 160px;
  margin-right: 4%;
  margin-bottom: 4%;
  width: 48%;
  position: relative;
}
.merit li .col-left {
  height: 140px;
  margin-bottom: 10px;
}
.merit li span {
  display: block;
  margin-bottom: 5px;
  font-size: 120%;
}
.merit li:nth-child(2n) {
  margin-right: 0;
}
.merit li::before {
  counter-increment: number;
  content: counter(number);
  position: absolute;
  left: -10px;
  top: -30px;
  font-size: 400%;
  font-style: italic;
  color: #3366cc;
}

.point-box {
  background: #f8f5ee;
  padding: 30px;
  overflow: hidden;
  border: #cebba7 1px solid;
  border-radius: 5px;
  margin: 0 auto;
  width: 90%;
}
.point-box h3 {
  color: #a8733b;
  font-size: 120%;
  font-weight: bold;
  border-bottom: #a8733b 3px solid;
  padding-bottom: 10px;
  margin-bottom: 25px;
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.point-box h3::before {
  background: none;
}
.point-box h4 {
  background: none;
  color: #50361a;
  font-weight: bold;
  margin: 0;
  padding: 0;
  border: 0;
}

/*ご利用条件について*/
.table .tr-sp {
  font-size: 90%;
}
.table .tr-sp td {
  background: #efefef;
  padding: 5px 15px;
}

/*保証料シミュレーション*/
.calculator {
  background: #f8f5ee;
  padding: 60px 0;
  width: 800px;
  max-width: 100%;
  margin: 0 auto 30px;
  border-radius: 5px;
}

.calculator-table {
  width: 500px;
  margin: 0 auto;
}
.calculator-table th, .calculator-table td {
  font-weight: 300;
  padding: 20px 5px;
  text-align: left;
}
.calculator-table th {
  color: #4b5568;
  font-weight: 700;
}
.calculator-table .unit {
  margin-left: 10px;
}
.calculator-table .form-control {
  width: 200px;
  text-align: right;
}
.calculator-table a {
  color: #3366cc;
  font-size: 80%;
  text-decoration: underline;
}
.calculator-table .error_log {
  display: block;
  color: #ff0000;
  font-size: 90%;
}

.btn-success {
  background: #3366cc;
  color: #fff;
  min-width: 300px;
  padding: 30px;
  font-size: 140%;
  cursor: pointer;
  margin: 30px auto 0;
  border: none;
}
.btn-success:hover {
  background: #2B55A9;
}
.btn-success .fa {
  margin-right: 15px;
}

.btn_reset {
  background: #4b5568;
  color: #fff;
  padding: 10px 0;
  cursor: pointer;
  width: 140px;
  text-align: center;
  display: block;
  margin: 15px auto 0;
  border: none;
  border-radius: 5px;
}
.btn_reset:hover {
  background: #333;
}

.result {
  width: 800px;
  max-width: 100%;
  margin: 0 auto 30px;
  padding: 30px;
  border: #3366cc 2px solid;
  border-radius: 5px;
  font-weight: 700;
  color: #3366cc;
  overflow: hidden;
}
.result dl dt, .result dl dd {
  font-size: 120%;
}
.result dl dt {
  width: 30%;
  float: left;
  padding-top: 15px;
}
.result dl dd {
  float: right;
  width: 68%;
  text-align: right;
}
.result input {
  border: none;
  font-size: 240%;
  text-align: right;
  padding: 0 10px;
  color: #3366cc;
  width: 90%;
  font-weight: 700;
  outline: none;
}
.result input:focus {
  outline: none;
}

@media screen and (max-width: 779px) {
  .calculator-table {
    width: 100%;
  }
  .result dl dt {
    width: 100%;
  }
  .result dl dd {
    width: 100%;
  }
  .result input {
    font-size: 180%;
  }
}
/*当協会の概要*/
#outline .table tbody th {
  background: #f8f5ee;
  width: 200px;
}
#outline .outline-box {
  margin-bottom: 60px;
}
#outline .outline-box .outline-title {
  border-bottom: #4b5568 1px dotted;
  padding-bottom: 10px;
}
#outline .outline-box dl {
  overflow: hidden;
}
#outline .outline-box dl dt {
  float: left;
  width: 10%;
  font-weight: 700;
  color: #4b5568;
}
#outline .outline-box dl dd {
  position: relative;
  float: right;
  width: 88%;
}
#outline .outline-box dl dd::before {
  content: "";
  width: 30px;
  height: 1px;
  background: #4b5568;
  left: -50px;
  top: 10px;
  display: block;
  position: absolute;
}
#outline .outline-box dl dd dl {
  margin-bottom: 15px;
}
#outline .outline-box dl dd dl dt {
  font-weight: 400;
}

@media screen and (max-width: 779px) {
  #outline .outline-box dl dd::before {
    content: none;
    display: none;
  }
}
/*コンプライアンスへの取り組み*/
.compliance {
  overflow: hidden;
  counter-reset: number;
}
.compliance li {
  width: 48%;
  border: #ddd 1px solid;
  border-radius: 5px;
  height: 100%;
  padding: 10px 10px 10px 50px;
  margin-right: 4%;
  margin-bottom: 4%;
  position: relative;
  float: left;
  overflow: hidden;
}
.compliance li:nth-child(2n) {
  margin-right: 0;
}
.compliance li::before {
  counter-increment: number;
  content: counter(number);
  position: absolute;
  left: 0;
  top: 0;
  background: #179983;
  color: #fff;
  padding: 10px;
  width: 20px;
  height: 100%;
  text-align: center;
  border-radius: 5px 0 0 5px;
}

/*お問い合わせ*/
.contact-box {
  border: #ddd 1px solid;
  padding: 25px;
  margin-bottom: 15px;
  overflow: hidden;
  border-radius: 5px;
}
.contact-box dt {
  margin-bottom: 15px;
  font-weight: 700;
  color: #179983;
}

#form-box {
  margin: 60px auto;
  width: 90%;
}
#form-box label {
  cursor: pointer;
}
#form-box .form-control {
  width: 100%;
  border-radius: 5px;
  background: #efefef;
}
#form-box .form-control-radio {
  -webkit-appearance: none;
}
#form-box .form-control-radio input[type=radio] {
  -webkit-appearance: radio;
}
#form-box .require {
  background: #ff0000;
  color: #fff;
  font-size: 80%;
  display: inline-block;
  padding: 2px 5px;
  margin-right: 5px;
}
#form-box .table th {
  font-weight: 700;
  color: #4b5568;
  width: 100%;
  text-align: left;
  display: block;
  border-bottom: none;
  padding: 30px 0 15px;
}
#form-box .table td {
  padding: 0 0 30px;
  width: 100%;
  display: block;
}

/*保証制度*/
.search-box {
  border: #ddd 5px solid;
  width: 50%;
  padding: 15px 30px;
  margin: auto;
  margin-top: -15px;
  margin-bottom: 0px;
}
.search-box dl {
  padding: 15px 0;
  overflow: hidden;
  border-bottom: #ddd 1px dotted;
}
.search-box dl dt {
  float: left;
  width: 25%;
  font-weight: 700;
}
.search-box dl .fa {
  color: #3366cc;
  margin-right: 5px;
  display: inline-block;
}
.search-box dl dd {
  float: left;
  width: 75%;
}
.search-box .btn-submit {
  padding: 15px 0;
  width: 200px;
  border-radius: 5px;
  margin: 15px auto 0;
  cursor: pointer;
  background: #eee;
}
.search-box .btn-submit:hover {
  background: #ddd;
}
.search-box label {
  display: inline-block;
  margin-right: 15px;
}

@media screen and (max-width: 779px) {
  .search-box {
    width: 100%;
  }
}
.case-table {
  font-size: 90%;
  display: table;
  width: 100%;
}
.case-table li {
  width: 100%;
}
.case-table li a {
  display: table-row;
}
.case-table li a:hover {
  background: #3366cc;
  color: #FFF;
}
.case-table li div {
  display: table-cell;
}
.case-table li.thead {
  border-bottom: #ddd 2px solid;
  font-weight: 700;
  color: #4b5568;
  text-align: center;
  display: table-row;
}
.case-table li.thead div {
  padding: 10px;
  background: #efefef;
}
.case-table li.tbody {
  display: table-row-group;
}
.case-table li.tbody div {
  padding: 15px;
  border-bottom: #ddd 1px dotted;
}
.case-table li .ct01 {
  width: 25%;
  font-weight: 700;
  font-size: 110%;
}
.case-table li .ct02 {
  width: 10%;
  text-align: center;
}
.case-table li .ct03 {
  width: 15%;
  text-align: center;
}
.case-table li .ct04 {
  width: 25%;
}

@media screen and (max-width: 779px) {
  .search-box dl dt {
    width: 100%;
  }
  .case-table li.thead .ct01, .case-table li.thead .ct02, .case-table li.thead .ct03, .case-table li.thead .ct04, .case-table li.thead .ct05 {
    display: inline-block;
    width: 100%;
  }
  .case-table li.thead .ct02, .case-table li.thead .ct03, .case-table li.thead .ct04, .case-table li.thead .ct05 {
    display: none;
  }
  .case-table li.tbody {
    border-bottom: 1px solid #DDD;
    display: block;
  }
  .case-table li.tbody a {
    display: inline-block;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .case-table li.tbody .ct01, .case-table li.tbody .ct02, .case-table li.tbody .ct03, .case-table li.tbody .ct04, .case-table li.tbody .ct05 {
    display: inline-block;
    width: 100%;
    border: 0;
    padding: 2px 15px;
    text-align: left;
  }
  .case-table li.tbody .ct02, .case-table li.tbody .ct03, .case-table li.tbody .ct04, .case-table li.tbody .ct05 {
    font-size: 0.9em;
    padding-left: 25px;
  }
  .case-table li.tbody .ct02:before, .case-table li.tbody .ct03:before, .case-table li.tbody .ct04:before, .case-table li.tbody .ct05:before {
    font-weight: bold;
  }
  .case-table li.tbody .ct02:before {
    content: "制度区分： ";
  }
  .case-table li.tbody .ct03:before {
    content: "保証限度額： ";
  }
  .case-table li.tbody .ct04:before {
    content: "保証期間： ";
  }
  .case-table li.tbody .ct05:before {
    content: "保証料率： ";
  }
}
.conditions {
  border: #ddd 5px solid;
  padding: 15px 30px;
  width: 50%;
  margin: auto;
  margin-top: -15px;
  margin-bottom: 30px;
}
.conditions dl {
  padding: 30px 0;
  overflow: hidden;
  border-bottom: #ddd 1px dotted;
}
.conditions dl dt {
  float: left;
  width: 25%;
  font-weight: 700;
}
.conditions dl .fa {
  color: #3366cc;
  margin-right: 5px;
  display: inline-block;
}
.conditions dl dd {
  float: left;
  width: 75%;
}
.conditions dl dd span {
  display: inline-block;
  margin-right: 5px;
}
.conditions dl dd span::before {
  content: "/";
  margin-right: 5px;
}
.conditions dl dd span:first-child::before {
  content: none;
}

.case-list {
  padding: 0;
  margin-bottom: 60px;
  color: #4b5568;
}
.case-list a {
  border-radius: 5px;
  border: #ddd 1px solid;
  display: block;
  color: #4b5568;
}
.case-list h3 {
  font-size: 140%;
  color: #3366cc;
  padding: 15px;
}
.case-list h4 {
  font-size: 90%;
  font-weight: 700;
  margin-bottom: 5px;
}
.case-list .table th, .case-list .table td {
  padding: 5px;
  text-align: center;
}
.case-list .inner {
  padding: 30px;
  border-top: #ddd 2px solid;
}
.case-list .case-name {
  color: #3366cc;
  font-size: 120%;
  font-weight: 700;
  margin-bottom: 15px;
}
.case-list .description {
  padding: 0 15px 15px;
}
.case-list .table.table-case th, .case-list .table.table-case td {
  border-bottom: #ddd 1px dotted;
  padding: 10px 0;
  text-align: left;
}
.case-list .table.table-case th {
  width: 20%;
  font-weight: 700;
  color: #179983;
}
.case-list dl {
  background: #f8f5ee;
  padding: 15px;
  border-radius: 5px;
}
.case-list dl dt, .case-list dl dd {
  display: block;
  width: 100%;
  font-weight: 700;
}
.case-list dl dt {
  text-align: center;
  margin-bottom: 10px;
}
.case-list dl dd {
  text-align: center;
  color: #db720b;
  line-height: 2;
}
.case-list .more {
  background: #db720b;
  padding: 15px 30px;
  width: 300px;
  max-width: 100%;
  margin: 0 auto;
  color: #fff;
  display: block;
  text-align: center;
  border-radius: 5px;
}
.case-list .more:hover {
  background: #9A510A;
}

.case-detail .case-list dl dd {
  font-size: 120%;
}
.case-detail .table-case {
  line-height: 1.8;
}
.case-detail .table-case th {
  width: 20%;
  font-weight: 700;
  background: #f8f5ee;
  text-align: left;
}
.case-detail .table-case .table-riritsu {
  font-size: 90%;
}
.case-detail .table-case .table-riritsu th {
  width: 12%;
  text-align: center;
  padding: 5px;
  font-weight: 400;
}
.case-detail .table a {
  color: #3366cc;
  text-decoration: underline;
}
.case-detail .hoshouryouritsu {
  border: #ddd 1px solid;
  background: #f8f5ee;
  padding: 10px;
  border-radius: 5px;
  color: #4b5568;
}
.case-detail .hoshouryouritsu dl {
  overflow: hidden;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: #ddd 1px dotted;
}
.case-detail .hoshouryouritsu dl dt {
  float: left;
  width: 20%;
  font-weight: 700;
  text-align: center;
}
.case-detail .hoshouryouritsu dl dd {
  float: left;
  width: 80%;
}
.case-detail .hoshouryouritsu &gt; div {
  text-align: center;
}
.case-detail .hoshouryouritsu label {
  display: inline-block;
  margin-right: 15px;
}

@media screen and (max-width: 779px) {
  .case-detail .hoshouryouritsu dl dt, .case-detail .hoshouryouritsu dl dd {
    width: 100%;
  }
  .case-detail .hoshouryouritsu &gt; div {
    text-align: left;
  }
  .case-detail .table-case .table-taishou tr:nth-child(1) {
    display: none;
  }
  .case-detail .table-case .table-taishou tr td:nth-child(1) {
    background: #eee;
  }
  .case-detail .table-case .table-horizontal td, .case-detail .table-case .table-horizontal th {
    display: table-cell;
    font-size: 0.7em;
    width: 33.333% !important;
  }
}
/*金融機関・商工団体のみなさまへ*/
.member_format {
  text-align: center;
}
.member_format li {
  display: inline-block;
  margin: 0 15px 30px;
  max-width: 100%;
  width: 340px;
}
.member_format li a {
  display: block;
  border: #ddd 2px solid;
  padding: 15px;
  color: #4b5568;
  font-weight: 700;
}
.member_format li a:hover {
  background: #3366cc;
  color: #fff;
  border-color: #3366cc;
}

.member-table th {
  min-width: 5em;
}
.member-table th:nth-child(3) {
  min-width: 7em;
}
.member-table td:nth-child(2) {
  text-align: center;
}
.member-table tr.download td .fa {
  color: #179983;
}
.member-table tr.download td a {
  color: #179983;
  text-decoration: underline;
}

.format-search.search-box {
  width: 80%;
}

/*広報物・パンフレット*/
.publicity_category {
  border: #ddd 1px solid;
  padding: 15px;
  margin-bottom: 30px;
  border-radius: 5px;
}
.publicity_category li {
  display: inline-block;
  margin-right: 15px;
}
.publicity_category li a {
  color: #4b5568;
  font-weight: 700;
}
.publicity_category li a:hover {
  color: #3366cc;
}
.publicity_category li::before {
  content: "/";
  margin-right: 15px;
  display: inline-block;
}
.publicity_category li:first-child::before {
  content: none;
}

.publicity.row {
  justify-content: flex-start;
}
.publicity li {
  margin-bottom: 30px;
  width: 25%;
  padding-left: 15px;
  padding-right: 15px;
}
.publicity li a {
  display: block;
  border: #ddd 1px solid;
  border-radius: 5px;
  padding: 15px;
  color: #4b5568;
  position: relative;
}
.publicity li a p {
  margin-bottom: 0;
  font-size: 80%;
}
.publicity li a span {
  display: inline-block;
  margin-bottom: 5px;
  color: #fff;
}
.publicity li a span.tername-disclosure {
  background: #179983;
}
.publicity li a span.tername-pamphlet {
  background: #da1e76;
}
.publicity li a span.tername-leaflet {
  background: #b0875a;
}
.publicity li a span.tername-monthly_report {
  background: #3366cc;
}
.publicity li a .icatch {
  position: relative;
}
.publicity li a .fa {
  color: #179983;
  font-size: 120%;
}
.publicity li a .overlay {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
}
.publicity li a .overlay .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 60px;
  margin-left: -30px;
  opacity: 0;
  color: #FFF;
}
.publicity li a:hover {
  background: #444;
}
.publicity li a:hover .icatch img {
  opacity: 0.65;
}
.publicity li a:hover .icatch .overlay .fa {
  opacity: 1;
}
.publicity li a:hover p {
  color: #FFF;
}

/*よくある質問*/
.faqToggle {
  margin-bottom: 15px;
  border: #3366cc 2px solid;
  border-radius: 5px;
  background: #f8f5ee;
  border: #ddd 2px solid;
  padding: 5px;
}
.faqToggle:hover {
  border-color: #3366cc;
}
.faqToggle dt, .faqToggle dd {
  width: 100%;
  position: relative;
}
.faqToggle dt {
  padding: 20px 15px 20px 60px;
  cursor: pointer;
}
.faqToggle dt::before {
  content: "Q";
  color: #fff;
  background: #3366cc;
  width: 35px;
  height: 30px;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 12px;
  left: 15px;
  padding-top: 5px;
  border-radius: 50px;
}
.faqToggle dd {
  background: #fff;
  display: none;
  padding: 15px 15px 15px 65px;
  color: #4b5568;
  line-height: 1.8;
  border-radius: 5px;
}
.faqToggle dd a {
  text-decoration: underline;
}
.faqToggle dd::before {
  content: "A.";
  color: #3366cc;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 20px;
  font-size: 200%;
}

.information-list a {
  text-decoration: underline;
  color: #3366cc;
}
.information-list .date {
  color: #4b5568;
  width: 100px;
  display: inline-block;
}
.information-list .category-bg {
  width: 85px;
  display: inline-block;
  text-align: center;
  color: #fff;
  padding: 3px 0;
  font-size: 80%;
  margin-right: 10px;
}
.information-list .category-notice {
  background: #3366cc;
}
.information-list .category-system {
  background: #da1e76;
}
.information-list .category-recruit-information {
  background: #179983;
}
.information-list .category-auction {
  background: #b0875a;
}
.information-list .category-event {
  background: #ffcc00;
}

/* 事業計画・収支計算書 */
.archive-report .row {
  justify-content: flex-start;
}
.archive-report .row &gt; li {
  padding-left: 15px;
  padding-right: 15px;
}
.archive-report .row &gt; li .card ul li {
  padding: 10px;
  border-bottom: 1px solid #DDD;
}
.archive-report .table td a {
  color: #179983;
  text-decoration: underline;
}

.report .table th {
  text-align: center;
  width: 50%;
}
.report .table td:nth-child(2) {
  text-align: right;
}
.report .table th, .report .table td {
  padding: 10px;
  padding-left: 20px;
  line-height: 1;
}
.report .table th a, .report .table td a {
  color: #179983;
  text-decoration: underline;
}
.report .table .bold {
  font-weight: bold;
}
.report .table .bold td {
  padding-left: 10px;
}

/* メルマガ */
#mail-register #s2email {
  width: 70%;
  padding: 10px;
}
#mail-register input[type=submit] {
  padding: 10px;
  border-radius: 5px;
  border: 0;
  cursor: pointer;
  margin: 15px;
}
#mail-register input[type=submit]:hover {
  opacity: 0.8;
}
#mail-register input[name=subscribe] {
  width: 200px;
  background: #3366cc;
  color: #FFF;
}
#mail-register input[name=unsubscribe] {
  background: #d3d3d3;
}

@media screen and (max-width: 1079px) {
  .sp-none {
    display: none;
  }
  /*============================
  	Base
  ============================*/
  header#header {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: none;
    margin-bottom: 0;
    height: 90px;
    font-size: 80%;
  }
  header#header h1 {
    width: 50%;
    max-width: 200px;
    margin: 0;
    margin-top: 15px;
  }
  header#header .h-right {
    width: 70px;
    float: right;
    padding-left: 0;
  }
  header#header div.head-search, header#header div.head-dwl {
    display: none;
  }
  header#header div.head-menu {
    float: none;
    width: 100%;
    padding-left: 0;
    padding: 5px 5px 0;
    margin-right: 15px;
    border-left: #d2d2d2 1px solid;
    border-right: #d2d2d2 1px solid;
  }
  header#header div.head-menu ul {
    display: none;
  }
  header#header div.head-menu a.btn {
    border: none;
    color: #3366cc;
    padding: 0;
    max-width: 80px;
    height: 50px;
    position: relative;
    color: #4b5568;
  }
  header#header div.head-menu a.btn:hover {
    background: none;
    color: #3366cc;
  }
  header#header div.head-menu a.btn::before {
    position: inherit;
    left: 0;
    display: block;
    color: #3366cc;
    font-size: 160%;
  }
  header#header .menu-trigger {
    display: block;
  }
  #GlobalNav {
    display: none;
    opacity: 0;
    background: #f8f5ee;
    margin-bottom: 0;
  }
  #GlobalNav ul {
    display: block;
    border-top: #ddd 1px solid;
    padding: 0;
  }
  #GlobalNav ul li {
    border-bottom: #ddd 1px solid;
  }
  #GlobalNav ul li .ddmenu {
    display: none;
  }
  #GlobalNav ul li a {
    padding: 15px;
    display: block;
  }
  #GlobalNav.active {
    opacity: 1;
    display: block;
    animation-duration: 0.5s;
    animation-name: fade-in;
    -moz-animation-duration: 0.5s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: fade-in;
  }
  .bnr-list {
    margin-top: 30px;
  }
  .bnr-list li {
    display: inline-block;
    width: -webkit-calc(100% / 3);
    width: 33.3333333333%;
  }
  #footer .pagetop {
    padding: 15px 0;
    font-size: 80%;
    float: none;
    width: 100%;
    display: block;
  }
  #footer .pagetop .fa {
    margin-right: 5px;
  }
  #footer .footer-inner {
    padding: 30px 0;
  }
  #footer .footer-inner .about {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    font-size: 80%;
  }
  #footer .footer-inner .about .logo {
    max-width: 250px;
    margin: 0 auto;
  }
  #footer .footer-inner .about .col-left {
    border-right: none;
    border-bottom: #bdc2c9 1px solid;
    padding-top: 0;
  }
  #footer .footer-inner .about .col-right {
    line-height: 1.8;
  }
  #footer .footer-inner .about a {
    color: #3366cc;
    text-decoration: underline;
    display: inline-block;
    margin-left: 10px;
  }
  #footer .footer-inner .about .tel .tel-link {
    display: block;
  }
  #footer .footer-inner .about .tel .tel-link a {
    text-decoration: none;
  }
  #footer .footer-inner .about .tel .tel-link::before {
    margin-right: 0;
    color: #3366cc;
  }
  #footer .footer-inner .footer-nav ul {
    width: 100%;
    float: none;
  }
  #footer .footer-inner .footer-nav ul li {
    color: #4b5568;
    margin-bottom: 5px;
    font-size: 90%;
    text-align: center;
    width: 90%;
    margin: 15px auto 0;
  }
  #footer .footer-inner .footer-nav ul li a {
    background: #fff;
    border: #bdc2c9 1px solid;
    border-radius: 3px;
    padding: 10px 0;
    display: block;
    color: #4b5568;
  }
  #footer .footer-inner .footer-nav ul li a:hover {
    text-decoration: none;
  }
  #footer .footer-inner .footer-nav ul li::before {
    content: none;
  }
  #footer .footer-inner .btn {
    width: 90%;
    margin: 0 auto;
  }
  #footer .footer-inner .btn .fa {
    position: absolute;
    left: 15px;
    top: 17px;
    font-size: 140%;
  }
  #footer .bottom {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #footer #copyright {
    margin-top: 30px;
  }
  /*============================
  	Table
  ============================*/
  .table-responsive {
    overflow: auto;
  }
  .table-responsive .table-vertical th, .table-responsive .table-vertical td {
    display: inline-block;
    width: 100% !important;
  }
  .table-responsive .table-vertical th .table-riritsu th, .table-responsive .table-vertical th .table-riritsu td {
    display: table-cell;
    font-size: 0.7em;
    width: 10% !important;
  }
  .table-responsive .table-vertical td .table-riritsu th, .table-responsive .table-vertical td .table-riritsu td {
    display: table-cell;
    font-size: 0.7em;
    width: 10% !important;
  }
  .table-responsive #cdr th {
    padding: 5px;
  }
  .table-responsive #cdr td {
    padding: 5px;
    font-size: 0.5em;
  }
  .table-responsive #meibo th, .table-responsive #meibo td {
    display: inline-block;
    width: 100%;
  }
  .table-responsive #meibo thead th:nth-child(1) {
    width: 35%;
  }
  .table-responsive #meibo thead th:nth-child(2) {
    width: 65%;
  }
  .table-responsive #meibo tbody tr:nth-child(even) {
    background: #EEE;
  }
  .table-responsive #meibo tbody td {
    border: 0;
  }
  .table-responsive #meibo tbody td:nth-child(-n+2) {
    text-align: left;
    padding-bottom: 5px;
  }
  .table-responsive #meibo tbody td:nth-child(1) {
    width: 35%;
  }
  .table-responsive #meibo tbody td:nth-child(2) {
    width: 65%;
  }
  .table-responsive #meibo tbody td:nth-child(3) {
    font-size: 90%;
    padding-top: 5px;
  }
  /*============================
  	Top
  ============================*/
  .section h2 {
    font-size: 160%;
    margin-bottom: 10px;
  }
  .h-icon {
    height: 30px;
    top: -3px;
  }
  #mainVisual .mv-serif {
    display: none;
  }
  #top-main {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .top-result {
    padding: 10px;
    margin-bottom: 30px;
  }
  .top-result h2 {
    font-size: 140%;
  }
  .top-result .box {
    padding: 5px;
    margin-bottom: 15px;
  }
  .top-result .box dl {
    display: block;
  }
  .top-result .box dl dt {
    width: 100%;
    display: block;
    border-right: none;
    border-bottom: #e5e5e5 1px solid;
  }
  .top-result .box dl dd {
    width: 100%;
    display: block;
  }
  .top-result .note {
    text-align: center;
  }
  .top-about a.btn {
    margin-bottom: 15px;
    font-size: 100%;
  }
  .top-about a.btn .btn-icon {
    margin-right: 15px;
  }
  .top-support h2 {
    background: none;
  }
  .support-link {
    padding: 15px;
    height: auto;
    margin-bottom: 15px;
  }
  .support-link img {
    margin-top: 15px;
  }
  .top-system {
    padding: 30px 0;
  }
  .top-system h2 span {
    display: none;
  }
  #tab-button {
    display: none;
  }
  .tab-contents dl {
    overflow: hidden;
    padding: 25px 0;
    border-bottom: #a1a5ac 1px dotted;
  }
  .tab-contents dl dt {
    float: none;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    font-size: 80%;
  }
  .tab-contents dl dd {
    float: none;
    width: 100%;
  }
  .top-information .more {
    color: #3366cc;
    border: #3366cc 1px solid;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
    font-size: 90%;
    position: absolute;
    top: 5px;
    right: 0;
  }
  .top-information .more .fa {
    margin-right: 10px;
  }
  .top-system .system-link li {
    width: 33.33%;
  }
}
@media screen and (max-width: 779px) {
  /*============================
  	Layout
  ============================*/
  .top-system .system-link li {
    width: 50%;
  }
  .row .col-1, .row .col-2, .row .col-3, .row .col-4, .row .col-5, .row .col-6, .row .col-7, .row .col-8, .row .col-9, .row .col-10 {
    width: 100%;
  }
  .col-left {
    float: none;
    padding-right: 0;
  }
  .col-right {
    float: none;
    padding-left: 0;
  }
  .w80, .w75, .w70, .w60, .w50, .w40, .w30, .w25, .w20 {
    width: 100%;
  }
  .bnr-list li {
    width: auto;
  }
  #page-title h2 {
    font-size: 150%;
  }
  #recruit_now {
    z-index: 1000;
    width: 100%;
    position: fixed;
    right: 0;
    bottom: 0;
    opacity: 0.9;
  }
  #recruit_now:hover {
    opacity: 0.8;
  }
  #floating {
    position: inherit;
    right: 0;
    top: 0;
    margin-bottom: 30px;
    width: 100%;
  }
  #floating .messeage {
    display: none;
  }
  #floating .bg {
    width: 100%;
    float: none;
    border-radius: 0;
    border: #ddd 1px solid;
    border-left: none;
    border-right: none;
    margin-top: 0;
    overflow: hidden;
  }
  #floating .bg li {
    width: 50%;
    float: left;
    border-bottom: none;
    border-right: #ddd 1px solid;
  }
  #floating .bg li a {
    text-align: center;
  }
  #floating .bg li a img {
    display: inline-block;
    width: auto;
  }
  #floating .bg li:last-child {
    border-right: none;
  }
}
@media screen and (max-width: 480px) {
  .bnr-list li {
    display: block;
    width: -webkit-calc(100% / 1);
    width: 100%;
  }
  #mail-register #s2email {
    width: 100%;
  }
  #mail-register input[name=subscribe] {
    width: 150px;
  }
  .publicity li, .top-system .system-link li {
    width: 100%;
  }
}
/*============================
    追加.2018/03/06
  ============================*/
/*ご利用の流れ*/
.point-num {
  border-top: none !important;
  position: unset !important;
}

.point-circle {
  display: inline-block;
  width: 30px;
  background: #2B55A9;
  color: #fff;
  margin-right: 1%;
  text-align: center;
  height: 30px;
  vertical-align: middle;
  border-radius: 50%;
  font-size: 100%;
  margin-top: -7px;
}

.structure-box .point-clr-1 {
  background: #d8a56d;
}
.structure-box .point-clr-2 {
  background: #076bf9;
}
.structure-box .point-clr-3 {
  background: #19b59b;
}
.structure-box .point-clr-4 {
  background: #ff9999;
}
.structure-box .point-clr-5, .structure-box .point-clr-6 {
  background: #999999;
}
.structure-box .point-1 {
  color: #d8a56d !important;
}
.structure-box .point-2 {
  color: #076bf9 !important;
}
.structure-box .point-3 {
  color: #19b59b !important;
}
.structure-box .point-4 {
  color: #ff9999 !important;
}
.structure-box .point-5, .structure-box .point-6 {
  color: #999999 !important;
}

.bg-wsky {
  background: #f2f7ff;
}

.flow_navi li {
  padding: 5px 15px;
}

.flow_arrow_a {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 30px;
  border-color: #f2f7ff transparent transparent transparent;
  margin-top: -10px;
  margin-left: 20px;
}

.flow_arrow_b {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 30px;
  border-color: #fff transparent transparent transparent;
  margin-top: -10px;
  margin-left: 20px;
}

.margin-bottom-md {
  margin-bottom: 3%;
}

/* 保証の内容 */
.bg-gray {
  background: #efefef;
}

.table-harf {
  width: 50% !important;
}

/* 信用保証料 */
.ver-a-m {
  vertical-align: middle !important;
}

@media screen and (min-width: 1079px) {
  .hidden-lg {
    display: none;
  }
}
@media screen and (min-width: 779px) {
  .hidden-md {
    display: none;
  }
}
@media screen and (min-width: 479px) {
  .hidden-sm {
    display: none;
  }
}
/*============================
    追加.2018/03/19
  ============================*/
/* 創業までの流れ */
.flow_ph_pc {
  display: none;
}

.flow_ph_sp {
  display: block;
  width: 50%;
  float: left;
  padding-right: 3%;
}

.flow_txt {
  width: 50%;
  float: right;
}

@media screen and (min-width: 779px) {
  .flow_ph_pc {
    display: block;
  }
  .flow_ph_sp {
    display: none;
  }
  .flow_txt {
    width: 100%;
    float: left;
  }
}
/*======================================
  印刷時のスタイル
========================================*/
@media print {
  a[href]:after, abbr[title]:after {
    content: "" !important;
  }
  #floating {
    display: none;
  }
  main.col-right, #side {
    width: 100%;
    float: none;
  }
}
/*======================================
信用保証制度のしくみ
========================================*/
.flow-box h3::before, .structure-box h3::before {
  background: none !important;
}

/*======================================
がんばる企業紹介
========================================*/
.introduce-list.row {
  justify-content: flex-start;
}
.introduce-list li {
  margin-bottom: 30px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.introduce-list li a {
  display: block;
  border: #ddd 1px solid;
  border-radius: 5px;
  padding: 15px;
  color: #4b5568;
  position: relative;
  border-top: #36C 5px solid;
  font-size: 90%;
}
.introduce-list li a:hover {
  opacity: 0.8;
}
.introduce-list li a h4 {
  padding-top: 0;
  font-weight: bold;
  font-size: 140%;
  color: #36C;
}
.introduce-list li a h5 {
  font-size: 140%;
}
.introduce-list li a .table {
  font-size: 90%;
}
.introduce-list li a .btn {
  margin: 10px auto;
  display: block;
  width: 50%;
  background: #36C;
  color: #FFF;
  padding: 10px;
}

.img-responsive {
  height: auto;
  width: 100%;
  display: block;
}

.ic-name {
  font-weight: bold;
  color: #36C;
  font-size: 90%;
}

.external-link {
  color: #3366cc;
  text-decoration: underline;
}

.ic-interview {
  color: #4b5568;
  font-size: 12px;
  display: block;
  text-align: right;
}
.ic-interview .ic-date, .ic-interview .ic-author {
  margin: 0 2px 0 15px;
  padding: 2px 10px;
  border-radius: 2px;
  background: #EEE;
  font-size: 90%;
  display: inline-block;
}

.table .t-bg {
  background: #f8f5ee;
}

.page-section .ic-head {
  padding: 10px 20px;
  border-radius: 5px;
}
.page-section .h-type0 {
  background: #f8f5ee;
  border-color: #e8e5de;
}
.page-section .h-type1 {
  color: #004085;
  background: #cce5ff;
  border-color: #b8daff;
}
.page-section .h-type2 {
  color: #155724;
  background: #d4edda;
  border-color: #c3e6cb;
}
.page-section .h-type3 {
  color: #721c24;
  background: #f8d7da;
  border-color: #f5c6cb;
}

.content-box {
  padding: 10px;
}

@media screen and (min-width: 779px) {
  .hidden-pc {
    display: none;
  }
}
@media screen and (max-width: 778px) {
  .hidden-sp {
    display: none;
  }
}
/*# sourceMappingURL=style.css.map */</pre></body></html>