/*
Theme Name: vario v2026
Theme URI: --
Description: --
Author: --
Author URI: --
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600&family=Noto+Serif+JP:wght@600;700&family=Roboto:wght@600&display=swap');
/*
Noto Sans JP:400,600
Noto Serif JP:600,700
Roboto:600
*/
.en{
	font-family: "Roboto", sans-serif;
	font-optical-sizing:auto;
	font-style:600;
	font-variation-settings:"wdth" 600;
}
.f-serif{
	font-family:"Noto Serif JP", sans-serif;
	font-optical-sizing: auto;
	font-weight:600;
	font-style:normal;
}

:root{
	--color-main:#08475F;
	--color-blue:#00698B;
	--color-gray:#EAEAEA;

	--h-header:80px;

	--container-px:40px;
	--container-py:140px;
	
	--bs-body-color:black;
}


/* admin
----------------------------------------------- */
body.admin-bar{
	--h-adminbar:32px;
	#wpadminbar{position:fixed;}
	#header{top:var(--h-adminbar);}
}
@media (max-width: 991px){
	body.admin-bar [class*="drawer-pannel"]{
		top:calc(var(--h-header) + var(--h-adminbar));
	}
}
@media (max-width: 782px){
	body.admin-bar{
		--h-adminbar:46px;
	}
}

/* Bootstrap
----------------------------------------------- */
.nav-link:focus{
	color:inherit;
}

/* Main Layout
----------------------------------------------- */
body{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing:auto;
	font-weight:400;
	font-style: normal;
	line-height:1.6;
	background-color:var(--bs-body-color);
	letter-spacing:.05rem;
}
#container{
	line-height:1.8;
	padding-top:var(--h-header);
	background-color:white;
}

.container-fluid,
.container{padding-left:var(--container-px); padding-right:var(--container-px);}

.row:not([class*="g-"]){margin-left:calc(var(--container-px) * -1); margin-right:calc(var(--container-px) * -1);}
.row:not([class*="g-"])>[class*="col"]{padding-left:var(--container-px); padding-right:var(--container-px);}

.thin{max-width:1000px; margin-left:auto; margin-right:auto;}
.container.thin{max-width:calc(1000px + var(--container-px) * 2);}

.py-content{padding-top:var(--container-py); padding-bottom:var(--container-py);}
.py-content-sm{padding-top:calc(var(--container-py) / 2); padding-bottom:calc(var(--container-py) / 2);}
.my-content{margin-top:var(--container-py); margin-bottom:var(--container-py);}
.my-content-sm{margin-top:calc(var(--container-py) / 2); margin-bottom:calc(var(--container-py) / 2);}

.mb-content{margin-bottom:var(--container-py);}
.mb-content-sm{margin-bottom:calc(var(--container-py) / 2);}
.mt-content{margin-top:var(--container-py);}
.mt-content-sm{margin-top:calc(var(--container-py) / 2);}

@media (min-width:1400px){
	.content-header,
	.container-fluid{padding-left:80px !important; padding-right:80px !important;}
}
@media (max-width:992px){
	:root{
		--container-py:90px;
	}
	.container{max-width:100%;}
}
@media (max-width:767px){
	:root{
		--container-px:20px;
		--container-py:50px;
	}
	body{letter-spacing:0;}
}

/* header
-------------------------------------------------------------- */
#header{display:flex; width:100%; height:var(--h-header); align-items:center; background-color:white; position:fixed; top:0; left:0; z-index:1000;}
#header .nav-bar{display:flex; align-items:center; justify-content:space-between;}

a.brand{max-width:180px; z-index:1000;}

#gnavi{gap:2rem;}
#gnavi li a{
	display:inline-flex;
	align-items:center;
	font-weight:600;
	color:var(--bs-body-color);
}
#gnavi>li>a{
	height:var(--h-header);
}
#gnavi li a:hover{}

