@charset "utf-8";
/* CSS Document */
@media (max-width: 959px){
	.pc {
		display:none!important;
	}
	#menu_btn em {
        font-size: 0.8rem;
        bottom: 8px;
	}
	#menu_btn {
	  /* right: 10px;
	  top: 10px; */
	}
	#menu #info #head_contact #head_tel + p {
		margin: -5px 0 15px;
	}
}

@media all and (max-width: 768px){
	#menu > div {
		width: 90%;
		display: block;
		overflow-y: scroll;
	}
	#menu ul.c-gnav {
		/* border-bottom: solid 1px var(--color_main);
		border-right: none;
		text-align: left;
		padding: 0 0 3%;
		margin: 0 auto 6%; */
	}
	#menu ul.c-gnav li {
		padding: 0;
		margin-bottom: 0.5em;
	}
	#menu ul.c-gnav li a {
		padding: 0.7em 0;
	}
	#menu ul.c-gnav li a .ttl {
		font-weight: bold;
		color: var(--color_main);
		font-size: 1.2rem;
	}
	#menu #info {
		text-align: center;
	}
	#menu #info #ccopy {
		font-size: 0.85rem;
		letter-spacing: 0;
		text-align: left;
		line-height: 1.4;
		max-width: 21em;
		margin: auto;
	}
	#menu #info #ccopy br {
		display: none;
	}
	#menu #info #menu_logo {
		margin: 0.5em auto 0;
		width: 240px;
	}
	#menu #info #head_contact h3 {
		font-size: 1.2rem;
	}
	#head_contact h3 em {
		font-weight: normal;
	}
	#menu #info #head_contact #head_tel, footer #btn_tel a {
		background: url(../../assets/img/icon_tel_wh.png) no-repeat center left 55px var(--color_main);
		background-size: 20px;
		color: #fff;
		font-size: 1.7rem;
		font-weight: normal;
		letter-spacing: 3px;
		position: relative;
		-webkit-box-shadow: none;
		box-shadow: none;
		line-height: 1.3;
		padding: 16px 30px 17px 50px;
		margin: 0.3em 0;
		border: none;
		border-radius: 5px;
		width: 100%;
		max-width: 350px;
		display: inline-block;
		text-align: center;
	}
}

@media all and (min-width: 768px) and (max-width: 1024px) {
}
@media all and (max-width: 450px) {
}