body {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
  font-size: 17px;
  line-height: 1.7;
  color: #111111;
  font-weight: 300;
  background: #fff;
}
.content-wrapper {
  overflow: hidden;
}
.width980 {
  max-width: 980px !important;
}
/* --------------------------------------
Global Typography
------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 15px;
}
h1 {
  font-size: 36px;
  line-height: 1.2em;
  font-weight: 600;
}
h2 {
  font-size: 30px;
  line-height: 1.5em;
  font-weight: 300;
}
h3 {
  font-size: 24px;
  line-height: 1.5em;
  font-weight: 300;
}
h4 {
  font-size: 18px;
  line-height: 1.5em;
  font-weight: 300;
}
h5 {
  font-size: 16px;
  line-height: 1.7em;
  font-weight: 500;
}
h6 {
  font-size: 15px;
  line-height: 24px;
}
.display-5 {
  font-size: 2.5em;
  line-height: 1.2em;
}
.display-6 {
  font-size: 1.5em;
  line-height: 1.2em;
}
p.emphasis {
  font-weight: 600;
  color: #1d4293;
  font-size: 110%;
  margin-bottom: 15px;
}
.middle, middle {
  font-size: 90%;
  font-weight: 400
}
span.cap-top {
  font-weight: 600;
  font-size: 90%;
  color: #323232;
  margin-bottom: 15px;
  display: block;
}
figure {
  text-align: center;
}
.figure-box {
  overflow: hidden;
  padding: 20px 10px;
  border-radius: 5px;
  border: 2px solid #d3dcf2;
  background-color: #ffffff;
}
.figure-box-top {
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #1d4293;
  background-color: #ffffff;
}
.figure-box-top h5 {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2em;
  letter-spacing: -0.2px;
  color: #1d4293;
  background-color: #d3dcf2;
  border-top-right-radius: .1rem;
  border-top-left-radius: .1rem;
  border: none;
  margin: 0 0 18px 0;
  padding: 16px 0 14px 0;
  background-image: none !important;
}
/* --------------------------------------
色
------------------------------------------*/
.text-blue {
  color: #173a8d !important;
}
.text-blue2 {
  color: #2552c1 !important;
}
.text-green {
  color: #4397a7;
}
.text-sky {
  color: #3498db;
}
.text-navy {
  color: #1d4293;
}
.text-pink {
  color: #AD438E;
}
/* --------------------------------------
導入事例
------------------------------------------*/
a {
  color: #2552c1;
  text-decoration: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
a:hover {
  color: #2552c1 !important;
  text-decoration: none !important;
}
a:focus {
  outline: none;
  text-decoration: none;
}
a:hover, a:active {
  outline: none;
}
a:hover img, a:focus img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}
span.link-position {
  position: relative;
  top: -185px;
  display: block;
}
span.link-position-faq {
  position: relative;
  top: -70px;
  display: block;
}
p {
  margin-bottom: 20px;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li {
  font-size: 16px;
}
/* インデント */
.txt-ind1 {
  padding-left: 1em;
  text-indent: -1em;
}
.txt-ind15 {
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.txt-ind2 {
  padding-left: 2em;
  text-indent: -2em;
}
.txt-ind3 {
  padding-left: 3em;
  text-indent: -3em;
}
.mt-25{
  margin-top: 2.5rem;
}
/* --------------------
   main Wrapper
   -------------------*/
#main-wrapper {
  background: #fff;
}
/* ------------------------
 *  ヘッダー
 *-------------------------*/
#header-top {
  background: #ffffff;
  height: 100px;
}
#brand-logo {
  float: left;
  margin-top: 35px;
  display: flex;
}
#brand-logo h1.catch {
  font-size: 13px;
  color: #7d7d7d;
  z-index: 2;
  display: inline-block;
  margin-top: 8px;
  margin-left: 15px;
}
#brand-logo img {
  display: inline-block;
  height: 30px;
}
#header-logo {
  top: 63px;
}
#header-logo img {
  display: inline-block;
}

@media (max-width : 441px) {
  #header-logo img {
    display: none;
      }
}

#header-top .top-contact {
  margin-top: 45px;
  display: table;
  font-size: 12px;
}
#header-top .top-contact li {
  padding: 0 14px;
  display: table-cell;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
}
#header-top .top-contact li:last-child {
  padding-right: 0;
}
#header-top .top-contact .btn {
  padding: 10px 10px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  border-radius: 3px;
  border: 1px solid #fd6e50 !important;
  background-color: #fef2f0;
  color: #fd6e50;
  width: 230px !important;
}
#header-top .top-contact a.btn:hover, #header-top .top-contact a.btn:focus {
  background-color: #fd6e50;
  color: #ffffff !important;
}
/* モバイル */
@media (max-width : 767px) {
  #header-top {
    height: 100px;
  }
}

