/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/*  基本設定始め  */

h1,
h2,
h3,
h4,
h5,
p ,
li a, 
p a,
a{
	font-family: hiragino-kaku-gothic-pron, sans-serif;
	color: #333333;
	text-decoration: none;
}

.required{
	color: #dc3232;
	margin-left: 0.5em;
	font-weight: normal;
}

.syoujyou-title{
	border-left: 8px #1875DB solid;
	border-radius: 0;
	padding: 7px 0 7px 0.6em;
	width: 400px;
	background-color: #F2FEFF;
	font-size: 16px;
}

.page-header-title{
	color: #fff;
}

span{
	display: inline-block;
}

.title-center_bar {
	position: relative;
	display: inline-block;
	border: none;
	text-align: center;
	margin: 0 auto 40px;
	width: 100%;
	padding-top: 0;
}

.title-center_bar::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100px; /* 線の長さ */
	border-bottom: 2px solid #4390f7; /* 線の色・太さ */
}

.underline-text_left {
	font-size: 24px;
	font-weight: bold;
	position: relative;
	margin-bottom: 48px;
	display: inline-block;
}

.underline-text_left::after {
	content: "";
	display: block;
	width: 80px;
	height: 2px;
	background: #3897FF;
	margin-top: 17px;
}

.blue-bg_title{
	background-color: #1875DB;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	width: 276px;
	margin: 0 auto;
	padding: 18px 0;
	margin-bottom: 30px;
	border-radius: 0;
}

span{
	display: inline-block;
}

/*  header設定始め  */

.site-header-container .site-header-logo a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-size: 32px;
	color: #1875DB;
}

.site-header-logo a small{
	font-size: 20px;
	margin-left: 0.3em;
}

.site-header-logo img {
	width: 45px;
}

.page-header {
	color: #fff;
	background: url(/wp-content/images/page-title_bg.jpg) no-repeat;
	height: 240px;
	background-position: center;
	background-size: cover;
}

/*  header設定終わり  */

/*  footer設定始め  */

.site-footer {
	border-top: 1px solid var(--vk-color-primary);
	background-color: #1875DB;
	background-image: url(/wp-content/images/footer_bg.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 50%;
}

.footer-nav .container #menu-footer li a{
	color: #fff;
	text-decoration: none;
}

.site-footer-copyright p {
	color: #fff; 
}

.site-footer-copyright {
	padding: 0rem;
}

/*  footer設定終わり  */


/* ボタン設定始まり */
.main-btn {
	display: flex;
	width: 230px;
	justify-content: space-between;
	padding: 0.5em;
	padding-left: 1em;
	border: 1px #1875DB solid;
	border-radius: 0.8em;
	font-size: 16px;
	font-weight: bold;
	align-items: center;
	background-color: #fff;
}

.main-btn::after {
	content: "";
	display: inline-block;
	width: 30px;
	aspect-ratio: 1/1;
	background-image: url('/wp-content/images/arrow.png');
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}

/* ボタン設定終わり */

/*フォントのリセット*/

/*  新着情報の情報始まり  */

.post .entry-header .entry-title{
	font-size: 1.8em;
}

.entry-meta-item-author {
  display: none;
}


/*  新着情報の情報終わり  */

/*  footer設定  */

/*===== footer部のWordPress情報を消す記述  =====*/
.site-footer-copyright p:nth-of-type(2){
	display:none;
}

/* 各ページヘッダー */

/*  bodyサイズ  */

.body-65,
.company-info-table {
	width: 65%;
	margin: 0 auto;
}

.body-85{
	width: 85%;
	margin: 0 auto;
}

/*  bodyサイズ終わり  */

/*  marginの設定始まり  */

.site-body{
	padding: 0rem 0 0rem;
}

.category .site-body,
.single-post .site-body,
.blog .site-body {
	padding: 3.5rem 0 4rem;
}

.veu_sitemap{
	margin: 100px auto;
}

.main-section--margin-bottom--on {
	margin-bottom: 0rem;
}

.margin-b-110{
	margin-bottom: 110px;
}

.margin-b-200{
	margin-bottom: 200px;
}

.margin-b-70-s40,
.margin-b-70{
	margin-bottom: 70px;
}

.margin-b-80{
	margin-bottom: 80px;
}

.margin-b-90{
	margin-bottom: 90px;
}

