@charset "utf-8";


/* --------------------------------
 * base
 * -------------------------------- */
* {
  box-sizing: border-box;
}

body,
a,
.table {
  color: #444;
}

.navbar-toggler {
 margin-left:-20px;
}

.navbar-box .nav-link { /* メニューの文字色変更 */
  color: #fff !important;
  transition: all 0.5s 0s ease;
}

.navbar-box .nav-link:hover { /* メニューのホバー */
  background-color: #319a74 !important;
  border-radius: 5px !important;
}

.bg-dark { /* メニューの背景色変更 */
  background-color: #127e57 !important;
}

.btn-dark { /* ボタンの背景色変更 */
  background-color: #127e57 !important;
  transition: all 0.5s 0s ease;
  border:none !important;
}

.btn-dark:hover { /* ボタンのホバー */
  background-color: #53b893 !important;
  text-decoration: none;
}

.btn-active {
  background-color: #F8F9FA;
}

.bg-blue,
.thead-blue,
.badge-primary { /* ボックスの背景を青に */
  background-color: #5e80d3 !important;
}

.bg-lightblue {
  background-color: #ecf7fb !important;
}

.bg-pink { /* ボックスの背景をブラウンに */
  background-color: #d27f72 !important;
}

.border-blue { /* トップの罫線 */
  border-color: #ccc !important;
}

.border-top { /* トップの罫線 */
  border-width: 2px !important;
}

.bg-white:hover { /* メールフォーム開くボタンのホバー */
  background-color: #f5d3ce !important;
}

.border-nagare { /* ご依頼の流れボックス */
  border:2px solid #ccc !important;
  padding:20px 20px 10px !important;
}

.border-nagare h2 { /* ご依頼の流れ見出し */
  border-bottom:2px dotted #ccc !important;
  padding-bottom:10px;
}

footer { /* フッターの背景色を変更 */
  background-color: #e6ede9 !important;
}

.footer-logo { /* フッターロゴの大きさ変更 */
width:40% !important;
}

.telnumber a { /* タブレットでの電話番号のリンク色変更 */
 color:#fff !important;
}

/* お知らせ
------------------------------------------------------------*/
.news-container dl {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}

.news-container dt {
  margin-right: 30px;
  float: left;
  font-weight: normal;
}

/* 以下はページネーション用 */
.pagination-container{
	margin-top: 15px;
  margin-bottom: -15px;
}
.pagination-container ul{
	display: flex;	/* 横並び */
    list-style: none;
}

.pagination-container li + li{ margin-left: -1px; }	/* 枠線の太さ調整 */

.pagination-container a{
	display: block;
	border: 1px solid #ccc;
	text-decoration: none;
	background: #fff;
    padding: 5px 10px;
}
.pagination-container .navi-active a{
	font-weight: bold;
	background-color: #ccc;
}
.pagination-container a:hover{
	color: #fff;
	background-color: #127e57 !important;
}

/* テーブルデザイン
------------------------------------------------------------*/
.table-gray {
 width:100%;
}

th {
 width:25% !important;
}

.table-gray tr {
 border-top:1px #ccc solid;
}

.table-gray th {
  background-color: #ebedf2 !important;
  padding:10px;
}

.table-gray td {
  background-color: #fff !important;
  padding:10px;
}

/* フォーム
------------------------------------------------------------*/
.wpcf7{
}

input, textarea{
vertical-align:middle;
line-height:24px;
border:1px solid #ccc;
font-size:100%;
color:#555;
margin-bottom:10px;
}

textarea{
height:auto;
line-height:1.5;
}

.wpcf7-text,
.wpcf7-textarea {
width:700px;
padding:5px;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:5px 40px;
background:#127e57;
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
height:auto;
font-size:110%;
color:#fff;
transition: all 0.5s 0s ease;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background:#53b893;
cursor:pointer;
}

/* --------------------------------------------------
-------------------------------------------------- */

.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}
.bg-lightgreen {
	background-color: #e6ede9;
}
.jumbotron {
	background-image: url('../img/top-image.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 600px;
}
.heading {
	border-left: 6px solid #aaa;
	padding: 0 0 0 10px;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: ">"
}
.footer-copyright {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #f5f5f5;
}
.map iframe {
	width: 100%;
	height: 450px;
}

/* 大デバイス（デスクトップ, 992px 未満）
============================================== */
@media screen and (max-width: 991.98px) {

/*トップの「こんなお悩み～」のところ  */
.topmessage {
 margin-left:-30px !important;
 margin-right:-30px !important;
}

.topmessage h2 {
 font-size: 140% !important;
 font-weight:bold;
}

.topmessage .h4 {
 font-size: 120% !important;
}

.topmessage .h3 {
 font-size: 140% !important;
 font-weight:bold;
}

.works img {
  width: 100%;
}

} /* 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 {
	width: 30% !important;
}

.topimg { /*トップ画像の位置をずらす*/
	margin-top:40px !important;
}

/*トップの「こんなお悩み～」のところ */
.topmessage {
 margin-left:-30px !important;
 margin-right:-30px !important;
}

.topmessage h2 {
 font-size: 140% !important;
 font-weight:bold;
 text-align:center;
 padding-top:10px;
}

.topmessage .h4 {
 font-size: 120% !important;
 text-align:center;
}

.topmessage .h3 {
 font-size: 140% !important;
 font-weight:bold;
 text-align:center;
}

/*トップのお問い合わせ */
.telnumber .h1 {
 font-size: 180% !important;
}
	
/*メールフォーム幅 */	
.wpcf7-text,
.wpcf7-textarea,
input[type="submit"] {
width:100% !important;
}

} /* END */

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

} /* END */

/* 小デバイス（縦向きモバイル, 576px 以上）
============================================== */
@media screen and (min-width: 576px) {
 
 
} /* END */