@charset "utf-8";

.contact__top{
	padding-bottom: 110px;
}
.contact__top .title{
	font-size: 22px;
	line-height: 1.2;
	text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 80px;
}
.contact__top__text{
	text-align: center;
	letter-spacing: 0.05em;
	font-size: 20px;
	font-weight: 400;
}

@media (max-width: 750px) {
	.contact__top{
		padding: 0 5% 30px;
	}
	.contact__top .title{
		font-size: 18px;
		margin-bottom: 40px;
	}
	.contact__top__text{
		width: 100%;
		font-size: 16px;
	}
}


/********************************************
contact__list
********************************************/
.contact__list{
	letter-spacing: 0.05em;
	padding-bottom: 100px;
	max-width: 1040px;
	margin: 0 auto;
}
.contact__list .cep{
	align-items: flex-start;
}
.contact__list dl{
	width: 32%;
	text-align: center;
	font-weight: 400;
	line-height: 1.875;
}
.contact__list dl dt span{
	display: block;
}
.contact__list dl dt span.text{
	margin-top: 30px;
}
.contact__list dl.tel dt span.icon{
	padding: 5px 0;
}
.contact__list dl dd{
	margin-top: 30px;
}

@media (max-width: 750px) {
	.contact__list{
		padding-bottom: 0;
	}
	.contact__list dl{
		width: 100%;
	}
	.contact__list dl dt{
		width: 200px;
		margin: 0 auto;
	}
	.contact__list dl dt span{
		display: inline-block;
	}
	.contact__list dl dt span.icon{
		width: 55px;
	}
	.contact__list dl dt span.text{
		width: 175px;
		margin-top: 10px;
	}
	.contact__list dl dd{
		margin: 40px 0;
		font-size: 16px;
	}

	.contact__list dl.line dt span.icon{
		width: 80px;
		margin-bottom: 10px;
	}
	.contact__list dl.line dt span.text{
		width: 143px;
	}
	.contact__list dl.line dd{
		margin-top: 30px;
	}

	.contact__list dl.mail dt{
		width: 90%;
	}
	.contact__list dl.mail dt span.icon{
		width: 73px;
		margin-bottom: 10px;
	}
	.contact__list dl.mail dt span.text{
		width: 100%;
	}
	.contact__list dl.mail dd{
		margin-top: 30px;
	}
}

/********************************************
contact__insta
********************************************/
.contact__insta{
	text-align: center;
	padding-bottom: 375px;
}
.contact__insta .icon{
	display: inline-block;
	width: 80px;
	height: 77px;
	background-image: url(../assets/images/icon_insta_red.png);
	background-size: cover;
	font-size: 0;
	text-indent: -9999px;
	margin-bottom: 30px;
}
.contact__insta dl dd{
	font-size: 20px;
	font-weight: 400;
	padding: 20px 0 45px;
}

@media (max-width: 750px) {
	.contact__insta{
		padding: 0 5%;
		padding-bottom: 200px;
	}
	.contact__insta .icon{
		width: 73px;
		height: 70px;
	}
	.contact__insta .url{
		padding: 0 12%;
	}
	.contact__insta dl dd{
		font-size: 16px;
		padding: 30px 0;
	}
}