/*-----------------------------
ナビゲーション
--------------------------------*/
#nav .container {
  padding-left: 15px;
  padding-right: 15px;
}
#nav.navbar {
  z-index: 100;
  padding: 0;
}
.navbar-light .navbar-nav .nav-link {
  color: #111111;
}
#nav .navbar-nav {
  margin: 0;
  width: 100%;
  margin-bottom: 10px;
}
#nav .navbar-nav > .nav-item {
  vertical-align: middle;
  text-align: center;
  width: 20.2857%;
  border-right: 1px solid #808080;
}

#nav .navbar-nav > .nav-item:first-child {
  border-left: 1px solid #808080;
}
#nav .navbar-nav > .nav-item:last-child > a {
  margin-right: 0px !important;
}
#nav .navbar-nav > .nav-item > a {
  font-size: 14px;
  font-weight: 600;
  width: 98%;
  height: 100%;
  display: inline-block;
  text-align: center;
  line-height: 1.4;
  color: #000000;
  padding: 19px 1rem;
}
#nav .navbar-nav > .nav-item > a:hover {
  background-color: #008993;
  border-radius: 10px;
}
#nav .navbar-nav > .active > a {
  color: #FFFFFF;
  background-color: #008993;
  border-radius: 10px;
}
#nav .navbar-nav > .active > a:focus, #nav .navbar-nav > .active > a:hover {
  color: #2552c1 !important;
  text-decoration: none !important;
}
#nav .navbar-nav > li > a:hover {
  color: #ffffff!important;
  text-decoration: none !important;
}
#nav .navbar-right {
  right: auto !important;
  float: right;
}
/* 固定ナビゲーション */
.sticky-nav {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 999;
  background: #fff !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

/* 折りたたみトグルメニュー*/
@media screen and (max-width : 767px) {
  #nav {
    position: absolute;
  }
  #nav.navbar {
    background-color: #ffffff !important;
  }
  #nav .navbar-nav > .nav-item > a:hover {
    background-color: #008993;
  }
  #nav .navbar-nav > .active > a {
    display: none;
  }  
  #nav .navbar-nav {
    padding-left: 0em;
    padding-right: 0em;
}
  #nav.navbar .navbar-brand {
    color: #ffffff;
  }
  #nav .navbar-collapse {
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    margin-top: 5px;
  }
  #nav .navbar-toggler {
    background-color: #ffffff !important;
    border-color: #cccccc;
  }
  #nav .navbar-toggler-icon {
    background-image: url(../img/toggler-icon.png) !important;
  }
  .navbar-nav > .nav-item {
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #dcdcdc !important;
    display: block;
    text-align: left !important;
    width: 100% !important;
  }
  .navbar-nav > .nav-item:last-child {
    border-bottom: none !important;
  }
  .dropdown-menu {
    border: none;
    box-shadow: none;
  }
  .dropdown-menu li a {
    font-weight: 300;
  }
  .dropdown-menu::before {
    top: 0 !important;
    height: 0 !important;
  }
  .dropdown:hover .dropdown-menu {
    margin-top: 0 !important;
  }
  .nav-cta {
    display: none !important;
  }
  #nav .navbar-nav {
    margin-bottom: 0px;
  }

}
/* スマホ */
@media (max-width : 767px) {
  #nav.navbar {
    box-shadow: none !important;
    width: 100%;
    padding: 5px 0;
  }
  .dropdown-menu {
    display: none !important;
  }
  .dropdown-toggle::after {
    display: none;
    margin-left: 0;
    vertical-align: 0;
    content: "";
    border: none;
  }
}
/* タブレット */
@media (max-width : 991px) {
  .navbar-nav > .nav-item {
    border-bottom: none;
    display: block;
    width: auto !important;
    white-space: nowrap;
    padding: 0 0.5rem !important;
  }
  #nav .navbar-nav > .nav-item > a {
    font-size: 0.75rem;
  }
  #nav .navbar-nav {
    padding-left: 0em;
}



}
/* ノートPC */
@media (max-width : 1199px) {
  .navbar-nav > .nav-item {
      width: auto !important;
      white-space: nowrap;
      padding: 0 1.5rem;
    }
    #nav .navbar-nav {
      padding-left: 0em;
  }

#nav .navbar-nav > .nav-item > a {
  width: 100%;
}
  }

