/*
Theme Name: uwakinosoudan
Theme URI: https://office-detective.com/
Template: lightning
Description: uwakinosoudan.com専用のlightning子テーマです。
Author: k.yoshisue
Tags: 
Version: 0.5.1
*/

@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&display=swap');
body,html { font-family: 'Helvetica Neue', 'Arial', 'sans-serif', 'BIZ UDGothic','Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック' ; letter-spacing:0.1rem; line-height:1.5rem; }

img[src*=’.svg’] { width: 100%; height: auto; }
.service_Blocks .service_item a { text-decoration: none; }
.service_item_icon_outer { display: block; position: relative; margin: 0 auto; width: 150px; height: 150px; border-radius: 50%; background-color: #0693e3; border: solid 1px #000000; }
.service_item_icon_outer svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 50%; fill: #fff;}
.service_Blocks .service_item_title { color:#000000!important; background-color: transparent; margin-top: .9em; margin-bottom: .6em; text-align: center; font-size: 21px; line-height: 1.4em; border: none; border-radius: unset; padding: 0; outline: unset; outline-offset: unset; -webkit-box-shadow: unset; box-shadow: unset; color: inherit; display: block; }

#foundation { color:#fff; fill: #fff; }
#asbestos-survey { color:#fff; fill: #fff; }
#exterior-improvement { color:#fff; fill: #fff; }
#civil-engineeringsite-preparation { color:#fff; fill: #fff; }
#construction { color:#fff; fill: #fff; }
#design-planning { color:#fff; fill: #fff; }
#concrete-pump-truck { color:#fff; fill: #fff; }
#drone { color:#fff; fill: #fff; }
#remodeling { color:#fff; fill: #fff; }
#demolition { color:#fff; fill: #fff; }
#asbestos-surve { color:#fff; fill: #fff; }
#environmental-business { color:#fff; fill: #fff; }
.service_item_title > span { display: inline-block; }
#flow-box > ul { list-style:none; }
.test { fill="red" }

.parallax_content{
  min-height: 400px;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.front_content{
  padding: 60px;
  background-color: #fff;
}
.parallax_content.img_bg_01{
  background-image: url();
}
.parallax_content.img_bg_02{
  background-image: url();
}
.parallax_content.img_bg_03{
  background-image: url();
}

.foundation  { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/foundation.jpg');
	background-size: cover;
    min-height: 500px;
    background-position: bottom; }
.civil-engineeringsite-preparation { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/civil-engineeringsite-preparation.png');
	background-size: cover;
    min-height: 500px;
    background-position: bottom; }
.concrete-pump-truck { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/concrete-pump-truck.jpg');
	background-size: cover;
    min-height: 500px;
    background-position: bottom; }
.exterior-improvement { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/exterior-improvement.jpg');
	background-size: cover;
    min-height: 500px;
    background-position: bottom; }
.drawingcontract { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/drawingcontract.jpg');
	background-size: cover;
    min-height: 500px;
    background-position: bottom; }
.construction { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/construction.jpg');
	background-size: cover;
    min-height: 500px;
    background-position: bottom; }
.remodeling { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/remodeling.jpg');
	background-size: cover;
    min-height: 500px;
    background-position: bottom; }
.demolition { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/demolition.jpg');
	background-size: cover;
    min-height: 500px;
    background-position: bottom; }
.asbestos-survey { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/asbestos-survey.jpg');
	background-size: cover;
    min-height: 500px;
    background-position: bottom; }
.drone { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/drone.jpg');
	background-size: cover;
    min-height: 500px;
    background-position: bottom; }
.environmental-business { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/environmental-business.jpg');
	background-size: cover;
    min-height: 500px;
    background-position: bottom; }

@media (max-width: 767px) { 
.foundation  { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/foundation_sp.png');
	background-size: cover;
    min-height: 250px;
    background-position: bottom; }
.civil-engineeringsite-preparation { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/civil-engineeringsite-preparation_sp.png');
	background-size: cover;
    min-height: 250px;
    background-position: bottom; }
.concrete-pump-truck { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/concrete-pump-truck_sp.png');
	background-size: cover;
    min-height: 250px;
    background-position: bottom; }
.exterior-improvement { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/exterior-improvement_sp.png');
	background-size: cover;
    min-height: 250px;
    background-position: bottom; }
.drawingcontract { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/drawingcontract_sp.png');
	background-size: cover;
    min-height: 250px;
    background-position: bottom; }
.construction { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/construction_sp.png');
	background-size: cover;
    min-height: 250px;
    background-position: bottom; }
.remodeling { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/remodeling_sp.png');
	background-size: cover;
    min-height: 250px;
    background-position: bottom; }
.demolition { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/demolition_sp.png');
	background-size: cover;
    min-height: 250px;
    background-position: bottom; }
.asbestos-survey { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/asbestos-survey_sp.png');
	background-size: cover;
    min-height: 250px;
    background-position: bottom; }
.drone { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/drone_sp.png');
	background-size: cover;
    min-height: 250px;
    background-position: bottom; }
.environmental-business { background-image: url('https://uwakinosoudan.office-detective.com/uploads/images/img/2022/10/environmental-business_sp.png');
	background-size: cover;
    min-height: 250px;
    background-position: bottom; }

/*sp時不要項目の不可視化	*/
//#nav_menu-5, #nav_menu-6, #block-9 { display: none; }

}

.page-header { background-color: var(--vk-color-primary); }
.page-header-title { color:#ffffff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
.page-header:before { content: '';
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: radial-gradient(#0006 2%, #fff0 100%);
background-position: 0 0;
background-size: 3px 3px;
}

.pt_1 > h2{ text-align:center; }

.flow > li {
  position: relative;
}
.flow > li:not(:last-child) {
  margin-bottom: 40px;
}
.flow > li:not(:first-child)::before {
  content: "";
  height: 60px;
  display: block;
  border-left: 4px dotted #e5e5e5;
  position: absolute;
  top: -40px;
  left: -webkit-calc(10% + 30px - 2px);
  left: calc(10% + 30px - 2px);
  z-index: 10;
}
.flow > li dl {
  width: 100%;
  padding: 20px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid rgb(107,144,219);
  border-radius: 10px;
  position: relative;
}
.flow > li:not(:last-child) dl::before,
.flow > li:not(:last-child) dl::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.flow > li:not(:last-child) dl::before {
  border-width: 22px;
  border-top-color: rgb(107,144,219);
}
.flow > li:not(:last-child) dl::after {
  border-width: 20px;
  border-top-color: #fff;
}
.flow > li dl dt {
  font-size: 20px;
  font-weight: 600;
  color: rgb(107,144,219);
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  margin-right: 2vw;
  text-align: center;
}
.flow > li dl dt .icon {
  font-size: 12px;
  color: #fff;
  background: rgb(107,144,219);
  background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
  background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
  background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
  padding: 5px 10px;
  margin-bottom: 10px;
  display: block;
  border-radius: 20px;
  position: relative;
  z-index: 100;
}

.footer-content-cover {
    position:relative;
	color:#ffffff;
	background: var(--vk-color-primary);
	margin: 0 calc(50% - 50vw); */
	padding: 4px calc(50vw - 50% + 8px); */
	width: 100vw;
}

.footer-content-cover:before { content: '';
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: radial-gradient(#0006 2%, #fff0 100%);
background-position: 0 0;
background-size: 3px 3px;
}
.footer-content-cover a { color:#ffffff; }
.footer-content-cover a:hover { color:rgb(85, 172, 238); }
.banner > span { display:inline-block; }


#form-table { max-width: 800px; margin: 0 auto; }
#form-table table { width: 100%; border-collapse: collapse; border: solid #CCC; border-width: 1px; color: #444; }
#form-table table tr th,
#form-table table tr td { padding: 0.5em; text-align: left; vertical-align: top; border: solid #CCC; border-width: 1px;
vertical-align: middle; }
#form-table table tr th { width: 35%; background: #f2f2f2; }
@media screen and (max-width:768px){
#form-table { width: 100%; margin: 0 auto; }
#form-table table,
#form-table table tbody,
#form-table table tr,
#form-table table tr th,
#form-table table tr td { display: block; }
#form-table table { width: 100%; border-width: 0 0 1px 0; }
#form-table table tr th,#form-table table tr td { width: 100%; padding: 3% 5%; }
#form-table table tr td { border-width: 0px 1px 0px 1px; }
}
.form-submit { text-align:center; }
/*「必須」文字デザイン*/
.required { font-size:0.8em; padding: 2px; background: #F50000; color: #fff; border-radius: 2px; margin-right: 5px; }

/*「任意」文字デザイン*/
.optional { font-size:0.8em; padding: 2px; background: #000080; color: #fff; border-radius: 2px; margin-right: 5px; }

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

/* 「送信する」ボタン */
.mw_wp_form_token {
    display: block;
    padding: 15px;
    width: 400px;
    background: #ffaa56;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 2px;
    margin: 15px auto 0
}
@media screen and (max-width:768px){
input.mw_wp_form_token {
width: 250px;
}
}

input.mw_wp_form_token:hover {
	box-shadow: 0 15px 30px -5px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.1);
	transform: translateY(-4px);
	opacity:0.7; }
/* エラーメッセージを見やすく */
.mw_wp_form .error { color: red; font-weight: 600; }

/*.item-3 >.ltg-slide-text-set { position: absolute; top: 20%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; }*/

@media screen and (max-width:768px){
.wp-block-latest-posts__featured-image.alignleft { float: none!important; }	
.vk_post.media, .media { display:block!important; }	
.vk_post .media-img, .vk_post .media-body { width: 100%!important; }	
.vk_post-btn-display .vk_post_btnOuter { position: relative!important; }	
}