@charset "UTF-8";


html, body { height: auto; }

#main-content{  }
#main-content img{ width: 100%; height: auto; }
#main-content .anchor{ transform: translateY(-136px); display: block; }
#main-content .announce{ max-width: 1112px; width: 100%; background-color: rgba(255,255,255,0.8); position: relative; left: 0; top: 0; z-index: 1001; margin: 31px auto 0; }
#main-content .announce .item{ display: table; padding: 10px 5px; clear: left; width: 100%; margin: 0 auto; box-sizing: border-box; margin: 0 auto; }
#main-content .announce .icon{ display: table-cell; vertical-align: middle; width: 160px; border: 1px solid #666666; text-align: center; vertical-align: middle; box-sizing: border-box; font-size: 20px; color: #666666; }
#main-content .announce .txt{ display: table-cell; vertical-align: middle; padding-left: 7px; font-size: 14px; line-height: 1.33; color: #666666; }
#main-content .section-top{  }
#main-content .section-top .main-visual{ width: 100%; position: relative; background-color: #ffffff; overflow: hidden; }
/*#main-content .section-top .main-visual .txt01{ position: absolute; left: 50%; top: 50%; font-size: 24px; line-height: 1.2; color: #7a7b78; font-weight: normal; transform: translate(-50%,-50%); font-weight: normal; }
#main-content .section-top .main-visual .txt01 .word{ writing-mode: vertical-rl; font-family: 'Lora', 'Noto Serif JP', serif; }*/
#main-content .section-top .main-visual .txt01{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 13.44%; }
#main-content .section-top .main-visual .photo01{ position: relative; left: 0; top: 0; background-color: #ffffff; width: 100%; }
#main-content .section-top .main-visual .txt02{ position: absolute; right: 0; bottom: 25%; z-index: 10; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; color: #ffffff; text-shadow: black 1px 1px 5px, black -1px 1px 5px, black 1px -1px 5px, black -1px -1px 5px; font-size: 46px; line-height: 1.2; letter-spacing: 0.1em; margin: 0 21% 0 0; text-align: center; white-space: nowrap; transform: translate(50%); }
#main-content .section-top .main-visual .caption01{ position: absolute; right: 0; bottom: 0; background: rgba(255,255,255,0.95); padding: 2px 7px; }
#main-content .section-top .feature{ background-color: #1f1715; text-align: center; padding: 20px 0 15px; }
#main-content .section-top .feature .feature-list{ max-width: 1112px; margin: 0 auto; display: flex; display: -ms-flex; justify-content: center; align-items: center; }
#main-content .section-top .feature .feature-list .item{ position: relative; font-size: 30px; }
#main-content .section-top .feature .feature-list .item:nth-child(n+2){ margin-left: 20px; padding-left: 20px; }
#main-content .section-top .feature .feature-list .item:nth-child(n+2)::before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 40px; background-color: rgba(255,255,255,0.5); }
#main-content .section-top .feature .feature-list .txt{ line-height: 1.5; color: #ffffff; }
#main-content .section-top .feature .feature-list .walk{ position: relative; line-height: 1.2; color: #ffffff; }
#main-content .section-top .feature .feature-list .walk .line{ display: block; font-size: 44.1176%; text-align: left; }
/*#main-content .section-top .feature .feature-list .walk .name{ font-size: 108.8235%; }*/
#main-content .section-top .feature .feature-list .walk .name .s-size{ font-size: 48.6486%; }
#main-content .section-top .feature .feature-list .walk .num{ font-size: 150%; line-height: 0; }
#main-content .section-top .feature .feature-list .walk .distance{ display: block; font-size: 44.1176%; text-align: right; font-family: 'YakuHanJP', Lato, "メイリオ", "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; }
#main-content .section-top .feature .feature-list .area{ position: relative; line-height: 1.2; color: #ffffff; }
#main-content .section-top .feature .feature-list .area .s-size{ font-size: 50%; display: inline-block; }
#main-content .section-top .feature .feature-list .area .num{ font-size: 120%; line-height: 0; }
#main-content .section-top .feature .feature-list .area .caption{ display: block; font-size: 44.1176%; text-align: center; font-family: 'YakuHanJP', Lato, "メイリオ", "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; }
#main-content .section-top .entry-body{ padding: 80px 0; background-color: #f3f2f0; text-align: center; }
#main-content .section-top .entry-body .en{ font-size: 16px; line-height: 1.5; color: #666666; letter-spacing: 0.2em; padding-left: 0.2em; }
#main-content .section-top .entry-body .copy{ font-size: 24px; line-height: 1.2; color: #372f1d; letter-spacing: 0.5em; padding-left: 0.5em; margin-top: 20px; }
#main-content .section-top .entry-body .txt{ font-size: 14px; line-height: 1.5; color: #4c4c4c; margin-top: 20px; }
#main-content .section-top .entry-body .navi{ margin: 50px auto 0; max-width: 380px; width: 100%; }
#main-content .section-top .entry-body .navi a{ display: block; background: linear-gradient(to right, #372f1d 0%, #796444 100%); font-size: 15px; line-height: 1.5; color: #ffffff; text-decoration: none; padding: 20px 0; }
#main-content .section-concept{ text-align: center; position: relative; padding: 0 0 100px; background-color: #ffffff; }
#main-content .section-concept .intro{ width: 100%; height: 610px; background-color: #ffffff; position: relative; }
#main-content .section-concept .intro .ttl-body{ margin-left: 25.2857%; transform: translate(-50%,-50%); position: absolute; left: 0; top: 50%; z-index: 10; }
#main-content .section-concept .intro .ttl-body .en{ font-size: 32px; line-height: 1.2; color: #6e7385; letter-spacing: 0.2em; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
#main-content .section-concept .intro .ttl-body .copy{ width: 296px; height: 296px; background-color: #937840; position: relative; margin-top: 70px; }
#main-content .section-concept .intro .ttl-body .copy img{ width: 48.9252%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
#main-content .section-concept .intro .bg{ position: absolute; left: 0; top: 0; width: 980px; background-color: #ffffff; }
#main-content .section-concept .intro .photo{ position: absolute; right: 0; bottom: 0; width: 65%; max-width: 780px; margin-right: 1.4286%; }
@media screen and (min-width: 1200px){ /*1200px以上のcss*/
	#main-content .section-concept .intro .photo{ margin-right: 33.9286%; transform: translateX(50%); }
}
#main-content .section-concept .intro .caption{ position: absolute; right: 0; bottom: 0; background: rgba(255,255,255,0.95); padding: 2px 7px; }
#main-content .section-concept .txt-body{ margin-top: 100px; }
#main-content .section-concept .txt-body .en{ font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; font-size: 36px; line-height: 1.2; color: #666666; letter-spacing: 0.2em; font-weight: normal; }
#main-content .section-concept .txt-body .txt{ font-size: 14px; line-height: 2.571; color: #666666; margin-top: 30px; }
#main-content .section-design{ position: relative; }
#main-content .section-design .fixed-bg{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); z-index: -1; }
#main-content .section-design .fixed-bg.enable{ z-index: 200; }
#main-content .section-design .fixed-bg .bg{ position: absolute; left: 0; width: 100%; height: 0; clip: rect(auto, auto, auto, auto); left: 0; bottom: 0; }
#main-content .section-design .fixed-bg .bg.reverse{ bottom: auto; top: 0; }
#main-content .section-design .fixed-bg .bg .bg-fill{ position: fixed; top: 0; z-index: -1; display: block; width: 100%; height: 100%; background: url(../images/img_top/design/p01.jpg?20250623) right center no-repeat; background-size: cover; }
#main-content .section-design .fixed-bg .bg2 .bg-fill{ background: url(../images/img_top/design/p02.jpg?20250623) center center no-repeat; background-size: cover; }
#main-content .section-design .fixed-bg .bg .caption{ position: fixed; left: 0; bottom: 40px; background: rgba(0,0,0,0.9); padding: 2px 7px; color: #ffffff; }
#main-content .section-design .section-intro{ padding: 50vh 0 80vh; position: relative; z-index: 500; text-align: right; width: 85.7143%; margin: 0 auto; }
#main-content .section-design .section-intro .en{ font-size: 32px; line-height: 1.2; color: #ffffff; letter-spacing: 0.2em; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
#main-content .section-design .section-intro .copy{ font-size: 22px; line-height: 1.5; color: #ffffff; margin-top: 50vh; text-shadow: black 1px 1px 5px, black -1px 1px 5px, black 1px -1px 5px, black -1px -1px 5px; }
#main-content .section-design .section-intro .txt{ font-size: 14px; line-height: 2.14; color: #ffffff; margin-top: 20px; text-shadow: black 1px 1px 5px, black -1px 1px 5px, black 1px -1px 5px, black -1px -1px 5px; }
#main-content .section-design .section-content{ position: relative; z-index: 500; background-color: #ffffff; padding-bottom: 80px; }
#main-content .section-design .section-content .en{ font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; font-size: 24px; line-height: 1.2; color: #4c4c4c; }
#main-content .section-design .section-content .photo-body01{ position: relative; }
#main-content .section-design .section-content .photo-body01~.photo-body01{ margin-top: 70px; }
#main-content .section-design .section-content .photo-body01 .inner-body{ position: relative; }
#main-content .section-design .section-content .photo-body01 .photo{ position: relative; }
#main-content .section-design .section-content .photo-body01 .photo .caption{ position: absolute; right: 0; bottom: 0; background: rgba(0,0,0,0.5); padding: 2px 7px; color: #ffffff; }
#main-content .section-design .section-content .photo-body01 .copy{ font-size: 22px; line-height: 1.5; color: #ffffff; text-shadow: black 1px 1px 5px, black -1px 1px 5px, black 1px -1px 5px, black -1px -1px 5px; position: absolute; right: 0; bottom: 0; margin: 0 3% 5% 0; }
#main-content .section-design .section-content .photo-body01 .en{ margin: 20px auto 0; max-width: 1100px; width: 90%; }
#main-content .section-design .section-content .photo-body02{ margin: 70px auto 0; max-width: 1100px; width: 90%; position: relative; }
#main-content .section-design .section-content .photo-body02 .inner-body{ position: relative; }
#main-content .section-design .section-content .photo-body02 .photo{ position: relative; }
#main-content .section-design .section-content .photo-body02 .photo .caption{ position: absolute; right: 0; bottom: 0; background: rgba(0,0,0,0.5); padding: 2px 7px; color: #ffffff; }
#main-content .section-design .section-content .photo-body02 .copy{ font-size: 22px; line-height: 1.5; color: #ffffff; text-shadow: black 1px 1px 5px, black -1px 1px 5px, black 1px -1px 5px, black -1px -1px 5px; position: absolute; right: 0; bottom: 0; margin: 0 3% 5% 0; }
#main-content .section-design .section-content .photo-body02 .en{ margin: 20px auto 0; }
#main-content .section-design .section-content .split-view01{ display: flex; display: -ms-flex; max-width: 1310px; margin: -110px auto 0; align-items: flex-end; }
#main-content .section-design .section-content .split-view01 .photo-body{ width: 61.6793%; position: relative; z-index: 10; }
#main-content .section-design .section-content .split-view01 .txt-body{ width: 350px; margin-left: 40px; }
#main-content .section-design .section-content .split-view01 .txt-body .en{ color: #a55a23; text-align: right; position: relative; padding-bottom: 10px; }
#main-content .section-design .section-content .split-view01 .txt-body .en::before{ content: ""; position: absolute; right: 0; bottom: 0; width: 100%; height: 1px; background-color: #a55a23; padding-left: 70px; }
#main-content .section-design .section-content .split-view01 .txt-body .txt{ font-size: 16px; line-height: 2.4; color: #a55a23; margin-top: 20px; }
#main-content .section-plan{ /*padding-bottom: 120px;*/ }
/*#main-content .section-plan .section-intro{ position: relative; }
#main-content .section-plan .section-intro .photo-body{ position: relative; }
#main-content .section-plan .section-intro .photo-body .caption{ position: absolute; right: 0; bottom: 0; background: rgba(0,0,0,0.9); padding: 2px 7px; color: #ffffff; }
#main-content .section-plan .section-intro .txt-body{ margin-top: -70px; z-index: 10; position: relative; display: inline-block; }
#main-content .section-plan .section-intro .txt-body .inner-body{ padding: 70px 90px 70px 0; display: flex; display: -ms-flex;background-color: #ffffff; }
#main-content .section-plan .section-intro .txt-body .en{ font-size: 32px; line-height: 1.5; color: #6e7385; padding: 0 70px; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
#main-content .section-plan .section-intro .txt-body .txt{ font-size: 22px; line-height: 2.36; color: #4c4c4c; }
#main-content .section-plan .section-intro .txt-body .caption{ font-size: 14px; line-height: 2.14; color: #4c4c4c; margin-top: 10px; }
#main-content .section-plan .plan-root{ position: relative; padding: 150px 0; overflow: hidden; }
#main-content .section-plan .plan-root::before{ content: ""; position: absolute; left: 0; top: 0; width: 92.8571%; height: 100%; background: url(../images/img_top/plan/p01.jpg?20250626) center center no-repeat; background-size: cover; }
#main-content .section-plan .plan-root .head-body{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 25.7143%; text-align: center; }
#main-content .section-plan .plan-root .head-body .en{ font-size: 32px; line-height: 1.5; color: #ffffff; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
#main-content .section-plan .plan-root .head-body .cnt-txt{ font-size: 24px; line-height: 1.5; margin-top: 10px; color: #ffffff; }
#main-content .section-plan .plan-root .navi-list{ margin-left: 25.7143%; width: 77.1429%; position: relative; }
#main-content .section-plan .plan-root .navi-list .navi a{ display: block; margin: 0 2.7778%; }
#main-content .section-plan .plan-root .navi-list .slick-arrow{ position: absolute; top: 50%; background-color: rgba(0,0,0,0.9); width: 35px; height: 35px; color: transparent; transition: background-color 0.5s; transform: translateY(-50%); z-index: 10; }
#main-content .section-plan .plan-root .navi-list .slick-arrow:hover{ background-color: rgba(0,0,0,0.8); }
#main-content .section-plan .plan-root .navi-list .slick-next{ right: 0; margin-right: 3.7037%; }
#main-content .section-plan .plan-root .navi-list .slick-prev{ left: 0; margin-left: 1%; transform: translate(-50%,-50%); }
#main-content .section-plan .plan-root .navi-list .slick-arrow::before{ content: ""; position: absolute; top: 50%; left: 50%; border: solid #ffffff; width: 20%; padding-top: 20%; }
#main-content .section-plan .plan-root .navi-list .slick-prev::before{ transform: translate(-50%,-50%) translateX(25%) rotate(45deg); border-width: 0 0 1px 1px; }
#main-content .section-plan .plan-root .navi-list .slick-next::before{ transform: translate(-50%,-50%) translateX(-25%) rotate(45deg); border-width: 1px 1px 0 0; }
#main-content .section-plan .plan-root .bg-caption{ position: absolute; left: 0; bottom: 0; padding: 2px 7px; background-color: rgba(255,255,255,0.8); }*/
#main-content .section-plan .plan-root{ position: relative; padding: 80px 0; overflow: hidden; background-color: #ffffff; }
#main-content .section-plan .plan-root::before{ content: ""; position: absolute; left: 0; top: 0; width: 92.8571%; height: 100%; background: url(../images/img_top/plan/p01.jpg?20250626) center center no-repeat; background-size: cover; }
#main-content .section-plan .plan-root .head-body{ text-align: center; position: relative; }
#main-content .section-plan .plan-root .head-body .en{ font-size: 32px; line-height: 1.5; color: #333333; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
#main-content .section-plan .plan-root .navi-list{ position: relative; margin: 50px auto 0; max-width: 700px; display: flex; display: -ms-flex; flex-wrap: wrap; }
#main-content .section-plan .plan-root .navi-list .navi{ width: 48.5714%; }
#main-content .section-plan .plan-root .navi-list .navi:nth-child(even){ margin-left: 2.8572%; }
#main-content .section-plan .plan-root .navi-list .navi:nth-child(n+3){ margin-top: 5%; }
#main-content .section-plan .plan-root .bg-caption{ position: absolute; left: 0; bottom: 0; padding: 2px 7px; background-color: rgba(255,255,255,0.8); }
#main-content .section-landplan{ padding: 120px 0; }
#main-content .section-landplan .section-intro .en{ font-size: 32px; line-height: 1.5; color: #6e7385; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; text-align: center; }
#main-content .section-landplan .section-intro .split-view{ display: flex; display: -ms-flex; align-items: flex-end; margin-top: 20px; }
#main-content .section-landplan .section-intro .split-view .photo-body{ width: 56.5%; }
#main-content .section-landplan .section-intro .split-view .photo-body .caption{ text-align: right; margin-right: 4%; }
#main-content .section-landplan .section-intro .split-view .txt-body{ flex: 1; max-width: 480px; margin: 0 2%; }
#main-content .section-landplan .section-intro .split-view .txt-body .item:nth-child(n+2){ margin-top: 20px; }
#main-content .section-landplan .section-intro .split-view .txt-body .head{ font-size: 22px; line-height: 1.5; color: #a55a23; }
#main-content .section-landplan .section-intro .split-view .txt-body .txt{ color: #4c4c4c; font-size: 16px; margin-top: 5px; }
#main-content .section-landplan .section-intro .split-view .txt-body .ns{ color: #4c4c4c; }
#main-content .section-landplan .shikichi{ max-width: 1228px; width: 90%; margin: 70px auto 0; position: relative; z-index: 10; }
#main-content .section-landplan .shikichi .caption{ margin-top: -50px; }
#main-content .section-landplan .shikichi .list-item{ max-width: 840px; margin: 20px auto 0; display: flex; display: -ms-flex; flex-wrap: wrap; }
#main-content .section-landplan .shikichi .list-item .item{ font-size: 16px; line-height: 1.5; color: #4c4c4c; white-space: nowrap; }
#main-content .section-landplan .shikichi .list-item .item01,
#main-content .section-landplan .shikichi .list-item .item05,
#main-content .section-landplan .shikichi .list-item .item09,
#main-content .section-landplan .shikichi .list-item .item13{ width: 196px; }
#main-content .section-landplan .shikichi .list-item .item02,
#main-content .section-landplan .shikichi .list-item .item06,
#main-content .section-landplan .shikichi .list-item .item10,
#main-content .section-landplan .shikichi .list-item .item14{ width: 180px; margin-left: 50px; }
#main-content .section-landplan .shikichi .list-item .item03,
#main-content .section-landplan .shikichi .list-item .item07,
#main-content .section-landplan .shikichi .list-item .item11,
#main-content .section-landplan .shikichi .list-item .item15{ width: 148px; margin-left: 50px; }
#main-content .section-landplan .shikichi .list-item .item04,
#main-content .section-landplan .shikichi .list-item .item08,
#main-content .section-landplan .shikichi .list-item .item12,
#main-content .section-landplan .shikichi .list-item .item16{ width: 164px; margin-left: 50px; }
#main-content .section-landplan .shikichi .list-item .item .num{ font-size: 12px; width: 16px; line-height: 16px; background-color: #927d3f; color: #ffffff; text-align: center; margin-right: 0.2em; display: inline-block; }
#main-content .section-landplan .garden{ max-width: 1050px; margin: 70px auto 0; position: relative; z-index: 10; }
#main-content .section-landplan .garden .head{ display: flex; display: -ms-flex; align-items: center; font-size: 22px; line-height: 1.5; color: #4c4c4c; position: relative; }
#main-content .section-landplan .garden .head .word{ padding: 0 0.5em; }
#main-content .section-landplan .garden .head::before,
#main-content .section-landplan .garden .head::after{ content: ""; flex: 1; height: 1px; background-color: #c3c3c3; }
#main-content .section-landplan .garden .split-view{ display: flex; display: -ms-flex; justify-content: space-between; margin: 20px auto 0; }
#main-content .section-landplan .garden .split-view .txt-body{ width: 38.2857%; }
#main-content .section-landplan .garden .split-view .txt-body .txt{ font-size: 14px; line-height: 2.42; }
#main-content .section-landplan .garden .split-view .photo-list{ width: 58.1905%; display: flex; display: -ms-flex; justify-content: space-between; }
#main-content .section-landplan .garden .split-view .photo-list .item{ width: 32.0786%; }
#main-content .section-landplan .landplan-end{ position: relative; margin-top: -200px; }
#main-content .section-landplan .landplan-end .photo{ position: relative; }
#main-content .section-landplan .landplan-end .photo::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 75.7536%; background: linear-gradient(to bottom, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%); margin-top: -1px; }
#main-content .section-landplan .landplan-end .caption{ position: absolute; right: 5%; bottom: 0; margin-bottom: 4%; }
#main-content .section-location{ background-color: #f3f2f0; padding-bottom: 120px; }
#main-content .section-location .section-intro{ position: relative; }
#main-content .section-location .section-intro .photo-body{ position: relative; overflow: hidden; }
#main-content .section-location .section-intro .photo-body .copy{ position: absolute; left: 50%; top: 0; width: 24.2143%; min-width: 339px; transform: translateX(-50%); margin-top: 12.8571%; }
#main-content .section-location .section-intro .photo-body .photo{ margin-left: -10%; }
#main-content .section-location .section-intro .photo-body .caption{ position: absolute; right: 0; bottom: 0; background: rgba(0,0,0,0.9); padding: 2px 7px; color: #ffffff; }
#main-content .section-location .section-intro .txt-body{ /*margin-top: -70px;*/ z-index: 10; position: relative; display: inline-block; }
#main-content .section-location .section-intro .txt-body .inner-body{ padding: 70px 90px 70px 0; display: flex; display: -ms-flex;background-color: #f3f2f0; }
#main-content .section-location .section-intro .txt-body .en{ font-size: 32px; line-height: 1.5; color: #6e7385; padding: 0 70px; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
#main-content .section-location .section-intro .txt-body .txt{ font-size: 22px; line-height: 2.45; color: #4c4c4c; }
#main-content .section-location .photo-body01{ width: 89.5714%; margin-left: auto; }
#main-content .section-location .split-view{ display: flex; display: -ms-flex; justify-content: space-between; width: 79.2857%; margin: 0 auto; align-items: center; }
#main-content .section-location .split-view .photo-body{ width: 45.045%; }
#main-content .section-location .split-view .photo-body .photo{ position: relative; }
#main-content .section-location .split-view .photo-body .photo:nth-child(n+2){ margin-top: 10px; }
#main-content .section-location .split-view .photo-body .photo .caption{ position: absolute; right: 0; bottom: 0; background: rgba(0,0,0,0.9); padding: 2px 7px; color: #ffffff; }
#main-content .section-location .split-view .txt-body{ width: 45.045%; }
#main-content .section-location .split-view .txt-body .ttl{ font-size: 22px; line-height: 2.45; color: #4c4c4c; font-weight: normal; }
#main-content .section-location .split-view .txt-body .txt{ font-size: 14px; line-height: 2.42; color: #4c4c4c; }
#main-content .section-location .split-view .txt-body .ttl+.txt{ margin-top: 20px; }
#main-content .section-location .split-view01{ flex-direction: row-reverse; margin-top: -100px; }
#main-content .section-location .split-view01 .txt-body{ margin-top: 100px; }
#main-content .section-location .split-view02{ margin-top: 110px; }
#main-content .section-location .split-view02 .photo-body .photo .num{ position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.9); padding: 2px 7px; color: #ffffff; }
#main-content .section-location .split-view02 .photo-body .photo .num01{ bottom: 50%; }
#main-content .section-location .split-view02 .photo-body .photo .num02{ bottom: 50%; left: 50%; }
#main-content .section-location .split-view02 .photo-body .photo .num04{ left: 50%; }
#main-content .section-location .split-view02 .photo-body .caption-list .caption .num{ font-size: 12px; line-height: 16px; width: 16px; background-color: #000000; color: #ffffff; margin-right: 0.2em; display: inline-block; text-align: center; }
#main-content .section-access{ position: relative; overflow: hidden; }
#main-content .section-access .fixed-bg{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); z-index: -1; }
#main-content .section-access .fixed-bg.enable{ z-index: 200; }
#main-content .section-access .fixed-bg .bg{ position: absolute; left: 0; width: 100%; height: 0; clip: rect(auto, auto, auto, auto); left: 0; bottom: 0; }
#main-content .section-access .fixed-bg .bg.reverse{ bottom: auto; top: 0; }
#main-content .section-access .fixed-bg .bg .bg-fill{ position: fixed; top: 0; right: 0; z-index: -1; display: block; width: 92.8571%; height: 100%; background: url(../images/img_top/access/p01.jpg) center center no-repeat; background-size: cover; }
#main-content .section-access .fixed-bg .bg .caption{ position: fixed; left: 7.1429%; bottom: 40px; background: rgba(0,0,0,0.9); padding: 2px 7px; color: #ffffff; }
#main-content .section-access .fixed-bg .en-ttl{ font-size: 32px; line-height: 1.5; color: #ffffff; font-weight: normal; position: fixed; right: 60px; top: 50%; transform: translateY(-50%); font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; text-align: right; }
#main-content .section-access .section-content{ position: relative; z-index: 500; background-color: #ffffff; padding: 80px 6.142% 80px 7.1429%; width: 782px; overflow: hidden; margin-top: 100vh; margin-top: calc(var(--vh, 1vh) * 100); }
#main-content .section-access .section-content .en{ font-size: 24px; line-height: 1.5; color: #4c4c4c; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
#main-content .section-access .section-content .railway .walk{ color: #3e3a39; line-height: 1.5; }
#main-content .section-access .section-content .railway .walk .line{ font-size: 80%; display: block; }
#main-content .section-access .section-content .railway .walk .name{ font-size: 185%; line-height: 1; }
#main-content .section-access .section-content .railway .walk .min{ font-size: 150%; line-height: 1.2; }
#main-content .section-access .section-content .railway .walk .min .num{ font-size: 120%; color: #a55a23; line-height: 1; }
#main-content .section-access .section-content .railway .walk .distance{ font-size: 65%; font-family: 'YakuHanJP', Lato, "メイリオ", "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; }
#main-content .section-access .section-content .railway .walk01{ font-size: 20px; line-height: 1.5; margin-top: 40px; }
#main-content .section-access .section-content .railway .walk02{ font-size: 20px; line-height: 1.5; }
#main-content .section-access .section-content .railway .walk02 .name{ font-size: 140%; }
#main-content .section-access .section-content .railway .station{ color: #3e3a39; line-height: 1.5; }
#main-content .section-access .section-content .railway .station .name{ font-size: 125%; }
#main-content .section-access .section-content .railway .station .len{ font-size: 75%; line-height: 1.5; display: inline; padding: 0 0.4em; margin: 0 0.2em; border: 1px solid #9e9c9c; }
#main-content .section-access .section-content .railway .station .num{ font-size: 125%; }
#main-content .section-access .section-content .railway .station-list01{ display: flex; display: -ms-flex; margin-top: 10px; }
#main-content .section-access .section-content .railway .station-list01 .station{ font-size: 24px; }
#main-content .section-access .section-content .railway .split-view{ display: flex; display: -ms-flex; margin-top: 20px; padding-top: 20px; border-top: 1px solid #8ba288; align-items: flex-end; }
#main-content .section-access .section-content .railway .split-view .station{ font-size: 24px; margin-left: 0.5em; }
#main-content .section-access .section-content .railway .map{ width: 75.9591%; margin: 40px auto 0; }
#main-content .section-access .section-content .bus{ margin-top: 100px; }
#main-content .section-access .section-content .bus .copy{ font-size: 22px; line-height: 1.5; color: #4c4c4c; margin-top: 40px; }
#main-content .section-access .section-content .bus .walk{ font-size: 24px; line-height: 1.5; color: #7a7b78; line-height: 1.5; margin-top: 20px; }
#main-content .section-access .section-content .bus .walk .line{ font-size: 58.3333%; display: block; color: #3e3a39; }
#main-content .section-access .section-content .bus .walk .name{ font-size: 141.6666%; line-height: 1; }
#main-content .section-access .section-content .bus .walk .min{ font-size: 141.6666%; line-height: 1.2; }
#main-content .section-access .section-content .bus .walk .min .num{ font-size: 152.9411%; color: #a55a23; line-height: 0; }
#main-content .section-access .section-content .bus .walk .distance{ font-size: 58.3333%; color: #3e3a39; font-family: 'YakuHanJP', Lato, "メイリオ", "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; }
#main-content .section-access .section-content .bus .txt{ font-size: 14px; line-height: 2.14; color: #4c4c4c; margin-top: 20px; }
#main-content .section-access .section-content .bus .photo-body{ margin-top: 40px; margin-right: -6.1429vw; position: relative; }
#main-content .section-access .section-content .bus .photo-body .caption{ position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.9); padding: 2px 7px; color: #ffffff; }
#main-content .section-access .section-content .taxi{ margin-top: 100px; }
#main-content .section-access .section-content .taxi .list-item{ margin-top: 40px; display: flex; display: -ms-flex; justify-content: space-between; }
#main-content .section-access .section-content .taxi .list-item .item{ width: 32.4808%; text-align: center; }
#main-content .section-access .section-content .taxi .list-item .item .photo-body{ position: relative; }
#main-content .section-access .section-content .taxi .list-item .item .photo-body .caption{ font-size: 14px; line-height: 1.5; padding: 2px 5px; color: #ffffff; text-shadow: black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px, black -1px -1px 10px; position: absolute; right: 0; bottom: 0; }
#main-content .section-access .section-content .taxi .list-item .item .name{ font-size: 26px; line-height: 1.5; margin-top: 15px; color: #a55a23; padding-left: 0.5em; letter-spacing: 0.5em; }
#main-content .section-access .section-content .taxi .list-item .item .distance{ font-size: 12px; line-height: 1.5; color: #535450; margin-top: 10px; border-bottom: 1px solid #bcbdbc; margin-bottom: 10px; padding-bottom: 10px; }
#main-content .section-access .section-content .taxi .list-item .item .price{ font-size: 16px; line-height: 1.375; color: #535450; }
#main-content .section-access .section-content .taxi .list-item .item .zero-padding{ visibility: hidden; }
#main-content .section-lifeinfo{ position: relative; overflow: hidden; }
#main-content .section-lifeinfo .fixed-bg{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); z-index: -1; }
#main-content .section-lifeinfo .fixed-bg.enable{ z-index: 200; }
#main-content .section-lifeinfo .fixed-bg .bg{ position: absolute; left: 0; width: 100%; height: 0; clip: rect(auto, auto, auto, auto); left: 0; bottom: 0; }
#main-content .section-lifeinfo .fixed-bg .bg.reverse{ bottom: auto; top: 0; }
#main-content .section-lifeinfo .fixed-bg .bg .bg-fill{ position: fixed; top: 0; left: 0; z-index: -1; display: block; width: 92.8571%; height: 100%; background: url(../images/img_top/lifeinfo/p01.jpg) center center no-repeat; background-size: cover; }
#main-content .section-lifeinfo .fixed-bg .bg .overlay{ position: absolute; left: 0; top: 0; width: 92.8571%; height: 100%; background: rgba(0,0,0,0.4); }
#main-content .section-lifeinfo .fixed-bg .bg .caption{ position: fixed; left: 0; bottom: 40px; background: rgba(0,0,0,0.9); padding: 2px 7px; color: #ffffff; }
#main-content .section-lifeinfo .fixed-bg .en-ttl{ font-size: 32px; line-height: 1.5; color: #ffffff; font-weight: normal; position: fixed; left: 60px; top: 50%; transform: translateY(-50%); font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
#main-content .section-lifeinfo .section-content{ width: 520px; position: relative; z-index: 500; margin-left: 47.1429%; padding-bottom: 80px; margin-top: 100vh; margin-top: calc(var(--vh, 1vh) * 100); }
#main-content .section-lifeinfo .section-content .head{ font-size: 20px; line-height: 1.5; color: #ffffff; }
#main-content .section-lifeinfo .section-content .list-item{ margin-top: 40px; display: flex; display: -ms-flex; flex-wrap: wrap; justify-content: space-between; }
#main-content .section-lifeinfo .section-content .list-item .item{ width: 48.0769%; }
#main-content .section-lifeinfo .section-content .list-item .item:nth-child(n+3){ margin-top: 40px; }
#main-content .section-lifeinfo .section-content .list-item .item .name{ font-size: 13px; line-height: 1.53; color: #ffffff; }
#main-content .section-brand{ position: relative; background-color: #272727; padding-bottom: 100px; }
#main-content .section-brand .section-intro{ text-align: center; padding: 100px 0 50px; }
#main-content .section-brand .section-intro .en{ font-size: 32px; line-height: 1.5; color: #ffffff; font-weight: normal; font-family: 'YakuHanMP', 'EB Garamond', 'Cormorant Garamond', 'Lora', 'Noto Serif JP', serif; }
#main-content .section-brand .section-intro .copy{ font-size: 22px; line-height: 1.81; color: #ffffff; margin-top: 20px; }
#main-content .section-brand .history{ width: 100%; height: 700px; position: relative; overflow: hidden; }
#main-content .section-brand .history .bg-body{ position: absolute; left: 0; top: 0; width: 2952px; height: 100%; }
#main-content .section-brand .history .bg-body .bg{ position: absolute; left: 0; top: 0; width: 300%; height: 100%; background: url(../images/img_top/brand/p01.jpg) 0 0 repeat-x; background-size: auto 100%; }
#main-content .section-brand .history .txt-body{ position: absolute; left: 0; top: 0; width: 424px; height: 100%; background: rgba(0,0,0,0.8); display: flex; display: -ms-flex; justify-content: center; align-items: center; }
#main-content .section-brand .history .txt-body .list-item{ overflow: hidden; border-left: 1px solid rgba(255,255,255,0.5); }
#main-content .section-brand .history .txt-body .list-item .head{ float: left; color: #ffffff; font-size: 14px; line-height: 1.57; width: 70px; text-align: center; }
#main-content .section-brand .history .txt-body .list-item .txt{ margin-left: 70px; padding-left: 10px; color: #ffffff; font-size: 14px; line-height: 1.57; border-left: 1px solid rgba(255,255,255,0.5); }
#main-content .section-brand .history .txt-body .caption{ margin-top: 10px; color: #ffffff; font-size: 14px; line-height: 1.57; }







