@charset "UTF-8";
/* CSS Document */

/* =====
 * LAYOUT :: ALL DEVICE
=================================================================== */
.nav-style-01 {max-width: 570px;}
.ttl-style-01::before {background: var(--codate-grad7);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
.btn-style-02 {background: rgba(182,136,112,0.9);}
.block-index-02 {padding: 3em 0 5em;}
.block-index-02 .container {background: var(--codate-grad8);}
.block-index-02 #ownedland-01 .container {padding: 3em 0;margin-top: 8em;}
.block-index-02 #ownedland-01 .container ul {display: flex;flex-wrap: wrap;justify-content: space-between;width: calc(100% - 2.8em);max-width: 1100px;margin: 0 auto -6em;position: relative;}
.block-index-02 #ownedland-01 .container ul::after {display: block;content: '';width: 20em;height: 20em;background: url("../img/img_06.webp") no-repeat center/contain;position: absolute;right: 5em;bottom: 1em;}
.block-index-02 #ownedland-01 .container ul li {width: 46%;}
.block-index-02 #ownedland-01 .container ul li:not(:last-child) {margin-bottom: 4em;}
.block-index-02 #ownedland-01 .container ul li:nth-child(odd) {margin-top: -7em;}
.block-index-02 #ownedland-01 .container ul li div {width: 75%;padding: 1em 2em 1.5em;margin: -2em auto 0;background: #fff;border-radius: 0.4em;position: relative;z-index: 1;}
.block-index-02 #ownedland-01 .container ul li div p:nth-child(1) {color: #c89489;font-size: 156.25%;font-weight: bold;line-height: 1;padding: 0.5em 0 0 3em;margin: 0;position: relative;}
.block-index-02 #ownedland-01 .container ul li div p:nth-child(1)::before {content: attr(data-num);color: #f3e5e3;font-size: 182.4%;line-height: 1;letter-spacing: 0;position: absolute;left: 0;bottom: -0.1em;}
.block-index-02 #ownedland-01 .container ul li div p:nth-child(2) {font-size: 87.5%;margin: 1.5em 0 0;}
.block-index-02 #ownedland-02 .container {padding: 6em 0 4em;}
.block-index-02 #ownedland-02 .container > div {width: calc(100% - 2.8em);max-width: 1100px;margin: 3em auto 0;}
.block-index-02 #ownedland-02 .container > div .txt {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;padding: 2.5em;box-sizing: border-box;border-radius: 0.4em;background: #fff;}
.block-index-02 #ownedland-02 .container > div .txt + .txt {margin-top: 3em;}
.block-index-02 #ownedland-02 .container > div .txt div {width: 46%;}
.block-index-02 #ownedland-02 .container > div .txt div h4 {color: #c89489;font-size: 156.25%;font-weight: bold;margin: 0;}
.block-index-02 #ownedland-02 .container > div .txt div h4 span {display: inline-block;}
.block-index-02 #ownedland-02 .container > div .txt div p {font-size: 87.5%;margin: 2em 0 0;}
.block-index-02 #ownedland-02 .container > div .txt div p strong {color: var(--codate-color3);font-weight: bold;}
.block-index-02 #ownedland-02 .container > div .txt figure {width: 50%;}
.block-index-02 #ownedland-02 .container > p {font-size: 156.25%;font-weight: bold;text-align: center;margin: 2em auto 0;width: 90%;}
.block-index-02 #ownedland-02 .container > p span {color: #ce7b6a;}
/* =====
* LAYOUT :: PC
=================================================================== */
@media only screen and (min-width: 769px) and (max-width: 1450px) {
  .nav-style-01 {max-width: 31em;}
}
@media only screen and (max-width: 1300px) {
  .nav-style-01 ul li a {padding: 1.5em 0.75em;}
  .nav-style-01 ul li a span {width: 10em;}
  .block-index-02 #ownedland-01 .container ul li div {width: 80%;padding: 1em;}
  .block-index-02 #ownedland-01 .container ul li div p:nth-child(1) {font-size: 137.5%;}
  .block-index-02 #ownedland-01 .container ul::after {width: 25vw;height: 25vw;right: 3em;}
  .block-index-02 #ownedland-02 .container > div .txt {padding: 1.5em;}
  .block-index-02 #ownedland-02 .container > div .txt div h4 {font-size: 137.5%;}
  .block-index-02 #ownedland-02 .container > p {font-size: 137.5%;}  
}
@media only screen and (min-width: 1025px) {}
/* =====
* LAYOUT :: TAB
=================================================================== */
@media only screen and (min-width: 769px) {}
@media only screen and (max-width: 768px) {}
/* =====
* LAYOUT :: SP
=================================================================== */
@media only screen and (max-width: 768px) {
  .block-index-01 figure {height: 16em;}
  .block-index-01 figure img {height: 100%;object-fit: cover;}    
  .block-index-02 {padding: 2em 0 3em;}
  .block-index-02 #ownedland-01 .container {padding: 0 0 3em;margin-top: 2em;}
  .block-index-02 #ownedland-01 .container ul {width: 100%;margin-bottom: 0;}
  .block-index-02 #ownedland-01 .container ul::after {display: none;}
  .block-index-02 #ownedland-01 .container ul li {width: 100%;margin: 0 0 3em !important;}
  .block-index-02 #ownedland-01 .container ul li:last-child {margin-bottom: 0 !important;}  
  .block-index-02 #ownedland-01 .container ul li figure {height: 15em;overflow: hidden;position: relative;}
  .block-index-02 #ownedland-01 .container ul li figure img {width: 100%;height: 100%;object-fit: cover;}
  .block-index-02 #ownedland-01 .container ul li div {width: 90%;padding: 5vw;margin-top: -3em;box-sizing: border-box;}
  .block-index-02 #ownedland-01 .container ul li div p:nth-child(2) {font-size: 100%;}
  .block-index-02 #ownedland-02 .container {padding: 3em 0;}
  .block-index-02 #ownedland-02 .container > div {width: 90%;margin-top: 2em;}
  .block-index-02 #ownedland-02 .container > div .txt {padding: 5vw;}
  .block-index-02 #ownedland-02 .container > div .txt + .txt {margin-top: 1.5em;}
  .block-index-02 #ownedland-02 .container > div .txt div {width: 100%;}
  .block-index-02 #ownedland-02 .container > div .txt div h4 {line-height: 1;}
  .block-index-02 #ownedland-02 .container > div .txt div p {font-size: 100%;margin-top: 1.5em;}
  .block-index-02 #ownedland-02 .container > div .txt figure {width: 100%;margin-top: 1.5em;}
  .block-index-02 #ownedland-02 .container > p {font-size: 125%;width: 100%;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {}