@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
/*
Theme Name: Tokorozawa Seibu Reien ver.3
Version: 3.0
*/

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body {
  margin-top: -30px!important;
  color: #231815;
  line-height: 2em;
  -webkit-font-smoothing: antialiased;
  font-family:"Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;

}

.content-area {
  color: #2d2d2d;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  line-height: 1.7em;
}

a {
  -webkit-font-smoothing: antialiased;
}

a:hover {
  color: #009043 !important;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.snip1445 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  /* min-width: 230px; */
  max-width: 100%;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  background-color: #004a1d;
}

.snip1445 *, .snip1445 *:before, .snip1445 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease;
}

.snip1445 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
}

.snip1445 figcaption {
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding: 5px 10px 10px;
}

.snip1445 figcaption:before, .snip1445 figcaption:after {
  height: 2px;
  width: 500px;
  position: absolute;
  content: '';
  background-color: #ffffff;
}

.snip1445 figcaption:before {
  top: 0;
  left: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.snip1445 figcaption:after {
  bottom: 0;
  right: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.snip1445 figcaption div:before, .snip1445 figcaption div:after {
  width: 2px;
  height: 380px;
  position: absolute;
  content: '';
  background-color: #ffffff;
}

.snip1445 figcaption div:before {
  top: 0;
  left: 0;
  -webkit-transform: translateY(200%);
  transform: translateY(200%);
}

.snip1445 figcaption div:after {
  bottom: 0;
  right: 0;
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
}

.snip1445 h2, .snip1445 h4 {
  margin: 0;
  text-transform: uppercase;
}

.snip1445 h2 {
  font-weight: 400;
}

.snip1445 h4 {
  display: block;
  font-weight: 700;
  background-color: #ffffff;
  padding: 5px 10px;
  color: #b80000;
  font-size: 14px;
  margin-top: 4px;
}

.snip1445 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.snip1445:hover img, .snip1445.hover img {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  opacity: 0.5;
}

.snip1445:hover figcaption:before, .snip1445.hover figcaption:before, .snip1445:hover figcaption:after, .snip1445.hover figcaption:after, .snip1445:hover figcaption div:before, .snip1445.hover figcaption div:before, .snip1445:hover figcaption div:after, .snip1445.hover figcaption div:after {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.snip1445:hover figcaption:before, .snip1445.hover figcaption:before, .snip1445:hover figcaption:after, .snip1445.hover figcaption:after {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

div.content {
  overflow: hidden;
}

h1, h2, .h1, .h2 {
}

h3, h4, h5, h6, .h3, .h4, .h5 .h6 {
  font-weight: 400!important;
}

h1.post-arc-info {
  font-size: 17px;
  padding: 8px 8px 10px 15px;
  /* margin: -25px -22px 20px -20px; */
  background-color: #b80000;
  color: #fff;
  font-family: 'Raleway', sans-serif;
}
h2 {
  background-color: #009043;
  padding: 5px 0;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 4px;
  margin: 0 0 20px;
}

header .navbar-default {
  /* background: none; */
  /* border: none; */
  /* padding-top: 3px; */
  /* padding-bottom: 6px; */
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;

  text-align: center;
  display: block;
  width: 140px!important;
  height: 100%;
  background-color: #b80000;
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 3px 0px 3px rgba(132,48,78,0.3);

}

 span.sp-top {
  font-size: 10px;
  font-weight: bold;
  clear: both;
  display: block;
  margin: 0px 5px -5px;
}

header .navbar-default ul.navbar-nav {
  padding-top: 10px;
  /* padding-right: 148px; */
  color: #fff;
}

header ul.navbar-right li {
  margin-right: 10px;
}

header .navbar-default ul.navbar-nav li a {
  /* text-transform: capitalize; */
  /* font-weight: 400; */
  font-size: 16px;
  color: #fff;
  padding: 4px !important;

  /* アニメーション */
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

header .navbar-default ul.navbar-nav li a:hover {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

header .navbar-default ul.navbar-nav li a:hover:after {
  background: #ffffff;
}

header .navbar-default ul.navbar-nav li a.getApp {
  -webkit-border-radius: 5em;
  -moz-border-radius: 5em;
  -ms-border-radius: 5em;
  -o-border-radius: 5em;
  border-radius: 5em;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

header .navbar-default ul.navbar-nav li a.getApp:after {
  display: none;
}

header .navbar-default ul.navbar-nav li a:focus {
  color: #ffffff;
}

header .navbar-default .navbar-brand {
  height: auto;
  padding: 0;
}

header .navbar-default.scrolled {
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  padding: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

header .navbar-default.scrolled .navbar-brand {
  padding: 15px 20px;
}

header .navbar-default.scrolled .navbar-brand img {
  width: auto;
  max-height: 33px;
}

header .navbar-default.scrolled ul.navbar-nav {
  padding-top: 15px;
}

.scrollpoint {
  opacity: 0;
}

.scrollpoint.active {
  opacity: 1 \0;
}

.hanging-phone {
  position: absolute;
  right: 0;
  z-index: 0;
  bottom: -70px;
}

.section-heading {
  margin: 60px 0 45px;
  text-align: center;
}

.section-heading h1 {
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 0;
  text-shadow: 1px 1px 1px rgb(255, 255, 255);
  font-family: serif;
}

.section-heading p {
  font-size: 18px;
  color: #b80000;
  font-weight: bold;
}

.section-heading .divider:after {
  content: "";
  position: relative;
  height: 1px;
  width: 60%;
  display: block;
  text-align: center;
  margin: 13px auto;
  -webkit-border-radius: 5em;
  -moz-border-radius: 5em;
  -ms-border-radius: 5em;
  -o-border-radius: 5em;
  border-radius: 5em;
}

.section-heading.inverse h1, .section-heading.inverse p {
  color: #545454;
}

.section-heading.inverse .divider:after {
  background: #2f6435;
}

section#about {
  position: relative;
}

section#about {
  background: url("./img/AboutBk.png");
  background-position-y: 55px;
  background-repeat: no-repeat;
}

section#about .about-item {
  text-align: center;
  font-size: 17px;
  line-height: 25px;
  color: #2f2f2f;
}

section#about .about-item i.fa {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  padding: 35px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  width: 104px;
}

section#features .media i.fa {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  padding: 20px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  width: 2.6em;
  text-align: center;
}

section#features .media .media-heading {
  padding-top: 10px;
  font-weight: 300;
}

section#features .media .media-body {
  color: #999999;
}

section#features .media.feature {
  margin-top: 25px;
}

section#features .media.feature:first-child {
  margin-top: 0;
}

section#features img {
  margin: 0 auto 0px;
}

section#reviews {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

section#reviews .review-filtering {
  margin: 20px 0 100px 0;
}

section#reviews .review-filtering .review .review-person {
  width: 100%;
}

section#reviews .review-filtering .review .review-person img {
  width: 110px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 10px auto;
}

section#reviews .review-filtering .review .review-comment {
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding: 5px 40px 20px;
  position: relative;
}

section#reviews .review-filtering .review .review-comment h3 {
  margin-bottom: 15px;
}

section#reviews .review-filtering .review .review-comment p {
  font-size: 16px;
  color: #999999;
}

section#reviews .review-filtering .review .review-comment p span {
  margin-left: 10px;
}

section#reviews .review-filtering .review .review-comment:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-width: 15px;
  margin-top: -10px;
}

section#reviews .review-filtering .review .review-person, section#reviews .review-filtering .review .review-comment {
  float: left;
}

section#reviews .review-filtering .slick-dots {
  bottom: -80px;
}

section#reviews .review-filtering .slick-dots li button {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

section#reviews .review-filtering .slick-dots li button:before {
  display: none;
}

section#screens .slider {
  margin: 50px 0;
}

section#screens .slider div img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  padding: 10px;
  display: inline;
}

section#screens .slider div h4 {
  text-align: center;
  margin-top: 40px;
  font-size: 16px;
}

section#screens .slider .slick-dots li button {
  -webkit-border-radius: 5em;
  -moz-border-radius: 5em;
  -ms-border-radius: 5em;
  -o-border-radius: 5em;
  border-radius: 5em;
}

section#screens .slick-prev, section#screens .slick-next {
  width: 50px;
  height: 50px;
  top: 44%;
}

section#screens .slick-slide {
  text-align: center;
}

section#screens .slick-prev:before {
  content: "\f104";
}

section#screens .slick-next:before {
  content: "\f105";
}

section#screens .slick-prev:before, section#screens .slick-next:before {
  font-size: 34px;
  -webkit-border-radius: 5em;
  -moz-border-radius: 5em;
  -ms-border-radius: 5em;
  -o-border-radius: 5em;
  border-radius: 5em;
  line-height: 45px;
  color: #CCC;
  border: 2px solid #CCC;
  width: 50px;
  display: inline-block;
  height: 50px;
  text-align: center;
}

section#screens .filter {
  text-align: center;
}

section#screens .filter a {
  display: inline-block;
  padding: 7px 20px;
  text-decoration: none;
  -webkit-border-radius: 5em;
  -moz-border-radius: 5em;
  -ms-border-radius: 5em;
  -o-border-radius: 5em;
  border-radius: 5em;
  margin: 10px 5px;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* demo video Section */

section#demo .video-container {
  padding: 20px;
  border: 1px solid #b3b3b3;
  min-height: 450px;
  overflow: hidden;
}

section#demo iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* Get app Section */

section#getApp {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 0px 0px 30px;
}

section#getApp .platforms {
  margin: 5px auto 120px auto;
  text-align: center;
}

