@charset "UTF-8";

@charset "UTF-8";

/*お問合せ
----------------------------------*/

.contact {
	
}
 .content_header_text::before {
	
}
 .content_visual {
	background-image: url(../images/low/bg_contact.png);
}
section.contact {
	position:relative;
}
section.contact::before{
	position:absolute;
	top:5%;
	left:-5%;
	content:"";
	width: 150px;
	aspect-ratio:348 /644;
	background-size:cover;
	background-image:url('../images/index/heart_1@350x.png');
	z-index:0;
	opacity:0.6;
}

 .content_flex {
	padding: 2.5rem;
	justify-content:space-between;
	 background-color:#EFFCFF;
	 border:solid 3px #E9546B;
	 border-radius:20px;
	 margin:2rem;
}

 .contact dl{
	display:flex;
	flex-wrap:wrap;
}

 .contact dt dd{
	font-size:18px;
	padding:2.5rem;
	line-height:1.5;
}

.contact dt{
	width:30%;
	color:#E9546B;
	font-weight:600;
	font-size:20px;
}
}

.contact dd {
	width:70%;
	border-right:solid 3px #E9546B;
	padding-left:1rem;
}

.contact li{
	line-height: 1.5;
	font-size:18px;
	position:relative;
	padding-left:20px;
	margin-bottom:10px;
}
.contact li::before {
	position:absolute;
	top:10px;
	left:0;
	content:"";
	width:10px;
	height:10px;
	background:var(--color-primary);
	border-radius:50%;
}

.text_wrap {
	margin-top:2rem;
	padding: 2.5rem;
	background:rgb(255,255,255,0.7);
	backdrop-filter: blur(3px);
}

.contact .center{
	margin:0 auto;
}

.text_wrap p {
	line-height: 1.5;
	font-size:18px;
	margin-bottom:20px;
}
.text_wrap p.division {
	font-size:1.1em;
	font-weight:600;
}
 section {
	position:relative;
	overflow-x:hidden;
}
 section::after {
	position:absolute;
	bottom:40%;
	right:-10%;
	content:"";
	width: 330px;
	aspect-ratio:567 /477;
	background-size:cover;
	background-image:url('../images/index/brain@350x.png');
	z-index:0;
	pointer-events: none;
	opacity:0.6;
}

.map {
	background-color:#FCF5F5;
	display:flex;
	align-items:center;
	padding:2rem 2rem;
	width:100%;
}

.map .text {
	width:45%;
	font-size:18px;
	line-height:1.5;
	padding:1rem;
}
.map .flower {
	width:55%;
}
.text p {
	font-size:18px;
	font-weight:600;
	margin-bottom: 1rem
}

.map .flower img{
	width:100%;
}

h5 {
	font-size:18px;
	margin-bottom:1rem;
}

p.tel {
	font-size:38px;
	color:#E9546B;
	letter-spacing:0.05rem;
}

p.date{
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
	padding:0.5rem;
}

.address {
	padding:0.5rem;
}

.address dt{
	width:40px;
	height:40px;
	background-repeat: no-repeat;
    background-size: cover;
	background-image: url(../images/common/icon_tel.png);
	margin:0 1rem;
}

@media screen and (max-width: 1200px) {
	.map .text {
		width:50%;
		padding:0.5rem;
	}
	.map .gmap {
		
	}
}
@media screen and (max-width: 1023px) {
	
}
@media screen and (max-width: 999px) {
	.text_wrap {
		padding:1.5rem;
	}
	.map {
		flex-flow:column;
		align-items:center;
		justify-content:center;
	}
	.map .text {
		width:100%;
		display:flex;
		flex-flow:column;
		justify-content:center;
	}
	.map .gmap {
		width:100%;
	}
	.map .flower {
		width:100%;
	}
}
@media screen and (max-width: 750px) {
	.contact .content_flex dt {
		width:100%;
		margin-bottom:20px;
	}
}
@media screen and (max-width: 680px) {
	h3 span {
		padding: 0 3rem;
	}
	.map {
		padding: 1rem;
	}
}
@media screen and (max-width: 480px) {
	.content_hd_wrap {
		width:100%;
	}
	.content_hd_wrap h2 {
		font-size:28px;
	}
	h3 span {
		padding: 0 1rem 0 2.5rem;
	}
	.content_flex {
		margin:1rem 1rem 5rem;;
		padding:1rem 1.5rem;
	}
}