#gnavi li.btn-contact a{padding-left:2em; padding-right:2em; color:white; background-color:var(--bs-body-color); gap:.5em;}
#gnavi li.btn-contact a::before{
	content:'';
	width:1.15em;
	aspect-ratio:1/1;
	background:url(assets/images/ic-contact.svg) no-repeat center center/contain;
}

.dropdown-item.active,
.dropdown-item:active{color:white !important; background-color:var(--color-blue);}

@media (min-width:992px){
	#header>*{padding-right:0 !important;}
	#header .contact-box{display:none;}
	#btn-menu-wrap{display:none;}
}
@media (max-width:1199px){
	#gnavi{gap:1rem;}
}
@media (max-width:991px){
	:root {
		--h-header:60px;
	}
	#container{padding-top:var(--h-header);}
	
	a.brand{max-width:150px;}

	#gnavi{flex-direction:column;}
	#gnavi li.btn-contact{display:none;}
	#gnavi li a{height:2em; color:white; font-size:20px;}

	#gnavi .dropdown-toggle::after{content:none;}
	#gnavi ul.dropdown-menu{display:flex; position:relative; transform:none; background-color:transparent; padding:0; border:none; flex-direction:column;}
	#gnavi ul.dropdown-menu li a{height:2em; padding:0 1rem; gap:.75em; font-size:1rem; font-weight:400;}
	#gnavi ul.dropdown-menu li a::before{
		content:'';
		width:.75em;
		height:1px;
		background-color:white;
	}
	#gnavi .dropdown-item.active,
	#gnavi .dropdown-item:active{background-color:transparent;}

	#header .contact-box a{
		background-color:transparent;
		color:white;
		font-size:20px;
		padding:0 1rem;
		border:2px solid white;
		border-radius:10px;
		height:110px;
	}
	#header a.mail span,
	#header a.tel span{font-size:20px; border-color:white;}
	#header a.mail span::before,
	#header a.tel span::before{
		content:'';
		width:1.4em;
		aspect-ratio:1/1;
		background-color:white;
	}
	#header address{font-size:13px;}

	[class*="drawer-pannel"]{
		width:100%;
		height:calc(100vh - var(--h-header));
		height:calc(100dvh - var(--h-header));
		padding:0 20px 60px;
		position:fixed;
		top:var(--h-header);
		right:0;
		color:white;
		background:var(--color-main);
		overflow-y: auto;
		z-index:999;
		-webkit-transform:translateX(100%);
		transform:translateX(100%);
	}
	[class*="drawer-pannel"]::before{
		content:'MENU';
		display:inline-flex;
		align-items:center;
		height:60px;
		color:white;
		background-color:var(--color-main);
		padding-right:2rem;
		position:relative;
		z-index:1;
	}
	[class*="drawer-pannel"]::after{
		content:'';
		display:block;
		width:calc(100% - (20px * 2));
		height:1px;
		border-bottom:1px solid white;
		position:absolute;
		top:30px;
		left:20px;
	}

	body.menu-open [class*="drawer-pannel"]{
		-webkit-transform:translateX(0);
		transform:translateX(0);
		-webkit-transition:ease .3s;
		transition:ease .3s;
	}
	body.menu-open{overflow:hidden;}
}

/* footer
--------------------------------------------------------------*/
#contact-box .flex-title span.en::first-letter,
#contact-box .flex-title span.ja{color:white;}
.contact-box .nav-link{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	width:100%;
	height:160px;
	
	background-color:white;
	color:var(--bs-body-color);
	
	font-size:24px;
	font-weight:600;
}
.contact-box a:hover{
	background-color:var(--color-gray);
	color:var(--bs-body-color);
}
a.mail span,
a.tel span{display:inline-flex; gap:.5em; font-size:26px; position:relative;}
a.mail span::before,
a.tel span::before{
	content:'';
	width:1.4em;
	aspect-ratio:1/1;
	-webkit-mask:no-repeat center/contain;
	mask:no-repeat center/contain;
	background-color:var(--bs-body-color);
}
a.mail span::before{
	-webkit-mask-image:url(assets/images/ic-mail.svg);
	mask-image:url(assets/images/ic-mail.svg);
}
a.tel span::before{
	-webkit-mask-image:url(assets/images/ic-tel.svg);
	mask-image:url(assets/images/ic-tel.svg);
}
a.tel span{border-bottom:2px solid var(--bs-body-color); padding-bottom:.5rem; margin-bottom:.5rem;}