/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
	#main-content .section-top .feature .feature-list .item{ font-size: 28px; }
	#main-content .section-design .section-content .split-view01 .txt-body{ margin-left: 20px; margin-right: 20px; }
	#main-content .section-design .section-content .split-view01 .txt-body .txt{ line-height: 2; }
	#main-content .section-location .split-view{ width: 90%; }
	#main-content .section-location .split-view .txt-body{ margin-top: 0; width: 50%; }
	#main-content .section-location .split-view01{ flex-direction: row-reverse; margin-top: 80px; }
	#main-content .section-location .split-view01 .txt-body{ margin-top: 0; width: 50%; }
	#main-content .section-access .section-content{ width: 620px; }
	#main-content .section-access .section-content .railway .split-view{ display: block; }
	#main-content .section-access .section-content .railway .split-view .station{ margin-left: 0; }
	#main-content .section-access .section-content .taxi .list-item{ margin-top: 20px; flex-wrap: wrap; }
	#main-content .section-access .section-content .taxi .list-item .item{ width: 48%; }
	#main-content .section-access .section-content .taxi .list-item .item:nth-child(even){ margin-left: 4%; }
	#main-content .section-access .section-content .taxi .list-item .item:nth-child(n+3){ margin-top: 6%; }
	#main-content .section-lifeinfo .section-content{ width: 480px; margin-left: 40%; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .announce{ padding-top: 0; top: 0; position: relative; margin-top: 0; }
	#main-content .announce .item{ display: block; overflow: hidden; padding: 7px 10px; width: auto; }
	#main-content .announce .icon{ display: block; float: left; }
	#main-content .announce .txt{ font-size: 12px; display: block; overflow: hidden; }
	#main-content .announce .txt .inline-block{ display: inline; }
	#main-content .anchor{ transform: translateY(-61px); }
	/*#main-content .section-top .main-visual .txt01{ font-size: 3.5vw; }*/
	#main-content .section-top .main-visual .txt01{ width: 25.6%; }
	#main-content .section-top .main-visual .txt02{ font-size: 5.98vw; }
	#main-content .section-top .feature{ padding: 20px 5%; }
	#main-content .section-top .feature .feature-list{ display: inline-block; }
	#main-content .section-top .feature .feature-list .item{ position: relative; font-size: 5vw; }
	#main-content .section-top .feature .feature-list .item:nth-child(n+2){ margin: 15px 0 0; padding: 15px 0 0; }
	#main-content .section-top .feature .feature-list .item:nth-child(n+2)::before{ width: 100%; height: 1px; transform: translateX(-50%); width: 90vw; left: 50%; top: 0; }
	#main-content .section-top .entry-body{ padding: 15% 5%; }
	#main-content .section-top .entry-body .copy{ margin-top: 5%; }
	#main-content .section-top .entry-body .txt{ margin-top: 5%; }
	#main-content .section-top .entry-body .navi{ margin-top: 10%; }
	#main-content .section-concept{ padding: 0 0 15%; }
	#main-content .section-concept .intro{ height: auto; padding-top: 15%; }
	#main-content .section-concept .intro .ttl-body{ margin-left: 0; transform: translateX(-50%); left: 50%; top: 0; position: relative; }
	#main-content .section-concept .intro .ttl-body .copy{ right: auto; top: auto; width: 30%; height: auto; padding-top: 47%; transform: none; margin: 5% 0 0 5%; }
	#main-content .section-concept .intro .ttl-body .copy img{ width: 70%; }
	#main-content .section-concept .intro .bg{ width: 100%; }
	#main-content .section-concept .intro .photo{ position: relative; left: 0; right: auto; width: 75%; max-width: none; margin: -35% 0 0 auto; }
	#main-content .section-concept .intro .caption{ position: absolute; right: 0; bottom: 0; background: rgba(255,255,255,0.95); padding: 2px 7px; }
	#main-content .section-concept .txt-body{ margin-top: 10%; padding: 0 5%; }
	#main-content .section-concept .txt-body .txt{ text-align: left; margin-top: 5%; }
	#main-content .section-design .fixed-bg .bg .caption{ bottom: 50px; }
	#main-content .section-design .section-intro{ text-align: left; padding: 50vh 0; }
	#main-content .section-design .section-intro .en{ text-align: center; }
	#main-content .section-design .section-intro .txt{ margin-top: 5%; }
	#main-content .section-design .section-content{ padding-bottom: 15%; }
	#main-content .section-design .section-content .photo-body01 .copy{ font-size: 20px; position: relative; left: auto; top: auto; color: #333333; text-shadow: none; margin: 10px auto 0; width: 90%; }
	#main-content .section-design .section-content .photo-body01 .en{ margin-top: 5px; text-align: left; font-size: 18px; }
	#main-content .section-design .section-content .photo-body02{ margin: 10% auto 0; }
	#main-content .section-design .section-content .photo-body02 .copy{ font-size: 20px; position: relative; left: auto; top: auto; color: #333333; text-shadow: none; margin: 10px 0 0; }
	#main-content .section-design .section-content .photo-body02 .en{ margin-top: 5px; text-align: left; font-size: 18px; }
	#main-content .section-design .section-content .split-view01{ display: block; margin-top: 5%; }
	#main-content .section-design .section-content .split-view01 .photo-body{ width: 90%; margin: 0 auto; }
	#main-content .section-design .section-content .split-view01 .txt-body{ width: 90%; margin: 5% auto 0; }
	#main-content .section-design .section-content .split-view01 .txt-body .en{ text-align: left; margin: 0; padding: 0; }
	#main-content .section-design .section-content .split-view01 .txt-body .en::before{ display: none; }
	#main-content .section-design .section-content .split-view01 .txt-body .txt{ font-size: 14px; margin-top: 10px; }
	#main-content .section-plan .section-intro .txt-body{ margin-top: 0; display: block; }
	#main-content .section-plan .section-intro .txt-body .inner-body{ padding: 7% 5%; display: block; }
	#main-content .section-plan .section-intro .txt-body .en{ padding: 0; }
	#main-content .section-plan .section-intro .txt-body .txt{ font-size: 18px; margin-top: 10px; }
	#main-content .section-plan .plan-root{ padding: 10% 5%; margin-top: 10%; }
	/*#main-content .section-plan .plan-root .head-body{ width: auto; position: relative; left: auto; top: auto; transform: none; }
	#main-content .section-plan .plan-root .head-body .en{ color: #333333; }
	#main-content .section-plan .plan-root .head-body .cnt-txt{ font-size: 20px; color: #333333; }
	#main-content .section-plan .plan-root .navi-list{ margin: 10% auto 0; width: 250%; }
	#main-content .section-plan .plan-root .navi-list .slick-prev{ position: absolute; left: 0; top: auto; bottom: 0; margin: 0 0 0 0.9277%; transform: none; }
	#main-content .section-plan .plan-root .navi-list .slick-next{ position: relative; left: 0; top: 0; margin: 10px 0 0 0.9277%; transform: translateX(40px); }
	#main-content .section-plan .plan-root .navi-list .slick-arrow:hover{ background-color: rgba(0,0,0,0.9); }
	#main-content .section-plan .plan-root .navi-list .slick-arrow:active{ background-color: rgba(0,0,0,0.8); }*/
	#main-content .section-plan .plan-root::before{ width: 100%; }
	#main-content .section-plan .plan-root .navi-list{ margin-top: 5%; }
	#main-content .section-landplan{ padding: 15% 0; }
	#main-content .section-landplan .section-intro .split-view{ display: block; margin-top: 5%; padding: 0 5%; }
	#main-content .section-landplan .section-intro .split-view .photo-body{ width: 100%; }
	#main-content .section-landplan .section-intro .split-view .photo-body .caption{ margin-right: 0; text-align: left; }
	#main-content .section-landplan .section-intro .split-view .txt-body{ margin: 7% 0 0; max-width: none; }
	#main-content .section-landplan .section-intro .split-view .txt-body .item:nth-child(n+2){ margin-top: 5%; }
	#main-content .section-landplan .section-intro .split-view .txt-body .head{ font-size: 18px; }
	#main-content .section-landplan .section-intro .split-view .txt-body .txt{ font-size: 14px; }
	#main-content .section-landplan .shikichi{ width: 100%; margin-top: 10%; }
	#main-content .section-landplan .shikichi .caption{ margin: -5% 0 0; padding: 0 5%; }
	#main-content .section-landplan .shikichi .list-item{ margin: 10px auto 0; width: 90%; }
	#main-content .section-landplan .shikichi .list-item .item{ font-size: 14px; width: 50%; margin-left: 0; white-space: normal; }
	#main-content .section-landplan .garden{ margin-top: 10%; padding: 0 5%; }
	#main-content .section-landplan .garden .head{ font-size: 20px; }
	#main-content .section-landplan .garden .split-view{ display: block; margin-top: 5%; }
	#main-content .section-landplan .garden .split-view .txt-body{ width: 100%; }
	#main-content .section-landplan .garden .split-view .txt-body .txt{ line-height: 2; }
	#main-content .section-landplan .garden .split-view .photo-list{ width: 100%; margin-top: 5%; }
	#main-content .section-landplan .landplan-end{ margin-top: -10%; }
	#main-content .section-landplan .landplan-end .caption{ margin-bottom: 0; }
	#main-content .section-location{ padding-bottom: 15%; }
	#main-content .section-location .section-intro .photo-body .copy{ width: 45%; min-width: 0; margin-top: 8%; }
	#main-content .section-location .section-intro .txt-body{ margin-top: 0; display: block; }
	#main-content .section-location .section-intro .txt-body .inner-body{ padding: 7% 5%; display: block; }
	#main-content .section-location .section-intro .txt-body .en{ padding: 0; }
	#main-content .section-location .section-intro .txt-body .txt{ font-size: 18px; margin-top: 10px; }
	#main-content .section-location .photo-body01{ width: 95%; }
	#main-content .section-location .split-view{ display: block; margin: 10% auto 0; }
	#main-content .section-location .split-view .photo-body{ width: 100%; }
	#main-content .section-location .split-view .txt-body{ width: 100%; margin-top: 5%; }
	#main-content .section-location .split-view .txt-body .ttl{ font-size: 18px; line-height: 2; }
	#main-content .section-location .split-view .txt-body .txt{ line-height: 2; }
	#main-content .section-location .split-view .txt-body .ttl+.txt{ margin-top: 10px; }
	#main-content .section-location .split-view01{ margin-top: 10%; }
	#main-content .section-location .split-view01 .photo-body{ display: flex; display: -ms-flex; justify-content: space-between; }
	#main-content .section-location .split-view01 .photo-body .photo{ width: 48%; }
	#main-content .section-location .split-view01 .photo-body .photo:nth-child(n+2){ margin-top: 0; }
	#main-content .section-location .split-view01 .photo-body .photo .caption{ position: static; color: #666666; padding: 0; margin-top: 5px; background-color: transparent; }
	#main-content .section-location .split-view02{ margin-top: 10%; }
	#main-content .section-access .fixed-bg .bg .bg-fill{ width: 100%; }
	#main-content .section-access .fixed-bg .bg .caption{ left: 0; bottom: 50px; }
	#main-content .section-access .fixed-bg.ttl-body{ position: relative; }
	#main-content .section-access .fixed-bg.ttl-body .bg{ height: 100%!important; clip: auto; bottom: auto; right: auto; }
	#main-content .section-access .fixed-bg.ttl-body .en-ttl{ position: absolute; right: auto; left: 50%; transform: translate(-50%,-50%); }
	#main-content .section-access .section-content{ padding: 10% 5% 15%; width: auto; margin-top: 0; }
	#main-content .section-access .section-content .railway .walk01{ font-size: 3.7vw; margin-top: 20px; }
	#main-content .section-access .section-content .railway .walk02{ font-size: 3.4vw; }
	#main-content .section-access .section-content .railway .station-list01 .station{ font-size: 3.6vw; }
	#main-content .section-access .section-content .railway .split-view{ margin-top: 5%; padding-top: 5%; display: block; }
	#main-content .section-access .section-content .railway .split-view .station{ font-size: 3.4vw; margin-left: 0; }
	#main-content .section-access .section-content .railway .map{ width: 100%; margin-top: 5%; text-align: center; }
	#main-content .section-access .section-content .bus{ margin-top: 10%; }
	#main-content .section-access .section-content .bus .copy{ margin-top: 20px; }
	#main-content .section-access .section-content .bus .walk{ font-size: 3.6vw; margin-top: 10px; }
	#main-content .section-access .section-content .bus .txt{ margin-top: 10px; }
	#main-content .section-access .section-content .bus .photo-body{ margin-top: 5%; margin-right: 0; }
	#main-content .section-access .section-content .taxi{ margin-top: 10%; }
	/*#main-content .section-access .section-content .taxi .list-item{ margin-top: 20px; flex-wrap: wrap; }
	#main-content .section-access .section-content .taxi .list-item .item{ width: 48%; }
	#main-content .section-access .section-content .taxi .list-item .item:nth-child(even){ margin-left: 4%; }
	#main-content .section-access .section-content .taxi .list-item .item:nth-child(n+3){ margin-top: 6%; }*/
	#main-content .section-access .section-content .taxi .list-item .item .name{ margin-top: 10px; }
	#main-content .section-lifeinfo .fixed-bg .bg .bg-fill{ width: 100%; }
	#main-content .section-lifeinfo .fixed-bg .bg .overlay{ width: 100%; }
	#main-content .section-lifeinfo .fixed-bg .bg .caption{ bottom: 50px; }
	#main-content .section-lifeinfo .fixed-bg.ttl-body{ position: relative; height: auto!important; }
	#main-content .section-lifeinfo .fixed-bg.ttl-body .bg{ position: relative; height: auto!important; clip: auto; bottom: auto; right: auto; }
	#main-content .section-lifeinfo .fixed-bg.ttl-body .en-ttl{ position: relative; left: auto; top: auto; transform: none; text-align: center; padding: 20% 0; }
	#main-content .section-lifeinfo .section-content{ width: 90%; margin: 0 auto; padding-bottom: 15%; margin-top: 0; }
	#main-content .section-lifeinfo .section-content .list-item{ margin-top: 5%; }
	#main-content .section-lifeinfo .section-content .list-item .item{ width: 48%; }
	#main-content .section-lifeinfo .section-content .list-item .item:nth-child(n+3){ margin-top: 10%; }
	#main-content .section-brand{ padding-bottom: 0; }
	#main-content .section-brand .section-intro{ padding: 10% 0; }
	#main-content .section-brand .section-intro .copy{ font-size: 20px; margin-top: 10px; }
	#main-content .section-brand .history{ height: auto; }
	#main-content .section-brand .history .bg-body{ position: relative; width: 316.2857%; height: 0; padding-top: 75%; }
	#main-content .section-brand .history .txt-body{ position: relative; width: auto; height: auto; padding: 10% 5%; background-color: transparent; }
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#main-content .announce{ margin-top: 0; }
	#main-content .announce .icon{ float: none; line-height: 1.5; width: 100%; }
	#main-content .announce .txt{ margin-top: 5px; padding: 0; }
	#main-content .section-top .feature .feature-list .item{ font-size: 7vw; }
	#main-content .section-top .entry-body .copy{ letter-spacing: 0.2em; padding-left: 0.2em; }
	#main-content .section-plan .plan-root .navi-list{ max-width: 340px; }
	#main-content .section-plan .plan-root .navi-list .navi{ width: 100%; }
	#main-content .section-plan .plan-root .navi-list .navi:nth-child(even){ margin-left: 0%; }
	#main-content .section-plan .plan-root .navi-list .navi:nth-child(n+2){ margin-top: 5%; }
	#main-content .section-access .section-content .railway .walk01{ font-size: 5vw; }
	#main-content .section-access .section-content .railway .walk01 .distance{ display: block; text-align: right; }
	#main-content .section-access .section-content .railway .walk02{ font-size: 4.5vw; }
	#main-content .section-access .section-content .railway .station-list01 .station{ font-size: 4.4vw; }
	#main-content .section-access .section-content .railway .split-view .station{ font-size: 4.4vw; }
	#main-content .section-access .section-content .bus .walk{ font-size: 4.6vw; }
	#main-content .section-access .section-content .taxi .list-item{ display: block; }
	#main-content .section-access .section-content .taxi .list-item .item{ width: 100%; }
	#main-content .section-access .section-content .taxi .list-item .item:nth-child(even){ margin-left: 0; }
	#main-content .section-access .section-content .taxi .list-item .item:nth-child(n+2){ margin-top: 6%; }
}






