@charset "utf-8";
.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}
header {
	background: rgb(67 104 129);
}
.bg-lightgreen {
	background-color: #e6ede9;
}
.pato48 {
	padding-top: 48px;
	padding-bottom: 28px;
}
.maxauto {
    margin-left: auto;
    margin-right: auto;
}
.jumbotron {
	background-image: url('../img/sky.jpg');
	background-image: url('../img/top-image.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 72%;
	height: 400px;
}
.jumbotron2 {
	background-image: url('../img/top-image2.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 72%;
	height: 400px;
}

.shadow-g {
    color: #fff;
    text-shadow: #a6a6a6 1px 2px 5px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    filter: drop-shadow(0 0 2px black);
}
.lead {
    font-size: 1.25rem;
    font-weight: 300;
    color: #fff;
    text-shadow: #b0b0b0 1px 2px 5px;
    font-weight: 600;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    filter: drop-shadow(0 0 2px black);
}
.heading {
	border-left: 6px solid #aaa;
	padding: 0 0 0 10px;
}
h3.top-b {
	border-bottom: 3px solid #aaa;
	padding: 0 0 0 10px;
}
.topp-b {
	border-top: 1px solid #aaa;
	padding-top: 1em;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: ">"
}
.ple-no{
    padding-left: 0;
    font-size: .9rem;
    line-height: 2.6em;
}
.ple-no h1 {
    font-size: 2rem;
    letter-spacing: .3em;
}
.footer-copyright {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #f5f5f5;
}
.map iframe {
	width: 100%;
	height: 250px;
}
.black-w {
    padding: 0.5rem 1rem;
    line-height: 1.5;
    border-radius: 0.3rem;
    border: 1px solid;
    text-align: center;
}
.w-100 {
    width: 100%!important;
/*    height: 13vw;*/
 /*   flex-basis: 100%;*/
	object-fit: cover;
	height: 275px;
}
.table-bordered td {
    text-align: left;
}
/* modal */
.wrapper {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
/*     height: 100vh;*/
}
img {
     max-width: 100%;
}
.wrapper img {
     width: 200px;
     object-fit: contain;
     cursor: pointer;
}

/* modal */

.modal-wrapper {
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     background: rgba(0,0,0,0.5);
     pointer-events: none;
     opacity: 0;
     transition: 0.25s ease-out;
}

.modal-wrapper.show {
     opacity: 1;
     pointer-events: all;
}

.modal-image {
     position: absolute;
     max-width: 80%;
     max-height: 80%;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     object-fit: cover;
     opacity: 0;
     transition: 0.5s ease-out;
}

.modal-image.show {
     opacity: 1;
}
html { scroll-behavior: smooth;}
ul.button {
    list-style: none;
    justify-content: center;
    display: flex;
    width: 100%;
}
ul.button li {
    display: inline-block;
    width: 33%;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
    justify-content: center;
}
/* ボタンのスタイル */
a.btn2  {
  position: relative;
  display: block;
  width: 85%;
  padding: 15px 0;
  background-color: #8e8caf;
  border-radius: 8px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
}

/* アイコンのスタイル */
a.btn-arrow-bottomp::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 27px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-2px) rotate(135deg);
  box-sizing: border-box;
}
.sp {
	display:none;
}
.pc {
	display:block;
}
figcaption.caption-center{
	position: absolute;
    bottom: 0;
    background: #fff;
    left: 50%;
    font-size: .9em;
    transform: translate(-50%, -10%);
    -webkit-transform: translate(-50%, -10%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    }
/* 大デバイス（デスクトップ, 992px 未満）
============================================== */
@media screen and (max-width: 991.98px) {
.footer-logo {
	width: 100%;
}
ul.button li {
    display: inline-block;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    padding-inline-start: 0;
}
ul.button {
    padding-inline-start: 0;
}

 header .container,.bg-light.py-2.pt-5 .container {
    max-width: 100%;
}
.pato48 {
    padding-top: 1em;
    padding-bottom: 0.5em;
}
a.btn2 {
    width: auto;
    text-align: left;
    text-indent: 1em;
}
} /* END */

/* 中デバイス（タブレット, 768px 未満）
============================================== */
@media screen and (max-width: 767.98px) {
.gnav-item {
	display: block;
	width: 100%;
	border: none;
}
.gnav-item+ .gnav-item {
	border: none;
}
table th, table td {
	padding: .25rem !important;
}
table th:first-child {
	width: 25%;
	text-align: left;
}
.h1, h1 {
    font-size: 2rem;
}
.lead {
    font-size: 1.1rem;
}
a.btn-arrow-bottomp::after {
    right: 14px;
}
.sp {
	display:block;
}
.pc {
	display:none;
}
#company .col-lg-12 {
	padding-right: 5px;
    padding-left: 5px;
}
} /* END */

/* 小デバイス（縦向きモバイル, 576px 以上 デスクトップ, 992px 未満）
============================================== */
@media screen and (min-width: 576px) and (max-width: 991.98px) {
 #sec2  {
     height: 500px;
 } 
} /* END */

/* 小デバイス（縦向きモバイル, 576px 以上）
============================================== */
@media screen and (min-width: 576px) {
 #sec2 .message {
    position: absolute;
     left: 0;
 }

} 
@media screen and (max-width: 516px) {
a.btn2 {
    padding-bottom: 3em;
    text-align: center;
    text-indent: 0;
}
a.btn-arrow-bottomp::after {
	right: 45%;
	top: 2em;
}
}
/* END */