#footer{color:white;}
#footer>*{position:relative;}
#footer>*>.row{flex-direction:row-reverse;}
#footer img.logo{width:140px; position:absolute; top:calc(var(--container-py) / 2); left:var(--container-px);}

#fnavi{gap:1rem 2rem;}
#fnavi li{display:inline-flex; align-items:center;}
#fnavi li::before{
	content:'';
	width:7px;
	aspect-ratio:1/1;
	background-color:var(--color-blue);
	border-radius:0 50% 50% 0;
}
#fnavi a{color:white; padding:0 .5rem;}
#fnavi a:hover{opacity:.7;}

address{font-size:14px; line-height:1.6;}
#footer address{padding-top:100px;}

@media (max-width:991px){
	#footer{padding-top:2rem; padding-bottom:2rem;}
	#footer>*>.row{flex-direction:column;}
	#footer img.logo{width:120px; position:relative; top:auto; left:auto; display:block; margin:0 auto;}

	.contact-box a{height:130px;}
	a.mail span,
	a.tel span{font-size:20px;}
	
	#footer address{padding-top:2rem;}
}

/* Cover
----------------------------------------------- */
#cover{
	position:relative;
	overflow-x:clip;
	position:relative;
}
#cover .f-serif{position:relative; z-index:1;}
#cover h1{font-size:82px; margin-bottom:.5em;}
#cover .inner{
	display:flex;
	height:900px;
	align-items:center;
	color:white;
	background:var(--color-main) url(assets/images/cover.svg) no-repeat left top;
}
#cover .skew-img{
	width:70%;
	height:100%;
	top:0;
	z-index:0;
}
#cover::after{
	content:'Maximizing Real Estate Value.';
	display:block;
	white-space:nowrap;
	margin-left:-.1em;

	font:normal 600 1rem/1.4 "Roboto", sans-serif; /* style weight size/line-height family  */
	font-optical-sizing:auto;
	font-variation-settings:"wdth" 600;
	font-size:7.5vw;
	
	transform:translateY(-50%);
	position:relative;
	z-index:2;
}

.skew-img.bg-01{background-image:url(assets/images/bg01.webp);}

@media (max-width:1199px){
	#cover h1{font-size:72px;}
}
@media (max-width:767px){
	#cover{background:var(--color-main);}
	#cover .inner{background-size:100% auto; padding-bottom:2rem;}
	#cover h1{
		width:calc(90% + var(--container-px) * 2);
		font-size:8vw;
		line-height:1.6;
		padding-top:1em;
		margin-bottom:.5em;
	}
	#cover h1,
	#cover::after,
/* 	#cover::after, //縦ver */
	#cover .skew-img{
		aspect-ratio:375/490;
	}
	#cover .inner{
		height:auto;
		align-items:flex-start;
	}
	#cover .skew-img{
		width:90%;
		height:auto;
		aspect-ratio:375/490;
	}
	#cover::after{
		width:90%;
		display:flex;
		align-items:flex-end;
		position:absolute;
		top:0;
		left:0;
		transform:none;
		line-height:3;
	}
/*
	//縦ver
	#cover::after{
		position:absolute;
		top:2em;
		left:calc(100% - 1.5em);
		transform:none;
		transform-origin:left top;
		transform:rotate(90deg) translateY(-100%)
	}
*/
}