.margin-b-60-s40,
.margin-b-60{
	margin-bottom: 60px;
}

.margin-b-140{
	margin-bottom: 140px;
}

.margin-b-30{
	margin-bottom: 30px;
}

.width70-box{
	width: 70%;
	margin: 0 auto;
}
/*  marginの設定終わり  */

/*  記事始まり  */

.news-box{
	margin: 0;
	padding: 0;
}

.news-article{
	list-style: none;
	display: flex;
	align-items: center;
	gap: 30px;
	border-bottom: 1px #707070 solid;
	padding: 25px 16px;
	margin: 0;
}

.news-article a,
.news-article span,
.news-article{
	color: #333333;
	text-decoration: none;
}

/*  記事終わり  */

/*  バナーエリア始まり  */

.contact-banner-box {
	background-image: url(/wp-content/images/contactImg.png),
	url(/wp-content/images/contactBanner_bg.png);
	background-repeat: no-repeat, no-repeat;
	background-position: right 20px bottom, center center;
	background-size: 300px auto, cover;
	vertical-align: middle;
	margin: 0 auto;
	width: 960px;
	padding: 35px 45px;
}

.contact-banner-title{
	margin-bottom: 20px;
}

.contact-banner-title p{
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 0;
}

.contact-banner-title p:first-child{
	font-size: 32px;
	color: #1875DB;
	margin-bottom: 0px;
}

.contact-banner-inner_2 {
	display: inline-flex;
	background-color: #fff;
	padding: 15px 10px;
	gap: 5px;
}

.contact-banner_tel p{
	font-size: 27px;
	font-weight: bold;
	color: #333333;
	display: flex;
	align-items: center;
	line-height: 1;
	margin: 0;
	gap: 15px;
}

.contact-banner_tel p:first-child{
	margin-bottom: 10px;
}

.contact-banner_tel p a{
	text-decoration: none;
}

.contact-banner_tel p span{
	text-align: center;
	font-size: 15px;
	padding: 0.2rem;
	background-color: #1875DB;
	font-weight: normal;
	color: #fff;
	border-radius: 50px;
	line-height: 1;
	width: 60px;
}

.contact-banner_time{
	font-size: 19px;
	color: #333333;
	display: inline-flex;
	align-items: center;
	margin: 0;
	gap: 10px;
	font-weight: bold;
}

.contact-banner_time span{
	background-color: #D3ECFC;
	padding: 5px 8px;
	color: #1875DB;
	font-size: 12px;	
	line-height: 1;
}


.contact-banner_mail{
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}

