.contact {
	line-height: normal;
}

.contact_iocn_tel {
	width: auto;
	height: 34px;
}

.contact_textblock {
	padding: var(--g-12) 0 var(--g-8);
	background: var(--c-blue);
	text-align: center;
	margin: 0 auto;
    max-width: 37.5rem;
}

@media (min-width: 960px) {

	.contact_conteiner {
		display: flex;
		justify-content: center;
	}

	.contact_textblock {
		min-width: 22.5rem;
		margin: unset;
	}
}

.contact_textblock p {
	color: var(--c-light);
}

.--bold {
	font-weight: var(--fw-lg);
}

.contact_ttl {
	font-size: var(--fz-36);
	letter-spacing: 5px;
	font-style: italic;
}

.contact_tel {
	font-size: 2.75rem;
}

@media (min-width: 600px) {
	.contact_ttl {
		font-size: var(--fz-32);
	}

	.contact_tel {
		font-size: var(--fz-40);
	}
}

.contact_tel_block {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--g-14);
}

.m-l_block {
	display: flex;
	flex-direction: column;
	width: 100%;
    max-width: 600px;
	margin: 0 auto;
	border-left: var(--bd-w--sm) solid var(--c-blue);
	border-right: var(--bd-w--sm) solid var(--c-blue);
	border-bottom: var(--bd-w--sm) solid var(--c-blue);
	background: var(--c-light);
}

.contact_mail-line {
	position: relative;
	display: flex;
	align-items: center;
	color: var(--c-dark);
	font-weight: var(--fw-md);
	padding: var(--g-16) 0;
	padding-left: var(--g-28);
}

@media (min-width: 600px) {
	.contact_mail-line {
		padding: var(--g-28) 0;
		padding-left: 6rem;
	}
}

@media (min-width: 960px) {
	.m-l_block {
		margin: unset;
		border-top: var(--bd-w--sm) solid var(--c-blue);
		border-left: unset;
	}

	.contact_mail-line {
		padding-left: 7.25rem;
	}
}

.contact_mail-line p {
	font-size: var(--fz-24);
}

.contact_mail-line:not(:last-of-type) {
	border-bottom: var(--bd-w--sm) solid #e6e6e6;
}

.contact_mail-line::after {
	position: absolute;
    content: "";
    background-image: url(/wp-content/uploads/2024/05/weathercock_btn-icon_yajirushi.png);
    background-repeat: no-repeat no-repeat;
    background-size: contain;
    width: var(--g-20);
    height: 9px;
    right: var(--g-24);
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
}

.contact_mail-line:hover::after {
	right: var(--g-12);
}

@media (min-width: 600px) {
	.contact_mail-line::after {
		width: var(--g-24);
		right: 4.5rem;
	}
	
	.contact_mail-line:hover::after {
		right: 3.5rem;
	}
}

.contact_iocn_dark,
.contact_iocn_dark_mail{
	width: var(--g-28);
	height: var(--g-28);
	margin-right: var(--g-12);
}

.contact_iocn_dark_mail {
	width: var(--g-28);
	height: var(--g-20);
}

@media (min-width: 600px) {
	.contact_iocn_dark {
		width: var(--g-32);
		height: var(--g-32);
	}
	
	.contact_iocn_dark_mail {
	width: var(--g-32);
	height: var(--g-24);
}
}