@charset "UTF-8";
/* CSS Document */

@media (max-width: 600px) {
	.menu {
		font-size: 1.1rem;
	}
	/* 下矢印 */
.init-bottom:after {
    width: 5px;
    height: 5px;
	margin: 0 0 3px 5px;
	}
}

@media (max-width: 960px) {
	.title-eds::before,
	.title-eds::after {
		display: block;
		width: 80%;
		margin: 10px auto;
	}
	
	.title-eds {
		font-size: 1.9rem;
	}
	
	.site-title {
		margin-top: 7px;
		font-size: 6rem;
	}
	
	.header {
		padding: 80px 0 0 0;
		margin: 0px;
	}
	
	.sankaku {
		width: 70px;
		margin-top: 50px;
	}
	
	.heading-h {
		font-size: 2.5rem;
		letter-spacing: 0px;
	}
	
	.heading-sankaku {
		width: 60px;
		margin-bottom: 30px;
	}
	
	body {
		font-size: 1.3rem;
	}
	
	.heading {
		font-size: 2.5rem;
		letter-spacing: 0px;
	}
	
	.works-wrapper,
	.topic-box,
	.work-box {
		display: block;
	}
	
	.topic-box {
		margin-top: 15px;
	}
	
	.topic-h {
		font-size: 2.2rem;
	}
	
	.topic-p {
		margin: 0;
		padding: 0 0 5px;
	}
	
	.hottopic {
		padding: 50px 30px;
	}
	
	.about {
		padding: 50px 30px;
	}
	
	.works {
		padding: 50px 30px;
	}
	
	.work-box {
		margin-top: 30px;
	}
	
	.contact {
		padding: 50px 30px;
	}
	
	.contact-box {
		padding-top: 0;
		font-size: 2.2rem;
	}
	
	.tel {
		font-size: 2.2rem;
	}
	
	.mailto {
		margin-top: 8px;
		font-size: 2rem;
		padding: 5px 10px;
	}
	
	.map {
		padding: 50px 30px;
	}
	
	.map,
	.text-blok,
	.map-blok {
		display: block;
	}
	
	.text-blok {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.map-blok {
		width: 100%;
	}
	
	.footer {
		padding-top: 0px;
	}
	
	.top,
	.home {
		right: 20px;
	}
	
	.text-blok p .tel {
    font-size: 1.3rem;
}
	.menu {
		width: 100%;
		right: 0;
		left: 0;
}
}