@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;600;700&display=swap");
.sp { display: none; }

@media screen and (max-width: 768px) { .pc { display: none; }
  .sp { display: block; } }
#contents { width: 100%; }
#contents p { margin-bottom: auto; }
@media screen and (max-width: 768px) { #contents { padding: 0; } }
#contents .block_inner { width: 960px; margin: auto; }
@media screen and (max-width: 768px) { #contents .block_inner { width: 94%; } }

.block_main { max-width: 800px; margin: auto; }
.block_main img { width: 100%; height: auto; }
.block_main + h3.categoryName { margin-top: -2rem; }

h4.subCopy { text-align: center; font-weight: normal; font-size: 1.4rem; margin-bottom: 1rem; }

.pic { position: relative; }
.pic img { width: 100%; height: auto; }
.pic span.note { position: absolute; bottom: 3px; right: 3px; }
.pic span.note.fff { text-shadow: 0px 0px 3px #000000,0px 0px 3px #000000; }
.pic div.note { text-align: right; }

.bg01 { background: #F5F2EB; padding: 4rem 0; }

.skhi span.note { bottom: 7%; }

#point01 .ttl01, #point01 .ttl02, #point01 .ttl03, #point02 .ttl01, #point02 .ttl02, #point02 .ttl03, #point03 .ttl01, #point03 .ttl02, #point03 .ttl03 { max-width: 820px; }
#point01 .ttl02, #point01 .ttl03, #point02 .ttl02, #point02 .ttl03, #point03 .ttl02, #point03 .ttl03 { margin-top: 4rem; }
#point01 h2.mainCopy + .lead, #point02 h2.mainCopy + .lead, #point03 h2.mainCopy + .lead { text-align: center; margin-top: 2rem; }
@media screen and (max-width: 768px) { #point01 h2.mainCopy + .lead, #point02 h2.mainCopy + .lead, #point03 h2.mainCopy + .lead { text-align: left; }
  #point01 h2.mainCopy + .lead .aw, #point02 h2.mainCopy + .lead .aw, #point03 h2.mainCopy + .lead .aw { display: inline; } }

#point02 .niwa { width: 80%; max-width: 680px; }

#point03 { margin-top: 2rem; }
#point03 ul { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; }
#point03 ul * { min-height: 0%; }
#point03 ul li { width: 30%; margin-top: 1rem; display: block; }
#point03 ul li .img-box { width: 100%; padding: 0; margin: 0; line-height: 0; }
#point03 ul li .txt-box { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 1rem 0; }
#point03 ul li .txt-box * { min-height: 0%; }
#point03 ul li .txt-box .pic { width: 80%; margin: auto; }
#point03 ul li.p3-1 { background: #690002; }
#point03 ul li.p3-2 { background: #5F93C3; }
#point03 ul li.p3-3 { background: #D57479; }
#point03 .note { padding: 1rem 0; text-align: right; }
#point03 .slidebox { margin-bottom: 5rem; }
#point03 .slidebox .inner { padding: 0; }
#point03 .slidebox .slide li { margin-top: 0; }
#point03 .slidebox .slide li .inner { display: flex; width: 90%; padding-bottom: 0; }
#point03 .slidebox .slide li .img { position: relative; width: 83.51%; }
#point03 .slidebox .slide li .img img { width: 100%; height: auto; object-fit: contain; }
#point03 .slidebox .slide li .img .note { position: absolute; bottom: 6px; right: 6px; padding: 0; line-height: 1; font-feature-settings: "palt"; letter-spacing: 0.05em; }
#point03 .slidebox .slide li .img .note.fff { color: #fff; }
#point03 .slidebox .slide li .img .note.t-shadow { text-shadow: 0 0 2px rgba(0, 0, 0, 0.7), 0 0 2px rgba(0, 0, 0, 0.7), 0 0 2px rgba(0, 0, 0, 0.7), 0 0 2px rgba(0, 0, 0, 0.7), 0 0 2px rgba(0, 0, 0, 0.7); }
#point03 .slidebox .slide li .txt { display: flex; width: 39.1666%; padding: 1rem; font-feature-settings: "palt"; letter-spacing: 0.05em; }
#point03 .slidebox .slide li .txt .inner { display: flex; flex-direction: column; justify-content: center; width: 100%; padding-bottom: 0; }
#point03 .slidebox .slide li .txt .ttl { font-size: 1.4rem; font-weight: bold; text-align: center; color: #fff; letter-spacing: 0.1em; }
#point03 .slidebox .slide li .txt .lead { margin-top: 1rem; font-size: .9rem; line-height: 1.6; color: #fff; }
#point03 .slidebox .slide li.slide01 .txt { background: #690002; }
#point03 .slidebox .slide li.slide01 .txt .inner { flex-grow: 1; }
#point03 .slidebox .slide li.slide02 .txt { background: #1a2a51; }
#point03 .slidebox .slide li.slide02 .txt .inner { flex-grow: 1; }
#point03 .slidebox .slide li.slide03 .txt { background: #5F93C3; }
#point03 .slidebox .slide li.slide04 .txt { background: #D57479; }
#point03 .slidebox .slick-prev, #point03 .slidebox .slick-next { background: none; width: 27px; height: 71px; }
#point03 .slidebox .slick-next:before, #point03 .slidebox .slick-prev:before { content: ""; display: block; width: 27px; height: 71px; }
#point03 .slidebox .slick-next:before { background: url("../img/residence/next.png") no-repeat 0% 50%; background-size: contain; }
#point03 .slidebox .slick-prev:before { background: url("../img/residence/prev.png") no-repeat 0% 50%; background-size: contain; }
#point03 .slidebox .slick-next:after, #point03 .slidebox .slick-prev:after { content: inherit; }
#point03 .slidebox .slick-arrow.slick-next { right: 0; }
#point03 .slidebox .slick-arrow.slick-prev { left: 0; }
#point03 .slidebox .thumb-list { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; max-width: 600px; margin: 1rem auto 0 auto; }
#point03 .slidebox .thumb-list li { margin: 1rem 1.5% 0 1.5%; width: 20.5%; cursor: pointer; }
#point03 .slidebox .thumb-list li .img { background: #000; }
#point03 .slidebox .thumb-list li .img img { opacity: .5; transition: .3s; /*box-shadow: 0px 1px 3px rgba(0,0,0,.5);*/ vertical-align: top; }
#point03 .slidebox .thumb-list li:hover .img img, #point03 .slidebox .thumb-list li.thumbnail-current .img img { transform: scale(1.1); opacity: 1; }
@media screen and (max-width: 768px) { #point03 ul li { width: 100%; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; }
  #point03 ul li * { min-height: 0%; }
  #point03 ul li .img-box { width: 50%; }
  #point03 ul li .txt-box { width: 50%; padding: 0; }
  #point03 ul li .txt-box .pic { width: 75%; }
  #point03 ul li:nth-of-type(2n) .txt-box { -webkit-box-ordinal-group: 0; order: -1; }
  #point03 .slidebox .slide li .inner { flex-direction: column; width: 88%; }
  #point03 .slidebox .slide li .img { width: 100%; }
  #point03 .slidebox .slide li .txt { width: 100%; min-height: 170px; }
  #point03 .slidebox .slide li .txt .ttl { font-size: 1.2rem; }
  #point03 .slidebox .slide .slick-prev, #point03 .slidebox .slide .slick-next { width: 17px; height: 61px; }
  #point03 .slidebox .slide .slick-next:before, #point03 .slidebox .slide .slick-prev:before { width: 17px; height: 61px; }
  #point03 .slidebox .slide .slick-prev { left: -5px; }
  #point03 .slidebox .slide .slick-next { right: -5px; } }

#block01-2 .takuhai { max-width: 800px; margin: 0 auto; }
#block01-2 .takuhai .takuhai-ttl { background: #7D0000; color: #fff; font-size: 1.7rem; line-height: 1.6; text-align: center; padding: 1rem; }
#block01-2 .takuhai .pic { background: #FFFEEE; padding: 1rem 0 0 1rem; line-height: 0; }
#block01-2 .takuhai .note { margin-top: 1rem; }
#block01-2 .lp-list { margin-top: 2rem; }
#block01-2 .lp-list ul { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: stretch; align-items: stretch; }
#block01-2 .lp-list ul * { min-height: 0%; }
#block01-2 .lp-list ul li { margin: 1rem 1.5%; width: 30%; }
#block01-2 .lp-list ul li .img-box { width: 100%; }
#block01-2 .lp-list ul li .img-box .pic .note { right: 6px; bottom: 6px; text-shadow: 0 0 3px #fff, 0 0 6px #fff; }
#block01-2 .lp-list ul li .img-box .icon { width: 30%; position: absolute; top: -5%; left: -5%; z-index: 2; }
#block01-2 .lp-list ul li .txt-box { width: 100%; margin-top: 1rem; }
#block01-2 .lp-list ul li .txt-box .li-ttl { font-family: 'Noto Sans JP', sans-serif; font-size: 1.4rem; line-height: 1.2; color: #8C7666; padding-bottom: 1rem; border-bottom: solid 1px #000; }
#block01-2 .lp-list ul li .txt-box .li-txt { margin-top: 1rem; font-size: 1rem; line-height: 1.6; }
#block01-2 .lp-list ul li .txt-box .li-txt .note { margin-top: 1rem; }
@media screen and (max-width: 768px) { #block01-2 .takuhai .takuhai-ttl { font-size: 1.2rem; padding: .5rem; }
  #block01-2 .lp-list ul { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; }
  #block01-2 .lp-list ul * { min-height: 0%; }
  #block01-2 .lp-list ul li { width: 100%; margin: 2rem 0 0 0; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; }
  #block01-2 .lp-list ul li * { min-height: 0%; }
  #block01-2 .lp-list ul li .txt-box { width: 49%; margin-top: 0; }
  #block01-2 .lp-list ul li .txt-box .li-ttl { font-size: 1rem; }
  #block01-2 .lp-list ul li .txt-box .li-txt { font-size: .85rem; }
  #block01-2 .lp-list ul li .img-box { width: 49%; }
  #block01-2 .lp-list ul li:nth-of-type(2n) .txt-box { -webkit-box-ordinal-group: 0; order: -1; } }

body.design .pic .cap { font-size: 11px; line-height: 1; position: absolute; right: 10px; bottom: 10px; text-shadow: 0 0 3px #fff; }
body.design .pic .cap.w { color: #fff; text-shadow: 0 0 3px #000; }
body.design #block01 { padding-top: 3rem; }
body.design .img01 { padding-top: 3rem; position: relative; }
body.design .img01 .pic { position: relative; z-index: 3; width: 90%; max-width: 960px; margin: 0 auto; width: 100%; /*.cap{
	bottom: 10%;
}*/ }
body.design .img01::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 20%; background: #f5f2eb; }
body.design #block02 { background: #f5f2eb; padding-top: 3rem; position: relative; }
body.design #block02 .leaf01 { width: 8%; min-width: 20px; position: absolute; top: 1rem; right: 5%; z-index: 2; }
body.design #block02 .leaf01 img { width: 100%; height: auto; }
body.design .img02 { width: 100%; max-width: 1400px; margin: 0 auto; line-height: 0; position: relative; padding-top: 1rem; }
body.design .img02 .leaf04 { width: 6%; min-width: 20px; position: absolute; top: 0; left: 30%; z-index: 2; }
body.design .img02 .leaf04 img { width: 100%; height: auto; }
body.design #block03 { background: #560000; margin: 0; padding: 3rem 0; }
body.design #block03 .b03-ttl { width: 90%; max-width: 960px; margin: 0 auto; margin-top: 3rem; border-top: solid 5px; border-bottom: solid 5px; border-image: linear-gradient(to right, #9f853e 0%, #ead89a 50%, #9f853e 100%) 1; padding: .2rem 0; }
body.design #block03 .b03-ttl .txt { text-align: center; color: #fff; font-size: 1.5rem; line-height: 1.6; padding: 1rem 0; border-top: solid 2px; border-bottom: solid 2px; border-image: linear-gradient(to right, #9f853e 0%, #ead89a 50%, #9f853e 100%) 1; }
body.design .b03-list, body.design .b03-list2 { width: 90%; max-width: 960px; margin: 0 auto; }
body.design .b03-list li, body.design .b03-list2 li { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; margin-top: 2rem; border-bottom: solid 1px #fff; padding-bottom: 2rem; }
body.design .b03-list li *, body.design .b03-list2 li * { min-height: 0%; }
body.design .b03-list li:last-of-type, body.design .b03-list2 li:last-of-type { border-bottom: none; padding-bottom: 0; }
body.design .b03-list li .pic-box, body.design .b03-list2 li .pic-box { width: 35%; }
body.design .b03-list li .txt, body.design .b03-list2 li .txt { width: 60%; color: #fff; font-size: 1rem; line-height: 1.6; }
body.design .b03-list2 li .pic-box { -webkit-box-ordinal-group: 3; order: 2; }
body.design .b03-list2 li:nth-of-type(2n) .pic-box { -webkit-box-ordinal-group: 1; order: 0; }
body.design #block04 { position: relative; background: #4C4345; padding: 3rem 0; }
body.design #block04 .leaf02, body.design #block04 .leaf03 { width: 6%; min-width: 20px; position: absolute; z-index: 2; }
body.design #block04 .leaf02 { top: -1.5rem; left: 50%; }
body.design #block04 .leaf03 { left: 10%; bottom: -1rem; }
body.design #block04 .block_inner { width: 90%; max-width: 960px; margin: 0 auto; max-width: 680px; }
body.design #block04 .flex { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; }
body.design #block04 .flex * { min-height: 0%; }
body.design #block04 .flex .txt { color: #fff; width: 65%; }
body.design #block04 .flex .txt h3.categoryName, body.design #block04 .flex .txt .lead { text-align: left; }
body.design #block04 .flex .txt h3.categoryName { line-height: 1.2; }
body.design #block04 .flex .txt .d-name { display: block; margin-top: 1rem; font-size: 2rem; letter-spacing: .2em; }
body.design #block04 .flex .img07 { width: 30%; }
@media screen and (max-width: 768px) { body.design .img01 .pic .cap { bottom: 5%; }
  body.design .b03-list li .pic-box, body.design .b03-list2 li .pic-box { width: 48%; }
  body.design .b03-list li .txt, body.design .b03-list2 li .txt { width: 48%; font-size: .875rem; }
  body.design #block04 { padding: 2rem 0; }
  body.design #block04 .flex .txt h3.categoryName { font-size: 1.2rem; }
  body.design #block04 .flex .txt .lead { font-size: .75rem; line-height: 1.4; }
  body.design #block04 .flex .txt .d-name { font-size: 1.5rem; } }
@media screen and (max-width: 480px) { body.design .b03-list li .pic-box, body.design .b03-list2 li .pic-box { width: 100%; }
  body.design .b03-list li .txt, body.design .b03-list2 li .txt { width: 100%; margin-top: 1rem; font-size: .875rem; }
  body.design .b03-list2 li .pic-box { -webkit-box-ordinal-group: 1; order: 0; } }