/*ヘッダー問い合わせ*/



body:not(.header_scrolled) .global-nav--layout--float-right {

	align-items: flex-start;

}

.global-nav-list {

	height: 100%;

}

.global-nav-list>li .global-nav-description{

	color:var(--vk-color-primary);

	opacity:1;

}

.global-nav-list li:last-child a {

	color: #fff;

	background-color: var(--vk-color-primary);

}

.global-nav-list li:last-child .global-nav-description {

	color: #fff;

}

.header_scrolled .site-header {

	will-change: top;

}

/*ヘッダー高さ*/

.page-header {

	min-height: 12rem;

	background-color:#555;

}

h1.page-header-title {

	font-size: 1.8rem;

	letter-spacing: 0.06em;

}



.site-body {
	position: relative;
}
.site-body::before{
    content: "";
    background: url(../img/ashirai.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0px;
    opacity: .5;
}

/*-------spのみ-------*/

@media (max-width: 767px) {
	.pc-only {
		display: none;
	}
	.sp-only {
		display: block;
	}

.site-body::before{
	width: 37.33vw;
	height: 37.33vw;
}
}

/*-------pcのみ-------*/

@media (min-width: 768px) {
	.pc-only {
		display: block;
	}
	.sp-only {
		display: none;
	}
.site-body::before{
    width: 380px;
    height: 380px;
}
}



/*コンテンツのボディ*/

.main-section--margin-bottom--on {

	margin-bottom: 0;

}



/*Lightningテーマのコピーライト消す*/

.site-footer-copyright p:nth-child(2) {

	display: none;

}

/* ページヘッダーの背景画像 */

.page-header {

	background: url(../img/page-header.jpg) no-repeat;

	background-size: cover;

	height: 10vw;

	display: flex;

	align-items: center;

}

/*透過設定*/

.page-header::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	background-color: #000;

	opacity: 0.65;

	width: 100%;

	height: 100%;

}





/*カスタムボタン*/

.custom-btn a {

	display: block;

	width: 100%;

}

@media (min-width: 782px) {

	.custom-btn {

		width: 50%;

		padding: 1em 1.5rem;

	}

}



/*トップページ*/

/*スライダー*/

@media(max-width: 767px) {

	.home .swiper-slide img{

		height: 52vw;

		object-fit: cover;

	}

}



.home .sec-feature figure{

	position: relative;

	width: 100%;

	/* 任意の横幅を指定 */

}



/* コンテナ要素の擬似要素(ここで比率を調整) */

.home .sec-feature figure::before {

	content: "";

	display: block;

	padding-top: 60%;

	/* 比率を指定 */

}

.home .sec-feature figure img{

	position: absolute;

		top: 0;

		right: 0;

		bottom: 0;

		left: 0;

	width: 100%;

	height: 100%!important;

	object-fit: cover;

}



/*お知らせ info オリジナル制作*/

.sec-info .wp-block-group .text-area {

	flex: 1;

}

.sec-info .wp-block-group .wp-block-post{

	margin: 0;

	padding: 1.2rem 0;

	border-bottom: 1px solid var(--vk-color-border-hr);

}

.sec-info .wp-block-group .wp-block-post h3{

	border-bottom: 0;	

	padding-bottom: 0;

	margin-bottom: 0.3em;

}

.sec-info .wp-block-group .wp-block-post h3:after {

	content:none;

}

/*日付*/

.sec-info .wp-block-post-date{

	color: var(--vk-color-text-light);

	font-size: var(--vk-size-text-sm);

}

/*追加コンテンツ コラム オリジナル制作*/



.sec-addcon .wp-block-post h3{

	font-size: 1.25rem;

	line-height: 1.5;

}

.sec-addcon .wp-block-post h3:after{

	content:none;

}

.sec-addcon .wp-block-post h3 a{

	color: inherit;

}



/*事業案内などで利用する見出し*/

.sv-head{

	line-height: var(--vk-line-height);

}



