/*共通設定*/

/*ロゴの大きさ*/
/*.site-header {
 background-color: #000
}*/
.site-header-logo img{
	max-height: 100px;
}

/*フォント変更*/
body {
  font-family: serif;
}


/*header*/
/*ページヘッダーの背景を黒にして文字色を白にする*/
.page-header {
  background-color: #000;
}
h1.page-header-title {
	color: #fff;
}


/*footer*/
/*フッターの色*/
.site-footer {
  background-color: #000;
	color: #fff;
}

/*コピーライトを消す*/
.site-footer-copyright p:nth-child(2) {
  display:none;
}


/*COMPANY*/
/*googlemapモノクロ*/
.googlemap-grayscale iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}


/*SERVICES*/
/*業務フローデザイン*/
.flow_design05 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flow05 {
  padding-left: 0;
}

.flow05 > li {
  list-style-type: none;
  position: relative;
  padding-left: 50px;
}

.flow05 > li:not(:last-child) {
  padding-bottom: 10px;
}

.flow05 > li .icon05 {
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  border-radius: 100vh;
  display: inline-block;
  background: #000000;
  color: #fff;
  position: absolute;
  left: 0;
}

.flow05 > li:not(:last-child)::before {
  content: '';
  background: #c3c3c3;
  width: 4px;
  height: 100%;
  position: absolute;
  top: calc(50% - -30px);
  left: 19px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.flow05 > li dl dt {
  font-size: 1.3em;
  font-weight: 600;
  color: #000000;
}

.flow05 > li dl dd {
  margin-left: 0;
}


/*CONTACT*/
/*必須マーク*/
.must{
	font-size: 0.68em;
	color: #fff;
	margin-right: 10px;
	padding: 3px 5px;
	background: #e8383d;
	
}

/*項目名を太字にする*/
label {
	font-weight: 600;
}

/*入力項目を見やすくする*/
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8; 
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/*項目縦並び*/
span.wpcf7-list-item{
　display:block;
}


/*フッター*/
.breadcrumb-list__item a {
	color: #000;
}

.site-footer a{
	color: #fff;
}

.site-footer a:hover{
	border-bottom: 1px solid #fff;
}