section#getApp .platforms .btn {
  margin-right: 10px;
  margin-bottom: 20px;
}

/* support section */

section#support {
  padding: 0 0 150px 0;
}

section#support .media {
  margin-bottom: 10px;
}

section#support .media i.fa {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  padding: 10px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  width: 1.9em;
  text-align: center;
}

section#support .media .media-heading {
  padding-top: 15px;
  font-weight: 300;
}

section#support .media .media-heading a {
  font-weight: 400;
}

/* footer section */

footer {
  
  /* text-align: center; */
  background-color: #009043;
  color: #fff;
  text-align: center;
}
footer a {color: #fff;}
footer a:hover {color: #fff!important;}

footer .foot-area {
  padding: 40px 50px 10px 190px;
  text-align: left;
}
footer img.footer_logo {width: 90%;}

footer .foot-ul-box {text-align: center;}
footer .foot-ul-box ul {padding: 0;margin: 20px auto 10px;}
footer .foot-ul-box ul.foot-ul li {display: inline-block;text-align: center;}
footer .foot-ul-box ul.foot-ul li:after {content: "│";margin:0 5px;}
footer .foot-ul-box ul.foot-ul li:last-child:after {content: "";}

footer .footer_tel img.icon-0120 {width: 45px;margin-right: 5px;}
footer .footer_tel {font-size: 50px;margin-bottom: 20px;letter-spacing: 160%;text-align: right;padding-top: 20px;}
footer .footer_time {font-size: 18px;font-weight: normal;text-align: right;}
footer .footer_time span {font-size: 38px;padding-left: 10px;}

    /*block3のレスポンシブ*/
      @media (max-width: 599px) {
        footer .foot-area{padding: 30px 0px 0px;}
        footer .footer_tel img.icon-0120 {width: 40px;margin-right: 5px;}
        footer .footer_tel {font-size: 31px;margin-bottom: 10px;text-align: center;padding-top: 10px;}
        footer .footer_time {text-align: center;}
        footer .footer_time span {font-size: 28px;padding-left: 5px;text-align: center;}
        footer .foot-ul-box ul.foot-ul li {width: 38%;vertical-align: top;margin-bottom: 5px;padding: 0 0px 0 10px;text-align: left;line-height: 100%;}
        footer .foot-ul-box ul.foot-ul li:nth-child(even) {border-left: 1px solid #fff; width: 60%;}
        footer .foot-ul-box ul.foot-ul li:after {content: ""}

      }
      @media screen and (min-width:600px) and (max-width:767px) {
        footer img.footer_logo {width: 100%;}
        footer .foot-area{padding: 40px 50px 0 50px;}
      }
      @media screen and (min-width:768px) and ( max-width:1199px) {
        footer .foot-area{padding: 40px 20px 0 160px;}
        footer .footer_tel img.icon-0120 {width: 40px;margin-right: 5px;}
        footer .footer_tel {font-size: 32px;margin-bottom: 20px;letter-spacing: 160%;text-align: right;padding-top: 20px;}
        footer .footer_time {font-size: 18px;font-weight: normal;text-align: right;}
        footer .footer_time span {font-size: 32px;padding-left: 10px;}

      }

/* Common style for pseudo-elements */

section::before, section::after {
  position: absolute;
  content: '';
  pointer-events: none;
  overflow: hidden;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.tp-caption {
  font-family: 'Lato', Arial !important;
  -webkit-font-smoothing: antialiased;
}

.tp-caption.large_white_bold {
  color: #ffffff;
  font-size: 65px;
  font-weight: 400;
}

.tp-caption.large_white_light {
  color: #ffffff;
  font-size: 65px;
  font-weight: 400;
  font-weight: 300;
}

.btn {
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  -ms-border-radius: 3em;
  -o-border-radius: 3em;
  border-radius: 3em;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 5px 25px;
}

.btn.btn-primary {
  border: 2px solid #ffffff;
  background: none;
  color: #ffffff;
}

.btn.btn-primary:hover {
  color: #ffffff;
}

.btn.btn-default {
  border: none;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
  /* IE10+ */
  background: linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
  /* W3C */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#cccccc, GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

.btn.btn-lg {
  padding: 10px 25px;
}

.btn:hover {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

form .form-control {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 5em;
  -moz-border-radius: 5em;
  -ms-border-radius: 5em;
  -o-border-radius: 5em;
  border-radius: 5em;
  height: 40px;
  line-height: 40px;
  padding: 10px 20px;
  color: #cfcfcf;
  border: 2px solid #cccccc;
  font-weight: 300;
}

form textarea.form-control {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  height: auto;
  line-height: normal;
}

@media screen and (max-width: 640px) {
  .logo {
    width: 100px;
    height: auto;
  }
  .slick-next {
    right: 0;
  }
  .slick-prev {
    left: 0;
  }
  .contact-details {
    margin-top: 20px;
  }
  header .navbar-default {
    padding: 20px;
  }
  header .navbar-default .navbar-toggle {
    margin-top: 0px;
    margin-right: 0px;
    background: none;
    border: 2px solid #ffffff;
    color: #ffffff;
    -webkit-border-radius: 5em;
    -moz-border-radius: 5em;
    -ms-border-radius: 5em;
    -o-border-radius: 5em;
    border-radius: 5em;
  }
  header .navbar-default .navbar-toggle:hover, header .navbar-default .navbar-toggle:focus {
    background: none;
  }
  header .navbar-default ul.navbar-nav {
    padding-top: 0;
    margin: 0;
  }
  header .navbar-default ul.navbar-nav li a {
    padding: 10px;
    text-align: center;
  }
  header .navbar-default ul.navbar-nav li a.getApp {
    background: none !important;
    -webkit-border-radius: 0em;
    -moz-border-radius: 0em;
    -ms-border-radius: 0em;
    -o-border-radius: 0em;
    border-radius: 0em;
  }
  header .navbar-default .navbar-collapse {
    border-color: transparent;

  }
  header .navbar-default.scrolled .navbar-collapse {
    border-color: transparent;
  }
  header .navbar-default.scrolled ul.navbar-nav {
    padding-top: 0;
    margin: 0;
  }
  header .navbar-default.scrolled .navbar-toggle {
    margin-top: 11px;
    margin-right: 20px;
    background: none;
    border: 2px solid #2f6435;
    color: #2f6435;
    -webkit-border-radius: 5em;
    -moz-border-radius: 5em;
    -ms-border-radius: 5em;
    -o-border-radius: 5em;
    border-radius: 5em;
  }
}

.pre-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  display: none;
}

.pre-loader .load-con {
  margin: 20% auto;
  position: relative;
  text-align: center;
}

.spinner {
  margin: 50px auto 0;
  width: 70px;
  text-align: center;
}

.spinner>div {
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

header {
  font-weight: bolder;
}

header .navbar-default ul.navbar-nav li a {
  /* color: #505050; */
  /* font-weight: 600; */
  /* background: none; */
}

a.free-info {
  margin-top: 5px;
}

header .navbar-default ul.navbar-nav li a.getApp {
  color: #3c79b4;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(180deg, #ffffff 0%, #e0e0e0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(180deg, #ffffff 0%, #e0e0e0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(180deg, #ffffff 0%, #e0e0e0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(180deg, #ffffff 0%, #e0e0e0 100%);
  /* IE10+ */
  background: linear-gradient(180deg, #ffffff 0%, #e0e0e0 100%);
  /* W3C */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e0e0e0, GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

header .navbar-default ul.navbar-nav li a.getApp:hover {
  color: #4081bf;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
  /* IE10+ */
  background: linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
  /* W3C */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#cccccc, GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

header .navbar-default ul.navbar-nav li a:hover {
  color: #404040;
  font-weight: 600;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

header .navbar-default.scrolled {
  border-bottom: 3px solid #2f6435;
}

header .navbar-default.scrolled ul.navbar-nav li a {
  color: #2f6435;
}

header .navbar-default.scrolled ul.navbar-nav li a:hover {
  color: #336799;
}

header .navbar-default.scrolled ul.navbar-nav li a:hover:after {
  background: #336799;
}

header .navbar-default.scrolled .navbar-brand {
  /* background: #336799; */
}

section .section-heading .divider:after {
  background: #b80000;
}

section#about .about-item i.fa {
  border: 2px solid #66cdcc;
  color: #66cdcc;
}

section#about .about-item:hover i.fa {
  color: #ffffff;
  background: #66cdcc;
}

section#about .about-item:hover h3 {
  color: #66cdcc;
}

section#features {
  /* background-image: url(./img/PostBk.png); */
  /* background-color: #f5f5f5; */
  /* padding: 10px 0 60px; */
}

section#features header h1:after {
  background: #66cdcc;
}

section#features .media i.fa {
  border: 2px solid #66cdcc;
  color: #66cdcc;
}

section#features .media:hover i.fa {
  color: #ffffff;
  background: #66cdcc;
}

section#features .media:hover h3 {
  color: #66cdcc;
}

section#features .media.active i.fa {
  color: #ffffff;
  background: #66cdcc;
}

section#features .media.active .media-heading {
  color: #66cdcc;
}

section#reviews {
  background: url("./img/bk-freeze.jpg");
}

section#reviews header {
  color: #ffffff;
}

section#reviews header h1:after {
  background: #ffffff;
}

section#reviews .review-filtering .review .review-person img {
  border: 3px solid #ffffff;
}

section#reviews .review-filtering .review .review-comment {
  background: #ffffff;
}

section#reviews .review-filtering .review .review-comment h3 {
  color: #66cdcc;
}