/* --------------------------------------------
 *  パンくずリスト
 *----------------------------------------------- */
  .breadcrumb-outer {
    width: 100%;
    height: 100%;
    background-color: #005251;
}
@media (max-width : 767px) {
  .breadcrumb-outer {
    margin-top: 3rem;
}
}
.breadcrumb {
  border-radius: 0;
  background-color: #005251;
  font-size: 0.8rem;
  margin: 0;
}
.breadcrumb-item.active {
  color: #ffffff;
}
.breadcrumb-item+.breadcrumb-item::before {
  content: ">";
  color: #ffffff;
}
.breadcrumb a{
color: #ffffff;
font-size: 0.8rem;
}
/* --------------------------------------------
 *  TOP　メインビジュアル
 *----------------------------------------------- */
#top-visual {
  width: 100%;
  height: auto;
  text-align: center;
}
#top-visual .top-image {
  overflow: hidden;
  z-index: 1;
  height: auto;
  background:  url(../img/gltop_mv.png) no-repeat center;
  background-size: cover;
  padding-top: 60px;
  padding-bottom: 40px;
}
#top-visual h2 {
  font-size: 35px !important;
  font-weight: 700;
  color: #111111;
  margin-bottom: 25px;
}
#top-visual .text-shadow {
  text-shadow: 1px 2px 3px #808080;
}
#top-visual h3 {
  font-weight: 600;
  margin-bottom: 0;
  font-size: 24px;
  color: #1d4293;
}
#top-visual p {
  font-weight: 400;
  margin-bottom: 15px;
}
#top-visual a .btn-more {
  background-color: #ffffff;
  border: 1px solid #1d4293;
  color: #1d4293;
  width: 40%;
  font-size: 15px;
  margin-bottom: 30px;
  padding: 8px 0 5px 0;
}
#top-visual a:hover .btn-more, #top-visual a:focus .btn-more {
  background-color: #1d4293 !important;
  color: #ffffff;
}
#top-visual .bottom-area {
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding-top: 30px;
  padding-bottom: 35px;
  background-color: rgba(67, 151, 167, .65);
  text-align: center;
  height: auto;
}
#top-visual .bottom-area h4 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 600;
}
#top-visual .bottom-area div.pointbox {
  background-color: #ffffff;
  border-radius: 5px;
  display: block;
}
#top-visual .bottom-area h6 {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  margin: 5px 0 10px 0;
  line-height: 1.5;
}
#top-visual .bottom-area dl {
  margin-bottom: 0;
}
#top-visual .bottom-area dd, #top-visual .bottom-area dt {
  display: table-cell;
  line-height: 1.4;
  vertical-align: middle;
}
#top-visual .bottom-area dt {
  padding-right: 5px;
  padding: 8px 16px;
  border-top-left-radius: 5px;
  background-color: #1d4293;
  font-size: 22px;
  color: #ffffff;
}
#top-visual .bottom-area dd {
  overflow: hidden;
  background-color: #5074cd;
  color: #ffffff;
  padding: 12px 8px 8px 16px;
  border-top-right-radius: 5px;
  font-weight: 600;
  width: 100%;
  font-size: 22px;
  letter-spacing: 0.4px;
  text-align: left;
}
#top-visual .bottom-area p {
  margin-bottom: 0;
}
/* スマホ */
@media (max-width : 767px) {
  #top-visual .top-image {
    padding-top: 80px;
  }
  #top-visual h2 {
    font-size: 24px;
  }
}
/* --------------------------------------------
 *  ページタイトル
 *----------------------------------------------- */
section.single-page-title {
  width: 100%;
  height: auto;
  position: relative;
}
section.single-page-title::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.single-page-title .title-contet {
  padding: 45px 0 45px 20px;
}
section.single-page-title h2 {
  display: block;
  margin-bottom: 0;
  font-size: 34px;
  color: #4397a7;
  z-index: 1;
}
section.single-page-title {
  background: url(../img/top_image_bg.png) no-repeat center;
  background-size: cover;
}
@media (max-width : 767px) {
  .single-page-title .title-contet {
    margin-top: 45px;
  }
}

/*---------------------------
 *  Section
 *---------------------------*/
.section-content {
  padding: 45px 0 50px 0;
}
.section-title {
  margin-bottom: 35px;
}
.section-title h2 {
  font-size: 30px !important;
  position: relative;
  padding: 0 .5em .1em;
  font-weight: 700;
  text-align: center;
  color: #111111;
}
@media screen and (max-width: 767px) {
    .section-content h2 {
        font-size: 24px !important;
    }
}

