<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
address,
em,
img,
small,
strong,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
canvas,
footer,
header,
menu,
nav,
section,
time,
audio,
video,
figure,
button {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: 500;
  vertical-align: baseline;
  background: transparent;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}

body {
  line-height: 2;
  font-family: 'kozuka-gothic-pr6n' , 'sans-serif' , 'Noto Serif JP', 'serif';
  font-weight: 500;
  font-size: 1.6rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #565656;
  font-feature-settings: "palt";
  overflow-x: hidden;
}
main{
letter-spacing: 0.2rem;
}
article,
footer,
header,
menu,
nav,
section {
  display: block;
}

ul {
  list-style: none;
}

a {
  margin: 0;
  color: inherit;
  padding: 0;
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
  background: transparent;
}

a:link {
  transition: .3s;
}

a:link:hover {
  opacity: 0.7;
  cursor: pointer;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

em,
b {
  font-style: normal;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

hr {
  display: block;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

input,
select {
  vertical-align: middle;
}

@media screen and (max-width:1000px) {
  html {
    font-size: calc(1000vw / 1000);
  }
}


@media screen and (max-width:768px) {
  html {
    font-size: calc(1000vw / 768);
  }
}

@media screen and (max-width:500px) {
  html {
    font-size: calc(1000vw / 500);
  }
}

/* ///////////////
common
/////////////// */
.bg_gray {
  background: #BFC0C0;
}
.bg_bk {
  background: #0d0d0d;
}
a.underline {
  text-decoration: underline;
}
.animated.animation {
  opacity: 1;
}
.animated {
  opacity: 0;
}
.min {
  font-family: 'Noto Serif JP', serif;
}
.sp {
  display: none;
}

@media screen and (max-width:768px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
.sec_wrap {
  padding: 7rem 0;
}
.sec_inner {
  max-width: 1080px;
  margin: auto;
  padding: 0 2rem;
  box-sizing: border-box;
}
.sec_ttl {
  text-align: center;
  color: #000;
  margin-bottom: 4rem;
}
.sec_ttl span {
  display: inline-block;
}
.ttl_main {
  font-size: 3rem;
  letter-spacing: 0.1rem;
  margin-bottom: 0.8rem;
  line-height: 1.6;
}
.ttl_sub {
  font-size: 4rem;
  letter-spacing: 0.3rem;
}
.ttl_txt {
  font-size: 3.8rem;
  letter-spacing: 0.05rem
}

.txt_ajust {
  font-size: 2.2rem;
}

@media screen and (max-width:768px) {
  .ttl_sub {
    line-height: 1.4;
    padding-bottom: 1.5rem;
    letter-spacing: 0.15rem;
  }
  .ttl_txt {
    line-height: 1.4;
    padding-top: 1.5rem;
  }
}

@media screen and (max-width:500px) {
.ttl_main {
  font-size: 2.6rem;
  letter-spacing: 0.4rem;
}
}

/* btn */
/* ボタンベース */
.btn a {
  position: relative;
  display: block;
  width: 100%;
  padding: 1.4rem;
  font-family: 'Noto Sans JP', sans-serif;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.4;
}

/* ///////////////
MV
/////////////// */
.mv {
  box-sizing: border-box;
  position: relative;
  background: url('assets/img/top/mv.jpg') center / cover no-repeat;
  z-index: -1;
  width: 100%;
  height: 78rem;
}
.mv {
  animation-duration: 2.2s;
}
.mv_catch,.mv_catch_txt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  padding: 4rem;
  z-index: 10;
}
.mv_catch {
  animation-delay: 1s;
  animation-duration: 2s;
}
.mv_catch_txt {
  animation-delay: 1.4s;
  animation-duration: 3s;
  z-index:99;
  padding: 7rem;
}
.mainmv .txt {
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  margin-top: 2.4rem;
  color: #fff;
}
.mv figcaption {
  font-size: 12px;
  color: #565656;
  position: absolute;
  bottom: 5px;
  right: 10px;
}

/* ///////////////
select
/////////////// */
.select .ttl_main {
  color: #978D87;
}
.select .sec_inner {
  padding: 0;
}
.anchor ul {
  display: flex;
  justify-content: space-between;
  font-size: 2.4rem;
  color: #fff;
}
.anchor ul li {
  background: #19679B;
  position: relative;
  padding: 1rem 1.5rem;
  width: 46%;
  font-size: 2.2rem;
}
.anchor ul li::before {
  position: absolute;
  content:"";
  top: 0;
  left: 0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 58px 15px 58px;
}
.anchor ul li::after {
  position: absolute;
  content:"";
  top: 0;
  right: 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  border-width: 58px 15px 58px 0px;
}
.anchor ul li:nth-child(2) {
  background: #49845D;
}
.anchor ul li .ilandcity {
  font-size: 1.6rem;
}
.select.sec_wrap {
  border-bottom: 1px solid #9FA0A0;
}
.select .btn {
  animation-delay: 0.6s;
  animation-duration: 2s;
}
@media screen and (max-width:1100px) {
.select .sec_inner {
  padding: 0 2rem;
}
.anchor ul {
  display: block;
}
.anchor ul li {
  width: 96%;
  margin-bottom: 3rem;
  padding: 1.4rem;
}
}
@media screen and (max-width:768px) {
.anchor ul li {
  padding: 1.2rem
}  
.anchor ul li:nth-child(2) {
  padding: 2.6rem 1rem;
}
}

/* ///////////////
sec00
/////////////// */
.sec00.sec_wrap,.sec03.sec_wrap {
  padding: 0 0 12rem;
}
.sec00_img,.sec03_img {
  position: relative;
  top: 12rem;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.sec00_img,.sec03_img .figure{
  animation-delay: 1.2s;
  animation-duration: 3s;
}
.iland {
  padding-top: 30rem;
  margin-top: -30rem;
}
.iland .sec_ttl {
  color: #fff;
  margin-top: 4rem;
  padding-bottom: 4rem;
  margin-bottom: 0;
}
.iland .ttl_sub {
  border-bottom: 2px dashed #fff;
}
.ilandtxt.sec_wrap {
  padding: 7rem 2rem;
}
.lifestyle {
  position: relative;
  bottom: 0;
  background: url('assets/img/top/ttl_back.png') top / cover no-repeat;
}
.lifestyle .sec_ttl {
  margin-bottom: 0;
}
.lifestyle .ttl_main {
  color: #fff;
  padding: 2.5rem;
  margin-bottom: 0;
}

@media screen and (max-width:768px) {
.sec00_img img,.sec03_img img {
  width: 90%;
}
.iland {
  padding-top: 13rem;
  margin-top: -13rem;
}
.ilandtxt.sec_wrap {
  padding: 2rem;
}
.ilandtxt img {
  width: 100%;
}
}

/* ///////////////
sec01
/////////////// */
.sec01 .ttl_main,.sec04 .ttl_main {
  font-size: 4.8rem;
  color: #949495;
  margin-bottom: 8rem;
}
.sec01 .holiday00,.sec04 .house00 {
  margin-bottom: 6rem;
}
.sec01 .holiday00 {
  animation-delay: 0.2s;
  animation-duration: 2s;
}
.sec01_txt,
.sec04_txt {
  font-size: 14px;
  text-align: center;
  color: #004B87;
  margin-top: 5rem;
}

@media screen and (max-width:768px) {
.sec01 .ttl_main,.sec04 .ttl_main {
  font-size: 3.4rem;
}
}
/* ///////////////
sec02
/////////////// */
.sec02 {
  background-color: #004B87;
}
.sec02 figcaption,
.sec05 figcaption{
  color: #fff;
  font-size: 12px;
  text-align: right;
}
.sec02.sec_wrap,
.sec05.sec_wrap{
  padding: 7rem 0;
}
.sec02 .sec_ttl,
.sec05 .sec_ttl {
  padding: 0 1rem;
  margin-bottom: 6rem;
}
.sec02 .sec_ttl h3,
.sec05 .sec_ttl h3{
  font-size: 2.8rem;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.05em;
}
.sec02 .sec_ttl h3 .txt_ajust,
.sec05 .sec_ttl h3 .txt_ajust{
  font-size: 2rem;
}
.sec02 .sec_ttl h3 img,
.sec05 .sec_ttl h3 img{
  padding: 0 1rem 2rem 0;
  width: 60px;
}
.sec02 .sec02_des ul,
.sec05 .sec05_des ul{
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.sec02 .sec02_des ul li,
.sec05 .sec05_des ul li{
  width: calc(100% * 1/3 - 1.5rem);
}
.sec02 .sec02_des .sec02_img,
.sec05 .sec05_des .sec05_img{
  margin-bottom: 1rem;
}
.sec02 .sec02_des dl,
.sec05 .sec05_des dl{
  color: #fff;
}
.sec02 .sec02_des .sec02_des_ttl,
.sec05 .sec05_des .sec05_des_ttl{
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  letter-spacing: 0.08em;
}
.sec02 .sec02_des li:last-child .sec02_img {
  margin-bottom: 3.5rem;
}
.sec02 .sec02_des dl dd,
.sec05 .sec05_des dl dd {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.07em;
}

@media screen and (max-width:768px) {
.sec02 .sec02_des ul,
.sec05 .sec05_des ul{
  display: block;
}
.sec02 .sec02_des ul li,
.sec05 .sec05_des ul li{
  width: 100%;
  margin-bottom: 5rem;
}
.sec02 .sec02_txt,
.sec05 .sec05_txt {
  padding-top: 0;
}
}

/* ///////////////
map
/////////////// */
.map .btn ul {
  display: flex;
  justify-content: center;
  margin: 5rem 7rem;
  gap: 5rem;
}
.map .btn ul li {
  color: #fff;
  font-size: 1.8rem;
  width: calc(100% * 1/2 - 2rem);
  padding: 1rem;
}
.map .btn ul li:nth-child(1) {
  background-color: #004B87;
}
.map .btn ul li:nth-child(2) {
  background-color: #0072B4;
}
.map.sec_wrap {
  border-bottom: 1px solid #9FA0A0;
}

.map .btn.green ul li:nth-child(1) {
  background-color: #3C7852;
}
.map .btn.green ul li:nth-child(2) {
  background-color: #74987C;
}
.map .btn {
  animation-delay: 0.6s;
  animation-duration: 2s;
}
@media screen and (max-width:768px) {
.map .btn ul {
  display: block;
  margin: 5rem 0;
}
.map .btn ul li {
  width: 96%;
  margin-bottom: 2rem;
}
}
/* ///////////////
sec03
/////////////// */
.lifestyle.housetime {
  background: url('assets/img/top/housetime_back.png') top / cover no-repeat;
  margin-top: 12rem;
}
/* ///////////////
sec04
/////////////// */
.sec04 .playroom ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 1.5rem;
}
.sec04 .playroom ul:nth-child(2) {
  margin-top: 3rem;
}
.sec04 .playroom ul li {
  width: calc(100% * 1/2 - 1rem);
}
.sec04 .playroom .golf{
  animation-delay: 0.2s;
  animation-duration: 1.5s;
}
.sec04 .playroom .wine{
  animation-delay: 0.4s;
  animation-duration: 2s;
}
.sec04 .playroom .gym{
  animation-delay: 0.6s;
  animation-duration: 2.5s;
}
.sec04 .playroom .tee{
  animation-delay: 0.8s;
  animation-duration: 3s;
}
.sec04_txt {
  color: #3C7852;
}

/* ///////////////
sec05
/////////////// */
.sec05 {
  background-color: #3C7852;
}
/* ///////////////
sec06
/////////////// */
.sec06 h3 {
  font-size: 3.4rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  border-bottom: 2px solid #000;
}
.sec06_des00 a,
.sec06_des01 a {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.sec06_des00,
.sec06_des01 {
  margin-bottom: 7rem;
}
.sec06_img00,
.sec06_img01  {
  width: calc(40% - 40px);
}
.sec06_txt00,
.sec06_txt01 {
  width: calc(60% - 40px);
}
.sec06_des00 h4,
.sec06_des01 h4 {
  font-size: 3.2rem;
  font-weight: 600;
  color: #000;
}
.sec06_des00 h4,
.sec06_des01 h4 {
  position: relative;
}
.sec06_des00 h4 img,
.sec06_des01 h4 img {
  width: 30px;
  position: absolute;
  top: 54%;
  right: 6%;
  transform: translateY(-50%);
}
.sec06_des p {
  font-size: 1.8rem;
  letter-spacing: 0.11em;
  color: #000;
}
@media screen and (max-width:768px) {
.sec06_des00 a,
.sec06_des01 a {
  display: block;
}
.sec06_img00,
.sec06_img01,
.sec06_txt00,
.sec06_txt01 {
  width: 100%;
}
.sec06_des00 h4,
.sec06_des01 h4 {
  font-size: 2.6rem;
}
}

/* //////////////////////////////////////////////
LPコーディングここまで
////////////////////////////////////////////// */</pre></body></html>