section#reviews .review-filtering .review .review-comment p span i {
  color: #66cdcc;
}

section#reviews .review-filtering .review .review-comment:after {
  border-right-color: #ffffff;
}

section#reviews .review-filtering .slick-dots li button {
  background: #ffffff;
  border: 2px solid #ffffff;
}

section#reviews .review-filtering .slick-dots li.slick-active button {
  background: #66cdcc;
}

section#screens header h1:after {
  background: #66cdcc;
}

section#screens .slider div img {
  border: 2px solid #e5e5e5;
}

section#screens .slider div h4 {
  color: #999999;
}

section#screens .slider .slick-dots li button {
  background: #999999;
}

section#screens .slider .slick-dots li.slick-active button {
  background: #66cdcc;
}

section#screens .filter a {
  border: 2px solid #cccccc;
  color: #999999;
}

section#screens .filter a:hover {
  color: #ffffff;
  background: #66cdcc;
  border-color: #66cdcc;
}

section#screens .filter a.active {
  color: #ffffff;
  background: #66cdcc;
  border-color: #66cdcc;
}

.navbar-toggle {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0);
}

.btn.btn-primary {
  color: #66cdcc;
  border-color: #66cdcc;
}

.btn.btn-primary:hover {
  color: #ffffff;
  background: #66cdcc;
  border-color: #66cdcc;
}

.btn.btn-primary.inverse {
  color: #ffffff;
  border-color: #ffffff;
}

.btn.btn-primary.inverse:hover {
  color: #ffffff;
  background: #66cdcc;
  border-color: #66cdcc;
}

.btn.btn-default {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
  /* IE10+ */
  background: linear-gradient(180deg, #ffffff 0%, #cccccc 100%);
  /* W3C */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#cccccc, GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  color: #336799;
}

.btn.btn-default:hover {
  color: #336799;
}

form .form-control:focus {
  border-color: #66cdcc;
  color: #999999;
}

@media screen and (max-width: 640px) {
  header .navbar-default .navbar-toggle:hover, header .navbar-default .navbar-toggle:focus {
    background: none;
  }
  header .navbar-default ul.navbar-nav li a {
    color: #ffffff;
    border-bottom: 1px solid #2f6435;
  }
  header .navbar-default ul.navbar-nav li a.getApp {
    color: #ffffff;
  }
  header .navbar-default ul.navbar-nav li a:after {
    display: none;
  }
  header .navbar-default ul.navbar-nav li a:hover {
    color: #66cdcc;
  }
  header .navbar-default .navbar-collapse {
    background: #609065;
  }
  header .navbar-default.scrolled {
    /* background: #336799; */
  }
  header .navbar-default.scrolled ul.navbar-nav li a {
    color: #ffffff;
  }
  header .navbar-default.scrolled ul.navbar-nav li a:hover {
    color: #66cdcc;
  }
}

.pre-loader {
  background: #336799;
}

.pr-txt-r {
  float: left;
  margin-top: -215px;
  margin-left: 640px;
  width: 400px;
}

.pr-txt-l {
  float: left;
  margin-top: -215px;
  margin-left: 90px;
  width: 400px;
}

img.logo {
  /* max-width: 218px; */
  margin: 0px 0 4px;
}

.pr-thumb img {
  width: 100%;
  height: auto;
}

.post-1 {
  /* background-color: #fff; */
  /* position: relative; */
  margin-bottom: 3px;
  /* width: 99%; */
  padding: 3px;
  height: 150px;
  overflow: hidden;
}

.psst-1-innner {
  padding: 10px 10px 6px;
}

.post-h2-cat {
  position: absolute;
  top: 5px;
  left: 5px;
  padding: 0;
  margin: 0;
}

.post-h2-title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.61);
  width: 100%;
  color: #1b5221;
  font-size: 1.5rem;
  padding: 10px;
  font-weight: bold;
}

h2.top-h2 {
  font-size: 16px;
  margin: 2px;
  text-align: left;
}

h2.post-h2 {
  font-size: 15px;
  padding: 0px !important;
  margin: 6px 0px 5px;
}

h2.post-h2 a {
  font-size: 22px;
  margin: 0px;
  color: #b80000;
  font-weight: bold;
}

h2.post-h2-sm {
  font-size: 16px;
  padding: 0px;
  margin: 0px;
}

h2.post-h2-sm a {
  color: #2f6435;
  font-weight: bold;
}

span.cat-span {
  background-color: #b80000;
  border: 1px solid #343e67;
  color: #ffffff;
  font-size: 11px;
  padding: 1px 5px;
  margin-right: 5px;
  margin-bottom: 10px;
}

section#features p, date {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.single-date {margin-bottom: -20px;}

a.more-link {
  font-size: 11px;
  color: #828282;
  border: 1px solid #828282;
  border-radius: 100px;
  padding: 10px 5px;
  text-align: right;
  height: 25px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a:hover.more-link {
  font-size: 11px;
  color: #fff;
  border: 1px solid #828282;
  background-color: #828282;
  text-decoration: none;
  border-radius: 100px;
  padding: 10px 5px;
  text-align: right;
  height: 25px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.in-right {
  text-align: right;
  margin-top: 30px;
}

.in-center {
  text-align: center;
  margin: 60px 0 10px;
  clear: both;
  display: block;
  margin-top: 300px;
  padding-top: 25px;
}

a.read-box {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  margin-top: 1400px;
  font-weight: 600;
  background-color: #b80000;
  border: 1px solid #1e2440;
  padding: 10px 100px;
  font-family: 'Raleway', sans-serif;
  /* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
}

a:hover.read-box {
  text-decoration: none;
  color: #2f6435;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #2f6435;
  padding: 10px 100px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.price-box {
  background-color: #fff;
  padding: 5px 20px;
  margin-top: 30px;
}

ul.price-text li {
  font-size: 20px;
  margin: 15px 0px;
}

img {
  /* width: 100%; */
}

.img100 img {
  width: 100%;
}

.img100 {
  margin-top: 100px;
}

div#footer-link {
  background-color: #c8d9ca;
}

.rights {
  background-color: #1c3c1f;
  text-align: center;
  color: #9eb1a0;
  font-size: 12px;
  padding: 10px 0;
}

.rights a {
  margin-left: 10px;
  color: #9eb1a0;
}

section#banner {
  margin-top: -57px;
  padding-bottom: 20px !important;
}

.right-border {
  border-right: 1px solid rgba(255, 255, 255, 0.32);
}

a.info-bt {
  font-weight: 600;
  text-shadow: -1px -1px 0px rgb(165, 147, 14);
  background-color: #e8cf1a;
  padding: 15px 60px;
  font-size: 17px;
  letter-spacing: 0.2em;
  border-radius: 5px;
  box-shadow: 0px 5px 0px rgb(162, 145, 17);
}

a:hover.info-bt {
  text-decoration: none;
  font-weight: 600;
  text-shadow: -1px -1px 0px rgb(165, 147, 14);
  background-color: #e8921a;
  padding: 15px 60px;
  font-size: 17px;
  letter-spacing: 0.2em;
  border-radius: 5px;
  box-shadow: 0px 5px 0px rgb(189, 113, 0);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.info-bt-box {
  margin-top: 15px;
}

ul.price-text {
  list-style-type: none;
  padding-left: 15px;
  padding-right: 0px;
}

h1.right-sm {
  margin: 60px 0px 7px;
  padding-bottom: 10px;
  font-size: 28px;
  border-bottom: 1px solid #306536;
}

.arc-thum img {
  height: auto;
}

.post-3 {
  /* margin-bottom: 10px; */
  padding: 10px 0;
  border-bottom: 1px dotted #ddd;
}

.hr-arc {
  border-bottom: 1px dotted #c1d6c3;
  margin: 8px 0px;
}

a.more-link2 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#91e29b+0,41aa8c+100 */
background: #91e29b; /* Old browsers */
background: -moz-linear-gradient(left, #91e29b 0%, #41aa8c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #91e29b 0%,#41aa8c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #91e29b 0%,#41aa8c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91e29b', endColorstr='#41aa8c',GradientType=1 ); /* IE6-9 */
  display: inline-block;
  width: 150px;
  line-height: 22px;
  color: #fff!important;
  border-radius: 30px;
  text-align: center;
  margin: 20px auto 0;
  text-decoration: none;
}

a.more-link2:hover {
  background-color: #b80000!important;
}
a.more-link3 {
  background-color: #828282;
  width: 150px;
  text-align: center;
  color: #fff;
  border: 1px solid #828282;
  margin: 0 auto !important;
  font-family: 'Raleway', sans-serif;
  text-decoration: none;
  padding: 2px 20px;
  white-space: nowrap;
}

a:hover.more-link3 {
  border-radius: 30px;
  background-color: #ffffff;
  width: 150px;
  text-align: center;
  color: #828282;
  border: 1px solid #828282;
  margin: 0 auto !important;
  font-family: 'Raleway', sans-serif;
  white-space: nowrap;
}

section#top {
  margin-top: 30px;
}

h1.post-arc {
  border-left: 10px solid #b80000;
  border-bottom: 1px dotted #ddd;
  border-radius: 3px;
  margin: 15px 0px;
  padding: 5px 0px 5px 18px;
  color: #b80000;
  /* background-color: #c5c5c5; */
  font-weight: bold;
  font-size: 2.2rem;
}

h1.page-h1 {
  text-align: center;
}

section#top p {
  font-size: 16px;
}

th {
  background-color: #eee;
}

