@charset "utf-8";

/******************** concept ********************/
.comment {
	background: url("/wp-content/uploads/2025/04/concept_comment.png") no-repeat center;
	font-family: "A-OTF リュウミン Pr5 R-KL", "游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E";
	font-feature-settings : "palt";
	font-size: 18px;
	letter-spacing: 0.1em;
	color: #a69056;
	margin-bottom: 45px;
}
#concept {
	background: url("/wp-content/uploads/2025/04/concept_bg.png") no-repeat center;
	padding-bottom: 40px;
}
#concept ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	align-items: center;
}
#concept li.left {
	margin-right: 20px;
	text-align: left;
}
#concept li.right {
	margin-left: 30px;
	text-align: left;
}
#concept img {
	border-radius: 50%;
	width: 300px;
	height: 300px;
	object-fit: cover;
	object-position: top;
}
#concept h3 {
	font-family:  "A-OTF 丸フォーク Pro R", "游ゴシック", Yu Gothic;
	font-feature-settings : "palt";
	letter-spacing: 0.08em;
	color: #05c0a4;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 18px;
}

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;

/* グラデーション */
    background: -moz-linear-gradient(top, #f5f5f5, #fff);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#066));　/* Safari,Google Chrome用 */  
}

@media screen and (min-width: 320px) and (max-width: 650px){
}