/* h
--------------------------------------------------------------*/
h1,.h1,h2,.h2,h3,.h3,h4,.h4{line-height:1.25; font-weight:600; margin-bottom:0;}
h1, .h1{font-size:80px;}
h2, .h2{font-size:60px; margin-bottom:2.5rem;}
h3, .h3{font-size:40px;}
h3{margin-bottom:1.5rem;}
h4, .h4{font-size:26px;}
.lead:not(.en){
	font-family:"Noto Serif JP", sans-serif;
	font-optical-sizing: auto;
	font-weight:400;
	font-style:normal;
	
	font-size:20px;
	line-height:2;
}
strong{font-weight:600;}
p{margin-bottom:1.6rem;}

.flex-title{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:1rem;
}
.flex-title .en{font-size:64px; line-height:1;}
.flex-title .ja{
	font-size:18px;
	color:var(--color-main);
	background-color:white;
	padding:.5em 2em .5em 1em;
	border-radius:0 10em 10em 0;
}
.flex-title.c{align-items:center;}
.flex-title.c .ja{padding:.5em; background-color:transparent;}
.flex-title .bg-main{color:white; background-color:var(--color-main);}

h1.flex-title{margin:0;}
h2.flex-title .en::first-letter{color:var(--color-main);}

@media (max-width:1399px){
/* 	h2, .h2{font-size:50px;} */
/* 	h2, .h2{font-size:4vw;} */
}
@media (992px <= width < 1399px){
	h2, .h2{font-size:4.5vw;}
}
@media (max-width:992px){
	h3, .h3{font-size:36px;}
}
@media (max-width:767px){
	h2, .h2{font-size:7.2vw; margin-bottom:2rem;}
	
	h3{margin-bottom:1rem;}
	.flex-title{gap:.5rem;}
	.flex-title .en{font-size:9.4vw;}
	.flex-title .ja{font-size:1rem; padding:.25em 2em .25em 1em;}
}
@media (max-width:575px){
	h3, .h3{font-size:30px;}
	.lead:not(.en){
		font-size:1rem;
	}
}

.c-main{color:var(--color-main);}
.bg-main{color:white; background-color:var(--color-main);}
.bg-gray{background-color:var(--color-gray);}
.bg-vario{background:url(assets/images/vario.svg) no-repeat right center/auto 100%;}

.skew-img-wrap{position:relative; overflow-x:clip; z-index:1;}
.skew-img{
	position:absolute;
	top:calc(var(--h-content-header) * -1);
	right:0;
	overflow:clip;

	transform-origin:left bottom;
	transform:skewX(-30deg);

	background-image:url(assets/images/cover.webp);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;

	width:50%;
/* 	height:calc(100% + var(--h-content-header)); */
	height:calc(500px + var(--h-content-header));	
	z-index:-1;
}
.skew-img::before{
	content:'';
	position:absolute;
	inset:0;
	/* 親の背景をコピーして使う! */
	background-image:inherit;
	background-position:inherit;
	background-size:inherit;
	background-repeat:inherit;

	transform-origin:left bottom;
	transform:skewX(30deg);
}

@media (max-width:991px){
	article .skew-img{width:60%;}
}
@media (max-width:767px){
	article .skew-img{
		width:100%;
		height:auto;
		aspect-ratio:16/9;
		position:relative;
		top:auto;
		transform:none;
	}
	article .skew-img::before{content:none;}
}


/* buttons
----------------------------------------------- */
.btn{font-size:20px; font-weight:600;}
.btn-sm{font-size:1rem;}
.btn-next{
	display:inline-flex;
	align-items:center;
	gap:1rem;
	color:var(--color-main);
	padding:0;
}
.btn-next::after{
	content:'';
	width:.6em;
	aspect-ratio:1/1;
	border:1px solid var(--color-main);
	border-width:2px 2px 0 0;
	transform:rotate(45deg);
}
.btn-next:hover{color:var(--bs-body-color);}
.btn-next:hover::after{border-color:var(--bs-body-color);}

