body {
  /*background-image: linear-gradient(180deg, #eee, #fff 100px, #fff);*/
  font-family:"游ゴシック","YuGothic","Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color:#434343;
  padding-top:3.65rem;
}

h2,h3,h4,h5,h6{ text-align:center;margin-bottom:3em;}
h6{font-weight:bold; font-size:1em;}

h2{font-weight:bold; }
h2 span{font-size:0.75em;color:#007e6a;vertical-align: middle;}

h2#contact-title{text-align:left;} 

.container {
  max-width: 960px;
}

.probootstrap-section {
    padding: 3em 0;
}

.probootstrap-section.probootstrap-bg-gray {
    background: #e5eaef;
}

#page-title{background: #f5f5f5;margin-bottom:3em;}

#page-title h1 {
    padding: 30px 0;
    letter-spacing: 0.2em;
	text-align:center;
}

ol.breadcrumb{margin-bottom:0;}

div.clipping-circle img{border-radius: 50%;width:100%;/*height:100%;*/}

.pricing-header {
  max-width: 700px;
}

a img.transparent{
  opacity: 1;
  transition: 0.3s;
}
a:hover img.transparent{
  opacity: .3;
}

a.animate-link{
  text-decoration: none; /* デフォルトの下線を非表示にする */
  background-image: linear-gradient(90deg, #007E6A, #007E6A); /* 線の色 */
  background-repeat: no-repeat;
  background-position: center bottom; /* 線の起点を中央・下に設定 */
  background-size: 0 1px; /* 線の横幅を0、縦幅を1pxに */
  transition: background-size 0.3s;　/* 線を伸ばすアニメーション実行時間を指定 */
}

a.animate-link:hover {
  background-size: 100% 1px; /* 線の横幅を100%にする */
  color:#007E6A!important;
}
a.animate-link:focus{color:#007E6A!important;}

p.faxNumber{margin-bottom:0;}
p.faxNumber a{pointer-events: none; text-decoration:none; color:#434343;}




div.site-map{background-color:#007E6A;padding:70px 20px;margin-bottom:70px;}
div.site-map h5{color:#FFF!important;font-size:1.0rem;margin-bottom:0.3em;text-align:left;}
div.site-map h5.sitemap-heading{opacity:.75; font-weight:600;}
div.site-map span.sitemap-heading{opacity:.75;}
div.site-map a{opacity: 1; transition: 0.3s;}
div.site-map a:hover{opacity: .3;}

/*a[target="_blank"]::after{
  content:url("../img/box-arrow-up-right.svg");
  display:inline-block;
  background-size: .5em .5em;
  vertical-align: middle;
  margin-left:.5em;
}*/

.navbar{background:#FFFFFF;box-shadow: 0 1px 3px 0 rgb(0 0 0 / 9%);}

.nav-link{font-weight:bold;color:#404040;}
/*ul.navbar-nav{ overflow:auto;}*/

.dropdown-menu.show {
  -webkit-animation: fadeIn 0.3s alternate;
  /* Safari 4.0 - 8.0 */
  animation: fadeIn 0.3s alternate;
}

.nav-item.dropdown.dropdown-mega {
  position: static;
}
.nav-item.dropdown.dropdown-mega .dropdown-menu {
  width: 100%;
  top: auto;
/*  left: 5%;*/
}

.dropdown-menu .mega-content h6{margin-bottom:0.1em;}

.navbar-toggler {
  border: none;
  padding: 0;
  outline: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler .hamburger-toggle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  z-index: 11;
  float: right;
}
.navbar-toggler .hamburger-toggle .hamburger {
  position: absolute;
  transform: translate(-50%, -50%) rotate(0deg);
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  pointer-events: none;
}
.navbar-toggler .hamburger-toggle .hamburger span {
  width: 100%;
  height: 4px;
  position: absolute;
  /*background: #333;*/
  background: #007E6A;
  border-radius: 2px;
  z-index: 1;
  transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
  left: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {
  top: 10%;
  transform-origin: 50% 50%;
  transform: translate(0% -50%) !important;
}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
  top: 50%;
  transform: translate(0, -50%);
}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {
  left: 0px;
  top: auto;
  bottom: 10%;
  transform-origin: 50% 50%;
}
.navbar-toggler .hamburger-toggle .hamburger.active span {
  position: absolute;
  margin: 0;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
  top: 45%;
  transform: rotate(45deg);
}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
  left: 50%;
  width: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
  top: 45%;
  transform: rotate(-45deg);
}

@media(max-width:991px){
.navbar {
    overflow: auto;
    max-height:100vh;
	scrollbar-width:none;
}
.navbar::-webkit-scrollbar {display: none;}
}


th{font-weight:bold; vertical-align:middle;padding:.75rem 1.5rem!important;white-space: nowrap;}
td{padding:.75rem 1.5rem!important;white-space:normal; vertical-align:middle;}

@media(max-width:599px){
	table.table-twoStage td{display:block;}
	table.table-twoStage th{background:#f8f6f2!important;display:block;}	
}

table.table-comparison td{white-space: nowrap;}

.swiper {
  width: 100%;
  height: 100%;
  padding:2em 1em 0;
  margin-top:2em;
  margin-bottom:5em;
}

.swiper-slide {
  text-align: left;
  font-size:0.9em;
  background: #fff;
  border-radius: 5px;
  padding:1em;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 30%;
  height: 30%;
  object-fit: cover;
  margin-right:0.25em;
}

.fade-in-bottom {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1.3s 0s ease-out;
}