.section-content h3 {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  color: #008993;
  margin-bottom: 0;
}
.section-content h4 {
  color: #005251;
  font-weight: 600;
  margin-top: 10px;
  font-size: 21px;
  width: 100%;
}
.section-content h5{
    color: #2552c1;
    font-weight: 600;
    margin-top: 10px;
    font-size: 21px;
    font-size: 18px;
    width: 100%;
}
.gray-bg {
  background-color: #eff6f7;
}
.green-bg {
  background-color: #e1efd5;
}
.blue-bg {
  background-color: #e6e6e6;
}
.white-bg {
  background-color: #fff;
}
.sky-bg {
  background: #eaf4fb;
}
.border-bg {
  border: 2px dotted #dddddd;
}
.border-top-dotted {
  border-top: 1px dotted #ccc;
}
.border-top-bold-dotted {
  border-top: 2px dotted #2552c1;
}
.border-bottom-dotted {
  border-bottom: 1px dotted #ccc;
}
/* ---------------------------------------------- /*
 * 特徴
/* ---------------------------------------------- */
ul.featurelist li {
  font-weight: 600;
  color: #1d4293;
  margin-bottom: 8px;
}
ul.featurelist li span {
  display: block;
  color: #111111;
  font-weight: normal;
  text-indent: 0;
}
.white-box {
  display: block;
  width: 100%;
  padding: 25px 20px;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}
.white-box h4, .light-box h4 {
  font-weight: 600;
  font-size: 19px;
  line-height: 1.4em;
  color: #2552c1;
  border: none;
  background-image: none !important;
  margin-top: 0;
  padding: 0;
}
.white-box p, .light-box p {
  margin-bottom: 0;
}
.light-box {
  display: block;
  width: 100%;
  padding: 25px 20px;
  background-color: #ECF4F6;
  position: relative;
  overflow: hidden;
}

/* ---------------------------------------------- /*
 * ラインナップ
/* ---------------------------------------------- */
.bordernone td {
  padding: 0 5px;
  border-bottom: none;
  background-color: #ffffff;
}
thead.thead-dark tr th {
  color: #ffffff;
  text-align: center;
}
.spectable {
  width: 100%;
  font-size: 15px;
  line-height: 1.6;
  border: 0px solid #a7b9e6;
}
.spectable th {
  padding: 7px 10px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  background-color: #E1EFD5;
  font-weight: normal;
  font-weight: bold;
  vertical-align: middle;
  white-space: nowrap;
}
.spectable td {
  padding: 7px 10px;
  background-color: #ffffff;
  vertical-align: middle;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  text-align: center;
}
.spectable  .br{
  border-right: 1px solid #a7b9e6;
}
.spectable  .bt{
  border-top: 1px solid #a7b9e6;
}
.spectable  .bl{
  border-left: 1px solid #a7b9e6;
}
.spectable th .text-center{
  text-align: center;
}

