/*
 Theme Name:   wp-one-child
 Template:     wp-one
 Version: 1.5.9
*/

/* global_nav
----------------------------------------------------------------*/
/* グローバルのテキストの色を変更 */
/* ドロワーメニューの色を変更 */
.drawer-menu li a:hover {
  background-color: transparent;
  color: #fff;
}

/* sp tel  */
.global__phone {
  border: none;
  background: #408040;
  color: #fff;
  transition: 0.3s ease all;
}

.global__phone:hover {
  border: solid 1px #408040;
  background: #fff;
  color: #408040;
}

.global__phone:hover a {
  color: #408040;
}

.global__phone a {
  display: block;
  color: #fff;
}

.global__items > li a:hover {
  color: #fff;
}

/* 固定時 */

.fixed .global__items > li a {
  color: #1c1c1c;
}
.fixed .global__items > li a:hover {
  color: #408040;
}
.fixed .global__items > li a:hover:before {
  background-color: #408040;
}

@media print, screen and (min-width: 977px) {
  /*====================================================================/
	/*-------------------小さいPCスタイル----------------
	/====================================================================*/
  .global__items > li a:before {
    background: #408040;
  }
  .global__items > li a:hover {
    color: #408040;
  }
}

/* 工事経歴部分 */
#ch_tb {
  padding-top: 112px;
  padding-top: 7rem;
  margin-top: -112px;
  margin-top: -7rem;
}

/* first キャッチコピー
--------------------------------------------------------------------*/

/* loader */
@-webkit-keyframes f_fadeG {
  0% {
    background-color: #65532e;
  }
  100% {
    background-color: #fff;
  }
}

@keyframes f_fadeG {
  0% {
    background-color: #65532e;
  }
  100% {
    background-color: #fff;
  }
}

/* キャッチコピー背景にwidth100%で背景を入れる場合 */
.first .l-cont {
  padding: 0;
  max-width: none;
}

/* テキスト */
/* 色はtopanimation.js内も要調整 */

/* 背景 */
.move-back {
  top: calc(50% - 14rem);
  padding: 4rem 0;
  color: #65532e;
}
.move-wrap {
  background: none;
  padding: 48px 80px;
  padding: 3rem 5rem;
  display: inline-block;
}

/* キャッチコピー1行目 */
#move-01 {
  font-size: calc(0.8rem + 20 * (100vw - 320px) / 680);
  padding-bottom: 5px;
  font-weight: bold;
}

/* キャッチコピー2行目 */
#move-02 {
  font-size: calc(2rem + 10 * (100vw - 320px) / 680);
  padding-bottom: 5px;
  font-weight: bold;
}

@media screen and (max-width: 560px) {
  .move-back {
    top: calc(60% - 14rem);
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
  }
  .move-wrap {
    padding: 1.5rem 4%;
  }
  #move-01 {
    font-size: calc(1.4rem + 20 * (100vw - 320px) / 697);
  }
  #move-02 {
    font-size: calc(1.2rem + 20 * (100vw - 320px) / 697);
  }
}

.scrolldown a:hover,
.scrolldown a:hover span,
.scrolldown a:hover span:before {
  color: #65532e !important;
  border-color:#65532e !important;
}

@media print, screen and (min-width: 1257px) {
  .scrolldown a:hover span,
  .scrolldown a:hover span:before {
    color: #65532e;
    border-color:#65532e !important;
  }
  .scrolldown a:hover span:before {
    background-color: #65532e;
  }
}

/* top-cont01 事業内容 
--------------------------------------------------------------------*/

.top-cont01 .c-box:not(:last-child) {
  margin-bottom: 60px;
  margin-bottom: 6rem;
}
.top-cont01 .c-box__tit {
  position: relative;
  border-bottom: 1px solid #a18650;
  padding-bottom: 10px;
  margin-bottom: 30px;
  text-align: center;
}
.top-cont01 .c-box__tit::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 160px;
  height: inherit;
  border-bottom: 1px solid #65532e;
}

/* top-cont02
--------------------------------------------------------------------*/

.top-cont02 .c-box__tit {
  text-align: center;
}

/* スライダーボタン */
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  position: relative;
  bottom: -30px;
  left: 0;
  width: 100%;
}
.swiper-button-next,
.swiper-button-prev {
  top: auto;
  bottom: 0px;
}

@media screen and (max-width: 560px) {
  .swiper-button-next,
  .swiper-button-prev {
    bottom: -18px;
  }
}

.swiper-container {
  padding-right: 0;
  padding-left: 0;
}
.swiper-slide:last-child {
  margin-right: 0;
}

/* top-cont03 会社案内
--------------------------------------------------------------------*/