th, td {
  border: 1px solid #ddd;
  padding: 12px;
}

td.td-none {
  border: none;
  border-top: none !important;
}

table.table {
  font-size: 14px;
  color: #484848;
}

section#top h2 {
  font-size: 22px;
  text-align: center;
  margin-bottom: 45px;
}

section#top h4 {
  text-align: center;
  font-weight: 600;
}

section#post-content {padding-left: 140px;padding-right: 50px;}

section#post-content img {
  width: 100%;
}

    /*#post-contentのレスポンシブ*/
      @media (max-width: 599px) {
        section#post-content {padding-left: 0px;padding-right: 0px;margin-top: 90px;}
      }
      @media screen and (min-width:600px) and (max-width:767px) {
        section#post-content {padding-left: 0px;padding-right: 0px;margin-top: 70px;}
      }
      @media screen and (min-width:768px) and ( max-width:1199px) {
        section#post-content {padding-left: 140px;padding-right: 50px;}
      }

section#post-content .container {
  margin-top: 15px;
}

div#sidebar {
  /* margin-top: 40px; */
}

div#sidebar ul {
  list-style-type: none;
  padding: 0px;
}

div#sidebar ul li {
  margin-left: 0px;
  padding-left: 5px;
  font-size: 16px;
  line-height: 1.8em;
}

div#sidebar h3 {
  font-size: 17px;
  color: #fff;
  font-weight: bold;
  background-size: 100%;
  border: 2px solid #5e6ba0;
  background-color: #b80000;
  padding: 10px;
}

ul.top-navi-ul {
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  border-left: 1px solid #dac942;
  padding: 0;
  height: 35px;
  /* left: 0; */
  /* position: absolute; */
}

ul.top-navi-ul li {
  display: table-cell;
  vertical-align: middle;
  border-right: 1px solid #dac942;
}

ul.top-navi-ul li a {
  text-decoration: none;
  cursor: pointer;
  color: #3c6541;
  /* letter-spacing: 0.2em; */
}

ul.top-navi-ul li a:hover {
  color: #ff870b;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.top-navi {
  margin: 3px -10px 0 -10px;
}

.post-margin {
  margin-bottom: 20px;
}

.back-career {
  background-color: #4285f4;
  border: 1px solid #346ac3;
  font-size: 1.2rem;
  padding: 6px;
  color: #fff;
  font-weight: bold;
}

.back-work {
  background-color: #34a853;
  border: 1px solid #277d3e;
  font-size: 1.2rem;
  padding: 6px;
  color: #fff;
  font-weight: bold;
}

.back-study_abroad {
  background-color: #fbbc05;
  border: 1px solid #c79400;
  font-size: 1.2rem;
  padding: 6px;
  color: #fff;
  font-weight: bold;
}

.back-doctor {
  background-color: #ea4335;
  border: 1px solid #b12f24;
  font-size: 1.2rem;
  padding: 6px;
  color: #fff;
  font-weight: bold;
}

span.title-sapan {
  font-size: 15px;
  color: #909090;
}

a.tag {
  background-color: #e4cc12;
  border: 1px solid #ad9a0d;
  color: #272727;
  font-size: 12px;
  padding: 3px 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  display: inline-block;
  cursor: pointer;
}

a:hover.tag {
  background-color: #e48312;
  border: 1px solid #ad6a0d;
  color: #ffffff !important;
  text-decoration: none;
  font-size: 12px;
  padding: 3px 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  display: inline-block;
}

.about-link {
  border: 5px solid #eaeaea;
  background-color: #f9f9f9;
  font-size: 12px;
  margin-top: 10px;
  padding: 10px;
}

a.about-a {
  display: block;
  text-align: right;
  color: #2f6435;
}

ul.foot-li {
  text-align: left;
  margin: 0;
}

ul.foot-li li {
  display: inline-block;
}

.foot-bottom {
  display: block;
  background-color: #ffffff;
  border-top: 2px solid#e4e4e4;
  padding: 10px;
}

/* Effect 1: Brackets */

.cl-effect-1 a::before, .cl-effect-1 a::after {
  display: inline-block;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
  margin-right: 10px;
  content: '[';
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  transform: translateX(20px);
}

.cl-effect-1 a::after {
  margin-left: 10px;
  content: ']';
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  transform: translateX(-20px);
}

.cl-effect-1 a:hover::before, .cl-effect-1 a:hover::after, .cl-effect-1 a:focus::before, .cl-effect-1 a:focus::after {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px);
}

.ranking {
  margin-bottom: 10px;
}

.image-box {
  position: relative;
}

.rank-number {
  position: absolute;
  top: 0px;
  left: 5px;
  background-color: #2f6435;
  color: #ffffff;
  padding: 1px 13px;
}

.pv-style {
  font-size: 10px;
  text-align: right;
}

.caption {
  font-size: 18px;
}

@media (min-width: 768px) { .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
  margin-left: -10px !important;
}}

hr.top-hr {
  margin: 0px;
}

