@charset "UTF-8";
body {
  font-size: 14px;
  position: relative; }

.main_inner {
  transition: all 0.4s ease-in-out;
  /* opacity: 0; */
  /* margin-top: -100px;  */
}
@media screen and (max-width: 760px) {
  .main_inner {
    /* margin-top: -50px;  */
  }
  }
.main_inner.arrive {
  opacity: 1;
  margin: 0; }
.main_inner.remove {
  opacity: 0;
  margin-top: -100px; }
@media screen and (max-width: 760px) {
  .main_inner.remove {
    margin-top: -50px; } }

a, a:hover {
  transition: all 0.3s ease-in-out; }

a {
  display: inline-block; }

a:hover {
  opacity: 0.5; }

.inner {
  max-width: 1024px;
  padding: 0 20px;
  margin: 0 auto;
  position: relative; }
@media screen and (max-width: 760px) {
  .inner {
    width: 100%;
    padding: 0 20px; } }

.table {
  display: table; }

.tr {
  display: table-row; }

.th, .td {
  display: table-cell; }

.text {
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.15em; }
.text p{
  margin-bottom: 20px;
}
.red {
  color: #72c02c;
  }

.gray {
  color: #9B9B9B; }

.white {
  color: #FFF; }

.bg_gray {
  background: #F4F4F4; }

.content_pd {
  padding: 50px 0; }
@media screen and (max-width: 760px) {
  .content_pd {
    padding: 25px 0; } }

.content_mg {
  margin: 60px 0; }
@media screen and (max-width: 760px) {
  .content_mg {
    margin: 30px 0; } }

/*------------------------------------------------------------------
btn
------------------------------------------------------------------*/
.btn {
  padding: 8px 30px;
  position: relative;
  border: 2px solid;
  text-align: center; }
.btn:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 14px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform: rotate(45deg);
  transition: all 0.3s ease-in-out; }

.btn:hover {
  opacity: 1;
  border-color: #72c02c;
  background: #72c02c;
  color: #FFF; }
.btn:hover:after {
  border-color: #FFF; }

/*------------------------------------------------------------------
title text
------------------------------------------------------------------*/
.content_title h2, .content_title span {
  display: inline-block; }
.content_title span {
  padding-left: 15px;
  color: #757575;
  letter-spacing: 0.5em; }
@media screen and (max-width: 760px) {
  .content_title span {
    font-size: 12px;
    padding-left: 2px;
    width: 100%; } }

/*------------------------------------------------------------------
パンクズ
------------------------------------------------------------------*/
.breadcrumb {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  font-size: 10px; }
.breadcrumb .page_title_crumbList li {
  display: inline-block;
  padding-right: 20px;
  position: relative; }
.breadcrumb .page_title_crumbList li:after {
  content: "";
  position: absolute;
  right: 9px;
  top: 7px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #9B9B9B;
  border-right: 1px solid #9B9B9B;
  transform: rotate(45deg);
  transition: all 0.3s ease-in-out; }
.breadcrumb .page_title_crumbList li:last-child:after {
  display: none; }
.breadcrumb .page_title_crumbList li a span {
  color: #333; }
.breadcrumb .page_title_crumbList li span {
  color: #9B9B9B; }

/*------------------------------------------------------------------
content
------------------------------------------------------------------*/
.no_contentText {
  display: inline-block;
  width: 100%;
  text-align: center; }

.page_content_title {
  padding: 50px 0;
  border-bottom: 1px solid #eee; }
@media screen and (max-width: 760px) {
  .page_content_title {
    padding: 35px 0; } }
.page_content_title h1, .page_content_title span {
  display: inline-block; }
.page_content_title h1 {
  font-size: 34px;
  color: #72c02c;
  font-weight: bold; }
@media screen and (max-width: 760px) {
  .page_content_title h1 {
    font-size: 28px; } }
.page_content_title span {
  padding-left: 20px;
  color: #757575;
  letter-spacing: 0.4em;
  font-size: 18px; }
@media screen and (max-width: 760px) {
  .page_content_title span {
    font-size: 14px;
    padding-left: 10px; } }

.text_border {
  padding: 0 10px;
  position: relative; }
.text_border:after {
  content: "";
  position: absolute;
  left: 1.5px;
  top: 10px;
  width: 15px;
  height: 1px;
  background: #9B9B9B;
  transform: rotate(125deg); }

.news_tag_icon {
  padding: 3px 12px;
  background: #333;
  color: #FFF;
  margin-left: 12px;
  font-size: 12px; }
@media screen and (max-width: 760px) {
  .news_tag_icon {
    margin-left: 5px; }
    .company_map iframe{
      width: 100%;
    }
  }
.low{
  padding: 0 0 100px;
  margin: 40px 0 0;
}