.btn-main{
	--bs-btn-padding-x:2em;
	border-radius:10em;
	color:white !important;
	background-color:var(--color-main);
}
.btn-main:hover{
	background-color:var(--bs-body-color);
}

.btn-blue{
	--bs-btn-padding-x:2em;
	border-radius:10em;
	color:white;
	background-color:var(--color-blue);
}
.btn-blue:hover{
	color:var(--color-blue);
	background-color:white;
}

.btn-black{
	--bs-btn-padding-x:2em;
	border-radius:10em;
	color:white;
	background-color:var(--bs-body-color);
}
.btn-black:hover{
	color:var(--bs-body-color);
	background-color:white;
}

@media (max-width:767px){
	.btn{font-size:1rem;}
}

/* content-header
----------------------------------------------- */
:root{
	--h-content-header:260px;
}
.content-header{
	height:var(--h-content-header);
	padding:1rem var(--container-px);
	background-color:var(--color-main);
	position:relative;
}
.content-header h1,
.content-header .h1{color:white;}

.breadcrumb{display:flex; flex-wrap:wrap; gap:.75em; color:white; margin-bottom:3rem;}
.breadcrumb>*{display:inline-flex; align-items:center; gap:.5rem;}
.breadcrumb>*::after{
	content:'';
	width:.6em;
	aspect-ratio:1/1;
	border:1px solid white;
	border-width:1px 1px 0 0;
	transform:rotate(45deg);
}
.breadcrumb>*:last-child::after{content:none;}

.breadcrumb a{color:white; text-decoration:none;}

@media (max-width:767px){
	:root{
		--h-content-header:auto;
	}
}

/* widget
----------------------------------------------- */


/* archive & single
----------------------------------------------- */
/*
.single-header,
.archive-header{
}
*/

body.archive .bg-vario{
	background-repeat:repeat-y;
	background-size:auto;
}

time{font-size:14px;}

/* list */
.archive-list .post{border-bottom:1px solid var(--bs-body-color);}
.archive-list .post a{display:flex; flex-direction:column; color:var(--color-dark); padding:1.5rem .5rem;}
.archive-list .post a:hover{}
.archive-list .post .d-flex{flex-wrap:wrap; align-items:center; gap:.5em; margin-bottom:.5rem;}

ul.archive-list{flex-direction:column; border-top:1px solid var(--bs-body-color);}
.archive-list h2{font-size:1rem; margin:0;}

/* grid */
.archive-grid .post .post-tmb{
	aspect-ratio:350/300;
	border-radius:20px;
	overflow:clip;
	margin-bottom:1rem;
	background:#F4F4F4 url(assets/images/no-img.svg) no-repeat center center/50% auto;
}
.archive-grid .post h2{font-size:20px; margin-bottom:.5rem;}

.labels{display:flex; flex-wrap:wrap; gap:.5em; font-size:13px;}
.labels>*{color:white; background-color:var(--color-blue); line-height:1; padding:.4em .75em; border-radius:6px;}
.labels.cats-achievements + time{margin-bottom:.75rem;}
.labels.cats-news>*{border-radius:10em;}

/* sidebar */
#sidebar h2{color:var(--color-main); margin-bottom:1rem;}
ul.archive-date .nav-link{padding:.5rem 0; color:var(--color-black);}
ul.archive-date .nav-link:hover{opacity:.8;}

/* the_posts_pagination */
nav.navigation{justify-content:center; padding:3rem 0;}
nav.navigation ul{display:flex; column-gap:20px; margin:0; padding:0; list-style:none;}
nav.navigation ul *{display:flex;}
nav.navigation ul li>*{width:40px; aspect-ratio:1/1; color:var(--color-main); border:1px solid var(--color-main); justify-content:center; align-items:center; border-radius:20px;}
nav.navigation ul li a{text-decoration:none;}
nav.navigation ul li a:hover,
nav.navigation ul li>*.current{color:white; background-color:var(--color-main); border-color:var(--color-main);}