hr.top-hr-sp {
  margin: 0px;
  background: -moz-linear-gradient(left, #f44336 0%, #ff9800 17%, #ffeb3b 34%, #4caf50 50%, #2196f3 67%, #3f51b5 83%, #9c27b0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f44336), color-stop(17%, #ff9800), color-stop(34%, #ffeb3b), color-stop(50%, #4caf50), color-stop(67%, #2196f3), color-stop(83%, #3f51b5), color-stop(100%, #9c27b0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #f44336 0%, #ff9800 17%, #ffeb3b 34%, #4caf50 50%, #2196f3 67%, #3f51b5 83%, #9c27b0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #f44336 0%, #ff9800 17%, #ffeb3b 34%, #4caf50 50%, #2196f3 67%, #3f51b5 83%, #9c27b0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #f44336 0%, #ff9800 17%, #ffeb3b 34%, #4caf50 50%, #2196f3 67%, #3f51b5 83%, #9c27b0 100%);
  /* IE10+ */
  background: linear-gradient(to right, #f44336 0%, #ff9800 17%, #ffeb3b 34%, #4caf50 50%, #2196f3 67%, #3f51b5 83%, #9c27b0 100%);
  /* W3C */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f44336', endColorstr='#9c27b0', GradientType=1);
  /* IE6-9 */
  height: 1px;
  border: 0;
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: transparent;
}

.prev-box {
  text-align: center;
  /* border: 1px solid #000; */
  padding: 15px;
  margin-top: 30px;
}

.prev-box a {
  border: 2px solid #306536;
  color: #306536;
  font-size: 1.2em;
  display: block;
  width: 90%;
  padding: 20px 0px;
  /* background-color: #306536; */
  /* color: #fff; */
}

.prev-box a:hover {
  border: 2px solid #306536;
  color: #ffffff !important;
  text-decoration: none;
  font-size: 1.2em;
  display: block;
  width: 90%;
  padding: 20px 0px;
  background-color: #306536;
  /* color: #fff; */
}

.prev-next {
  border-top: 1px solid #e4e4e4;
  margin-top: 50px;
}

.text-area {
  border: 8px solid #e8e8e8;
  padding: 10px 25px !important;
}

a.free-info {
  background-color: #519459 !important;
  border: 1px solid #9cb79f;
  color: #ffffff !important;
  border-radius: 5px;
  width: 300px;
  text-align: center;
}

a:hover.free-info {
  letter-spacing: 0.2em;
  background-color: #e64d00 !important;
  border: 1px solid #a0542e;
  color: #fff !important;
  border-radius: 5px;
  width: 320px;
  text-align: center;
}

.cat-txt-area {
  /* border: 3px solid #ddd; */
  background-color: #2f6435;
  color: #fff;
  padding: 10px;
}

.psst-1-innner-arc {
  color: #2d2d2d;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  line-height: 1.4em;
  text-align: left;
}

.wp-pagenavi {
  font-family: sans-serif;
  text-align: center;
  margin-top: 20px;
}

ul.pan-ul {
  padding: 5px 10px;
  list-style: none;
  background-color: #f5f5f5;
  color: #61570a;
  border-radius: 5px;
  font-size: 11px;
}

ul.pan-ul a {
  color: #61570a;
}

ul.pan-ul li {
  display: inline-block;
}

img.sp-logo-size {
  width: 75%;
  padding: 5px;
}

@media (max-width: 767px) {
  .wrapper {
    /* margin-top: 80px; */
  }
  .psst-1-innner-arc {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #2d2d2d;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    line-height: 1.4em;
  }
  h2.post-h2 a {
    font-size: 16px;
    margin: 0px;
    color: #b80000;
    font-weight: bold;
  }
  h1.post-arc {
    border-left: 10px solid #2f6435;
    border-bottom: 1px dotted #ddd;
    border-radius: 3px;
    margin: 10px 0px;
    padding: 5px 0px 5px 8px;
    color: #b80000;
    /* background-color: #c5c5c5; */
    font-weight: bold;
    font-size: 1.7rem;
  }
  .content-area {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #2d2d2d;
    font-size: 1.4rem;
    -webkit-font-smoothing: antialiased;
    line-height: 1.6em;
  }
  .h1, h1 {
    font-size: 22px;
    text-align: center;
  }
}

ul.sp-menu {
  list-style: none;
  padding: 0;
  font-size: 15px;
  overflow: hidden;
}

ul.sp-menu > li a {
  color: #fff;
  width: 100%;
  display: block;
  padding: 10px 15px;
  border-top: 1px solid #ddd;
  text-align: center;
}
ul.sp-menu > li:last-child {border-bottom: 1px solid #ddd;}

ul.sp-menu > li a:hover {
  color: #fff !important;
  text-decoration: none;
}
ul.sp-menu>li ul {}
ul.sp-menu>li ul li a {
  color: #b80000;
  background-color: #fff;
  width: 100%;
  display: block;
  padding: 10px 15px 10px 30px;
  border-top: 1px dotted #ddd;
  text-align: center;
}
h1.sp-menu-head {
  background-color: #fff;
  text-align: left;
  padding: 10px;
  margin: 0;

}
h1.sp-menu-head img {
  height: 40px;
  margin: 0 auto;
}

img.tel-size {
  width: 90%;
  margin: 0px auto;
  display: block;
}

.sp-info {
  padding: 15px;
  font-size: 13px;
  color: #b80000;
  border-top: 1px solid #ddd;
  margin-top: 15px;
  text-align: center;
}

img.under-logo {
  max-width: 230px;
  width: 100%;
}

a.free-info-sp {
  background-color: #b80000 !important;
  border: 1px solid #9cb79f;
  color: #ffffff !important;
  border-radius: 5px;
  font-weight: bold;
  width: 90%;
  font-size: 13px;
  display: block;
  margin: 0 auto;
  padding-top: 15px;
  height: 50px;
  vertical-align: middle;
  text-align: center;
}

.sp-info {
  width: 100%;
  box-sizing: border-box;
  background-color: #009043;
  padding: 5px;
  color: #fff;
}

.sp-info .frame_white{
  border: 1px solid #fff;
  display: block;
  padding: 5px;
  overflow: hidden;
}

.sp-info .menu_tel img.icon-0120 {width: 23px;margin-right: 5px;}
.sp-info .menu_tel {font-size: 23px;margin-bottom: 5px;letter-spacing: 160%;}
.sp-info .menu_time {font-size: 15px;font-weight: normal;}
.sp-info .menu_time span {font-size: 23px;}

.contact-area {
  max-width: 600px;
  margin: 0 auto;
  text-align: left;
  background-color: #fff;
  /* box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); */
  padding: 5px 30px;
}

.contact-title {
  font-weight: bold;
  color: #b80000;
  border-left: 4px solid #b80000;
  background-color: rgba(18, 65, 125, 0.07);
  padding-left: 10px;
  border-radius: 0px 111px 111px 0px;
  margin-top: 22px;
  margin-bottom: 8px;
  padding: 10px;
}

span.req {
  font-size: 70%;
  margin-left: 7px;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  border: 1px solid rgb(171, 171, 171);
  border-radius: 5px;
  padding: 7px 10px;
  width: 100%;
  background-color: #fffff9;
}

input[type="submit"] {
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.2em;
  background-color: #b80000;
  border: 1px solid #b80000;
  width: 300px;
  margin: 0 auto;
}

input[type="submit"]:hover {
  color: #b80000; 
  background-color: #fff;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

input.wpcf7-form-control.wpcf7-submit {
  background-color: #b80000;
  color: #fff;
  font-weight: bold;
  font-size: 1.3em;
  letter-spacing: .2em;
  border: 2px solid #b80000;
}

input::-webkit-input-placeholder {
  color: #c3c3c3;
  font-weight: normal;
}

input:-ms-input-placeholder {
  color: #c3c3c3;
  font-weight: normal;
}

input::-moz-placeholder {
  color: #c3c3c3;
  font-weight: normal;
}

input[type="checkbox"] {
  float: left;
  display: inline-block;
  width: 25px;
}

input[type="radio"] {
  width: 20px;
}

table.sp-footbox {
  width: 100%;
  border-top: 5px solid #2f6435;
}

table.sp-footbox a {
  width: 100%;
  display: block;
  color: #2f6435;
  font-weight: bold;
}

table.sp-footbox td {
  width: 50%;
  border: 1px solid #a0b5a3;
  padding: 5px;
  font-size: 12px;
  text-align: center;
}

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

ol, ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0!important;
  list-style: none !important;
}
img.top-key-img {
  /* text-align: center; */
  margin: 0 auto;
  display: block;
  margin-bottom: 20px;
}
#kv_video_box {position: relative;overflow: hidden;}
#kv_video_box video.kv_video {width: 100%;}
#kv_video_box img.kv_video_thumbnail {width: 250px;height:auto;position: absolute;border: 1px solid #fff;}

  /*レスポンシブ別*/
      @media (max-width: 479px) {
        video.kv_video {margin-top: 65px;}
        img.kv {width: 150%;margin-left: -25%;}
        .top-key {width: auto!important;}
        #kv_video_box img.kv_video_thumbnail {width: 140px;left: 10px;bottom: 15px;}
      }
      @media screen and (min-width:480px) and (max-width:599px) {
        .top-key {width: auto!important;}
        video.kv_video {margin-top: 65px;}
        #kv_video_box img.kv_video_thumbnail {width: 200px;left: 15px;bottom: 20px;}
      }
      @media screen and (min-width:600px) and (max-width:767px) {
        video.kv_video {margin-top: 65px;}
        #kv_video_box img.kv_video_thumbnail {left: 20px;bottom: 30px;}
      }
      @media screen and (min-width:768px) and (max-width:991px) {
        #kv_video_box img.kv_video_thumbnail {left: 160px;bottom: 30px;}
      }
      @media screen and (min-width:992px) and ( max-width:1199px) {
        video.kv_video {width: calc(100% - 140px)!important;margin-left: 140px;}
        #kv_video_box img.kv_video_thumbnail {left: 160px;bottom: 30px;}
      }
      @media screen and (min-width:1200px) {
        video.kv_video {width: calc(100% - 140px)!important;margin-left: 140px;}
        #kv_video_box img.kv_video_thumbnail {left: 160px;bottom: 40px;}
      }

body {
  animation: fadeIn 3s ease 0s 1 normal;
  -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

img.kv {}

    /*レスポンシブ別*/
      @media (max-width: 599px) {
        img.kv {margin-top: 65px;}
        .top-key { top: 30vw!important;padding-left: 0!important;}
        img.logo-top-main {width: 200px!important}

      }
      @media screen and (min-width:600px) and (max-width:767px) {
        img.kv {margin-top: 65px;}
        .top-key { top: 25vw!important;padding-left: 0!important;}
        img.logo-top-main {width: 250px!important}
      }
      @media screen and (min-width:768px) and ( max-width:1199px) {
      }
      @media screen and (min-width:1200px) {
      }
      

.top-key {
  position: absolute;
  top: 15vw;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  width: 600px;
  padding-left: 140px;
  animation: fadeIn 7s ease 0s 1 normal;
  -webkit-animation: fadeIn 7s ease 0s 1 normal;
}

/*btn*/
a.btn-01 {
  display: block;
  position: relative;
  width: 400px;
  background-color: #b80000;
  border: 1px solid #b80000;
  text-align: center;
  letter-spacing: 2px;
  font-size: 20px;
  margin: 0 auto;
  padding: 15px 0;
  color: #fff;
}

a.btn-02 {
  display: inline-block;
  position: relative;
  width: 200px;
  background-color: #b80000;
  border: 1px solid #b80000;
  text-align: center;
  letter-spacing: 1px;
  font-size: 18px;
  margin: 5px;
  padding: 5px 0;
  color: #fff!important;
  text-decoration: none!important;
}
a.btn-01:hover,a.btn-02:hover {text-decoration: none;color: #b80000!important;background-color: #fff;}

    /*btnレスポンシブ*/
      @media (max-width: 599px) {
        a.btn-01 {width: 90%;}
      }
      @media screen and (min-width:600px) and (max-width:767px) {
      }
      @media screen and (min-width:768px) and ( max-width:1199px) {
      }

/*#block1*/

section#block1 {
  text-align: center;
  padding: 80px 50px 0px 190px;
}

section#block1 h1 {
  /* text-shadow: 1px 1px 3px #fff; */
  font-weight: bold;
  margin-bottom: 30px;
  font-family: serif;
  font-size: 30px;
  letter-spacing: 2px;

}
section#block1 p.top-catch {
  /* margin-left: -15px; */
  font-size: 15px;
  color: #333333;
}

    /*block1のレスポンシブ*/
      @media (max-width: 599px) {
        section#block1 {padding: 20px 0 0;}
        section#block1 h1 { font-size: 20px;margin-bottom: 20px;}
        p.top-catch {font-size: 13px;line-height: 1.5em;margin-bottom: 15px;}
      }
      @media screen and (min-width:600px) and (max-width:767px) {
        section#block1 {padding: 50px 50px 0;}
      }
      @media screen and (min-width:768px) and ( max-width:1199px) {
        section#block1 {padding: 40px 20px 0px 160px;}
      }

/*#block2*/

section#block2 {
  text-align: center;
  padding: 50px 50px 30px 190px;
}
section#block2 .top-img-margin {
  position: relative;
}
section#block2 .top-img-margin img.block2_img { width: 100%;}

section#block2 .top-img-margin h3 {
  position: absolute;bottom: 10px;
  color: #fff;
  border-bottom: 2px solid #fff;
  padding: 0px 0px 10px 20px;
  letter-spacing: 4px;
  width: 95%;
  font-size: 28px;
  text-align: left;
}
section#block2 .top-img-margin h3 span {
  float: right;
  font-size: 20px;
  padding: 10px 5px 0px;
  letter-spacing: 2px;
}
section#block2 h2 {
  border-bottom: 2px solid #b80000;
}


