@charset 'utf-8';

html { scroll-behavior:smooth; }

/*共通css*/
body { letter-spacing: 0em; font:normal normal normal 16px/1.8em "Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif; letter-spacing:0.1em; position:relative; box-sizing: border-box; }
body * { box-sizing:border-box; }/*線幅とpaddingを含める*/
.inline_pc { display:none; }
.inline_sp { display:inline; }
.block_pc { display:none; }
.block_sp { display:block; }
p { text-align:justify; }

@media screen and (min-width: 1080px) {
  body {letter-spacing: 0.05em; }
  .inline_pc { display:inline; }
  .inline_sp { display:none; }
  .block_pc { display:block; }
  .block_sp { display:none; }
}

main { background:#FFFCF8; }
.bg_brown { width:100%; background:#D1C9B9; }
.bg_white { width:100%; }
.bg_contact { background:#f5f1eb; }
.bg { width:100%; background:#F5F1EC; }
.sheet { width:90%; max-width:1080px; margin:0 auto; padding:30px 0; position:relative; }
@media screen and (min-width: 1080px) {
	.sheet { padding-top:0; }
}

.heading { width:100%; display:block; padding:0 0 20px 0; }
h1 .headingWord { display:block; font-size:24px; line-height:1.2; }
h2 .headingWord { display:block; font-size:36px; line-height:1.2; color:#584728; letter-spacing: 0.2em; font-family: "Kaisei Decol", serif;font-weight: bold; }
h2 .headingRent { display:block; font-size:20px; line-height:1.2; margin:-2% 0 0 0%; font-size:37px; color:#fff; opacity: 0.5; letter-spacing:0.2em; }
.headingEng { display:block; margin:5px 0 0 0; color:#584728; font-size:12px; line-height:1.2; font-family:'futura-pt'; }
@media screen and (min-width: 1080px) {
	.heading { padding:0 0 40px 0; }
	h1 .headingWord { font-size:32px; }
	h2 .headingWord { font-size:24px; }

}

.lead { width:100%; display:block; padding:0 0 20px 0; text-align:justify; }
@media screen and (min-width: 1080px) {
	.lead { padding:0 0 40px 0; text-align:center; }
}

.fuki { width:100%; margin:0 0 -20px 0; display:flex; justify-content:center; }
.fukiText { width:100%; padding:0 15px; display:inline-block; position:relative; text-align:center; font-weight:bold; line-height:1.7; }
.fukiText::before { content:''; width:2px; height:100%; display:block; position:absolute; top:0; left:0; background:#BA1600; transform:rotate(-15deg); }
.fukiText::after { content:''; width:2px; height:100%; display:block; position:absolute; top:0; right:0; background:#BA1600; transform:rotate(15deg); }
@media screen and (min-width: 1080px) {
  .fuki { margin:0 0 -30px 0; }
  .fukiText { width:auto; margin:0 auto; padding:0 30px; font-weight:normal; font-size:24px; }
  .fukiText::before { transform:rotate(-30deg); }
  .fukiText::after { transform:rotate(30deg); }
}