@charset "utf-8";
.sns-icons {
  margin-top: 10px;        /* 上との余白 */
  display: flex;           /* 横並びにする */
  gap: 10px;               /* アイコン同士のすきま */
}

.sns-icons a {
  color: #5A3C37;          /* アイコンの色 */
  font-size: 24px;         /* アイコンの大きさ */
  text-decoration: none;   /* 下線を消す */
  transition: opacity 0.3s;
}

.sns-icons a:hover {
  opacity: 0.5;            /* ホバー時に少し薄く */
}
#c2 {
	clear: both;
	background-image: url(../images/home/main01_pc.jpg);
	margin:    ;
	padding: 10rem 0  ;
}
#c2 h1,
#c2 div {
	text-align: center;
}
#c3 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c4 {
	clear: both;
	margin: 0 0 150px 0;
	padding:    ;
}
#c4 h3,
#c4 div {
	text-align: center;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c2 {
}
#c3 {
}
#c4 {
}
}
@media screen and (max-width: 640px) {
#c2 {
}
#c3 {
}
#c4 {
}
}