span.sm {
  font-size: 17px;
  display: block;
  margin: 5px 0;
}

    /*block2のレスポンシブ*/
      @media (max-width: 599px) {
        section#block2 {padding: 30px 0 0;}
        section#block2 .top-img-margin h3 {font-size: 20px;}
        section#block2 .top-img-margin h3 span { font-size: 15px;}
        section#block2 .top-img-margin {margin-bottom: 20px;}
      }
      @media screen and (min-width:600px) and (max-width:767px) {
        section#block2 {padding: 50px 50px 30px 50px;}
        section#block2 .top-img-margin {margin-bottom: 30px;}
      }
      @media screen and (min-width:768px) and ( max-width:1199px) {
        section#block2 {padding: 40px 20px 30px 160px;}

      }
/*#block3*/

section#block3 {padding: 0px 50px 80px 190px}
section#block3 img.block3_img { width: 100%;}
section#block3 .img_box,section#block3 .text_box {margin-bottom: 35px;}
section#block3 .text_box p {font-size: 18px;margin-bottom: 50px;}

    /*block3のレスポンシブ*/
      @media (max-width: 599px) {
        section#block3 {padding: 0px 0px 30px;}
        section#block3 .img_box {margin-bottom: 0px;}
        section#block3 .text_box p {line-height: 1.5em;margin-bottom: 15px;}

      }
      @media screen and (min-width:600px) and (max-width:767px) {
        section#block3 {padding: 0px 50px 80px 50px}
        section#block3 .img_box {margin-bottom: 0px;}
        section#block3 .text_box {margin-bottom: 30px;}
        section#block3 .text_box p {line-height: 1.5em;margin-bottom: 15px;}

      }
      @media screen and (min-width:768px) and ( max-width:1199px) {
        section#block3 {padding: 0px 20px 0 160px;}
        section#block3 .text_box p {line-height: 1.5em;margin-bottom: 15px;}
      }

/*#section#mailform*/
section#mailform p {margin-bottom: 20px;}

.clear {
  display: block;
  margin-bottom: 150px;
}

.pr-thumb-diary img {
  width: 100%;
  height: auto;
}
.box {
  margin: 0 auto;
}

.path {
  max-width: 100%;
  fill: #fff;
  height: auto;
  position: absolute;
  top: 50%;
  margin-top: -64px;
}

.path {
  stroke: #fff;
  fill: none;
  stroke-width: 2;
  stroke-dasharray: 3000;
  stroke-dashoffset: 1000;
  -moz-animation: lineAnime 8s ease-in-out .3s forwards;
  -webkit-animation: lineAnime 8s ease-in-out .3s forwards;
  -o-animation: lineAnime 8s ease-in-out .3s forwards;
  animation: lineAnime 8s ease-in-out .3s forwards;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

@keyframes lineAnime {
  0% {
    stroke-dashoffset: 3000;
    fill: #000;
  }
  80% {
    stroke-dashoffset: 2000;
    fill: #000;
  }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
  }
}

@-moz-keyframes lineAnime {
  0% {
    stroke-dashoffset: 3000;
    fill: #000;
  }
  80% {
    stroke-dashoffset: 2000;
    fill: #000;
  }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
  }
}

@-webkit-keyframes lineAnime {
  0% {
    stroke-dashoffset: 3000;
    fill: #000;
  }
  80% {
    stroke-dashoffset: 2000;
    fill: #000;
  }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
  }
}

@-o-keyframes lineAnime {
  0% {
    stroke-dashoffset: 3000;
    fill: #000;
  }
  80% {
    stroke-dashoffset: 2000;
    fill: #000;
  }
  100% {
    stroke-dashoffset: 0;
    fill: #fff;
  }
}

#foo {
  display: none;
}

img.undergo {
  text-align: center;
  margin: 0 auto;
  display: block;
  height: 130px;
  margin-top: 100px;
  padding-left: 90px;
  position: absolute;
  border: 0;
  right: 0;
  left: 0;
  display: none;
}

.wrapper-page {
}

#content-img img {
  width: 100%;
  height: auto;
}

h2.perf {
  text-align: left !important;
  background-color: #b80000;
  color: #fff;
  padding: 7px;
  font-size: 14px !important;
  margin: 0px !important;
}

p.design a {
  color: #fff !important;
  display: inline-block;
}

p.design {
  color: #fff !important;
  background-color: #b80000;
  display: inline-block;
  padding: 0px 5px;
  border-radius: 5px;
  font-size: 13px !important;
}

section#performance {
  background-color: #b80000;
  margin: 0px;
  padding: 50px 0;
  font-size: 40px;
  letter-spacing: 0.2em;
  color: #fff;
  text-align: center;
}

.perf-txt {
  margin: 10px 0 18px;
  font-size: 16px;
  line-height: 1.7em;
  padding: 10px;
}

.br-clear {
  clear: both;
}

#other-perf h1 {
  text-align: center;
  border-top: 1px solid;
  border-bottom: 1px solid #b80000;
  padding: 12px 0px;
  background-color: #f9f9f9;
}

.copy-foot {
  text-align: center;
  padding-top: 10px;
}

img.logo-foot {
  width: 180px;
  margin: 22px 0;
}

img.logo-top-main {
  width: 350px;
  text-align: center;
  margin: 0px auto;
  display: block;
}

i.fa.fa-caret-square-o-right {
  margin-right: 7px;
}

i.fa.fa-external-link {
  margin-left: 5px;
}

i.fa.fa-child {
  clear: both;
  display: block;
}

ul.top-ul li {
  display: inline-block;
  margin-bottom: -5px;
  /* width: 100px; */
  /* text-align: center; */
  /* margin: 0 auto; */
  /* border-right: 1px dotted #777; */
}

ul.top-ul {
  float: right;
  margin: 0px;
}

section#pref-title {
  height: 250px;
  overflow: hidden;
  position: relative;
}
section#pref-title img {
  width: 100%;
  height: auto;
}
section#pref-title img.pref-title_img_deflate {
  
}
section#pref-title h1 {
  width: 100%;
  position: absolute;
  bottom: 0;
  margin: 0;
  display: block;
  background-color: rgba(255,255,255,0.8);

  color: #333;
  font-size: 35px;
  text-align: center;
  padding: 10px 20px 10px 160px;
}

section#pref-cat {
  text-align: center;
  margin: 0;
}

ul.pref-ul li {
  display: inline-block;
  margin: 0 10px;
}

a.pref-cat-a {
  background-color: #ff7800;
  color: #fff;
  padding: 10px;
  border-radius: 30px;
}

section#pref-cat {
  text-align: center;
  margin: 0;
  padding: 34px 0px;
}

section#page-defo img {
  text-align: center;
}

section#page-defo {padding-left: 140px;padding-right: 50px;padding-bottom: 40px;}

    /*#post-contentのレスポンシブ*/
      @media (max-width: 599px) {
        section#page-defo {padding-left: 0px;padding-right: 0px;}
        section#pref-title {padding:0px!important;height: 150px!important;margin-bottom: 30px;margin-top: 60px;}
        section#pref-title h1 {padding:10px;font-size: 25px;}
      }
      @media screen and (min-width:600px) and (max-width:767px) {
        section#page-defo {padding-left: 0px;padding-right: 0px;margin-top: 70px;}
        section#pref-title {margin-top: 60px;margin-bottom: 20px;}
        section#pref-title h1 {padding:10px;}
      }
      @media screen and (min-width:768px) and ( max-width:1199px) {
        section#page-defo {padding-left: 140px;padding-right: 30px;}
      }

i.fa.fa-folder-o {
  margin-right: 6px;
  margin-bottom: 35px;
}

.arc-thum {
  width: 275px;
  height: 190px;
  overflow: hidden;
}

.attachment-280x280 {
  box-sizing: border-box;
  width: 100%;
  display: block;
  padding: 10px;
  border: solid 1px #cacaca;
  overflow: auto;
}

.single-date {
  font-size: 15px;
  margin-top: 18px;
}

span.cat-span-date {
  background-color: #b80000;
  border: 1px solid #343e67;
  color: #ffffff;
  font-size: 16px;
  padding: 1px 5px;
  margin-right: 5px;
  margin-bottom: 10px;
}

th.recru {
  background-color: #eee;
  border: 1px solid #ddd;
  text-align: center;
  color: #525252;
}

h2.single-h2 {
  border-bottom: 1px solid #b80000;
  padding-bottom: 8px;
  padding-top: 40px;
}

h3.single-h3 {
  margin: 21px 0 3px;
  font-size: 15px;
  font-weight: bold;
}

img.com-info-logo {
  width: 600px !important;
  margin: 0 auto;
  text-align: center;
  display: block;
}

table {
  background-color: transparent;
  width: 100%;
}

hr {
  margin-top: 20px;
  margin-bottom: 50px;
  border: 0;
  /* border-top: 1px solid #eee; */
  clear: both;
  display: block;
}

@media screen and (max-width: 767px) {

  .clear {
    display: block;
    margin-bottom: 50px;
  }
  img.logo-foot {
    max-width: 80%;
    margin: 22px 0;
  }
  #block1 h2 {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 2.3em;
  }
  .section-heading h1 {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
    font-family: 'Raleway', sans-serif;
  }
  .section-heading p {
    font-size: 15px;
    color: #b80000;
    font-weight: bold;
    text-align: center;
    padding: 0px 20px;
  }
  .section-heading {
    margin: 10px 0 2px;
    text-align: center;
  }
  .row {
    margin-right: 0px;
    margin-left: 0px;
  }

  hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    /* border-top: 1px solid #eee; */
    clear: both;
    display: block;
  }
  h2.single-h2 {
    border-bottom: 1px solid #b80000;
    padding-bottom: 8px;
    padding-top: 0px;
    font-size: 20px;
  }
  img.com-info-logo {
    width: 100% !important;
    margin: 0 auto;
    text-align: center;
    display: block;
  }
  .post-3 {
    /* margin-bottom: 10px; */
    padding: 10px 0;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 0px;
  }
  .attachment-280x280 {
    box-sizing: border-box;
    width: 100%;
    display: block;
    padding: 10px;
    border: solid 1px #cacaca;
    overflow: auto;
    margin-bottom: 20px;
  }
  .size-full {
    width: 100%;
    height: auto;
  }
}