.spectable .bbold {
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  white-space: nowrap;
  text-align: center;
}
.spectable .tbold {
  border-top: 2px solid #a7b9e6;
}
.spectable td.tdcenter a {
  color: rgb(17, 17, 17);
}
.spectable td.tdcenter a:hover {
  color: #4760bb;
}
.spectable td.tdbottom {
  border-bottom: 2px solid #a7b9e6;
}
.spectable .bg-b {
  background-color: #B0F2D6;
}
.spectable .bg-g {
  background-color: #008993;
}
.spectable .bg-gl {
  background-color: #E0E0E0;
}
.spectable .bg-b2 {
  background-color: #5BDCD1;
}
/* ---------------------------------------------- /*
 * ケーススタディ
/* ---------------------------------------------- */
.col-md-5.casestudy {
  -ms-flex: 0 0 44%;
  flex: 0 0 44%;
  max-width: 44%
}
@media (max-width : 767px) {
  .col-md-5.casestudy {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.casestudy-box {
  display: block;
  width: 100%;
  padding: 0 0 20px 0;
  border: 1px solid #4397a7;
  text-align: center;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}
a:hover .casestudy-box, a:focus .casestudy-box {
  border: 1px solid #1d4293;
}
.casestudy-box h4 {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2em;
  letter-spacing: -0.2px;
  color: #4397a7;
  border: none;
  margin-top: 25px;
  background-image: none !important;
}
a:hover .casestudy-box h4 {
  color: #1d4293 !important;
}
.casestudy-box h4.case-detail {
  font-weight: 400;
  font-size: 21px;
  line-height: 1.2em;
  letter-spacing: -0.2px;
  color: #ffffff;
  background-color: #4397a7;
  border-top-right-radius: .1rem;
  border-top-left-radius: .1rem;
  border: none;
  margin: 0 0 18px 0;
  padding: 10px 0 8px 0;
  background-image: none !important;
}
.casestudy-box .btn-primary {
  font-size: 16px;
}
a .btn-primary {
  background-color: #4397a7 !important;
  border: none;
  color: #ffffff;
  width: 70%;
}
a:hover .casestudy-box .btn-primary, a:focus .casestudy-box .btn-primary {
  background-color: #1d4293 !important;
}
.case-explain-area {
  position: relative;
  bottom: 0;
  border-top: 1px dotted #cccccc;
  overflow: hidden;
  text-align: left;
  height: 100%;
  padding: 18px 20px 0 20px;
}
.case-explain-area h5 {
  font-weight: 600;
  margin-bottom: 10px;
  color: #2552c1;
  border-bottom: 1px solid #2552c1;
}
.case-explain-area .point {
  display: block;
  width: 45%;
  float: right;
  padding: 10px 10px;
  font-size: 90%;
  background-color: #ecf4f6;
  line-height: 1.3;
  text-indent: 0;
  border-radius: 5px;
}
/*----------------------------------------------------------------------
/* FAQ
---------------------------------------------------------------------- */
.accordion .card {
  border: none;
}
.accordion .card-header:first-child {
  border-radius: 0;
}
.accordion .card-body:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.accordion .card h6 {
  margin-bottom: 0;
}
.accordion > .card > .card-header {
  margin-bottom: 0;
}
.accordion a {
  padding: 5px 0px 2px 0px;
  font-weight: 500;
  font-size: 15px;
  white-space: normal;
  text-align: left;
  color: #173a8d;
}
.accordion .card h6 a:hover, .accordion .card h6 a:focus {
  color: #1d4293 !important;
}
.accordion .card h6 a .col-11, .accordion .card-body .col-11 {
  align-self: center !important;
}
@media (min-width : 992px) {
  .accordion .card h6 a .col-1, .accordion .card-body .col-1 {
    padding-right: 0;
  }
  .accordion .card h6 a .col-11, .accordion .card-body .col-11 {
    padding-left: 0;
  }
}
.accordion .card h6 a span {
  padding: 6px 8px 4px 8px !important;
  display: inline-block;
  color: #ffffff;
  background-color: #1d4293;
  border-radius: .2rem;
  font-weight: 600;
  text-align: center;
  min-width: 48px;
}
.accordion .card .card-body span.answer {
  padding: 5px 8px 2px 8px;
  display: inline-block;
  color: #ffffff;
  background-color: #5074cd;
  border-radius: .2rem;
  text-align: center;
  font-weight: 600;
  min-width: 48px;
}
.accordion .card h6 a {
  display: block;
  position: relative;
}
.accordion .card h6 a:after {
  content: "";
  background: url("../img/arw_b.png") no-repeat bottom right;
  position: absolute;
  right: 3px;
  top: 50%;
  width: 16px;
  height: 7px;
  display: block;
}
.accordion .card h6 a[aria-expanded="true"]:after {
  content: "";
  background: url("../img/arw_t.png") no-repeat bottom right;
  position: absolute;
  right: 3px;
  top: 50%;
  width: 16px;
  height: 7px;
  display: block;
}
.accordion span.model {
  color: #5074cd;
  border: 1px solid #5074cd;
  padding: 3px 8px;
  display: inline-block;
  line-height: 1.2;
  font-size: 90%;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .accordion .card h6 a span, .accordion .card .card-body span.answer {
    min-width: 24px;
    padding: 2px;
  }
  .accordion .card .col-1 {
    padding-left: 5px;
  }
}
@media screen and (max-width: 425px) {
  .accordion .card h6 a span {
    padding: 6px 4px 4px 4px !important;
  }
  .accordion .card .card-body span.answer {
    font-size: 0.9rem;
    padding: 6px 4px 4px 4px !important;
  }
}
@media screen and (max-width: 375px) {
  .accordion .card h6 a span {
    padding: 6px 2px 4px 2px !important;

  }
  .accordion .card .card-body span.answer {
    padding: 6px 2px 4px 2px !important;
    font-size: 0.9rem;
  }
}
/* ---------------------------------------------- /*
 * ニュース
/* ---------------------------------------------- */
.news-list {
  border-bottom: 1px solid #cccccc;
}
.news-list li {
  border-top: 1px solid #cccccc;
  position: relative;
  display: table;
  width: 100%;
}
.news-list li a {
  color: #111111;
  vertical-align: middle;
  display: table;
  min-height: 4em;
  height: 4em;
  width: 100%;
}
.news-list li a:hover, .news-list li a:focus {
  background-color: #ffffff;
}
.news-list-date {
  display: table-cell;
  font-size: 15px;
  width: 90px;
  vertical-align: middle;
  text-align: center;
  padding-left: 15px;
}
.news-list li .icn {
  margin-top: -1.1em;
  top: 54%;
  position: absolute;
  left: 120px;
}
.news-text {
  display: table-cell;
  vertical-align: middle;
  padding-top: 1em;
  padding-right: 20px;
  padding-left: 165px;
  padding-bottom: 1em;
  text-align: left;
}
a:hover .news-text, a:focus .news-list {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
    .news-list-date {
        float: left;
        padding: 16px 0px 0px 20px;
    }
    .news-list li .icn {
        top: 28px; 
    }
    .news-text {
        display: inline-block;
        padding-left: 20px;
    }
}

/* ---------------------------------------------- /*
 * アイコン
/* ---------------------------------------------- */
.img-overlay-bottom {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 10;
  margin: 0;
}
.img-overlay-topL {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  margin: 0;
}
.img-overlay-topR {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  margin: 0;
}
.icn {
  width: 10em;
  display: block;
  text-align: center;
  float: left;
  font-size: 11px;
  font-style: normal;
  color: #FFFFFF;
  padding: 0.3em;
  line-height: 1;
}
.icndark {
  width: 10em;
  text-align: center;
  float: right;
  font-style: normal;
  color: #FFFFFF;
  padding: 0.4em 0.3em 0.2em 0.3em;
  line-height: 1.2;
  font-size: 14px;
  background: rgba(0, 0, 0, .5);
  font-weight: 300;
  display: inline-block;
}
.icnwhite {
  text-align: center;
  float: right;
  font-style: normal;
  color: #111111;
  padding: 0.4em 0.3em 0.2em 0.3em;
  line-height: 1.2;
  font-size: 18px;
  background: rgba(255, 255, 255, .8);
  font-weight: 600;
  display: inline-block;
}
.icn-event {
  background-color: #fd6e50;
  border: 2px solid #fd6e50;
}
.icn-case {
  background-color: #5074CD;
  border: 2px solid #5074CD;
}
.icn-catalog {
  background-color: #29ABE2;
  border: 2px solid #29ABE2;
}
.icn-news {
  background-color: #febe33;
  border: 2px solid #febe33;
}
.icn-support {
  background-color: #88b933;
  border: 2px solid #88b933;
}
.icn-column {
  background-color: #02728c;
  border: 2px solid #02728c;
}
.icn-end {
  background-color: #FFFFFF;
  border: 1px solid #E51400;
  color: #E51400 !important;
  letter-spacing: 0.2em;
}
.icn-new {
  display: inline-block;
  text-align: center;
  margin-left: 0.5em;
  float: none;
  font-weight: bold;
  font-size: 12px;
  border: none;
  color: #E51400 !important;
  letter-spacing: 0.1em;
  font-style: normal;
}
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
/* --------------------------------------------
 *  特集
 *---------------------------------------------- */
/* 資料ダウンロード */
.dl-box {
  display: block;
  width: 100%;
  padding: 0 0 20px 0;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}
.dl-box .dl-box-img {
  display: block;
  float: left;
  height: auto;
  margin-right: 1.5rem;
}
.dl-box .dl-box-img img {
  border: 1px solid #dddddd;
}
.dl-box .dl-box-text {
  float: left;
  display: block;
  height: 100%;
}
.dl-box-text h4 {
  margin: 0 0 8px 0;
  padding: 0;
  font-weight: 600;
  border-bottom: none;
  font-size: 18px;
  background-image: none !important;
}
.dl-box-text p {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 0;
}
.dl-box .btn {
  padding: 8px 10px;
  margin-bottom: 0;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #5074cd;
  background-color: #5074cd;
  color: #ffffff;
  width: 60%;
  bottom: 1.5rem;
  position: absolute;
}
.dl-box a:hover.btn {
  border: 1px solid #5074cd;
  background-color: #edf1fa;
  color: #5074cd;
}
@media screen and (min-width:1200px) { 
	.dl-box .dl-box-text {
  max-width: 330px;
}
	}
@media screen and (max-width:1199px) { 
  .dl-box .btn {
    width: auto !important;
  }
	}
@media (min-width:992px) and (max-width:1199px) {
  .dl-box-text h4 {
    font-size: 17px;
  }
  .dl-box .dl-box-text {
    max-width: 245px !important;
  }

}
@media (min-width:768px) and (max-width:991px) {
  .dl-box .dl-box-text {
    max-width: 490px !important;
  }
}
@media (min-width:576px) and (max-width:767px) {
  .dl-box .dl-box-text {
    max-width: 310px !important;
  }
}
@media screen and (max-width:575px) {
  .dl-box .dl-box-img, .dl-box .dl-box-img img {
    display: none !important;
  }
  .dl-box .dl-box-text {
    max-width: auto !important;
  }
  .dl-box .btn {
    position: static;
    margin-top: 8px;
  }
}
/* 資料請求 */
.dl-form-box {
  display: block;
  width: 100%;
  padding: 0 0 20px 0;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}
.dl-form-box h4 {
  margin: 0 0 8px 0;
  padding: 0;
  font-weight: 600;
  border-bottom: none;
  font-size: 18px;
  background-image: none;
}
.dl-form-box p {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 0;
}
.dl-form-box .btn {
  padding: 8px 10px;
  margin-bottom: 0;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #5074cd;
  background-color: #5074cd;
  color: #ffffff;
  width: 90%;
  bottom: 0.25rem;
  right: 1rem;
  position: absolute;
}
.dl-form-box a:hover.btn {
  border: 1px solid #5074cd;
  background-color: #edf1fa;
  color: #5074cd;
}
@media screen and (max-width:767px) {
  .dl-form-box .btn {
    position: static;
    margin-top: 8px;
    width: auto;
  }
}
/* --------------------------------------------
 *  お問い合わせ
 *---------------------------------------------- */
#contents-inquiry {
  background-image: url("../img/inquiry.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 40px;
  clear: both;
}
#contents-inquiry h1 {
  font-size: 28px !important;
  text-align: center;
}
#contents-inquiry h1, #contents-inquiry p {
  color: #ffffff;
}
#contents-inquiry .contact-text p {
  display: block;
  float: left;
  margin-right: 20px;
  margin-bottom: 3px;
  font-size: 28px !important;
}
#contents-inquiry .contact-text p i {
  font-size: 30px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