/*animation*/
#main-content .section-top .main-visual .txt01{ opacity: 0; transition: opacity 1s; }
#main-content .section-top .main-visual .txt01.show{ opacity: 1; }
#main-content .section-top .main-visual .photo01{ opacity: 0; /*transform: scale(1.05);*/ transition: opacity 1s ease-in, transform 10s ease; transform-origin: 0 center; }
#main-content .section-top .main-visual .photo01.move{ transform: scale(1); }
#main-content .section-top .main-visual .photo01.show{ opacity: 1; }
#main-content .section-top .main-visual .txt02{ opacity: 0; transition: opacity 1s; }
#main-content .section-top .main-visual .txt02.show{ opacity: 1; }
#main-content .section-top .main-visual .caption01{ opacity: 0; transition: opacity 1s; }
#main-content .section-top .main-visual .caption01.show{ opacity: 1; }
#main-content .section-brand .history .bg-body .bg{ animation: conveyor_history 100s linear infinite; }
@keyframes conveyor_history{
	0%{ transform: translateX(0); }
	100%{ transform: translateX(-33.3333%); }
}
#main-content .section-access .fixed-bg .en-ttl{ opacity: 0; transition: opacity 1s; }
#main-content .section-access .fixed-bg .en-ttl.show{ opacity: 1; }
#main-content .section-lifeinfo .fixed-bg .overlay{ opacity: 0; transition: opacity 1s; }
#main-content .section-lifeinfo .fixed-bg .overlay.show{ opacity: 1; }
#main-content .section-lifeinfo .fixed-bg .en-ttl{ opacity: 0; transition: opacity 1s; }
#main-content .section-lifeinfo .fixed-bg .en-ttl.show{ opacity: 1; }
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content .section-top .main-visual .photo01.move{ transform: translateY(-50%) scale(0.8); }
	#main-content .section-top .main-visual .photo03.move{ transform: scale(0.85) translateY(22.5071%); }
}