.size-full {
  /* width: 100%; */
  height: auto;
}

.ser-in-box {
  background-color: #8289a9;
  text-align: center;
  padding: 30px 10px;
  border-radius: 11px;
  margin-bottom: 35px;
  color: #ffffff;
}

h2.ser-h2 {
  color: #fff;
}

img.logo-top {
  background-color: #fff;
  display: block;
  width: 100%;
  height: 120px;
  padding: 0px 20px;
  position: relative;
  z-index: 3;
}

img.logo-top-sp {
  width: 230px;
  padding: 5px;

}

span.top-descrip {
  display: block;
  font-size: 10px;
  font-weight: 100;
  margin-top: 5px;
  color: #b80000;
}

.navbar-header {
  margin: 5px 0;
}

.top-kv-discrip {
  color: #fff;
  margin: 0 auto;
  text-align: center;
  font-size: 19px;
  font-family: serif;
  margin-bottom: 8px;
}

/*#globalNavi*/

#globalNavi .header_mail img.icon-mail {
  width: 19px;
  margin-right: 10px;
  padding-bottom: 2px;
}
#globalNavi .header_mail {
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: #b80000;
  color: #fff;
  padding: 2px 14px;
  letter-spacing: 1.5px;
  font-size: 13.5px;
  font-weight: normal;
  z-index: 9999;
}
#globalNavi .header_mail:hover {opacity: 0.5}
#globalNavi .header_mail a {color: #fff;}
#globalNavi .header_mail a:hover {text-decoration: none;color: #fff!important;}

#globalNavi .menu {
  width: 140px;
}

#globalNavi .menu ul {
  margin: 0;
  padding: 0;
  position: relative;
  height: 70%;
  z-index: 2;
}

#globalNavi .menu ul > li {
  list-style: none;
  padding: 0;
  position: relative;
  width: auto;
  color: #3c3c3c;
  text-align: center;
  font-weight: normal;
  line-height: 47px;
  border-bottom: 1px solid #fff;
  vertical-align: middle;
  background-color: #b80000;
}
#globalNavi .menu ul > li:last-child {border-bottom: none;}
#globalNavi .menu ul > li a {
  color: #fff;
  display: block;
  font-size: 14px;
  letter-spacing: 1px;
  text-decoration: none;
}

#globalNavi .menu ul>li a:hover,#globalNavi .menu ul>li a:hover {color: #ccc!important;}
#globalNavi .menu ul>li a.menu_btn {background: #b80000;color: #ffffff !important;border: 1px solid #b80000;}
#globalNavi .menu ul>li a.menu_btn:hover {background-color: #fff;color: #b80000!important;}
#globalNavi .menu ul>li ul {
  position: absolute;
  top: 40px;
  width: 100%;
  z-index: 100;
}
#globalNavi .menu ul>li ul li {
  display: inline-block;
  white-space: nowrap;
  visibility: hidden;
  overflow: hidden;
  width: 210px;
  height: 0;
  background-color: #fff;
  border-top: 1px solid #114437;
  border-left: 1px solid #114437;
  border-right: 1px solid #114437;
  color: #114437;
  text-align: left;
}
#globalNavi .menu ul>li ul li:last-child {border-bottom: 1px solid #114437;}
#globalNavi .menu ul>li ul li:hover, #globalNavi .menu ul>li ul li a:hover {
  /*background: #114437;*/
}

#globalNavi .menu ul>li:hover ul li, #globalNavi .menu ul>li a:hover ul li {
  visibility: visible;
  overflow: visible;
  height: 40px;
  z-index: 10;
}

#globalNavi .menu .menu_info {
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  background-color: #009043;
  padding: 5px;
  color: #fff;
  z-index: 1;
}

#globalNavi .menu .menu_info .frame_white{
  border: 1px solid #fff;
  display: block;
  padding: 5px;
  overflow: hidden;
}

#globalNavi .menu .menu_info .menu_tel img.icon-0120 {width: 25.77px;margin-right: 5px;}
#globalNavi .menu .menu_info .menu_tel {font-size: 28px;margin-bottom: 5px;letter-spacing: 160%;}
#globalNavi .menu .menu_info .menu_time {font-size: 15px;font-weight: normal;}
#globalNavi .menu .menu_info .menu_time span {font-size: 23px;}

#globalNavi .menu * {
/*  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;*/
}

#globalNavi .menu:hover * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

    /*#globalNavi レスポンシブ*/
      @media (max-height: 499px) {
        img.logo-top {padding: 5px 30px;height: auto;}
        #globalNavi .menu ul > li {line-height: 20px;}
      }
      @media screen and (min-height: 500px) and ( max-height: 599px) {
        img.logo-top {padding: 5px 30px;height: auto;}
        #globalNavi .menu ul > li {line-height: 35px;}
      }

.top-ds {
  font-size: 10px;
  width: 100%;
}

h3 {
  position: relative;
  text-align: center;
  font-weight: 500;
}

img.content-innnar-logo {
  max-width: 360px;
  display: block;
  margin: 0px auto;
  padding: 10px 0;
}

p.top-catch {
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 2em;
}

.foot-h2 {
  padding-top: 10px;
  font-weight: bold;
  font-size: 18px;
  border-bottom: 1px solid #c3c3c3;
  padding-bottom: 4px;
  margin-bottom: 10px;
  font-family: 'Raleway', sans-serif;
}

.innner {
  margin: 0 auto;
  text-align: center;
}

a.link-special {
  font-weight: bold;
  background-color: #f90;
  border-radius: 30px;
  color: #fff;
  padding: 10px 20px;
  margin: 25px auto 10px;
  display: inline-block;
  border: 1px solid #f90;
}

a:hover.link-special {
  font-weight: bold;
  background-color: #fff;
  border-radius: 30px;
  color: #f90;
  padding: 10px 20px;
  margin: 25px auto 10px;
  display: inline-block;
  border: 1px solid #f90;
  text-decoration: none;
}

div#for-doctor img {
  display: block;
  clear: both;
}

div#for-doctor {
  margin-bottom: 20px;
  background-color: #f3f3f3;
  padding: 20px 10px;
  border: 2px solid #ddd;
}

.tgt {
  opacity: 0;
}

.tgt span {
  opacity: 0;
}

span.xs {
  color: #b00;
  font-size: 12px;
  margin-left: 5px;
}
a.login-style {
    display: block;
    width: 70%;
    background-color: #ff8f00;
    border: 3px solid #de7b00;
    text-align: center;
    padding: 20px;
    color: #fff;
    font-size: 18px;
    border-radius: 7px;
    margin: 14px auto;
    font-weight: bold;
}
h4 {
    border-bottom: 1px dotted #888;
    padding: 0px 5px 5px;
    font-weight: bold;
}
a.online {
    background-color: #1d7068;
    border: 1px solid #345e42;
    color: #fff!important;
    width: 130px;
    border-radius: 5px;
}
/*個別投稿*/
#page-defo-single hr {
  margin: 20px 0px;
  padding: 0; 
  border: none;
  height: 4px;
  background-image: url(./img/line-Checkered.png);
}
#page-defo-single .cat_paging dl:last-child {float: left;display: inline-block;}
#page-defo-single .cat_paging dl:first-child {float: right;display: inline-block;}
#page-defo-single .cat_paging .nopost1 {float: right;}
#page-defo-single .cat_paging .nopost2 {float: left;}

#page-defo-single .content-area img {width: 100%;}
#page-defo-single .content-area a {text-decoration: underline;}

/*固定ページ*/
#page-defo h2 {
  font-size: 20px;
  padding: 10px;
  margin-bottom: 20px;
  letter-spacing: 2px;

}
#page-defo h3,#page-defo h4 {
  text-align: left;
  margin-top: 25px;
}

#page-defo a {text-decoration: underline;color: #009043}
#page-defo .su-column {display: inline-block;vertical-align: top;}
#page-defo .su-button {margin: 5px;}

#page-defo ul.dot {
  padding:0 0 0 2em;
  margin:0 0 20px;
  list-style: none;
}
#page-defo ul.dot > li {text-indent: -1em;padding-left: 1em;} 
#page-defo ul.dot > li:before { content: "・";}

/*ごあいさつ*/

img.message_img01 {width: 130px!important;margin-left: 5px;}
p.text-right {vertical-align: bottom;}

h3.widget-title {
    background-color: #009043;
    padding: 5px 10px;
    color: #fff;
    text-align: center!important;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0 0 0px;
    margin-bottom: 5px;
    font-size: 18px;
}

/*霊園紹介*/

img.cemetery_img01 {width: 130px!important;margin-left: 5px;}

/*ブログ*/