@media (max-width:767px){
	.archive-grid .post .post-tmb{aspect-ratio:16/9;}
}
@media (max-width:575px){
	.archive-block.archive-list{padding:20px 0;}
	.archive-list .post a{flex-direction:column;}
	.archive-list .post a time{font-size:.85em;}
}

/* single
----------------------------------------------- */


/* pages
--------------------------------------------------------------*/

/* home
--------------------------------------------------------------*/
#pos-service{
	color:white;
	background:linear-gradient(
		60deg,
		black 53%,
		var(--color-blue) 53%
	);
}
#pos-service h2{margin-bottom:1.5em;}
#pos-service .flex-title .en::first-letter{color:var(--color-blue)}
#pos-service .flex-title .ja{color:var(--color-blue); background-color:white;}
#pos-service .col-items{
	max-width:calc(600px + var(--container-px) * 2);
	align-self:center;
}

[class*=svc-]::before{
	content:'';
	aspect-ratio:1/1;
	background:no-repeat center center/contain;
}
.svc-01::before{background-image:url(assets/images/ic-01.svg);}
.svc-02::before{background-image:url(assets/images/ic-02.svg);}
.svc-03::before{background-image:url(assets/images/ic-03.svg);}
.svc-04::before{background-image:url(assets/images/ic-04.svg);}
.svc-05::before{background-image:url(assets/images/ic-05.svg);}
.svc-06::before{background-image:url(assets/images/ic-06.svg);}

.service-items{
	font-size:18px;
	width:100%;
	aspect-ratio:9/10;
	position:relative;
}
.service-items::before{
	content:'';
	display:block;
	width:36%;
	aspect-ratio:538/195;
	background:url(assets/images/logo.png) no-repeat center center/contain;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.service-items li{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:.25em;
	width:30%;
	text-align:center;
	aspect-ratio:1/1;
	color:var(--color-main);
	line-height:1.4;
	background-color:white;
	border-radius:10em;
	position:absolute;
}
.service-items li[class*=svc]::before{
	display:block;
	width:33%;
}
.service-items li.svc-01{top:0; left:50%; transform:translateX(-50%);}
.service-items li.svc-02{top:calc(100% / 3 * 1); right:0; transform:translateY(-50%);}
.service-items li.svc-03{top:calc(100% / 3 * 2); right:0; transform:translateY(-50%);}
.service-items li.svc-04{top:calc(100% / 3 * 1); left:0; transform:translateY(-50%);}
.service-items li.svc-05{top:calc(100% / 3 * 2); left:0; transform:translateY(-50%);}
.service-items li.svc-06{bottom:0; left:50%; transform:translateX(-50%);}

@media (max-width:991px){
	#pos-service{
		background:linear-gradient(
			140deg,
			black 50%,
			var(--color-blue) 50%
		);
	}
}
@media (992px <= width < 1200px){
	.service-items{font-size:1rem;}
	#pos-service .row>*:first-child{padding-right:10px;}
	#pos-service .row>*:last-child{padding-left:10px;}
}
@media (max-width:575px){
	.service-items{font-size:12px;}
}

#pos-ceo .box{
	background:linear-gradient(
		180deg,
		var(--color-gray) 38px,
		white 38px
	);
	position:relative;
}
#pos-ceo .box::after{
	content:'YUTARO YAMAGUCHI';
	color:var(--color-main);

	font-family: "Roboto", sans-serif;
	font-optical-sizing:auto;
	font-style:600;
	font-variation-settings:"wdth" 600;
	font-size:50px;
	white-space:nowrap;

	position:absolute;
	left:0;
	bottom:0;
	transform-origin:left bottom;
	transform:rotate(-90deg) translateY(50%);
}
/* #pos-ceo .inner{padding:0 9% calc(var(--container-py) / 2);} */
#pos-ceo .inner{width:690px; max-width:90%; margin:0 auto; padding-top:var(--container-py); padding-bottom:calc(var(--container-py) / 2);}