.contact-banner_tel {
	background-image: repeating-linear-gradient(90deg, #707070, #707070 4px, transparent 4px, transparent 8px);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 100% 1px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

.contact-banner_mail p{
	color: #1875DB;
	font-weight: bold;
	font-size: 18px;
	display: flex;
	align-items: center;
	margin-bottom: 18px;
	justify-content: center;
}

.contact-banner_mail p span{
	width: 2px;
	height: 32px;
	background-color: #3464E5;
	margin: 0 15px;
}

.contact-banner_mail p span:first-child{
	transform: rotate(-15deg);
}

.contact-banner_mail p span:last-child{
	transform: rotate(15deg);
}

.contact-banner_time small{
	margin-left:-15px;
}

/*  バナーエリア終わり  */

.arrow_migi{
	width: 60px;
}

.arrow_sp {
	display: none;
}

/*  基本設定終わり  */

/*  トップページ始め  */

.top_tosou-service-bg {
	background:
		linear-gradient(90deg, #ffffff, transparent 100%),
		url(/wp-content/images/top/top_concept_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 35px 40px;
}

.tosou-service-text,
.top_tosou-service-text{
	width: 54%;
}

.top_tosou-service-title{
	font-size: 24px;
}

.anshin_outer-box{
	display: flex;
	gap: 75px;
}

.anshin_outer-box article{
	flex: 1
}

.ansin-logo{
	position: relative; /* 擬似要素の絶対配置の基準にする */
	display: inline-block;
	height: 173px;
	margin-bottom: 5px;
}

.ansin-logo img {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
	aspect-ratio: 320 / 140;
	object-fit: cover;
}

.sono-1::after {
	background-image: url(/wp-content/images/top/anshin_label_1.png);
}

.sono-2::after {
	background-image: url(/wp-content/images/top/anshin_label_2.png);
}

.sono-3::after {
	background-image: url(/wp-content/images/top/anshin_label_3.png);
}

.sono-2::after,
.sono-3::after,
.sono-1::after {
	content: "";
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 38%;
	background-repeat: no-repeat;
	background-position: bottom left;
	z-index: 2;
}

.ansin-text p{
	margin-bottom: 0;
	font-size: 14px;
}

.ansin-title,
.ansin-text .ansin-title{
	font-size: 20px;
	color: #1875DB;
	font-weight: bold;
	margin-bottom: 15px;
}

.jirei_link-bg {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	overflow: hidden;
	background-color: #F2FEFF;
	padding: 37px 60px;
	gap: 50px;
}

.jirei_link-title{
	font-size: 24px;
	border-bottom: 1px #3897FF solid;
	display: inline-block;
	padding-bottom: 15px;
	font-weight: bold;
}

.jirei_link-text {
	flex: 1 1 auto;
	min-width: 0;
}

.jirei_link-bg img {
	flex-shrink: 0;
	max-width: 50%;
	height: auto;
	object-fit: contain;
}

.company-info-table tr th{
	background-color: #1875DB;
	color: #fff;
	width: 220px;
}

.company-info-table tr th{
	font-size: 16px;
	font-weight: normal;
}

.company-info-table tr td{
	font-size: 15px;
	font-weight: normal;
}

.company-info-table {
	border-collapse: collapse;
}

.company-info-table,
.company-info-table tr th,
.company-info-table tr td {
	border: 1px solid black;
	padding: 1.2rem;
}

.work-area{
	text-align: center;
	border: 1px #1875DB solid;
	padding: 30px;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.work-area p{
	font-size: 14px;
	margin-bottom: 0;
}

.work-area p:first-child{
	font-size: 20px;
	font-weight: bold;
}

/*  トップページ終わり  */

/*  塗装サービス始め  */

.tosou-service-bg {
	background: linear-gradient(90deg, #ffffff, transparent 64%),
	url(/wp-content/images/top/top_concept_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.syoujyou-list article{
	margin-bottom: 50px;
}

.tosou-service-text p:nth-child(n+2){
	font-size: 14px;
}

.tosou-service-text p:last-child{
	margin-bottom: 0;
}

.syoujyou-list article p:last-child{
	margin-bottom: 0;
}

.taiou-service_outer-box{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 80px 90px;
}

.taiou-service_inner{
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.taiou-service_inner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 320 / 150;
}

.taiou-service_inner p:first-of-type{
	font-size: 20px;
	line-height: 1;
	margin-bottom: 0;
	font-weight: bold;
}

.taiou-service_inner p:first-of-type span{
	color: #83c8f3;
	margin-right: 0.5em;
}

.taiou-service_inner p:nth-of-type(n+2){
	font-size: 16px;
}

.anshin_service-text p:last-of-type,
.taiou-service_inner p:last-of-type{
	margin-bottom: 0;
}

.anshin_service-outer-box article{
	margin-bottom: 50px;
}

.anshin_service-outer-box article:last-of-type{
	margin-bottom: 0;
}

.anshin_service-box{
	display: flex;
	gap: 64px;
}

.anshin_service-box > img{
	width: 320px;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 320 / 240;
}

.nagare article{
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 20px;
}

.nagare article::after {
	content: "";
	display: inline-block;
	width: 95px;
	height: 100%;
	background-image: url(/wp-content/images/arrow_bottom.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	aspect-ratio: 95 / 32;
	margin: 0 auto;
}

.nagare article:last-of-type::after {
	display: none;
}

.nagare_box {
	display: flex;
	align-items: flex-start;
	gap: 30px;
	background-image: repeating-linear-gradient(90deg, #C7C7C7, #C7C7C7 8px, transparent 8px, transparent 16px);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 100% 1px;
	padding: 0 35px 20px;
}

.nagare article:last-of-type,
.nagare article:last-of-type .nagare_box {
	background-image: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.circle-No {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 80px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background-color: #F2FEFF;
	font-weight: bold;
	border: 1px solid #3897FF;
	line-height: 1;
	gap: 2px;
	font-size: 18px;
	color: #3897FF;
	margin: 0;
	flex-shrink: 0;
}

.circle span {
	font-size: 2em;
	line-height: 1;
}

.nagare-text{
	margin-top: 1.5rem;
}

.nagare-text p:first-of-type{
	font-size: 24px;
	font-weight: bold;
}

.nagare-text p:last-of-type{
	margin-bottom: 0;
}

/*  塗装サービス終わり  */

/*  施工事例始まり  */

.jirei-voice article{
	padding: 50px 0;
	background-image: repeating-linear-gradient(90deg, #7d7d7d, #7d7d7d 2px, transparent 2px, transparent 4px);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 100% 1px;
}

.jirei_link{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 25px;
}

.jirei_img-box{
	display: flex;
	align-items: center;
	gap: 10px;
}

.click-big{
	width: 400px;
}

.jirei_img-box div img{
	height: 100%;
	object-fit: cover;
	aspect-ratio: 420 / 300;
	width: 100%;
}

.jirei_img-box {
	display: flex;
	gap: 10px;
	margin-bottom: 30px;
}

.jirei_img-box > div {
	position: relative;
	line-height: 0;
}

.jirei_img-box > div:first-of-type::before {
	content: "Before";
	background: #D3ECFC;
	color: #333333;
}

.jirei_img-box > div:last-of-type::before {
	content: "After";
	background: #3897FF;
	color: #fff;
}

.jirei_img-box > div:first-of-type::before,
.jirei_img-box > div:last-of-type::before{
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 27px 0px;
	font-size: 21px;
	display: block;
	width: 137px;
	text-align: center;
}

.sekoujirei_text-box p{
	background-color: #D3ECFC;
	font-size: 24px;
	padding: 17px 19px;
	line-height: 1;
}

.sekoujirei_text-box ul{
	margin: 0;
	padding: 0;
}

.sekoujirei_text-box ul li{
	list-style: none;
	margin: 0;
	display: flex;
	background-color: #fff;
	margin-bottom: 1rem;
	align-items: center;
}

.sekoujirei_text-box ul li:last-of-type{
	margin-bottom: 0;
}

.sekoujirei_text-box ul li > span{
	flex-shrink: 0;
	background-color: #1875DB;
	color: #fff;
	width: 174px;
	text-align: center;
	margin-right: 25px;
}

.sekoujirei_text-box ul li > span,
.sekoujirei_text-box ul li strong{
	padding: 13px 15px;
}

.sekoujirei_text-box ul li strong{
	padding-left: 0;
}

.sekoujirei_li_text{
	padding: 20px;
	font-weight: normal;
}

.sekoujirei_text-box,
.jirei_text-box{
	background-color: #F2FEFF;
	padding: 40px 30px;
	align-self: flex-start;	
}

.jirei_text-box p:first-of-type{
	font-size: 24px;
	margin-bottom: 30px;
}

.jirei_text-box p:last-of-type{
	margin-bottom: 0;
}

.voice-box{
	display: flex;
	gap: 40px;
}

.voice-box img{
	width: 180px;
	align-self: flex-start;
}

/*  施工事例終わり  */

/*  会社概要始まり  */

.ceo_name-sign-text{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 0;
}

.ceo_salutation-box{
	display: flex;
	gap: 183px;
}

.ceo_salutation-box > img{
	flex-shrink: 0;
	width: 330px;
	height: fit-content;
	aspect-ratio: 369 / 462;
	object-fit: cover;
	margin-top: 80px;
}

.ceo_name-sign{
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
}

.ceo_name-sign > img{
	width: 120px;
}

.craftsman-box{
	display: flex;
	gap: 25px;
}

.craftsman-box img{
	width: 270px;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 270 / 180;
}

.ceo_name-sign-text,
.craftsman_text-box p:first-of-type{
	font-size: 20px;
	font-weight: bold;
}

.craftsman_text-box ul{
	list-style: none;
	margin: 0;
	border: 2px #1875DB solid;
	background-color: #F2FEFF;
	padding: 25px 20px;
	display: inline-block; 
	min-width: 425px;
}

.craftsman_text-box ul li{
	padding: 0;
	display: flex;
	gap: 1em;
}

.craftsman_text-box ul li:first-child{
	margin-top: 0;
}

.craftsman_text-box ul li:last-child{
	margin-bottom: 0;
}

.craftsman_text-box ul li::before {
	content: "●";
	color: #1875DB;
}

.google_map{
	width: 960px;
	height: 100%;
	margin: 0 auto;
	display: block;
	aspect-ratio: 960 / 420;
}

.google_map iframe{
	width: 100%;
	height: 100%;
}

/*  会社概要終わり  */

/*  お問い合わせ始まり  */

.contact_tel .contact_tel-title{
	font-size: 1.75em;
	font-weight: bold;
	margin-bottom: 33px;
}

.contact_tel-area{
	background-color: #F2FEFF;
	padding: 42px 0;
}

.contact_tel-box{
	text-align: start;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.contact_tel p{
	line-height: 1em;
	display: flex;
	align-items: stretch;
	font-size: 32px;
	font-weight: bold;
	color: #333333;
	gap: 10px;
	margin-bottom: 15px;
}

.contact_tel .contact_tel_time{
	gap: 0px;
}

.contact_tel .contact_tel_time span{
	margin-right:10px;
}

.contact_tel p:nth-of-type(2) {
	margin-bottom: 22px;
}

.contact_tel p span{
	color: #fff;
	background-color: #1875DB;
	border-radius: 50px;
	font-size: 18px;
	text-align: center;
	width: 70px;
}

.contact_tel .contact_tel_time{
	font-size: 24px;
	margin-bottom: 0;
}

.contact_tel .contact_tel_time span{
	font-size: 14px;
}

.foam-box{
	background-color: #F8F9FA;
	padding: 40px;
}

.foam-title{
	text-align: center;
	font-size: 1.75em;
	font-weight: bold;
	margin-bottom: 100px;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea {
	font-size: 1rem;
	border: 1px solid var(--vk-color-border-form);
	border-radius: var(--vk-size-radius);
	padding: 0.8em 1em;
	margin: 0;
	width: 100%;
	color: var(--vk-color-text-body);
	background-color: #fff;
}

.formTable p{
	margin-bottom: 0;
	font-size: 24px;
}

.formTable tr{
	display: flex;
	flex-direction: column;
}

.formTable tr th{
	text-align: start;
}

/*テーブルのバーダー消し*/

.formTable tr th,
.formTable tr td,
.formTable{
	border: none;
}


.wpcf7{
	width: 100%;
}

.formTable {
	width: 100%;
	margin: 0 auto;
}

.formTable tr th,
.formTable tr td{
	padding: 0;
}

.formTable tr:first-of-type th p{
	margin-top: 0;
}

.formTable tr th p{
	font-size: 1.5em;
	line-height: 1em;
	margin: 33px 0 17px;
}

.wpcf7-form-control-wrap {
	width: 100%;
}

.kiboubi p{
	display: flex;
	gap: 25px;
	width: 90%;
}

/*input[type=file]::file-selector-button,*/
.kiboubi p span input{
	width: 100%;
}


.wpcf7-file {
	border: none;
	border-radius: 0px;
	padding: 0px;
	font-size: 16px;
	color: #333;
	background-color: #f9f9f9;
}

input[type=file]::file-selector-button {
	background-color: #fff;
	color: #333333;
	border: none;
	padding: .8em 1em;
	border-radius: 6px;
	cursor: pointer;
	font-weight: bold;
	border: 1px #DEE2E6 solid;
	line-height: 1em;
}

input[type=file]::file-selector-button:hover {
	background-color: #fff;
	color: #adadad;
}

input[type=file] {
	margin: 0;
}

.foam_btn{
	text-align: center;
}

.foam_btn p input{
	border: none;
	background-color: #1875DB;
	color: #fff;
	padding: 0.7em 1em;
	border-radius: var(--vk-size-radius);
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 75px;
	line-height: 1em;
}

.wpcf7-spinner {
	display: none!important;
}

/*  お問い合わせ終わり  */

/*  プライバシーポリシー始まり  */

.privacy-policy h2{
	padding: 0;
	border-top: none;
	border-bottom: none;
	margin-bottom: 17px;
}

/*  プライバシーポリシー終わり  */

@media screen and (max-width: 1200px){

/*  バナーエリア始まり  */

	.contact-banner-box {
		background-position: right 0px bottom, center center;
		background-size: 300px auto, cover;
		vertical-align: middle;
		width: 100%;
		padding: 35px 45px;
	}

/*  バナーエリア終わり  */

	.site-footer {
		background-position: right -89px bottom -92px;
		background-size: 727px;
	}

/*  トップページ始め  */
	.tosou-service-bg {
		background-position: calc(50% - 0px) center;
	}

	.top_tosou-service-bg {
		background-position: calc(50% - 200px) center;
	}

	.anshin_outer-box {
		gap: 15px;
	}

	.ansin-logo {
		height: 164px;
		margin-bottom: 5px;
	}

	.company-info-table tr th {
		width: 126px;
	}

/*  トップページ終わり  */

/*  塗装サービス始め  */

	.taiou-service_outer-box {
		gap: 80px 50px;
	}

/*  塗装サービス終わり  */

/*  施工事例始まり  */

/*  施工事例終わり  */

/*  会社概要始まり  */

	.ceo_salutation-box {
		gap: 50px;
	}

	.ceo_salutation-box > img {
		width: 300px;
	}

/*  会社概要終わり  */

/*  お問い合わせ始まり  */



/*  お問い合わせ終わり  */
}
@media screen and (max-width: 990px){

/*  bodyサイズ  */

	.body-85 {
		width: 100%;
	}

	.category .site-body,
	.single-post .site-body,
	.blog .site-body {
		padding: 3rem 0 3.5rem;
	}


/*  bodyサイズ  */

/*  バナーエリア始まり  */

	.contact-banner-box {
		background-position: right 30px bottom, center center;
		background-size: 270px auto, cover;
		margin: 0 auto;
		width: 100%;
		padding: 20px 45px;
	}

/*  バナーエリア終わり  */

	.site-footer {
		background-position: right bottom -87px;
		background-size: 600px;
	}


/*  トップページ始め  */

	.site-header-logo img {
		width: 38px;
	}

	.site-header-container .site-header-logo a {
		font-size: 28px;
	}

	.site-header-logo a small{
		font-size: 18px;
	}

	.tosou-service-bg,
	.top_tosou-service-bg {
		background: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 100%), url(/wp-content/images/top/top_concept_bg.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: calc(100% - 0px) center;
	}

	.top_tosou-service-text p,
	.top_tosou-service-title{
		color: #000;
	}

	.contact-banner-inner_2 {
		padding: 15px 10px;
		gap: 5px;
		flex-direction: column;
	}

	.ansin-logo::after {
		background-size: 200px;
	}

	.ansin-logo {
		height: 124px;
		margin-bottom: 5px;
	}

	.jirei_link-bg {
		padding: 37px 30px;
		gap: 15px;
	}

	.width70-box {
		width: 80%;
	}

	.body-65,
	.company-info-table {
		width: 80%;
	}

/*  トップページ終わり  */

/*  塗装サービス始め  */

	.taiou-service_outer-box {
		grid-template-columns: repeat(2, 1fr);
		gap: 50px 20px;
	}

	.anshin_service-box {
		gap: 30px;
	}

	.anshin_service-box > img {
		width: 240px;
	}

/*  塗装サービス終わり  */

/*  施工事例始まり  */

	.jirei_link {
		grid-template-columns: repeat(4, 1fr);
		gap: 15px;
	}

	.jirei_img-box > div:first-of-type::before, .jirei_img-box > div:last-of-type::before {
		padding: 20px 0px;
		font-size: 21px;
		width: 100px;
	}

/*  施工事例終わり  */

/*  会社概要始まり  */
	.ceo_salutation-box {
		gap: 15px;
	}

	.ceo_salutation-box > img {
		width: 250px;
	}

	.google_map {
		width: 100%;
	}
	
/*  会社概要終わり  */

/*  お問い合わせ始まり  */
/*  お問い合わせ終わり  */
}
@media screen and (max-width: 766px){
	
	.margin-b-60-s40,
	.margin-b-70-s40{
		margin-bottom: 40px!important;
	}

	.arrow_pc {
		display: none;
	}
	.arrow_sp {
		display: inline;
	}

	.arrow_migi {
		width: 30px;
	}

	.jirei_img-box {
		gap: 0.6em;
	}

	.category .site-body,
	.single-post .site-body,
	.blog .site-body {
		padding: 2.5rem 0 2.5rem;
	}

/*  バナーエリア始まり  */
	/*勝手にスマホ時に電話番号がリンク化するのを防ぐ。header内に記載した
	.nolink a,
	.nolink {
		color: #fff;
		text-decoration: none;
	}

	.tel a {
		pointer-events: none;
	} */

	.contact-banner-box {
		background-position: right -39px bottom, center center;
        background-size: 210px auto, cover;
        margin: 0 auto;
        width: 100%;
        padding: 20px 1rem;
	}
	
	.contact-banner-title p:first-child {
		font-size: 26px;
		margin-bottom: 0px;
	}

	.contact-banner-title p {
		font-size: 18px;
	}

	.contact-banner_tel p {
		font-size: 20px;
		line-height: 1;
		margin: 0;
		gap: 15px;
	}

/*  バナーエリア終わり  */

	.site-footer {
		background-position: right -89px bottom -41px;
		background-size: 664px;
	}

	/*  トップページ始め  */

	.tosou-service-text,
	.top_tosou-service-text {
		width: 100%;
	}

	.tosou-service-bg,
	.top_tosou-service-bg {
		background: linear-gradient(rgba(255, 255, 255, 0.8),
		rgba(255, 255, 255, 0.8)),
		url(/wp-content/images/top/top_concept_bg.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: calc(100% - 0px) center;
	}

	.ansin-logo::after {
		background-size: 440px;
	}

	.ansin-logo {
		height: 288px;
		margin-bottom: 5px;
	}

	.anshin_outer-box {
		flex-direction: column;
	}

	.jirei_link-bg {
		padding: 37px 60px;
		gap: 50px;
		flex-direction: column;
	}

	.jirei_link-bg img {
		max-width: 100%;
	}

	.width70-box {
		width: 100%;
	}

	.body-65,
	.company-info-table {
		width: 100%;
	}

/*  トップページ終わり  */

/*  塗装サービス始め  */

	.tosou-service-text p:last-child {
		color: #000;
	}

	.anshin_service-box {
		gap: 30px;
		flex-direction: column-reverse;
	}	

	.anshin_service-box > img {
		width: 100%;
	}

	.nagare_box {
		padding: 0 0px 20px;
	}

	.taiou-service_outer-box {
		grid-template-columns: repeat(1, 1fr);
		gap: 50px 20px;
	}

/*  塗装サービス終わり  */

/*  施工事例始まり  */

	.jirei_link {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.jirei_img-box > div:first-of-type::before,
	.jirei_img-box > div:last-of-type::before {
		padding: 15px 0px;
		font-size: 18px;
		width: 80px;
	}

	.voice-box {
		flex-direction: column;
		gap: 15px;
	}

	.voice-box img {
		width: 100%;
		align-self: flex-start;
		margin: 0 auto;
	}

	.sekoujirei_text-box ul li {
		align-items: stretch;
	}

	.sekoujirei_text-box ul li > span {
		width: 94px;
		margin-right: 0px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.sekoujirei_text-box ul li > span,
	.sekoujirei_text-box ul li strong {
		padding: 10px 10px;
	}

	.sekoujirei_li_text{
		padding: 1em;
	}

	.sekoujirei_text-box, .jirei_text-box {
		padding: 1em;
	}
	.sekoujirei_text-box p {
		font-size: 24px;
		padding: 0.5em;
	}

/*  施工事例終わり  */

/*  会社概要始まり  */

	.ceo_salutation-box {
		gap: 30px;
		flex-direction: column;
		align-items: center;
	}

	.craftsman-box img,
	.ceo_salutation-box > img {
		width: 100%;
		margin: 0 auto;
	}

	.craftsman-box {
		gap: 25px;
		flex-direction: column-reverse;
	}

	.craftsman_text-box ul {
		min-width: 100%;
	}

/*  会社概要終わり  */

/*  お問い合わせ始まり  */
/*  お問い合わせ終わり  */

}

@media screen and (max-width: 574px){
/*  テキスト基本始まり  */
	
	.title-center_bar {
		font-size: 20px;
	}

/*  テキスト基本終わり  */
	
/*  バナーエリア始まり  */

	.contact-banner-inner_2 {
		padding: 15px 10px;
		gap: 15px;
		width: 100%;
	}
	
	.contact_tel_time small,
	.contact-banner_time small{
		font-size: 0.7em;
	}

/*  バナーエリア終わり  */

	.contact-banner-box {
		background-position: right 20px bottom 261px, center center;
		background-size: 210px auto, cover;
		margin: 0 auto;
		width: 100%;
		padding: 20px 1rem;
		display: flex;
		flex-direction: column;
		gap: 160px
	}

	.site-footer {
		background-position: right -61px bottom -26px;
		background-size: 108vw;
	}

/*  トップページ始め  */
	.tosou-service-bg,
	.top_tosou-service-bg {
		padding: 1rem;
	}

	.ansin-logo {
		height: 53vw;
		margin-bottom: 5px;
	}

	.ansin-logo::after {
		background-size: 80vw;
	}

	.jirei_link-bg {
		padding: 1rem;
	}

	.jirei_link-text {
		flex: 1 1 auto;
		min-width: 100%;
	}

	.news-article {
		gap: 15px;
		padding: 25px 16px;
		margin: 0;
		align-items: baseline;
	}

	.company-info-table tr{
		display: flex;
		flex-direction: column;
	}

	.company-info-table tr th {
		width: 100%;
		text-align: start;
	}

	.company-info-table tr th,
	.company-info-table tr td {
		border: 1px solid #333333;
		padding: 1rem;
		border-bottom: none;
	}

	.company-info-table{
		border: none;
	}

	.company-info-table tr:last-of-type td{
		border-bottom: 1px solid #333333;
	}

	.work-area {
		padding: 30px 10px;
		gap: 10px;
	}
	
	.work-area p span{
		font-size:15px;
	}
/*  トップページ終わり  */

/*  塗装サービス始め  */

	.nagare_box {
		gap: 15px;
	}

	.circle-No {
		width: 50px;
		gap: 2px;
		font-size: 13px;
		margin: 0;
	}

	.nagare-text {
		margin-top: 0.5rem;
	}

	.nagare-text p:first-of-type {
		font-size: 20px;
		margin-bottom: 5px;
	}
	
	.syoujyou-title {
		width: 100%;
	}

/*  塗装サービス終わり  */

/*  施工事例始まり  */

	#image-modal #modal-img{
		width: 80vw!important;
	}

	.jirei_text-box p:first-of-type {
		margin-bottom: 1rem;
	}

	.jirei_text-box {
		padding: 1rem;
	}

	.jirei_img-box {
		gap: 0.4em;
	}

	.jirei_img-box > div:first-of-type::before,
	.jirei_img-box > div:last-of-type::before {
		padding: 12px 0px;
		font-size: 15px;
		width: 60px;
	}

	
	.sekoujirei_text-box ul li {
		margin: 0;
		margin-bottom: 1rem;
		flex-direction: column;
	}

	.sekoujirei_text-box ul li > span {
		width: auto;
		justify-content: flex-start;
	}

/*  施工事例終わり  */

/*  会社概要始まり  */
/*
	.craftsman-box img,
	.ceo_salutation-box > img {
		width: 80vw;
	} */

	.craftsman_text-box ul {
		padding: 1em;
		min-width: 100%;
	}

	.google_map {
		aspect-ratio: 1 / 1;
	}

/*  会社概要終わり  */

/*  お問い合わせ始まり  */

	.contact_tel .contact_tel-title {
		font-size: 24px;
		margin-bottom: 33px;
	}

	.contact_tel p {
		font-size: 25px;
		gap: 10px;
		margin-bottom: 15px;
	}
	
	.contact_tel .contact_tel_time{
		gap: 0px;
	}

	.contact_tel .contact_tel_time span{
		margin-right:10px;
	}

	.foam-title {
		font-size: 24px;
		margin-bottom: 40px;
	}

	.foam-box {
		padding: 1em;
		width: 100%;
	}

	.kiboubi p {
		gap: 5px;
		width: 50%;
		flex-direction: column;
	}

	.wpcf7-form-control-wrap {
		width: 100%;
}


	.formTable tr {
		display: inline-flex;
		flex-direction: column;
	}

	.foam_btn p input {
		padding: 0.7em;
		width: auto;
		height: auto;
		font-size: 1.2em;
		margin-top: 1em;
	}

	.wpcf7-form-control-wrap,
	.input[type=text]{
		width: 100%;
	}

	.formTable p {
		margin-bottom: 0;
		font-size: 24px;
		width: 100%;
}

.kiboubi p span input {
		width: 50%;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea {
		font-size: 1rem;
		border: 1px solid var(--vk-color-border-form);
		border-radius: var(--vk-size-radius);
		padding: .8em 1em;
		margin: 0;
		width: 86vw;
		color: var(--vk-color-text-body);
		background-color: #fff;
}

/*  お問い合わせ終わり  */

}