.blog_title {font-size: 28px;font-weight: bold;line-height: 150%;}
.blog_img img {width: 100%;margin-bottom: 10px;height: auto;}
.blog_day {font-size: 18px;margin-bottom: 20px;margin-top: 0px;}
.blog-content {font-size: 18px;margin-bottom: 20px;margin-top: 30px;}
img.no-img {border: 1px solid #f1f1f1;}
hr.blog_hr {margin: 30px 0;padding: 0;border: 1px solid #ddd;}
.fa-calendar {margin-right: 4px;}

.cat_paging dl.alignleft {float: left;}
.cat_paging dl.alignright {float: right;}

/*下層コンテンツ*/

.content-area img {width: 100%;}
.content-area section {margin-bottom: 40px;clear: both;}
.content-area h3:before {content: "【";}
.content-area h3:after {content: "】";}
.content-area article {margin-bottom: 20px;}

img.ttl {height: 60px;width: auto;margin: 20px 0 10px;}

/*#section#mailform*/
section#mailform dl {}
section#mailform dt label {background-color: #f1f1f1;padding: 2px 10px;width: 100%;display: inline-block;border-left: 3px solid #009043}
section#mailform dt {padding: 5px 10px ;vertical-align: top;}
section#mailform dd {padding: 0px 10px 20px;vertical-align: top;}
section#mailform button,input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border: 1px solid #ddd;
    padding: 5px 10px;
    width: 100%;
    border-radius: 0;
    background-color: #fff;
}

/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:14px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:10px;
 padding:5px;
 background:#ff0000;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:10px;
 padding:5px;
 background:#ccc;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}

/*チェックボックス指定*/
.wpcf7-list-item-label{
    height: 24px;
    font-size: 15px;
    line-height: 24px;
}

/*確認画面*/
input:-webkit-autofill.wpcf7c-conf {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  border: none !important;
  background: #fff !important; }
  input:-webkit-autofill.wpcf7c-conf:focus {
    border: none !important; }

.wpcf7c-conf {
  background: #fff !important;
  border-color: #fff !important; }
  .wpcf7c-conf:focus {
    border-color: transparent !important; }

    

input.wpcf7c-btn-back, 
input.wpcf7-submit,
input.wpcf7-confirm {
    width: 8em; /* ボタンの横幅:8文字分の大きさ */
	padding:5px 5px 5px 5px;
}
.wpcf7-form p.submit    {text-align: center}    /*送信ボタンを中央揃え*/

/* ------------------------
footerFloatingMenu
------------------------ */
@media (max-width: 767px) {
#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    padding: 10px 0px;
	margin:0px;
	background-color: #B80003;
}

#footerFloatingMenu img {
    max-width: 100%;
		text-align: right;
}
}
@media (min-width: 768px) {
#footerFloatingMenu {
    display: none;
}
}

a:hover img.overwhite{
	cursor:pointer;
	filter: alpha(opacity=60);		  /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;				  /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;			  /* Safari 1.x */
	opacity:0.6;
	zoom:1;
}

/* WordPressメニューのサブメニュー修正 */

/* メインメニューの基本設定 */
.menu ul {
    position: relative;
}

.menu ul li {
    position: relative;
}

/* サブメニューの基本スタイル - より具体的なセレクタで優先度を上げる */
.menu ul li ul,
.menu ul li ul.sub-menu {
    position: absolute !important;
    top: -1px !important; /* 位置を0pxに変更 */
    left: 100% !important; /* 親メニューの右側に表示 */
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 9999;
    
    /* 背景と文字色の修正 */
    background-color: #d32f2f !important; /* 赤い背景色に変更 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    border: none !important; /* コンテナの枠線を削除 */
    margin: 0 !important;
    padding: 0 !important;
}

/* ホバー時にサブメニューを表示 */
.menu ul li:hover > ul,
.menu ul li:hover > ul.sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
}

/* サブメニューのリストアイテム */
.menu ul li ul li,
.menu ul li ul.sub-menu li {
    width: 100% !important;
    display: block !important;
    border: 1px solid #fff !important; /* 全体を白い枠で囲む */
    border-top: none !important; /* 最初の項目以外は上の枠線を削除 */
    background-color: #d32f2f !important; /* 赤い背景を確実に適用 */
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important; /* 親メニューと同じ高さにするため */
    min-height: 47px !important; /* 最小の高さを設定（親メニューと合わせる） */
}

/* 最初の子メニュー項目には上の枠線も付ける */
.menu ul li ul li:first-child,
.menu ul li ul.sub-menu li:first-child {
    border-top: 1px solid #fff !important;
}

.menu ul li ul li:last-child {
    border-bottom: 1px solid #fff !important; /* 最後の項目にも下の枠線を付ける */
}

/* サブメニューのリンクスタイル */
.menu ul li ul li a,
.menu ul li ul.sub-menu li a {
    display: flex !important; /* flexboxで縦中央揃え */
    align-items: center !important; /* 縦中央揃え */
    padding: 12px 16px !important;
    color: #fff !important; /* 文字色を白に */
    text-decoration: none !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    transition: background-color 0.3s ease;
    white-space: nowrap;
    background-color: #d32f2f !important; /* 赤い背景を確実に適用 */
    border: none !important;
    margin: 0 !important;
    height: 47px !important; /* 親メニューと同じ高さに固定 */
    box-sizing: border-box !important;
}

/* サブメニューのホバー効果 */
.menu ul li ul li a:hover,
.menu ul li ul.sub-menu li a:hover {
    background-color: rgba(0, 0, 0, 0.2) !important; /* 赤背景の上に薄い黒を重ねる */
    color: #fff !important;
}

/* 現在のページのサブメニュー項目 */
.menu ul li ul .current-menu-item > a,
.menu ul li ul .current-menu-ancestor > a {
    background-color: rgba(0, 0, 0, 0.3) !important; /* より濃い背景で現在のページを示す */
    color: #fff !important;
}

/* 3階層目のサブメニューがある場合 */
.menu ul ul ul {
    top: 0;
    left: 100%;
}

/* レスポンシブ対応：画面幅が狭い場合 */
@media (max-width: 768px) {
    .menu ul ul {
        position: static;
        opacity: 1;
        visibility: visible;
        left: 0;
        box-shadow: none;
        background-color: rgba(0, 0, 0, 0.1);
    }
    
    .menu ul ul li a {
        padding-left: 30px;
        background-color: rgba(0, 0, 0, 0.1);
    }
}

/* メインメニューのアクティブ状態にも色を適用 */
.menu > ul > li.current-menu-item > a,
.menu > ul > li.current-menu-ancestor > a {
    background-color: #d32f2f;
    color: #fff !important;
}

/* 強制的に白い枠線を適用する追加CSS */
.menu ul li ul li {
    border-color: #fff !important;
    border-bottom-color: #fff !important;
}

.menu ul li ul li a {
    border-color: #fff !important;
}

/* お問い合わせボタン（最後の項目）の下線修正 - 最終版 */
/* 最後のli要素に絶対的な下線 */
.menu ul li:last-child,
.menu ul li ul li:last-child,
.menu ul li ul.sub-menu li:last-child {
    border-bottom: 1px solid #fff !important;
    position: relative !important;
}

/* 最後のaタグの下線を削除 */
.menu ul li:last-child a,
.menu ul li ul li:last-child a,
.menu ul li ul.sub-menu li:last-child a {
    border-bottom: none !important; /* 線を削除 */
    position: relative !important;
}

/* ID指定の線も削除 */
#menu-item-お問い合わせのID {
    border-bottom: 1px solid #fff !important;
}

#menu-item-お問い合わせのID a {
    border-bottom: none !important; /* 線を削除 */
}

/* クラス名指定の線も削除 */
.menu-item-お問い合わせ,
.menu-item-contact {
    border-bottom: 1px solid #fff !important;
}

.menu-item-お問い合わせ a,
.menu-item-contact a {
    border-bottom: none !important; /* 線を削除 */
}

/* --- SPメニュー：子メニューをアコーディオンに --- */

/* 初期状態は子ULを隠す（第二階層以降） */
.pure-drawer .sp-menu li.menu-item-has-children > ul {
  display: none;
}

/* 親項目の右にトグル（＋ / −）を表示するためのボタン */
.pure-drawer .sp-menu li.menu-item-has-children > a {
  position: relative;
  padding-right: 44px; /* トグルボタンのスペース */
}
.pure-drawer .sp-menu .acc-toggle {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 4px;
  font-weight: bold;
  user-select: none;
}

/* 開いている親項目の見た目（任意） */
.pure-drawer .sp-menu li.menu-item-has-children.is-open > a {
  background: rgba(255,255,255,.08);
}

/* 第三階層以降もインデントだけ追加（任意） */
.pure-drawer .sp-menu li li > a { padding-left: 30px; }
.pure-drawer .sp-menu li li li > a { padding-left: 45px; }

/* 大きい見出し文字が折り返し時に重なるのを防ぐ */
:where(.has-large-font-size,
       .has-x-large-font-size,
       .has-xx-large-font-size,
       .has-huge-font-size) {
  line-height: 1.5 !important;   /* 単位なしで指定（フォントサイズに追従） */
}

/* スマホ幅ではさらに余裕を持たせる */
@media (max-width: 600px) {
  :where(.has-large-font-size,
         .has-x-large-font-size,
         .has-xx-large-font-size,
         .has-huge-font-size) {
    line-height: 1.38 !important;
    letter-spacing: 0.01em;       /* ほんの少しだけ詰めを緩める（任意） */
  }
}

/* 見出しタグ側に強いline-heightがあるテーマ向けの保険 */
:where(h1,h2,h3).has-large-font-size,
:where(h1,h2,h3).has-x-large-font-size,
:where(h1,h2,h3).has-xx-large-font-size,
:where(h1,h2,h3).has-huge-font-size {
  line-height: inherit !important;
}