#pos-ceo .col-msg{align-self:flex-end; padding-top:140px;}
@media (min-width:1200px){
	#pos-ceo h3.f-serif{font-size:46px;}
	#pos-ceo .col-photo{max-width:calc(400px + var(--container-px) * 2);}
}
@media (min-width:992px){
	#pos-ceo .box h2{
		position:absolute;
		top:0;
		right:-.7em;
	}
}
@media (max-width:991px){
	#pos-ceo{padding-left:var(--container-px); padding-right:var(--container-px);}
#pos-ceo .inner{padding-top:0;}
	#pos-ceo .box h2{margin-left:calc(var(--container-px) * -1);}
	#pos-ceo .col-msg{padding-top:30px;}
	#pos-ceo .col-photo img{width:450px;}

/*
	#pos-ceo .box::after{
		font-size:7vw;
		bottom:auto;
		top:50%;
	}
*/
	#pos-ceo .box::after{
		left:auto;
		right:-.5em;
		font-size:6vw;
		transform:translateY(50%);
	}
}
@media (max-width:575px){
	#pos-ceo h3.f-serif{font-size:22px;}
}


/* snow-monkey-blocks
----------------------------------------------- */
.smb-section__inner>.c-container{max-width:1000px;}
.sme-badge {
	align-items:center;
	border-radius:6px;
	color:white;
	font-size:14px;
	padding:.25em .5em;
}
.smf-form .smf-text-control__control {
	width:100%;
}
.has-sm-gray-background-color {
	background-color:#999;
}
.smf-item__controls{
	margin: 10px 0 30px;
}
.smf-action{text-align:center;}

/* plug-in contact form 7
----------------------------------------------- */
/*
[class*="slug-form-"] article{max-width:850px; margin:0 auto;}
[class*="slug-form-"] h1{text-align:center; padding-bottom:2rem; margin-bottom:2rem; border-bottom:1px solid var(--color-gray);}

.form-group{display:flex; gap:2rem; padding:1rem 0;}
.form-group>label{display:flex; justify-content:space-between; min-width:16em; padding:.375rem 0;}
.form-group label.req::after{
	content:'必須';
	align-self:flex-start;
	font-size:0.75em;
	padding:0 .5em;
	margin-top:.25rem;
	color:white;
	background-color:var(--color-grn-dark);
	border-radius:4px;
}
.form-group>div{width:100%; position:relative;}
*/
/*
.row-address .form-group{border:none; padding:.5rem 0;}
.row-address .form-group label{min-width:8em;}
*/

/*
.mwform-radio-field.horizontal-item{display:inline-block; padding:.375rem 0;}

.form-control{
	height:auto;
	padding:.5rem 1rem;
	border-radius:8px;
	border-color:var(--color-gray);
}
.form-select{width:auto; border-radius:8px;}

.form-control,
.form-select{background-color:var(--bg-gray);}

.mw_wp_form .horizontal-item,
.mw_wp_form .horizontal-item + .horizontal-item{margin:0 1rem 0 0;}

.submit-bar{display:flex; flex-direction:column; align-items:center; gap:2rem; margin:3rem 0;}
.submit-bar .wp-block-button{margin:0;}
[name="submitBack"]{flex-direction:row-reverse; --color-main:var(--color-gray);}
[name="submitBack"]::after{transform:scale(-1,1);}

.p-country-name{display:none;}

.mw_wp_form .error{
	font-size:.85rem;
	color:white;
	background-color:rgba(var(--color-red-rgb),.7);
	padding:0 .75em;
	position:absolute;
	border-radius:10em;
	top:0;
	left:0;
	transform:translateY(-90%);
}

.mw_wp_form_confirm .form-group>div{padding:.375rem 0;}
.mw_wp_form_confirm .conf-hide{display:none;}
*/