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

/*-------------------------------------- 共通 */

img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.sp {
    display: none;
}

.container {
    width: 1080px;
    margin: 0 auto;
    /*background:#FFF;*/
    position: relative;
    z-index: 10;
    /*font-feature-settings: "palt";*/
}

.container-inner {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0;
}

.container-inner.foot {
    padding-bottom: 0;
}

.under-header {
    padding-top: 100px;
}


/*-------------------------------------- footer */

#page-top {
    bottom: 20px;
    position: fixed;
    right: 20px;
    z-index: 20;
}

#page-top a {
    font-size: 24px;
    color: #231815;
}


/**********************************************************各ページ**/


/*-------------------------------------- index */

.hero {
    height: 100vh;
    background: url(../images/hero.jpg) no-repeat;
    background-size: cover;
}

.hero .container-inner {
    text-align: center;
}

.hero .container-inner div {
    margin-top: 15vh;
}

.hero h1 {
    font-size: clamp(0.938rem, 0.879rem + 0.29vw, 1.063rem);
    color: #FFF;
    font-weight: lighter;
    letter-spacing: .2em;
}

.hero img {
    width: 340px;
    height: auto;
    margin-top: 15vh;
}


/* slider */

.full-slider div div {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    margin: 0;
    text-decoration: none;
}

.full-slider .slide-img00 {
    background-image: url(../images/slide/slide00.jpg);
}

.full-slider .slide-img01 {
    background-image: url(../images/slide/slide01.jpg);
}

.full-slider .slide-img02 {
    background-image: url(../images/slide/slide02.jpg);
}

.full-slider .slide-img03 {
    background-image: url(../images/slide/slide03.jpg);
}

.full-slider .slide-img04 {
    background-image: url(../images/slide/slide04.jpg);
}

.full-slider .slide-img05 {
    background-image: url(../images/slide/slide05.jpg);
}

.full-slider .slide-img06 {
    background-image: url(../images/slide/slide06.jpg);
}

.full-slider .slide-img07 {
    background-image: url(../images/slide/slide07.jpg);
}

.full-slider .slide-img08 {
    background-image: url(../images/slide/slide08.jpg);
}

.full-slider .slide-img09 {
    background-image: url(../images/slide/slide09.jpg);
}

.full-slider .slide-img10 {
    background-image: url(../images/slide/slide10.jpg);
}

.full-slider .slide-img11 {
    background-image: url(../images/slide/slide11.jpg);
}

.full-slider .slide-img12 {
    background-image: url(../images/slide/slide12.jpg);
}

.full-slider .slide-img13 {
    background-image: url(../images/slide/slide13.jpg);
}

.full-slider .slide-img14 {
    background-image: url(../images/slide/slide14.jpg);
}

.full-slider .slide-img15 {
    background-image: url(../images/slide/slide15.jpg);
}

.full-slider .slide-img16 {
    background-image: url(../images/slide/slide16.jpg);
}

.full-slider .slide-img17 {
    background-image: url(../images/slide/slide17.jpg);
}

.full-slider .slide-img18 {
    background-image: url(../images/slide/slide18.jpg);
}

.full-slider .slide-img19 {
    background-image: url(../images/slide/slide19.jpg);
}

.full-slider .slide-img20 {
    background-image: url(../images/slide/slide20.jpg);
}

.full-slider .slide-img21 {
    background-image: url(../images/slide/slide21.jpg);
}

.full-slider .slide-img22 {
    background-image: url(../images/slide/slide22.jpg);
}

.full-slider .slide-img23 {
    background-image: url(../images/slide/slide23.jpg);
}

.full-slider .slide-img24 {
    background-image: url(../images/slide/slide24.jpg);
}

.full-slider .slide-img25 {
    background-image: url(../images/slide/slide25.jpg);
}

.full-slider .slide-img26 {
    background-image: url(../images/slide/slide26.jpg);
}

.full-slider .slide-img27 {
    background-image: url(../images/slide/slide27.jpg);
}

.full-slider .slide-img28 {
    background-image: url(../images/slide/slide28.jpg);
}

.full-slider .slide-img29 {
    background-image: url(../images/slide/slide29.jpg);
}

.full-slider .slide-img30 {
    background-image: url(../images/slide/slide30.jpg);
}


/*.full-slider .slick-dots {
bottom: 4%;
z-index: +1;
}*/

.slick-prev,
.slick-next {
    position: absolute;
    z-index: 3;
    top: 42%;
    cursor: pointer;
    /*マウスカーソルを指マークに*/
    outline: none;
    /*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #fff;
    /*矢印の色*/
    border-right: 2px solid #fff;
    /*矢印の色*/
    height: 25px;
    width: 25px;
}

.slick-prev {
    /*戻る矢印の位置と形状*/
    left: 2.5%;
    transform: rotate(-135deg);
}

.slick-next {
    /*次へ矢印の位置と形状*/
    right: 2.5%;
    transform: rotate(45deg);
}


/*ドットナビゲーションの設定*/

.slick-dots {
    position: relative;
    z-index: 3;
    text-align: center;
    margin: -30px 0 0 0;
    /*ドットの位置*/
    font-size: inherit;
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    font-size: inherit;
}

.slick-dots button {
    font-size: inherit;
    color: transparent;
    outline: none;
    width: 8px;
    /*ドットボタンのサイズ*/
    height: 8px;
    /*ドットボタンのサイズ*/
    display: block;
    border-radius: 50%;
    background: #FFF;
    /*ドットボタンの色*/
    min-height: inherit;
}

.slick-dots .slick-active button {
    background: #333;
    /*ドットボタンの現在地表示の色*/
}

.green_magic {
    height: 100vh;
    min-height: 830px;
    background: url(../images/bg.jpg) no-repeat;
    background-size: cover;
    text-align: right;
    color: #FFF;
    padding-top: 70px;
}

.green_magic h2 img {
    width: 360px;
    height: auto;
}

.green_magic p {
    margin-top: 50px;
    font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
    line-height: 2.5;
}

.biophilic_design {
    padding: 60px 0;
}

.biophilic_design ul.biophilia_img {
    display: flex;
    justify-content: space-between;
}

.biophilia_img img {
    width: 180px;
    height: auto;
}

.biophilic_design h3 {
    margin-top: 40px;
}

.biophilic_design h3 img {
    width: 580px;
    height: auto;
}

.biophilic_design h3 span {
    display: block;
    font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
    color: #7EAC9E;
    margin-top: 10px;
    letter-spacing: .15em;
}

.biophilic_design p {
    width: 430px;
    font-size: 14px;
    text-align: justify;
    margin-top: 50px;
    line-height: 2.5;
    letter-spacing: .1em;
}


/*.biophilic_design ul.list {
    float: right;
    margin-top: -50px;
}*/

.biophilic_design .container-inner div {
    float: right;
    margin-top: -50px;
}

.biophilic_design .container-inner div h4 {
    margin-top: 50px;
    letter-spacing: .1em;
}

.biophilic_design .container-inner div p {
    margin-top: 10px;
    letter-spacing: .1em;
}

.biophilic_design ul.list li:before {
    content: "● ";
    color: #7EAC9E;
}

.biophilic_design ul.list li {
    margin-bottom: 20px;
}</pre></body></html>