#contents-inquiry .contact-text .phone small {
  display: block;
  font-size: 13px;
  padding-left: 45px;
}
#contents-inquiry .btn-inquiry {
  width: 70%;
  position: relative;
  top: 10px;
  background-color: #fd6e50;
  border: none;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  padding-top: 0.5em;
}
#contents-inquiry .btn-inquiry:hover {
  background: #ffffff;
  color: #fd6e50;
  border: none;
}
@media screen and (max-width:767px) and (min-width:1px) {
  #contents-inquiry .btn-inquiry {
    width: 80%;
  }
  #contents-inquiry h1 {
    font-size: 22px !important;
  }
}

/* --------------------------------------------
 *   コラム
 *---------------------------------------------- */

 .column-list{
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.colum-body-right {
  float: left;

  /* max-width: 810px; */
}
@media screen and (min-width: 992px) and (max-width: 1199px){
.colum-body-right {
  float: left;
}
}
.colum-body-left {
  display: block;
  float: left;
  height: auto;
}

.column-list a {
  color: #111111;
}

/* --------------------------------------------
 *   フッター
 *---------------------------------------------- */
.footer {
  border-top: #0000ff 20px solid;
    background: url(../img/gl_footer.png) no-repeat center;
    background-size: cover;
}
.footer-title p{
font-size: 1.3rem;
margin-bottom: 0.6rem;
}
.footer-center{
margin: 0 auto;
}
.footer-text{
  text-align: center;
  padding: 0 0.3rem;
  }
.btn-inquiry {
    position: relative;
    background-color: #0000ff;
    border: none;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    padding-top: 0.5em;
}
.footer-widget-section {
  padding: 60px 0 0 0;
  padding: 30px 0 0 0;
}
.footer .footer-logo {
  margin-bottom: 30px;
}
.footer .footer-col {
  border-left: #5074cd 1px solid;
  margin-bottom: 10px;
}
.footer .footer-col ul li {
  font-size: 12px;
  color: #ffffff;
}
.footer .footer-col h6 {
  font-weight: 600;
  margin-bottom: 3px;
  font-size: 14px;
  display: block;
  color: #ffffff;
}
.footer .footer-col a {
  color: #ffffff;
}
.footer .footer-col a:hover {
  color: #a7b9e6 !important;
}
@media screen and (max-width : 991px) {
  .footer .footer-logoarea {
    border-bottom: #a1c1e8 1px solid;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
  .footer .footer-logo {
    margin-bottom: 10px;
    margin-right: 15px;
    display: inline-block;
  }
  .footer .footer-col {
    border-left: none;
    margin-bottom: 10px;
  }
}

/* Copyright */
.copyright-section {
  margin-top: 20px;
  width: 100%;
  background-color: #1A2692;
  text-align: center;
  display: block;
  padding: 20px 0 32px 0;
}
.copy-box{
  max-width:860px;
  margin:0 auto;
  background-image: url(../img/img-logo-01.svg);
  background-repeat: no-repeat;
  background-position: right 10px bottom 30px;
  background-size: 100px;
 }

footer .foot-menu {
  color: #ffffff;
  font-size:16px;
  margin-bottom:12px;
  font-family: 'Noto Sans Japanese',   sans-serif;
  font-weight:700;
  text-align:center;
}
footer .foot-menu a{
  color: #ffffff;
}

footer .foot-menu a:hover{
  opacity: 0.5;
  color:#FFF !important;
  text-decoration: underline !important;
}

.copyright-menu {
  color: #ffffff;
  font-size: 12px;
  padding: 0 0.3rem;
}

.copyright-menu a{
  color: #ffffff;
  font-size: 12px;
  text-decoration: underline;
}

.copyright-menu a:hover{
  opacity: 0.5;
  color:#FFF;
}

.copyright-section .copytext {
  color: #ffffff;
  font-size: 12px;
}

/*-----------------------------------------------------------------
		上へ戻る
-----------------------------------------------------------------*/

#toTop {
  position: fixed;
  bottom: 35px;
  right: 30px;
  color: #008993;
  background-color: #ffffff;
  cursor: pointer;
  display: none;
  z-index: 9999;
  width: 35px;
  height: 35px;
  text-align: center;
  font-size: 22px;
  line-height: 38px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  border: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#toTop:hover {
  background-color: #323232;
  opacity: .5;
}


/* ---------------------------------------------- /*
 * 5カラム
/* ---------------------------------------------- */
.col-15, .col-sm-15, .col-md-15, .col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}
@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    flex: 0 0 20%;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    flex: 0 0 20%;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    flex: 0 0 20%;
  }
  
  
  
