﻿@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700;900&family=Noto+Serif+JP&family=Ropa+Sans&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700;900&family=Noto+Serif+JP&family=Ropa+Sans&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700;900&family=Noto+Serif+JP&family=Ropa+Sans&display=swap";.detail-option-anchor .section-desc{padding-top:20px}.detail-option-anchor .anchor-bar-wrapper{min-height:100px;margin-bottom:60px}@media screen and (min-width: 0px)and (max-width: 1023px){.detail-option-anchor .anchor-bar-wrapper{min-height:45px;margin-bottom:20px}}.detail-option-anchor .anchor-bar{padding-top:40px;position:relative;background:#fff}@keyframes slidein{from{top:-10%}to{top:0%}}.detail-option-anchor .anchor-bar.stickToTop{position:fixed;top:0px;z-index:98;border-bottom:1px #00000033 solid;margin-bottom:0px;animation-duration:1s;animation-name:slidein}@media screen and (min-width: 0px)and (max-width: 1023px){.detail-option-anchor .anchor-bar.stickToTop{left:0px;padding-bottom:0px}}.detail-option-anchor .anchor-bar.stickToTop:before{content:"";position:fixed;top:0px;left:0px;z-index:98;width:100%;height:100px;background:#fff;animation-duration:1s;animation-name:slidein}@media screen and (min-width: 0px)and (max-width: 1023px){.detail-option-anchor .anchor-bar.stickToTop:before{display:none}}.detail-option-anchor .anchor-bar.stickToTop .item{z-index:100}@media screen and (min-width: 0px)and (max-width: 1023px){.detail-option-anchor .anchor-bar{padding-top:20px;white-space:nowrap;overflow-x:scroll;width:100%;font-size:0;margin-bottom:0px;padding-bottom:20px;text-align:center}}.detail-option-anchor .anchor-bar a{text-decoration:none;color:inherit;outline:none}.detail-option-anchor .anchor-bar .item{float:left;text-align:center;position:relative;overflow:hidden;min-height:59px;border-bottom:1px #00000033 solid;z-index:1;cursor:pointer;min-width:200px}.detail-option-anchor .anchor-bar .item.active,.detail-option-anchor .anchor-bar .item:hover{color:#00442d}@media only screen and (max-width: 1200px){.detail-option-anchor .anchor-bar .item{min-width:auto}}@media screen and (min-width: 0px)and (max-width: 1023px){.detail-option-anchor .anchor-bar .item{display:inline-block;float:none;min-height:0;padding-bottom:20px;border-bottom:1px #00000033 solid;padding-left:40px;padding-right:40px;box-sizing:content-box;width:auto !important}}.detail-option-anchor .anchor-bar .anchor-progress-bar{position:absolute;background:#00442d;height:2px;width:0px;bottom:0px;left:0px}.content-banner .banner{margin-bottom:30px}@media screen and (min-width: 0px)and (max-width: 1023px){.content-banner .banner{margin-bottom:20px}}.content-banner .banner img{max-width:100%;display:block;margin-left:auto;margin-right:auto}.content-banner .big-banner-remark{position:absolute}.content-banner .flex-direction-column-reverse .big-banner-remark{position:relative;margin-top:-10px}.content-banner.small-content-banner .banner{display:flex;align-content:center;margin-top:30px;margin-bottom:30px;height:600px}@media screen and (min-width: 0px)and (max-width: 1023px){.content-banner.small-content-banner .banner{margin-top:15px;margin-bottom:15px;height:188px}}.content-banner.small-content-banner .banner img{max-width:100%;max-height:100%;align-self:center;object-fit:contain}.content-banner .banner-content p{margin-bottom:30px}.content-banner .banner-content p:last-child{margin-bottom:0}.content-banner .intro{background-color:#1d866f;color:#fff;font-size:20px;font-weight:bold;margin-top:40px;padding:30px;text-align:center}@media screen and (min-width: 0px)and (max-width: 767px){.content-banner .intro{font-size:16px}.content-banner .intro br{display:none}}.content-banner .remarks{margin-top:20px}.content-banner .show-desktop{display:block}@media screen and (min-width: 0px)and (max-width: 767px){.content-banner .show-desktop{display:none}}.content-banner .show-mobile{display:none}@media screen and (min-width: 0px)and (max-width: 767px){.content-banner .show-mobile{display:block}}.content-banner .withBorder{border:1px solid #70707033;padding:20px}@media screen and (min-width: 0px)and (max-width: 1023px){.content-banner .withBorder{padding:15px}}.content-banner .feature{margin-bottom:10px}.content-banner .desc{margin:20px 0px 0px 0px}.content-banner .catalog-wrapper{display:flex;margin:10px 0px 0px 0px;align-items:center}.content-banner .catalog-item{margin-right:9px}.content-banner .catalog-item:last-child{margin-right:0px}.content-banner.gradient-banner{color:#fff}.content-banner.gradient-banner .mask{position:absolute;left:0px;bottom:0px;width:100%;height:70%;background:#000;background:-moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);background:-webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1)}@media screen and (min-width: 0px)and (max-width: 767px){.content-banner.gradient-banner .mask{height:25%}}.content-banner.gradient-banner .left-content-flex{display:flex;align-items:center}@media screen and (min-width: 0px)and (max-width: 1023px){.content-banner.gradient-banner .left-content-flex{flex-direction:column;align-items:flex-start}}@media screen and (min-width: 0px)and (max-width: 767px){.content-banner.gradient-banner .left-content-flex{align-items:center}}.content-banner.gradient-banner .left-content-group{flex:3;position:relative}.content-banner.gradient-banner .banner{position:relative;margin-bottom:0px}.content-banner.gradient-banner .content{background:#000;position:relative}@media screen and (min-width: 0px)and (max-width: 767px){.content-banner.gradient-banner .content{padding-top:25px}}.content-banner.gradient-banner .content .left-content{max-width:100%;position:relative;padding-bottom:40px}@media screen and (min-width: 0px)and (max-width: 767px){.content-banner.gradient-banner .content .left-content{max-width:100%;padding-bottom:0px}}.content-banner.gradient-banner .content .float-content{flex:1;position:relative;line-height:0px;text-align:right}@media screen and (min-width: 0px)and (max-width: 1023px){.content-banner.gradient-banner .content .float-content{margin-top:20px}}@media screen and (min-width: 0px)and (max-width: 767px){.content-banner.gradient-banner .content .float-content{margin-bottom:30px}}.content-banner.gradient-banner .title-container{position:absolute;bottom:calc(100% + 40px);max-width:60%;margin-top:-40px}@media screen and (min-width: 0px)and (max-width: 1023px){.content-banner.gradient-banner .title-container{bottom:0%;padding-bottom:10px;max-width:100%;margin-top:0%;position:relative}}.content-banner.gradient-banner .title{color:#fff;font-weight:300;font-size:84px;z-index:2;line-height:1.3}@media only screen and (max-width: 1600px){.content-banner.gradient-banner .title{font-size:64px}}@media screen and (min-width: 768px)and (max-width: 1023px){.content-banner.gradient-banner .title{font-size:44px}}@media screen and (min-width: 0px)and (max-width: 767px){.content-banner.gradient-banner .title{font-size:32px}}.content-banner.gradient-banner .feature{position:relative;display:inline-block}@media screen and (min-width: 0px)and (max-width: 1023px){.content-banner.gradient-banner .feature{margin-bottom:0px}}.content-banner.gradient-banner .feature:after{position:absolute;content:"";background-color:#fff;height:1px;width:200px;top:50%;transform:translate(0%, -50%);left:calc(100% + 20px);max-width:200px}@media screen and (min-width: 0px)and (max-width: 1023px){.content-banner.gradient-banner .feature:after{width:100px}}.content-banner.desc-indentation .desc-indentation-true{display:block}.content-banner.desc-indentation .desc-indentation-false{display:none}.content-banner .desc-indentation-true{display:none}.content-banner .desc-indentation-false{display:block}.content-banner .icon-list-row{display:flex;align-items:center}.content-banner .icon-list-row .icon-list-item{padding-right:20px}.content-banner .icon-list-row .icon-list-item:last-child{padding-right:0px}.example-item{position:relative;height:100%;display:block;background-color:#faf8f7;padding:20px 40px 30px 40px}@media screen and (min-width: 0px)and (max-width: 767px){.example-item{padding:30px 30px 20px 30px}}.example-item .num{color:#be9c6d;font-family:"Ropa Sans","Noto Sans JP",Helvetica,"Segoe UI",SegoeUI,"Microsoft JhengHei",微軟正黑體,"SF Pro HK","SF Pro Text","SF Pro Icons","PingFang HK",sans-serif;line-height:1.1}@media screen and (min-width: 0)and (max-width: 767px){.example-item .num{font-size:64px}}@media screen and (min-width: 768px)and (max-width: 1023px){.example-item .num{font-size:110px}}@media screen and (min-width: 1024px)and (max-width: 1366px){.example-item .num{font-size:110px}}@media screen and (min-width: 1367px)and (max-width: 1599px){.example-item .num{font-size:110px}}@media screen and (min-width: 1600px)and (max-width: 1919px){.example-item .num{font-size:110px}}@media screen and (min-width: 1920px)and (max-width: 9999px){.example-item .num{font-size:110px}}.example-item p{padding-top:10px;padding-bottom:30px;color:#00442d;font-size:20px;font-weight:700}@media screen and (min-width: 0px)and (max-width: 767px){.example-item p{padding-top:0;padding-bottom:10px}}.example-item--highlighted{background-color:#00442d}.example-item--highlighted p{color:#fff}.example-item--highlighted .text-primary{color:#fff}.example-item--highlighted .text-primary.angle-btn .ico.ico-angle-right{color:#fff}.example-section{position:relative}.example-section:before{content:"";position:absolute;width:25%;height:100%;left:0;top:0;background-color:#fff;pointer-events:none;z-index:9}@media screen and (min-width: 0px)and (max-width: 1023px){.example-section:before{display:none}}.example-list .left{z-index:10;background-color:#fff}.example-list .left p{padding-top:30px}@media screen and (min-width: 0px)and (max-width: 767px){.example-list .left p{padding-top:20px}}.example-list .left .btn-primary{margin-top:30px}.example-list .left .text-btn-wrapper{margin-top:20px;width:100%;display:inline-block}.example-list .left .text-btn-wrapper span,.example-list .left .text-btn-wrapper .ico.ico-angle-right{color:#00442d;margin-left:.25em;font-size:1em;margin-top:.25em;font-weight:700}.example-list .left .text-btn-wrapper .btn-wrapper{background-color:#fff;padding:10px 15px;padding-left:0px;transition:all .3s;border-radius:99px}.example-list .left .text-btn-wrapper .btn-wrapper:hover{padding:10px 15px;background-color:#86754b;color:#fff}.example-list .left .text-btn-wrapper .btn-wrapper:hover span{color:#fff}.example-list .right{z-index:8}.slider--example{padding-top:30px}.slider--example .swiper-slide{height:auto}@media screen and (min-width: 768px)and (max-width: 1023px){.slider--example .swiper-slide{width:50% !important}}@media screen and (min-width: 1024px)and (max-width: 9999px){.slider--example .swiper-slide{width:50% !important}}.cta-banner{position:relative;text-align:center}.cta-banner .bg{position:relative;z-index:1;margin-left:-32px;margin-right:-32px;height:480px;overflow:hidden}@media screen and (min-width: 0px)and (max-width: 767px){.cta-banner .bg{margin-left:4px;margin-right:4px}}.cta-banner .bg:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";z-index:2;background:rgba(0,0,0,.3)}.cta-banner .bg .bg-img{position:relative;top:-80px;left:0;background-size:cover;background-position:center;display:block;width:100%;height:680px}.cta-banner .content-box{position:absolute;z-index:3;width:50%;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;padding:40px}@media screen and (min-width: 0px)and (max-width: 767px){.cta-banner .content-box{width:calc(100% - 80px);padding:20px}}.cta-banner .content-box .title{font-weight:bold;font-size:26px;line-height:1.2}@media screen and (min-width: 0px)and (max-width: 767px){.cta-banner .content-box .btn{display:block}}.cta-banner .ico-external{display:block;font-weight:bold;font-size:14px;line-height:1.5}@media screen and (min-width: 0px)and (max-width: 767px){.cta-banner .ico-external{text-align:left}}.cta-banner .ico-external:hover{text-decoration:underline}.cta-banner .ico-external:before{content:""}.cta-banner .ico-external:after{content:"";margin-left:5px}