.company-cont {
  background: none;
}

/* 見出し背景、文字 */
h3.table__tit {
  color: #fff;
  background: #65532e;
}
.ch_tb h3.table__tit {
  position: relative;
  margin-bottom: 3rem;
  padding-bottom: 0.4rem;
  font-size: calc(1.8rem + 18 * (100vw - 320px) / 680);
  font-weight: 400;
  color: #1c1c1c;
  letter-spacing: 3px;
  text-align: center;
  background: none;
  line-height: 90%;
}
.ch_tb h3.table__tit span {
  font-family: "Oswald", sans-serif !important;
  letter-spacing: 1px;
  font-size: 0.5em;
  font-weight: 300;
}
.ch_tb h3.table__tit::after {
  content: "";
  background: #408040;
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 8rem;
  left: calc(50% - 4rem);
}
@media print, screen and (min-width: 1257px) {
  .ch_tb h3.table__tit {
    margin-bottom: 5rem;
    font-size: 3.6rem;
  }
}

@media screen and (max-width: 976px) {
  .pic-img {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* top-cont04 新着情報
--------------------------------------------------------------------*/

.top-cont04__news {
  background: #65532e;
}
/* 新着背景 */
.feed-box--news {
  background: #65532e;
}

/* ブログがあった場合 */
.feed-box--blog {
  background: #65532e;
}
@media print, screen and (min-width: 977px) {
  .top-cont04__half {
    background: linear-gradient(90deg, #65532e 49.99%, #65532e 49.99%);
  }
}

/* top-cont05 お問い合わせ
--------------------------------------------------------------------*/

/* バナーがあった場合
--------------------------------------------------------------------*/

.common-banner__list {
  justify-content: center;
}

@media print, screen and (min-width: 561px) {
  .common-banner__list > *:not(:nth-child(4n)) {
    margin-left: 2.08%;
  }
}

/* トップへ戻るボタンの色を変更
--------------------------------------------------------------------*/
#pagetop a {
  border-bottom-color: #65532e;
}

#pagetop a:hover {
  border-bottom-color: #a18650;
}
.footer__copy {
  background: #65532e;
}

/* page-contact.php フォームページ
--------------------------------------------------------------------*/

/*お問合せ電話番号*/
.contact-flex .txt p {
  margin-bottom: 0;
}
.contact-flex .c-box p {
  padding-bottom: 0;
}
.contact-flex .contact__tel {
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

/*確認ボタン、戻るボタン*/
[class="sub-btn"] {
  border-color: #408040;
  background: #408040;
  color: #fff;
}

[class="sub-btn"]:hover {
  border: 1px solid #5ea95e;
  background: #5ea95e;
  color: #fff;
}

input[class="back-btn"] {
  border-color: #408040;
  background: #fff;
  color: #408040;
}

input[class="back-btn"]:hover {
  border: 1px solid #5ea95e;
  background: #5ea95e;
  color: #fff;
}

/* works.php
--------------------------------------------------------------------*/
.works-list .btn--arrow {
  border-color: #408040;
  background-color: #408040;
  color: #fff;
}
.works-list .btn--arrow:hover {
  border-color: #408040;
  background-color: #408040;
  color: #fff;
}
.works-list a:hover .btn--arrow {
  border-color: #5ea95e;
  background-color: #5ea95e;
}
.c-page_next_prev a:hover {
  color: #5ea95e;
}

/* 共通部分
--------------------------------------------------------------------*/

/*--------------------------------------------------------------------/
	breadcrumb__list
/--------------------------------------------------------------------*/
.breadcrumb__list a {
  color: #1c1c1c;
}

.breadcrumb__list a:hover {
  color: #5ea95e;
}

.cont__inner .breadcrumb__list a,
.works .breadcrumb__list a {
  color: #fff;
}

.cont__inner .breadcrumb__list a:hover,
.works .breadcrumb__list a:hover {
  color: #5ea95e;
}

/* top-cont01, top-cont02 画像背景*/
.c-box__img {
  background: none;
}

/* 見出し 下線 */
.cont__tit {
  position: relative;
  padding-bottom: 1rem;
}
.cont__tit::after {
  content: "";
  background: #408040;
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 8rem;
  left: calc(50% - 4rem);
}
.tit-02.cont__tit::after,
.tit-05.cont__tit::after {
  background: #fff;
}

/* 見出し 文字色 */
.cont__tit span {
  color: inherit;
}

/*ボタン色*/
.btn--main {
  border-color: #408040;
  background-color: #408040;
  color: #fff;
}
.btn--main:hover {
  border-color: #5ea95e;
  background-color: #5ea95e;
  color: #fff;
}