/*-----------------------------------------------------------------
		フッター設定 new
-----------------------------------------------------------------*/
.footer {
  border-top: #1A2692 20px solid;
    background: url(../img/gl_footer.png) no-repeat center;
    background-size: cover;
}
.footer-title p{
font-size: 1.3rem;
margin-bottom: 0.6rem;
}
.footer-center{
margin: 0 auto;
}
.footer-text{
     padding: 0 0.3rem;
     margin-bottom: 20px;
  }
.footer-text p{
    font-size: 17px;
    line-height: 1.7;
    text-align: center;
    margin-bottom: 0;
}
.footer-text p.tobt{
    font-size: 20px;
    margin-bottom: 12px;
}

.footer-text .btn-inquiry {
    position: relative;
    background-color: #0000ff;
    border: none;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    padding-top: 0.5em;
    margin-bottom: 12px;
}
.footer-widget-section {
  padding: 30px 0 0 0;
}
.footer-widget-section p{
  font-size: 20px;
}
.footer .footer-logo {
  margin-bottom: 30px;
}
.footer .footer-col {
  border-left: #5074cd 1px solid;
  margin-bottom: 10px;
}
.footer .footer-col ul li {
  font-size: 12px;
  color: #ffffff;
}
.footer .footer-col h6 {
  font-weight: 600;
  margin-bottom: 3px;
  font-size: 14px;
  display: block;
  color: #ffffff;
}
.footer .footer-col a {
  color: #ffffff;
}
.footer .footer-col a:hover {
  color: #a7b9e6 !important;
}
#txt_contact_mail{
    margin-bottom: 12px;
}

