@charset "UTF-8";
/*
placeholder color
@include placeholderColor(#c4c4c4);
 */
/* ##################################################

全ページ共通部分設定
・全体のレイアウトやヘッダー、フッター等の基幹パーツ

--------------------------------------------------

■basic layout
	- サイト幅
■header
■gnav
■main contents
■footer
■PAGE TOP

################################################## */
/* ==================================================
	■basic layout
================================================== */
#wrapper {
  position: relative;
  min-width: 1000px;
  color: #8b8b8b;
  font-size: 14px;
  overflow-x: hidden;
}

/* サイト幅
-------------------------------------------------- */
.site-wrap {
  box-sizing: border-box;
  position: relative;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  .site-wrap {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
  }
}
/* ========== end △ */
/* ==================================================
	■header
================================================== */
#seo-txt {
  margin-bottom: 13px;
  color: #ababab;
  font-size: 11px;
  font-weight: normal;
}

#header {
  margin-bottom: 20px;
}

#hinfo {
  margin-bottom: 8px;
}
#hinfo .time-info {
  font-size: 13px;
  text-align: right;
}
#hinfo .time-info .tel {
  padding-right: 9px;
  background: url(../common_img/ico-tel.png) 7px 50%/auto 22px no-repeat;
  color: #52811a;
  font-family: 'Roboto', sans-serif;
  font-size: 26px;
  font-weight: bold;
  text-decoration: none;
}
#hinfo .contact-btn {
  margin-left: 17px;
}
#hinfo .contact-btn a {
  box-sizing: border-box;
  display: block;
  width: 220px;
  padding: 20px 0 20px 30px;
  border-radius: 0 0 5px 5px;
  background: url(../common_img/ico-mail.png) 48px 50%/auto 14px no-repeat #52811a;
  color: #FFF;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease;
}
#hinfo .contact-btn a:hover {
  background-color: #adb91b;
}

#hlogo {
  width: 260px;
}

/* ==================================================
	■gnav
================================================== */
/* gnav本体
-------------------------------------------------- */
#gnav > ul > li::after, #gnav > ul > li:first-of-type::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: calc(50% - 10px);
  width: 1px;
  height: 20px;
  background-color: #d9d9d9;
}

#gnav {
  width: 707px;
}
#gnav > ul {
  display: table;
  width: 100%;
}
#gnav > ul > li {
  display: table-cell;
  position: relative;
  flex: 1;
  padding: 0 20px;
  text-align: center;
}
#gnav > ul > li::after {
  right: 0;
}
#gnav > ul > li:first-of-type {
  margin-left: 0;
}
#gnav > ul > li:first-of-type::before {
  left: 0;
}
#gnav > ul > li > a {
  box-sizing: border-box;
  position: relative;
  color: #000;
  font-size: 15px;
  text-decoration: none;
  transition: all 0.2s ease;
  text-align: center;
}
#gnav > ul > li > a span {
  display: block;
  color: #002f7b;
  font-size: 12px;
  transition: all 0.2s ease;
}
#gnav > ul > li > a:hover {
  color: #52811a;
}

/* ==================================================
	■main contents
================================================== */
#main-content-wrap {
  margin-bottom: 100px;
}

/* ==================================================
	■footer
================================================== */
/* footer contact
-------------------------------------------------- */
#f-contact {
  box-sizing: border-box;
  height: 200px;
  padding-top: 60px;
  background: url(../common_img/cmn-contact-bg.jpg) 50% 0 no-repeat;
}
#f-contact .site-wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
#f-contact .info .tel {
  padding-left: 48px;
  background: url(../common_img/ico-tel.png) 0 50%/auto 33px no-repeat;
  color: #52811a;
  font-family: 'Roboto', sans-serif;
  font-size: 38px;
  font-weight: bold;
  text-decoration: none;
}
#f-contact .info .time {
  padding-left: 48px;
}
#f-contact .contact-btn {
  width: 290px;
  margin-left: 65px;
}
#f-contact .contact-btn a {
  box-sizing: border-box;
  display: block;
  padding: 25px 0 25px 30px;
  border-radius: 5px;
  background: url(../common_img/ico-mail.png) 48px 50%/auto 14px no-repeat #52811a;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease;
}
#f-contact .contact-btn a:hover {
  background-color: #adb91b;
}

/* footer
-------------------------------------------------- */
#footer {
  padding: 60px 0 50px;
  background-color: #323232;
  color: #b0b0b0;
}
#footer #flogo {
  margin-bottom: 35px;
}
#footer .finfo-num {
  display: inline-block;
  margin-top: 10px;
  padding-left: 30px;
  font-size: 17px;
  font-weight: bold;
  line-height: 30px;
}
#footer .finfo-num.tel {
  margin-right: 20px;
  background: url(../common_img/ico-tel-cir.png) 0 50%/auto 25px no-repeat;
}
#footer .finfo-num.fax {
  background: url(../common_img/ico-fax-cir.png) 0 50%/auto 25px no-repeat;
}

#fnav a {
  color: inherit;
  font-size: 13px;
  text-decoration: none;
}
#fnav a:hover {
  text-decoration: underline;
}
#fnav ul {
  margin-left: 65px;
}
#fnav ul li {
  margin-bottom: 15px;
}

/* ==================================================
	■PAGE TOP
================================================== */
#pagetop_btn_f {
  display: none;
  position: fixed;
  z-index: 10;
  right: 5%;
  bottom: 8%;
}
#pagetop_btn_f a {
  display: block;
  padding-top: 55px;
  background: url(../common_img/pagetop-ico_off.png) 50% 0 no-repeat;
  color: #adb91b;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
#pagetop_btn_f a:hover {
  background-image: url(../common_img/pagetop-ico_on.png);
  color: #ff9018;
}