@charset "UTF-8";

/* 基本色 */
:root{
	--main-color: #efece1;
	--accent-color:#914c70;
	--accent-color: #f0d3bc;
	--accent-color: #4d2a52;
	--accent-color: #4d4c61;
	--accent-color: #b32425;
	--accent-color: rgb(198, 174, 74);
}

#top{
	min-height: 10vh;
}


/* ここからメインページ */
body{
	background-image: url(images/background_img3_correct.jpg);
	background-size: contain;
}
.background{
	background-color: rgba(255, 255, 255, 0.3);
}

main h2{
	color: #4d2a52;
	background-color: #fff;
	border-left: solid 10px #b32425; 
	border-right: solid 10px #b32425;
	width: 40%;
	margin: 50px auto 80px auto;
	padding: 2px 0;
	font-size: 1.5rem;
}
main h2 p{
	color: #4d2a52;
	width: 20%;
	font-size: 0.9rem;
	margin: auto;
	padding-top: 5px;
}
main .coment{
	margin: 10px auto 100px;
	line-height: 2rem;
}
#tel .tel{
	font-size: 2rem;
	line-height: 3.5rem;
}
#tel, #contact{
	text-align: center;
	background-color: rgba(255, 255, 255,.8);
	width: 500px;
	margin: 30px auto 100px auto;
	padding: 15px 0;
}
#contact p{
	text-align: left;
	margin: 10px 5px 0 5px;
	padding: 5px 0 0 70px;
	font-size: 0.9rem;
	display: flex;
}
.conta-1{
	font-size: 0.6rem;
	background-color: crimson;
	border-radius: 3px;
	padding: 4px 6px;
	color: #efece1;
	margin-bottom: 7px;
	margin-top: -2px;
	margin-right: 10px;

}
.conta-2{
	font-size: 0.6rem;
	background-color: #aaa;
	border-radius: 3px;
	padding: 4px 6px;
	color: #efece1;
	margin-bottom: 7px;
	margin-top: -2px;
	margin-right: 10px;
}
main h3{
	color:#4d2a52;
	width: 300px;
	border-left: solid 5px #b32425; 
	border-bottom: solid 1px #b32425;
	background-color: #fff;
	margin: 10px auto 10px auto;
	padding: 5px 0;
	font-size: 1.2rem;
}
input,textarea,select{
	width: 70%;
	border: 1px solid #aaa;
	padding: 5px;
	background-color: #fff;
	text-align: left;
	color: #000;
}
textarea{
	width: 70%;
	text-align: left;
}
input[type="submit"]{
	width: 90px;
	border: 2px solid #914c70;
	padding: 10px 10px 10px 18px;
	border-radius: 10px;
	background-color: #914c70;
	color: #efece1;
	margin: 15px 5px;
	font-size: 0.8rem;
}
input[type="reset"]{
	width: 90px;
	border: 2px solid #EFECE1;
	padding: 10px 10px 10px 18px;
	border-radius: 10px;
	background-color: #EFECE1;
	color: #914c70;
	margin: 15px 5px;
	font-size: 0.8rem;
}
select{
    -moz-appearance: menulist;
    -webkit-appearance: menulist;
	background-color: #faf7f5;
	font-size: 0.8rem;
}
.form-email{
	text-align: left;
	font-size: 0.8rem;
}


/* スマホ設定 */
@media (max-width:640px){
	main h2{
		width: 60%;
		margin: 70px auto 100px auto;
		padding: 5px 0;
	}
	main h2 p{
		width: 30%;
		font-size: 0.9rem;
		margin: auto;
	}
	.coment{
		text-align: left;
		padding: 0 55px;
	}
	#tel, #contact{
		text-align: center;
		background-color: rgba(255, 255, 255,.7);
		width: 80%;
		margin: 20px auto 90px auto;
		border-radius: 15px;
		padding: 15px 0;
		/* font-size: 0.8rem; */
	}
	#contact p{
		padding-left: 30px;
	}
	input,textarea,select{
		width: 85%;
		text-align: left;
		font-size: 0.8rem;
	}
}


/* *{border: 1px solid #000;} */