/* @author M.Miura */

@charset "utf-8";

/* *****共通設定***** */

main {
  display: block;
  background-color: #f2f2f2;
}
main .btn {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  font-size: 1.5rem;
}
h1 {
  font-size: 4.5rem;
}

h3 {
  color: #000;
  font-weight: 600;
}
.btn {
  background: #dc0000;
  color: #fff;
}
.gray {
  color: #6c757d;
}
.card {
  border-color: #f2f2f2;
}
.img-thumbnail {
  width: 100%;
  padding: 0.25rem;
  background-color: transparent;
  border: none;
}
.text-auto-margin {
  text-align-last: justify; /* Chrome・Firefox用 */
  text-justify: inter-ideograph; /* IE・Edge用 */
}
/* 画像 */
.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}
/* アイコン用 */
.img-icon {
  display: block;
  height: auto;
  max-width: 10rem;
}
/* リンク文字制御 */
a {
  color: #000000;
}
a:active {
  color: #000000;
}
a:hover {
  color: #000000;
  text-decoration: none;
}
.article-bg-collor {
  background-color: #f2f2f2;
}

/* ヘッダー(navbar) */
.navbar {
  border-bottom: 1px solid #f2f2f2;
  background-color: #f2f2f2;
}
.navbar .navbar-collapse {
  flex-grow: 0;
}
.navbar .navbar-brand {
  height: 50px;
}
.navbar .navbar-brand img {
  height: 100%;
}
.navbar .navbar-nav .active > .nav-link {
  color: #dc0000;
}
.navbar .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #000;
}
.navbar-dark .navbar-nav .nav-link {
  color: #dc0000;
}

/* フッター */
footer {
  position: absolute;
  left: 0;
  width: 100%;
}
#footer {
  background-color: #f2f2f2;
}
#footer .container {
  color: #000;
}
#footer .footer-ttl {
  font-size: 1rem;
  font-weight: bold;
  margin: 1.5rem 0;
  color: #000;
  text-align-last: justify; /* Chrome・Firefox用 */
  text-justify: inter-ideograph; /* IE・Edge用 */
}
#footer .footer-text {
  font-size: 1rem;
  margin: 1.5rem 0;
  border-bottom: 1px solid #dc0000;
  color: #000;
}
#footer #copyright {
  border-top: 1px solid #dc0000;
  background-color: #dc0000;
  color: #000;
}
#copyright br {
  display: none;
}
#footer img {
  width: 360px;
}

/* *****トップページ***** */
/* メイン画像 */
h1 {
  font-weight: bold !important;
  color: #000;
}
#page-top h1 + span {
  font-size: 3rem;
  font-weight: bold;
  color: #000;
  line-height: 110%;
  margin-top: 0.2rem;
  display: block;
}
#page-top .jumbotron-fluid .container {
  height: 100%;
}
#page-top .jumbotron-fluid .btn {
  padding-left: 3rem;
  padding-right: 3rem;
  margin-top: 1.5rem;
  font-weight: bold;
  border-width: 3px;
  border-color: #fff;
}

/* 各セクション */
#page-top section {
  border-bottom: 1px solid #f2f2f2;
  background-color: #f2f2f2;
  padding: 5rem 0;
}
#page-top section:nth-child(odd) {
  background-color: #f2f2f2;
}
#page-top section .container > h2 {
  margin-bottom: 30px;
  font-size: 2.5rem;
}
#page-top section .container > h2 + p {
  max-width: 700px;
  margin: 0 auto 50px;
}
#sec1 h3 {
  font-size: 1.4rem;
}

#sec2 {
  line-height: 180%;
}
#sec2 .row {
  min-height: 160px;
  color: #f2f2f2;
}
#sec4 .card-body .clearfix p,
#sec4 .card-body .clearfix h3 {
  margin-left: 115px;
  line-height: 130%;
}
#sec4 .card-body .card-title {
  margin-bottom: 5px;
  color: #000;
}
#sec4 .card-body .card-subtitle {
  font-size: 0.9rem;
  margin-bottom: 5px;
  color: #000;
}
#sec4 img {
  width: 100%;
}
#sec4 .btn {
  width: 100%;
  background-color: #000;
  border: none;
  padding: 1rem 0;
}

#sec5 article > .row {
  border: 1px solid #000;
}
#sec5 > div:nth-child(1) img {
  width: 100%;
}
/*#sec4 > div:nth-child(2){
    margin-left: 220px;
}*/
#sec5 h3 {
  margin-bottom: 0.1rem;
}
#sec5 article > div div header {
  padding: 10px;
}

/* *****下層ページ***** */

#breadcrumb-wrapper,
.breadcrumb {
  font-size: 0.9rem;
  background-color: #f2f2f2;
}
.breadcrumb a {
  color: #dc0000;
}
.breadcrumb a:hover,
.breadcrumb a:focus {
  color: #dc0000;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  padding-right: 1rem;
  color: #dc0000;
}
.breadcrumb-item.active {
  color: #dc0000;
}
h1.page-ttl {
  font-size: 2rem;
}
#page h1 + span {
  font-size: 1.5rem;
  font-weight: bold;
  color: #dc0000;
  line-height: 110%;
  margin-top: 0.2rem;
  display: block;
}

#page article {
  padding: 5rem 0;
}

#page section {
  padding-bottom: 5rem;
}
#page section:last-child {
  padding-bottom: 0rem;
}

#page h1 + small {
  font-size: 1.5rem;
  color: #020202;
  line-height: 110%;
  margin-top: 0.2rem;
}
#page .jumbotron .container {
  padding: 0;
}
#page .jumbotron .container p {
  margin-bottom: 0;
}
#page h2 + p {
  margin: 0 0 1.2rem;
}
#page main img {
  max-width: 100%;
}
#page .sample-title {
  display: flex;
  align-items: center;
  text-align: center;
}

#page .sample-title::after {
  border-top: 3px dotted;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
  margin-left: 0.5em;
}
#page .sample-title span {
  background-color: #dc0000;
}
#page .sample-subtitle {
  font-size: 1.5rem;
  font-weight: bold;
  color: #dc0000;
}

/* *****フォーム***** */

.form1 label {
  font-weight: bold;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
.form1 input,
.form1 textarea,
.form1 select {
  max-width: 768px;
}
.form1 .form-group {
  margin-bottom: 2rem;
}

/* ***** google map ***** */
.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}