@charset "utf-8";

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

body {
    padding-top: 70px;
}

main {
    display: block;
    /* background-color: #fbfbf2;*/
}

main .btn {
    /*padding-left: 2.5rem;
    padding-right: 2.5rem;*/
    font-size: 1.5rem;
}

h1 {
    font-size: 1.8rem;
}

h2,
h3 {
    color: #333;
    font-size: 1.5rem;

}

.gray {
    color: #6c757d;
}

.card {
    /*border-color: #e0c7b2;*/
}

.img-thumbnail {
    width: 100%;
    padding: .25rem;
    background-color: transparent;
    border: none;
}

.m30{
margin-bottom: 5rem!important;
}

/* ヘッダー(navbar) */
.navbar {
    border-bottom: 4px solid #00B379;
    background-color: #fff;
}

.navbar .navbar-collapse {
    flex-grow: 0;
}

.navbar .navbar-brand {
    height: 50px;
}

.navbar .navbar-brand img {
    height: 100%;
}

.navbar-nav a {
    position: relative;
    display: inline-block;
    text-decoration: none;
}

.navbar-nav a::after {
    position: absolute;
    bottom: -6px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #333;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.navbar-nav a:hover::after {
    bottom: -2px;
    opacity: 1;
    visibility: visible;
}

.nav-itemactive {
    color: #000 !important;
    /*text-decoration: underline;
    text-underline-offset: 14px;*/
}


.navbar .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgb(0, 0, 0);
}



/* フッター */
#footer {
    background-color: #00B379;
}

#footer .container {
    color: #fff;
}

#footer .footer-ttl {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 1.5rem 0;
    color: #fff;
}

#footer address p,
#footer #footer-news li {
    margin-bottom: 0.5rem;
}

#footer #footer-news ul {
    margin: 0;
    padding: 0
}

#footer #footer-news ul {
    list-style: none;
}

#footer #footer-news li span {
    display: inline-block;
    margin-right: 0.5rem;
}

#footer #copyright {
    background-color: #00B379;
    color: #fff;
}

#footer img {
    width: 360px;
}

/* *****トップページ***** */
/* メイン画像 */
h1 {
    font-weight: bold !important;
    color: #333;
    padding-bottom: 1rem;
}

#page-top h1+span {
    font-size: 1.2rem;
    color: #333;
    line-height: 150%;
    margin-top: 0.2rem;
    display: block;
}

#page-top .jumbotron-fluid {
    background: url("../img/top-main.jpg");
    background-size: cover;
    background-position: center top;
    position: relative;
    height: 540px;
    padding-top: 7rem;
    margin: auto;

}

#page-top .jumbotron-fluid .container {
    max-width: 100%;
    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;
    background-color: #f80;
}

.mainvd {
    background-color: rgba(255, 255, 255, 0.8);
    /*margin: 4rem 0rem 2rem 4rem;*/
    padding: 6rem 2rem;
    max-width: 70%;
}

/* 各セクション */
#page-top section {
    /*border-bottom: 1px solid #69EB9D;*/
    background-color: #ffffff;
    padding: 5rem 0;
}

#page-top section:nth-child(odd) {
    background-color: #f2f2f2;
}

#page-top section .container>h2 {
    font-size: 2.6rem;
    font-weight: 700;
}

/*#page-top section .container>h2+p {
    max-width: 700px;
    margin: 0 auto 50px;
    color: #00B379;
    font-weight: 600 !important;
}*/

#sec1 h3 {
    font-size: 1.4rem;
}

#sec2 {
    line-height: 180%;
}

#sec2 .row {
    min-height: 160px;
    color: #2f2f2f;
}

#sec2 .servicebtn {
    position: relative;
    display: inline-block;
    padding: 0.3em 0.5em;
    background-color: #ffae00;
    border: 2px solid #ffae00;
    color: #fff;
    text-align: center;
    text-decoration: none;
    width: 100%;
    margin-top: 3rem;
}

#sec2 .servicebtn::before,
#sec2 .servicebtn::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #fff;
}
#sec2 .servicebtn::after {
  opacity: 0;
  right: 1em;
}
#sec2 .servicebtn:hover::before {
  animation: arrowbefore .5s;
}
#sec2 .servicebtn:hover::after {
  animation: arrowafter .5s;
}
@keyframes arrowbefore {
  100% {
    right: -.4em;
    opacity: 0;
  }
}
@keyframes arrowafter {
  99% {
    right: .2em;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

#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: #401f0f;
}

#sec4 .card-body .card-subtitle {
    font-size: 0.9rem;
    margin-bottom: 5px;
    color: #968075;
}

#sec4 img {
    width: 100%;
}

.btn {
    width: 50%;
    background-color: #ffae00;
    border: none;
    padding: 1rem 0;
}

#sec5 article>.row {
    border: 1px solid #dddddd;
}

#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{
    border-bottom: 1px solid #a29080;
}*/
#breadcrumb-wrapper,
.breadcrumb {
    font-size: 0.9rem;
    background-color: #fff;
}

.breadcrumb a {
    color: rgba(3, 3, 3, 1);
}

.breadcrumb a:hover,
.breadcrumb a:focus {
    color: rgba(3, 3, 3, 1);
}

.breadcrumb-item+.breadcrumb-item::before {
    content: ">";
    padding-right: 1rem;
    color: rgba(3, 3, 3, .5);
}

.breadcrumb-item.active {
    color: #333;
}

h1.page-ttl {
    font-size: 2rem;
    text-align: center;
}

#page h1+span {
    font-size: 1.5rem;
    font-weight: bold;
    color: #ffffff;
    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: #ffffff;
    line-height: 110%;
    margin-top: 0.2rem;
}

/*#page .jumbotron{
    background-color: #f1efff;
    border-bottom: #dddddd;
    background: url("../img/top-main.jpg") no-repeat center center;
    background-size:cover;
    border-radius: initial;
}*/
#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: #fbfbf2;
}

#page .sample-subtitle {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    margin-top: 5rem;
}

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

.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;
}