@media screen and (max-width : 991px) {
  .footer .footer-logoarea {
    border-bottom: #a1c1e8 1px solid;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
  .footer .footer-logo {
    margin-bottom: 10px;
    margin-right: 15px;
    display: inline-block;
  }
  .footer .footer-col {
    border-left: none;
    margin-bottom: 10px;
  }
}


.hop_bt:hover{
    opacity: 0.7;
}

.page-top a img {
    width: 90px;
    height: 90px;
    position: fixed;
    bottom: 60px;
    right: 40px;
    z-index: 2;
    display: block;
    text-indent: -3333px;
}



/* Copyright */
.copyright-section {
  margin-top: 20px;
  width: 100%;
  background-color: #1A2692;
  text-align: center;
  display: block;
  padding: 20px 0 32px 0;
}

footer .foot-menu {
  color: #ffffff;
  font-size:17px;
  margin-bottom:12px;
  font-family: 'Noto Sans Japanese',   sans-serif;
  font-weight:700;
  text-align:left;
}
footer .foot-menu a{
  color: #ffffff;
}


.copyright-menu {
  color: #ffffff;
  font-size: 12px;
  padding: 0 0.3rem;
  text-align:left;
}
.copyright-menu a{
  color: #ffffff;
  font-size: 12px;
  text-decoration: underline;
}
.copyright-menu a:hover{
  opacity: 0.5;
  color:#FFF;
}

.copyright-section .copytext {
  color: #ffffff;
  font-size: 14px;
}

.copyright{
  text-align:right;
}

.copy-box{
 max-width:860px;
 margin:0 auto;
 background-image: url(../img/img-logo-01.svg);
 background-repeat: no-repeat;
 background-position: right 10px bottom 30px;
 background-size: 100px;
}

@media (max-width:959px) {
  .copy-box{
	padding: 0 10px;
	min-height:120px;
  }
  .copyright{
    text-align:center;
  }
  footer .copyright {
    margin-top: 20px;
    margin-bottom: 0;
}


}