/*オリジナル*/

.home .sec-info .wp-block-post .wp-block-post-date{

	margin-bottom: var(--vk-margin-meta);

}

.home .sec-info .wp-block-post .wp-block-post-excerpt{

	font-size: var(--vk-size-text-sm);

	margin-top: var(--vk-margin-meta);

	color: var(--vk-color-text-body)

}

/*-------事業案内ページ------*/

@media(max-width: 767px) {

	.service-contents-wrap .vk-cols--reverse {

			flex-direction: column-reverse;

		}

	.service-contents-wrap .img {

		margin-bottom: 1.5rem;

	}

	.service-contents-wrap .text-area {

		padding-left: 0!important;

	}

}

/*-------事業概要ページ------*/

@media(min-width: 768px) {

	.wp-block-columns iframe {

			max-width: 560px;

		}

}



/*-------投稿ページ------*/



/*投稿者名を削除*/

.entry-meta-item-author {

	display: none;

}

/*-------プライバシーポリシー------*/

body.privacy-policy ::marker {

	font-weight: bold;

color: var(--wp--preset--color--vk-color-custom-1);

}





/*-------お問い合わせ------*/



.form-wrap{

	font-size: var(--vk-size-text);

}



/*長さ調整*/

input[type="text"],

input[type="email"],

input[type="tel"]{

	width: 90%;

}

/*〒*/

input[name="personal_postal_code"] {

	width: 10em;

}

.postal-setbtn{

	display: inline-block;

	margin-left: 0.5rem;

	color: var(--vk-color-text-body);

	border: 1px solid #aaa;

	background: #eee;

	border-radius: 0.2rem;

	padding: .5em 1em;

}



@media (min-width: 1200px) {

	.post-name-contact .site-body-container  {

		width: 960px;

	}

}



.must {

	display: inline-block;

	color: #fff;

	padding: 0.4rem 0.6rem 0.32rem;

	background: #ca3131;

	font-size: var(--vk-size-text-xs);

	line-height: 1;



}

/*メッセ―ジ*/

.post-name-contact .message .must{

	margin-right: 0.5rem;

}

/*入力例*/

.td .description{

	color: #888;

	font-size: var(--vk-size-text-sm);

}

.form-wrap p {

	margin-bottom: 0!important;

}

.form-wrap .tr {

	width: 100%;

	display: table;

	border-bottom: 1px solid #dcdcdc;

}

.form-wrap .th {

	padding: 1.25em 0;

}

.form-wrap .th p{

	display: flex;

	align-items: center;

}

.form-wrap .td {

	padding: 1.25em 0;

}

/*住所説明*/

.form-wrap .address .note{

	margin-bottom: 0.5rem!important;

}

.form-wrap .must {

	margin-left: 0.5rem;

}

.form-wrap .description a {

	pointer-events: none;

	text-decoration: none;

}

.form-wrap .submit-btn{

	margin-top:var(--vk-margin-sm) ;

	text-align: center;

}





@media(max-width: 767px) {

	.form-wrap .th,

	.form-wrap .td{

		display: block;

		width: 100%;

	}

	.form-wrap .th {

		padding-bottom: 0;

	}

	.form-wrap .td {

		padding-top: 0.85em;

	}

	.note{

		font-size: var(--vk-size-text-sm);

		margin-bottom: 0.25em;

	}

	/*cf7*/

	.wpcf7-list-item {

		margin: 0 1em 0 0!important;

	}

	.form-wrap .submit-btn input {

		width: 100%;

		display: block;

		padding: 1em ;

	}

}

@media(min-width: 768px) {

	.form-wrap .th {

		width: 260px;

		display: table-cell;

		vertical-align: middle;

	}

	.form-wrap .td {

		display: table-cell;

	}

	/*長さ調整*/

	input[name="your-name"] {

		width: 60%;

	}

	input[type="email"] {

		width: 60%;

	}

	input[type="tel"] {

		width: 12em;

	}



}