@charset "UTF-8";


html { overflow: visible; }

body { background-color: #FFFAF0; }

.l-head { background-color: #FFFFFF; }

.l-body { padding-bottom: 0; position: relative; display: block; }

.l-body:after { content: ""; display: block; background-color: #2A6B00; min-width: 50vw; min-height: 200px; position: absolute; top: 70px; right: 0; border-top-left-radius: 10px; border-bottom-left-radius: 10px; z-index: 0; }

.l-body-sub { margin-top: 0; }

.l-body-main { padding: 0 15px; }

.wrap-nav-menu { display: none; }

.wrap-body-content { padding-bottom: 80px; }

.wrap-inner-body { width: 100%; }

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

.wrap-img-pt1 { position: relative; font-size: 0; line-height: 0; overflow: hidden; z-index: 1; width: 100%; border-radius: 20px; padding-top: 56.25%; }

.wrap-img-pt1 img { display: block; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }

.wrap-hdg-lv1 { width: 162px; margin: 0 auto; padding: 7px 0 8px; }

.hdg-lv2-pt1 { color: #2A6B00; font-family: YakuHanJP, "秀英角ゴシック金 B JIS2004", "Shuei KakuGo Kin B JIS2004", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 2.4rem; font-weight: 700; line-height: 1.8; letter-spacing: 0.2em; position: relative; margin-right: -10px; margin-bottom: 32px; }

.hdg-lv2-pt1.clr01 { color: #693102; }

.hdg-lv2-pt1.icon01 { padding-left: 38px; }

.hdg-lv2-pt1.icon01:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_01.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv2-pt1.icon02 { padding-left: 38px; }

.hdg-lv2-pt1.icon02:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_02.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv2-pt1.icon03 { padding-left: 38px; }

.hdg-lv2-pt1.icon03:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_03.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv2-pt1.icon04 { padding-left: 38px; }

.hdg-lv2-pt1.icon04:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_04.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv2-pt1.icon05 { padding-left: 38px; }

.hdg-lv2-pt1.icon05:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_05.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv2-pt1.icon06 { padding-left: 38px; }

.hdg-lv2-pt1.icon06:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_06.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv2-pt1.icon07 { padding-left: 38px; }

.hdg-lv2-pt1.icon07:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_07.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv2-pt1.icon08 { padding-left: 38px; }

.hdg-lv2-pt1.icon08:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_08.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv2-pt1.icon09 { padding-left: 38px; }

.hdg-lv2-pt1.icon09:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_09.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv2-pt1.icon010 { padding-left: 38px; }

.hdg-lv2-pt1.icon010:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_010.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv2-pt1.icon011 { padding-left: 38px; }

.hdg-lv2-pt1.icon011:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_011.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv2-pt1.icon012 { padding-left: 38px; }

.hdg-lv2-pt1.icon012:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_012.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv2-pt1.icon013 { padding-left: 38px; }

.hdg-lv2-pt1.icon013:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_013.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv2-pt1.icon014 { padding-left: 38px; }

.hdg-lv2-pt1.icon014:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_014.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv2-pt1.icon015 { padding-left: 38px; }

.hdg-lv2-pt1.icon015:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_015.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv2-pt1.icon016 { padding-left: 38px; }

.hdg-lv2-pt1.icon016:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_016.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv2-pt1.icon017 { padding-left: 38px; }

.hdg-lv2-pt1.icon017:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_017.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv2-pt1.icon018 { padding-left: 38px; }

.hdg-lv2-pt1.icon018:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_018.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv2-pt1.icon019 { padding-left: 38px; }

.hdg-lv2-pt1.icon019:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_019.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv2-pt1.icon020 { padding-left: 38px; }

.hdg-lv2-pt1.icon020:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_hdg_020.png); width: 30px; height: 30px; background-size: 30px 30px; position: absolute; left: 0; top: 7px; }

.hdg-lv3-pt1 { color: #2A6B00; font-family: YakuHanJP, "秀英角ゴシック金 B JIS2004", "Shuei KakuGo Kin B JIS2004", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 700; font-size: 2rem; line-height: 1.8; letter-spacing: 0.2em; position: relative; margin-bottom: 32px; padding-left: 26px; border: none; }

.hdg-lv3-pt1:before { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/map/image/icon_location.png); width: 24px; height: 24px; background-size: 24px 24px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }

.hdg-lv3-pt1.no-icon { padding-left: 0; margin-top: 24px; }

.hdg-lv3-pt1.no-icon:before { display: none; }

.wrap-mv { position: relative; padding-bottom: 120px; margin-bottom: 40px; }

.wrap-mv * { z-index: 1; }

.wrap-mv .hdg-lv2-pt1 { margin-top: 16px; margin-bottom: 0; }

.wrap-mv .decor { width: 243px; position: absolute; bottom: 0; right: -15px; }

.wrap-mv .ttl-mv { position: absolute; bottom: 164px; left: 0; width: 100%; }

.wrap-mv .ttl-mv span { font-family: YakuHanJP, "秀英角ゴシック金 B JIS2004", "Shuei KakuGo Kin B JIS2004", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #2A6B00; font-size: 2.6rem; font-weight: 700; line-height: 2.08; background-color: #FFFFFF; border-radius: 10px; padding: 8px 10px; -webkit-box-decoration-break: clone; box-decoration-break: clone; letter-spacing: 0.1em; }

.wrap-mv:not(:has(.wrap-control)) { padding-bottom: 50px; }

.wrap-mv:not(:has(.wrap-control)) .list-mv > li { flex: 0 0 100%; }

.wrap-mv:not(:has(.wrap-control)) .list-mv .wrap-img { min-height: 426px; }

.wrap-mv:not(:has(.wrap-control)) .ttl-mv { bottom: 67px; width: 100%; }

.list-mv.top { margin: 40px -15px 0 0; padding-left: 15px; position: relative; }

.list-mv.top .splide__slide { border-radius: 10px; min-height: 390px; overflow: hidden; position: relative; }

.list-mv.top .splide__slide .wrap-img { min-height: 390px; width: 100%; }

.list-mv.top .splide__slide .wrap-img img { bottom: 0; display: block; height: 100%; object-fit: cover; position: absolute; top: 0; width: 100%; }

.list-mv.top .splide__pagination { bottom: -30px; gap: 2px; left: 28px; right: auto; top: auto; }

.list-mv.top .splide__pagination .splide__pagination__page { background-color: transparent; border: 2px solid #2A6B00; height: 10px; opacity: 1; width: 10px; }

.list-mv.top .splide__pagination .splide__pagination__page.is-active { background-color: #2A6B00; -webkit-transform: none; transform: none; }

.list-mv.detail { margin: 40px -15px 0; padding: 0 15px 0 30px; display: flex; gap: 16px; width: calc(100% + 30px); overflow: hidden; }

.list-mv.detail > li { flex: 0 0 calc(100% - 28px); }

.list-mv.detail .wrap-img { position: relative; font-size: 0; line-height: 0; overflow: hidden; z-index: 1; width: 100%; border-radius: 10px; padding-top: 56.25%; /* 16:9 Aspect Ratio */ min-height: 390px; }

.list-mv.detail .wrap-img img { display: block; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }

.wrap-control { margin-top: 16px; margin-left: 130px; display: flex; height: 12px; position: relative; z-index: 2; }

.list-dot-control { display: flex; align-items: center; gap: 8px; margin-right: 24px; }

.list-dot-control .dot { text-decoration: none; display: block; width: 10px; height: 10px; border: 2px solid #2A6B00; border-radius: 50%; transition: opacity 0.3s; }

.list-dot-control .dot:hover { opacity: 0.7; }

.list-dot-control .active { background-color: #2A6B00; }

.list-btn-control { display: flex; gap: 16px; margin-top: 2px; }

.list-btn-control .btn-prev, .list-btn-control .btn-next { display: block; width: 8px; height: 8px; border-top: 2px solid #2A6B00; border-left: 2px solid #2A6B00; transition: opacity 0.3s; }

.list-btn-control .btn-prev:hover, .list-btn-control .btn-next:hover { opacity: 0.7; }

.list-btn-control .btn-prev { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.list-btn-control .btn-next { -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.list-btn-control .btn-pause { background-image: url(/sustainability/ichigaya-forest/image/icon_pause.png); background-size: 10px 10px; width: 10px; height: 10px; display: block; transition: opacity 0.3s; }

.list-btn-control .btn-pause:hover { opacity: 0.7; }

.list-btn-control .btn-play { background-image: url(/sustainability/ichigaya-forest/image/icon_play.png); background-size: 10px 10px; width: 10px; height: 10px; display: block; transition: opacity 0.3s; }

.list-btn-control .btn-play:hover { opacity: 0.7; }

body.nav01 .nav00 { border-bottom: 0; }

body.nav01 .nav01 { font-weight: 700; position: relative; border-bottom: 0; color: #FFFFFF; }

body.nav01 .nav01:before { display: none; }

body.nav01 .nav01:after { content: ""; display: block; background-color: #2A6B00; position: absolute; top: 0; bottom: 0; left: 0; right: calc(calc(min(4vw, 90px)) * -1); z-index: -1; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

body.nav01 .l-body:after { background-color: #2A6B00; }

body.nav02 .nav01 { border-bottom: 0; }

body.nav02 .nav02 { font-weight: 700; position: relative; border-bottom: 0; color: #FFFFFF; }

body.nav02 .nav02:before { display: none; }

body.nav02 .nav02:after { content: ""; display: block; background-color: #C74C00; position: absolute; top: 0; bottom: 0; left: 0; right: calc(calc(min(4vw, 90px)) * -1); z-index: -1; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

body.nav02 .l-body:after { background-color: #C74C00; }

body.nav03 .nav02 { border-bottom: 0; }

body.nav03 .nav03 { font-weight: 700; position: relative; border-bottom: 0; color: #FFFFFF; }

body.nav03 .nav03:before { display: none; }

body.nav03 .nav03:after { content: ""; display: block; background-color: #1432AA; position: absolute; top: 0; bottom: 0; left: 0; right: calc(calc(min(4vw, 90px)) * -1); z-index: -1; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

body.nav03 .l-body:after { background-color: #1432AA; top: 165px; }

body.nav04 .nav03 { border-bottom: 0; }

body.nav04 .nav04 { font-weight: 700; position: relative; border-bottom: 0; }

body.nav04 .nav04:before { display: none; }

body.nav04 .nav04:after { content: ""; display: block; background-color: #BCD930; position: absolute; top: 0; bottom: 0; left: 0; right: calc(calc(min(4vw, 90px)) * -1); z-index: -1; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

body.nav04 .l-body:after { background-color: transparent; }

.list-menu { margin-top: 48px; display: flex; flex-direction: column; }

.list-menu .wrap-menu { display: block; padding: 13px 12px 12px 7px; text-decoration: none; font-family: YakuHanJP, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 500; color: #693305; font-size: 1.8rem; line-height: 1.8; border-bottom: 1px solid #2A6B00; min-height: 90px; display: flex; align-items: center; position: relative; min-width: 200px; }

.list-menu .wrap-menu:before { content: ""; display: block; width: 6px; height: 6px; border-top: 2px solid #693305; border-left: 2px solid #693305; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: calc(min(0.3vw, 6px)); top: 0; bottom: 0; margin: auto; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }

.list-menu .wrap-menu:hover:before { -webkit-transform: translateX(3px) rotate(135deg); transform: translateX(3px) rotate(135deg); }

.lst-btn { margin-top: 32px; }

.lst-btn .wrap-btn { width: 313px; margin: 0 auto; }

.lst-btn > li + li { margin-top: 16px; }

.lst-btn .btn { margin: 0; display: block; width: 100%; text-decoration: none; padding: 18px 42px 22px 23px; font-family: YakuHanJP, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 500; font-size: 1.6rem; line-height: 1.5; color: #1432AA; background-color: #FFFFFF; border-radius: 10px; border: 2px solid #1432AA; position: relative; transition: all .3s; position: relative; }

.lst-btn .btn:before { content: ""; display: block; width: 6px; height: 6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0; bottom: 0; margin: auto; transition: all .3s; border-top: 2px solid #1432AA; border-right: 2px solid #1432AA; right: 22px; }

.lst-btn .btn[target="_blank"]:before { width: 16px; height: 12px; content: ''; display: inline-block; background: transparent url(/shared/image/link_icon_blank.svg) no-repeat left top/16px auto; font-size: 0; border: none; -webkit-transform: none; transform: none; }

.lst-btn .btn .txt-sub { font-size: 1.2rem; display: block; }

.wrap-intro .cnt-left { display: flex; flex-wrap: wrap; gap: 0 8vw; }

.wrap-intro .cnt-left .wrap-img img { border-radius: 10px; position: relative; z-index: 1; }

.wrap-intro .cnt-left .img01 { position: relative; }

.wrap-intro .cnt-left .img01:before { content: ""; display: block; width: 52.534vw; height: 69.07vw; background-color: #C74C00; position: absolute; top: 10.7vw; left: 5.2vw; }

.wrap-intro .cnt-left .img02 { flex: 0 0 26.67vw; margin-top: 2.15vw; padding-bottom: 15px; position: relative; }

.wrap-intro .cnt-left .img02:before { content: ""; display: block; width: 14.67vw; height: 19.47vw; background-color: #BCD930; border-radius: 10px; position: absolute; bottom: 0; right: -6vw; }

.wrap-intro .cnt-left .img03 { flex: 0 0 31.47vw; margin-top: 14.4vw; }

.wrap-intro .cnt-right .txt-st { position: relative; }

.wrap-intro .wrap-col1-2 .wrap-cnt + .wrap-cnt { margin-top: 48px; }

.wrap-col1-2 .wrap-cnt { position: relative; }

.wrap-col1-2 .wrap-cnt + .wrap-cnt { margin-top: 32px; }

.wrap-book { margin-top: 64px; }

.wrap-control-paper { display: flex; justify-content: center; gap: 0 41px; }

.wrap-control-paper .btn-prev, .wrap-control-paper .btn-next { padding: 8px; background-color: #FFFFFF; font-family: YakuHanJP, "秀英角ゴシック金 M JIS2004", "Shuei KakuGo Kin M JIS2004", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 400; font-size: 2rem; line-height: 1; color: #2A6B00; text-decoration: none; border-radius: 4px; letter-spacing: 0.2em; position: relative; }

.wrap-control-paper .btn-prev:before, .wrap-control-paper .btn-next:before { content: ""; display: block; width: 8px; height: 8px; border-top: 2px solid #2A6B00; border-left: 2px solid #2A6B00; position: absolute; top: 0; bottom: 0; margin: auto; }

.wrap-control-paper .btn-prev { padding-left: 32px; }

.wrap-control-paper .btn-prev:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 8px; }

.wrap-control-paper .btn-next { padding-right: 32px; }

.wrap-control-paper .btn-next:before { -webkit-transform: rotate(135deg); transform: rotate(135deg); right: 8px; }

.wrap-esg-initiatives { margin-top: 64px; }

.wrap-esg-initiatives .list-item { display: flex; flex-direction: column; gap: 24px; }

.wrap-esg-initiatives .wrap-item { display: block; }

.wrap-esg-initiatives .wrap-item .txt { pointer-events: visible; margin-top: 12px; display: inline-block; text-decoration: none; color: #1432AA; font-weight: 700; font-size: 2rem; line-height: 1.5; font-family: YakuHanJP, "秀英角ゴシック金 B JIS2004", "Shuei KakuGo Kin B JIS2004", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; position: relative; padding-right: 18px; position: relative; }

.wrap-esg-initiatives .wrap-item .txt:before { content: ""; display: block; width: 8px; height: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0; bottom: 0; margin: auto; transition: all .3s; border-top: 2px solid #1432AA; border-right: 2px solid #1432AA; right: 0px; }

.social-idx { background-color: #FFFFFF; padding: 1px 24px 154px; margin-top: 0; }

.l-foot { background-color: #FFFFFF; }

.wrap-sect + .wrap-sect { margin-top: 64px; }

.wrap-sect.pt1 { margin-top: 40px !important; padding: 40px 15px; position: relative; z-index: 1; }

.wrap-sect.pt1:before { content: ""; display: block; background-color: rgba(255, 255, 255, 0.7); position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: -1; }

.wrap-sect.pt1:after { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_bg_nav.png); width: 100%; height: 100%; background-size: contain; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -2; }

.wrap-sect.pt1.round { border-radius: 10px; }

.wrap-sect.pt1.round:before, .wrap-sect.pt1.round:after { border-radius: 10px; }

.wrap-sect.pt2 { background-color: #FFFFFF; padding: 16px; border-radius: 10px; }

.wrap-sect.pt2 + .pt2 { margin-top: 16px; }

.wrap-map { border-radius: 10px; overflow: hidden; }

.wrap-map .zdc-map { width: 100%; height: 240px; }

.wrap-map .zdc-map > div { border-radius: 10px; }

.wrap-map .zdc-map img { max-width: none; }

.img-round img { border-radius: 10px; }

.wrap-block-img { margin-top: 24px; }

.wrap-block-img img { border-radius: 10px; }

.txt-cap { margin-top: 16px; font-family: YakuHanJP, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #333333; font-size: 1.4rem; line-height: 1.7; }

.list-dl .wrap-dl + .wrap-dl { margin-top: 16px; }

.list-dl dt { background-color: #6C6C6C; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 6px 16px 5px; text-align: center; }

.list-dl dt span { color: #FFFFFF; font-family: YakuHanJP, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1.4rem; line-height: 1.43; }

.list-dl dd { padding: 8px 8px 0; }

.naritachi .wrap-mv .decor { width: 273px; }

.naritachi .wrap-cnt { position: relative; }

.naritachi .decor01, .naritachi .decor02 { position: absolute; right: 0; }

.naritachi .decor01 { width: 40.802vw; bottom: -15px; }

.naritachi .decor02 { width: 27.47vw; bottom: -25px; }

.atarimae .wrap-mv .decor { width: 272px; }

.atarimae .wrap-mv:after { top: 95px; }

.atarimae .wrap-cnt { position: relative; }

.atarimae .decor02, .atarimae .decor03 { position: absolute; right: 0; }

.atarimae .decor02 { width: 40.802vw; bottom: -15px; }

.atarimae .decor03 { width: 27.47vw; bottom: -25px; }

.map .wrap-mv { margin-bottom: 0; }

.map .wrap-mv:after { display: none; }

.map .wrap-mv + .lst-btn { margin-top: 0; }

.map .list-mv { margin: 0 -15px; padding: 0; }

.map .list-mv .wrap-img { border-radius: 0px; }

.map .square01, .map .square02 { position: relative; padding-top: 24px; }

.map .square01 *, .map .square02 * { z-index: 1; position: relative; }

.map .square01:before, .map .square02:before { content: ""; display: block; width: 44.804vw; height: 45.334vw; background-color: #2A6B00; border-top-right-radius: 10px; border-bottom-right-radius: 10px; position: absolute; left: -15px; top: 0; }

.map .square02:before { background-color: #F7F156; }

.map .square03 { position: relative; }

.map .square03 * { z-index: 1; position: relative; }

.map .square03:before { content: ""; display: block; width: 37.602vw; height: 48.802vw; background-color: #BCD930; border-top-left-radius: 10px; border-bottom-left-radius: 10px; position: absolute; right: -15px; top: 30px; }

.map .square04 { position: relative; }

.map .square04 * { z-index: 1; position: relative; }

.map .square04:before { content: ""; display: block; width: 33.334vw; height: 30.934vw; background-color: #C74C00; border-top-left-radius: 10px; border-bottom-left-radius: 10px; position: absolute; right: -15px; top: -16px; }

.map .ttl { margin-top: 32px; font-size: 2rem; color: #2A6B00; letter-spacing: 0.2em; line-height: 1.8; font-weight: 700; margin-bottom: 24px; }

.map .wrap-sect.pt2 .decor01 { width: 39.2vw; position: absolute; bottom: -2vw; right: 0; }

.map .wrap-sect.pt2 .decor02 { position: absolute; right: 0; width: 40.802vw; bottom: -15px; }

.map .wrap-sect.pt2 .decor03 { position: absolute; right: 0; width: 40.802vw; bottom: -15px; }

.wrap-talk { display: flex; justify-content: flex-end; margin-bottom: -24px; margin-right: 24px; z-index: 1; }

.wrap-talk .txt { position: relative; background-color: #FFFFFF; border-radius: 10px; padding: 24px 25px; font-family: YakuHanJP, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 400; font-size: 1.6rem; line-height: 1.8; color: #333333; z-index: 1; }

.wrap-talk .txt:after { content: ""; display: block; width: 0px; height: 0px; border-style: solid; border-width: 24px 8.5px 0 8.5px; border-color: #FFFFFF transparent transparent transparent; -webkit-transform: rotate(0deg); transform: rotate(0deg); position: absolute; left: 0; right: 0; bottom: -22px; margin: auto; }

.wrap-talk.pt1 .txt { background-color: #FFFAF0; }

.wrap-talk.pt1 .txt:after { border-color: #FFFAF0 transparent transparent transparent; }

.wrap-talk.left { justify-content: flex-start; margin-right: 0; margin-left: 24px; }

.list-img { margin-top: 32px; }

.list-img > li + li { margin-top: 32px; }

.wrap-block-map .wrap-img-decor { position: relative; }

.wrap-block-map .decor { position: absolute; right: -15px; width: 41vw; top: 36vw; }

.wrap-block-map.pt1 { padding-bottom: 20vw; }

.wrap-block-map.pt1 .img01 { padding-right: 45px; }

.wrap-block-map.pt1 .txt-cap { padding-right: 40vw; }

.wrap-block-map.pt1 .img02 { width: 23.47vw; position: absolute; right: 0; top: 50%; z-index: 1; }

.wrap-block-map.pt1 .decor { right: 16.47vw; width: 40vw; top: 62vw; z-index: 1; }

.wrap-block-map.pt2 { padding-bottom: 29vw; }

.wrap-block-map.pt2 .decor { right: 0; width: 70.134vw; top: 57.6vw; }

.wrap-block-map.pt3 .decor { bottom: unset; top: -22vw; }

.wrap-block-map.pt3 .wrap-img02 { margin-top: -60px; display: flex; justify-content: flex-end; position: relative; }

.wrap-block-map.pt3 .img02 { width: 49.07vw; position: relative; }

.wrap-block-map.pt3 .decor02 { position: absolute; width: 34.67vw; top: 0; left: -21vw; }

.wrap-block-map.pt4 { padding-bottom: 40vw; }

.wrap-block-map.pt4 .decor { width: 74.4vw; top: 56vw; }

.txt-intro { margin-top: 64px; font-size: 1.8rem; font-weight: 700; line-height: 1.7; color: #333333; text-align: center; margin-bottom: 64px; }

.txt-st { font-family: YakuHanJP, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 400; font-size: 1.6rem; letter-spacing: 0.05em; line-height: 1.8; color: #333; }

.txt-st + .txt-st { margin-top: 24px; }

.txt-st.pt1 { font-family: YakuHanJP, "秀英角ゴシック金 M JIS2004", "Shuei KakuGo Kin M JIS2004", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.block-article { margin-top: 64px; }

.list-article > li + li { margin-top: 16px; }

.list-article > li:has(.square01) { padding-top: 24px; }

.list-article > li:has(.square02) { padding-bottom: 23px; }

.list-article .wrap-content { padding: 32px 16px; background-color: #FDFDFD; position: relative; }

.list-article .wrap-content.square01:after { content: ""; display: block; width: 41.334vw; height: 42.67vw; border-radius: 10px; background-color: #BCD930; position: absolute; top: -24px; right: -15px; z-index: -1; }

.list-article .wrap-content.square02:after { content: ""; display: block; width: 65.067vw; height: 75.467vw; border-radius: 10px; background-color: #F7F155; position: absolute; bottom: -23px; right: -15px; z-index: -1; }

.list-article .block-image-corner { position: relative; }

.list-article .block-image-corner .wrap-img { border-radius: 0; margin: 0; }

.list-article .block-image-corner .img-corner01 { display: block; width: 13.334vw; position: absolute; left: -3px; bottom: -18px; z-index: 1; }

.list-article .block-image-corner .img-corner02 { display: block; width: 18.67vw; height: 18.67vw; position: absolute; top: -44px; right: -16px; }

.list-article .hdg-lv2-pt1 { margin-top: 0; margin-bottom: 32px; }

.list-article .wrap-col1-2 .wrap-cnt + .wrap-cnt { margin-top: 32px; }

.list-article .wrap-img { margin: 32px 0; }

.list-article .wrap-img img { border-radius: 10px; }

.list-article .img-add { height: auto; margin-top: 8px; margin-bottom: 0; margin-left: auto; }

.list-article .img-add.add-pt1 { width: 54.67vw; }

.list-article .img-add.add-pt2 { width: 54.4vw; }

.list-article .img-add.add-pt3 { width: 61.334vw; }

.wrap-dl .wrap-data { font-family: YakuHanJP, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 400; font-size: 1.6rem; line-height: 1.8; letter-spacing: 0.05em; color: #333333; display: flex; }

.wrap-dl .wrap-data dt { min-width: 80px; text-align: right; }

.wrap-dl .wrap-data dt:after { content: "："; padding: 0 3px; }

.wrap-map-content .decor { margin-top: 24px; }

.wrap-map-content:before { content: ""; display: block; background-color: #2A6B00; border-top-left-radius: 10px; border-bottom-left-radius: 10px; position: absolute; bottom: -16px; z-index: -2; width: 61.334vw; height: 65.067vw; right: -15px; }

.wrap-map-content.pt1:before { background-color: #BCDA30; }

.wrap-map-content.pt2 { background-color: #FFFAF0; border-radius: 10px; padding: 24px 16px; margin-top: 14px; }

.wrap-map-content.pt2:before { display: none; }

.wrap-map-content.pt2 .hdg-lv3-pt1 { text-align: left; }

.wrap-tower { position: relative; }

.wrap-tower .decor { width: 26.934vw; position: absolute; right: 0; top: 103px; }

.wrap-tower .logo { margin-top: 75px; margin-left: 13px; width: 71.467vw; }

.wrap-tower .hdg-lv3-pt1 { margin-bottom: 0; }

.wrap-tower .wrap-col1-2.pt1 { margin-top: 8px; }

.wrap-tower .wrap-img-tower03 { position: relative; margin-top: 8px; display: flex; align-items: flex-end; }

.wrap-tower .img-tower03 { flex: 0 0 38.134vw; }

.wrap-tower .wrap-cnt.pt1 { margin-top: 24px; display: flex; align-items: flex-start; }

.wrap-tower .img-tower04 { flex: 0 0 55.47vw; }

.wrap-tower .wrap-img-tower04 { position: relative; display: flex; align-items: flex-end; margin-left: -38px; margin-top: 21px; }

.wrap-tower .img-tower05 { width: 30.67vw; }

.wrap-tower .img-decor04 { width: 17.07vw; margin-left: -10px; }

.wrap-tower .img-decor10 { width: 21.334vw; position: absolute; top: 35px; left: -15px; }

.wrap-tower .img-decor11 { margin-top: 16px; width: 196px; }

.wrap-tower .wrap-img-kitchen { display: flex; flex-direction: column; align-items: flex-end; }

.sub { margin-top: 24px; margin-bottom: 32px; font-size: 1.8rem; line-height: 1.6; font-weight: 500; color: #333333; letter-spacing: 0.05em; }

.img-decor12 { position: absolute; width: 22.404vw; bottom: 0; left: -15px; }

.img-decor14 { position: absolute; width: 16.534vw; bottom: -10px; left: 0; }

.img-decor13 { margin-top: 8px; width: 34.934vw; }

.img-decor15 { position: absolute; width: 18.67vw; right: 0; top: 10vw; }

.img-decor16 { position: absolute; width: 18.67vw; right: 0; bottom: -28px; }

.wrap-lst-img-pt1 { margin-top: 50px; display: flex; gap: 8px; align-items: flex-end; }

.wrap-lst-img-pt1 .img-decor17 { flex: 0 0 36.534vw; }

.relative { position: relative; }

.c-bookly { min-height: 169.667vw; position: relative; margin-top: 24px; padding-top: 16px; }

.c-bookly:before { content: ""; display: block; width: 103px; height: 206px; background-color: #C74C00; border-radius: 10px; position: absolute; top: 0; left: 0; }

.c-bookly .book { transition: opacity 0.4s 0.2s; }

.c-bookly .bound { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-perspective: 500vw; perspective: 500vw; }

.c-bookly .bound .pages { aspect-ratio: auto; height: inherit; width: 171.7333333333vw; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.c-bookly .bound .page { clear: none; cursor: pointer; float: none; margin: 0; position: absolute; top: 0; left: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: -webkit-transform 1.4s; transition: transform 1.4s; transition: transform 1.4s, -webkit-transform 1.4s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; aspect-ratio: auto; height: inherit; pointer-events: none; width: calc(100vw - 15px); -webkit-transform: rotateY(180deg) translateZ(0); transform: rotateY(180deg) translateZ(0); -webkit-transform-origin: calc(100% - 13px) 0; transform-origin: calc(100% - 13px) 0; }

.c-bookly .bound .page.flipped { -webkit-transform: rotateY(0deg) translateZ(0); transform: rotateY(0deg) translateZ(0); }

.c-bookly .page { display: flex; align-items: center; justify-content: center; background: 0 0 no-repeat; background-size: cover; color: #fff; font-size: 2em; text-align: center; }

.item-center { align-items: center; }

.media-box-list .list-label li { background: transparent; }

.link-txt a[target="_blank"]::after { width: 16px; height: 12px; margin-left: 5px; content: ''; display: inline-block; background: transparent url(/shared/image/link_icon_blank.svg) no-repeat left top/16px auto; font-size: 0; border: none; -webkit-transform: none; transform: none; }

@media print, all and (min-width: 1280px) { html body { overflow-x: hidden; } }

@media print, all and (min-width: 768px) { .l-head { min-width: 1280px; } .bread-crumbs { min-width: 1280px; } .l-body { min-width: 1280px; width: unset; padding: 0; }
  .l-body:after { min-width: unset; width: calc(50vw - 180px); min-height: 450px; height: calc(min(23.438vw, 659px)); top: 0; border-radius: 0; } .l-body-sub { display: none; } .l-body-main { width: unset; min-width: 1280px; padding: 0; float: unset; max-width: 2560px; margin: 0 auto; } .wrap-body { display: flex; align-items: flex-start; } .wrap-nav-menu { display: block; position: -webkit-sticky; position: sticky; top: 0; flex: 0 0 calc(min(20.313vw, 390px)); margin-right: calc(min(7.2vw, 150px)); min-width: 250px; height: 100vh; padding: 60px calc(min(4vw, 90px)) 60px calc(min(2.5vw, 50px)); }
  .wrap-nav-menu .footer { margin-top: 33px; }
  .wrap-nav-menu:before { content: ""; display: block; background-color: rgba(255, 255, 255, 0.7); position: absolute; top: 0; right: 30px; left: 0; bottom: 0; margin: auto; z-index: -1; min-width: 240px; }
  .wrap-nav-menu:after { content: ""; display: block; background-image: url(/sustainability/ichigaya-forest/image/img_bg_nav.png); width: 100%; height: 100%; background-size: calc(100% - 30px) 100%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -2; min-width: 270px; } .wrap-body-content { flex: 1; padding-bottom: 120px; } .wrap-hdg-lv1 { display: none; } .wrap-hdg-center { display: flex; justify-content: center; align-items: center; } .hdg-lv2-pt1 { margin-right: 0; font-size: 3rem; line-height: 1.5; margin-bottom: 48px; } .hdg-lv3-pt1 { font-size: 2.4rem; } .wrap-mv { padding-bottom: 58px; margin-bottom: 80px; }
  .wrap-mv .hdg-lv2-pt1 { margin-top: 30px; padding-right: calc(min(calc(50vw - 180px), 1142px)); }
  .wrap-mv .decor { min-width: 370px; width: calc(min(28.959vw, 814px)); right: 16px; z-index: 3; }
  .wrap-mv .ttl-mv { margin-left: -1.2vw; bottom: 132px; z-index: 3; }
  .wrap-mv .ttl-mv span { font-size: 3.8rem; padding: 16px; }
  .wrap-mv:not(:has(.wrap-control)) { padding-bottom: 57px; }
  .wrap-mv:not(:has(.wrap-control)) .list-mv > li { flex: 0 0 62.5vw; }
  .wrap-mv:not(:has(.wrap-control)) .list-mv .wrap-img { min-height: unset; }
  .wrap-mv:not(:has(.wrap-control)) .ttl-mv { bottom: 113px; width: unset; } .list-mv.top .splide__pagination { left: calc(50% - 154px); bottom: -38px; } .list-mv.top { margin: 18px 0 0; padding-left: 0; z-index: 3; }
  .list-mv.top .splide__slide { border-radius: 20px; }
  .list-mv.top .splide__slide .wrap-img img { position: static; } .list-mv.detail { margin: 18px 0 0; padding: 0; gap: 40px; width: 100%; padding-right: 9.75vw; }
  .list-mv.detail > li { min-width: calc(100% - calc(min(calc(calc(100vw - calc(min(7.2vw, 150px)) - calc(min(20.313vw, 390px))) - calc(min(66.667vw, 1200px)) - 1px), 180px))); max-width: 1757px; flex: 0 0 62.5vw; display: block; }
  .list-mv.detail > li:first-child { padding-left: 0; }
  .list-mv.detail .wrap-img { border-radius: 20px; } .wrap-control { margin-top: 24px; margin-left: -30px; justify-content: center; } body.nav03 .l-body:after { top: 0; } .lst-btn { margin-top: 64px; }
  .lst-btn .wrap-btn { width: 350px; margin: 0 auto; }
  .lst-btn .btn:hover { border-color: #C70400; background-color: #C70400; color: #FFFFFF; position: relative; }
  .lst-btn .btn:hover:before { content: ""; display: block; width: 6px; height: 6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0; bottom: 0; margin: auto; transition: all .3s; border-top: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; right: 22px; }
  .lst-btn .btn:hover[target="_blank"]:before { width: 16px; height: 12px; display: inline-block; background: transparent url(/shared/image/link_icon_blank_w.svg) no-repeat left top/16px auto; font-size: 0; border: none; -webkit-transform: none; transform: none; } .wrap-intro .wrap-col1-2 .wrap-cnt + .wrap-cnt { margin-top: 0; }
  .wrap-intro .cnt-left { display: flex; flex-wrap: wrap; gap: 0 103px; align-self: flex-start; }
  .wrap-intro .cnt-left .img01:before { width: calc(min(19.012vw, 365px)); height: calc(min(24.9vw, 478px)); left: 35px; top: calc(min(4vw, 75px)); }
  .wrap-intro .cnt-left .img02 { flex: 0 0 calc(min(10.209vw, 182px)); margin-top: calc(min(3vw, 56px)); }
  .wrap-intro .cnt-left .img02:before { width: 101px; height: 132px; right: -36px; }
  .wrap-intro .cnt-left .img03 { flex: 0 0 calc(min(10.07vw, 180px)); margin-top: calc(min(5.5vw, 105px)); }
  .wrap-intro .cnt-right { position: relative; }
  .wrap-intro .cnt-right .wrap-img { width: calc(min(43.334vw, 832px)); margin-left: -7.7vw; } .wrap-col1-2 { display: flex; margin-left: calc(min(2vw, 40px) * -1); }
  .wrap-col1-2 .wrap-cnt { padding-left: calc(min(2vw, 40px)); width: 50%; }
  .wrap-col1-2 .wrap-cnt + .wrap-cnt { margin-top: 0; } .inner-body { width: calc(100% - calc(min(calc(calc(100vw - calc(min(7.2vw, 150px)) - calc(min(20.313vw, 390px))) - calc(min(66.667vw, 1200px)) - 1px), 180px))); max-width: calc(min(66.667vw, 1200px)); } .wrap-book { margin-top: 80px; } .wrap-control-paper { display: none; } .wrap-esg-initiatives { margin-top: 71px; }
  .wrap-esg-initiatives .list-item { flex-direction: row; flex-wrap: wrap; gap: unset; margin-left: -24px; }
  .wrap-esg-initiatives .list-item > li { flex: 0 0 calc(100% / 3); padding-left: 24px; }
  .wrap-esg-initiatives .wrap-item { transition: opacity 0.3s; }
  .wrap-esg-initiatives .wrap-item:hover { opacity: 0.7; }
  .wrap-esg-initiatives .wrap-item:hover .txt { text-decoration: underline; }
  .wrap-esg-initiatives .wrap-item:hover .txt:before { -webkit-transform: translateX(3px) rotate(45deg); transform: translateX(3px) rotate(45deg); } .social-idx { padding: 1px 0 158px; }
  .social-idx .wrap-block-social { min-width: 1280px; max-width: 2560px; max-width: 0 auto; } .l-foot { min-width: 1280px; } .wrap-sect + .wrap-sect { margin-top: 120px; }
  .wrap-sect.pt1 { margin-top: 80px !important; padding: calc(min(3.29vw, 64px)); }
  .wrap-sect.pt2 { padding: calc(min(2vw, 40px)); }
  .wrap-sect.pt2 + .pt2 { margin-top: 24px; } .img-large { margin-right: calc(calc(min(calc(calc(100vw - calc(min(7.2vw, 150px)) - calc(min(20.313vw, 390px))) - calc(min(66.667vw, 1200px)) - 1px), 180px)) * -1); }
  .img-large img { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .wrap-block-img { margin-top: 40px; } .txt-cap:has(+ [class*="decor"]) { padding-right: 35%; } .list-dl .wrap-dl + .wrap-dl { margin-top: 24px; }
  .list-dl dt { background-color: #6C6C6C; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 4px 16px; }
  .list-dl dt span { font-size: 1.9rem; line-height: 1.58; }
  .list-dl dd { padding: 16px 24px 0; } .naritachi .wrap-mv .decor { width: 711px; }
  .naritachi .img-way .txt-cap + .wrap-img { margin-top: -20px; width: calc(35.623vw, 730px); }
  .naritachi .decor01 { width: 193px; right: calc(calc(min(2vw, 40px)) * -1); }
  .naritachi .decor02 { width: 180px; bottom: -34px; right: calc(calc(min(2vw, 40px)) * -1); } .atarimae .wrap-mv .decor { width: 515px; }
  .atarimae .wrap-mv:after { top: -30px; }
  .atarimae .decor02 { width: 269px; right: calc(calc(min(2vw, 40px)) * -1); bottom: -3px; }
  .atarimae .decor03 { width: 180px; bottom: -34px; right: calc(calc(min(2vw, 40px)) * -1); } .map .wrap-mv { margin-left: calc((calc(min(7.2vw, 150px)) + 30px) * -1); z-index: -1; }
  .map .wrap-mv .ttl-mv { bottom: unset; left: 180px; top: 41px; margin-left: 0; }
  .map .wrap-mv + .lst-btn { margin-top: -178px; display: flex; justify-content: flex-end; padding-right: calc(min(calc(calc(100vw - calc(min(7.2vw, 150px)) - calc(min(20.313vw, 390px))) - calc(min(66.667vw, 1200px)) - 1px), 180px)); }
  .map .list-mv { margin: 0; padding: 0; }
  .map .list-mv .wrap-img { border-radius: 0px; }
  .map .list-mv li { flex: 0 0 100% !important; max-width: unset; }
  .map .ttl { font-size: 2.4rem; line-height: 1.5; text-align: center; }
  .map .square01, .map .square02 { margin-top: -24px !important; }
  .map .square01:before, .map .square02:before { min-width: 133px; min-height: 113px; width: calc(min(10.417vw, 223px)); border-radius: 10px; left: -24px; height: calc(min(8.855vw, 170px)); }
  .map .square03:before { width: calc(min(15.938vw, 307px)); height: calc(min(16.98vw, 326px)); right: calc(calc(min(calc(calc(100vw - calc(min(7.2vw, 150px)) - calc(min(20.313vw, 390px))) - calc(min(66.667vw, 1200px)) - 1px), 180px)) * -1); top: 110px; min-height: 217px; } .map .square04:before { min-width: 277px; min-height: 257px; top: -40px; width: calc(min(21.6887vw, 280px)); height: calc(min(20.14vw, 260px)); right: calc(calc(min(calc(calc(100vw - calc(min(7.2vw, 150px)) - calc(min(20.313vw, 390px))) - calc(min(66.667vw, 1200px)) - 1px), 180px)) * -1); } .map .wrap-sect.pt2 .decor01 { width: 234px; right: calc(calc(min(2vw, 40px)) * -1); bottom: -3px; }
  .map .wrap-sect.pt2 .decor02 { width: 269px; right: calc(calc(min(2vw, 40px)) * -1); bottom: -3px; }
  .map .wrap-sect.pt2 .decor03 { width: 193px; bottom: -15px; right: calc(calc(min(2vw, 40px)) * -1); } .wrap-talk { margin-bottom: 0; margin-right: 0; position: absolute; right: 40px; top: calc(min(3.8vw, 78px) * -1); }
  .wrap-talk .txt { padding: calc(min(1.303vw, 24px)); }
  .wrap-talk.pt1 { right: 0; }
  .wrap-talk.left { right: 110px; margin-left: 0; } .list-img { display: flex; justify-content: flex-end; align-items: flex-end; margin-left: -32px; }
  .list-img > li { padding-left: 32px; }
  .list-img > li + li { margin-top: 0; }
  .list-img .img01 { min-width: 200px; width: calc(min(15.625vw, 300px)); }
  .list-img .img02 { min-width: 287px; width: calc(min(22.396vw, 430px)); } .wrap-block-map .img-map { min-width: 328px; width: calc(min(25.625vw, 430px)); margin: 0 auto; }
  .wrap-block-map .wrap-img-decor .decor { min-width: 195px; position: absolute; right: calc(calc(min(calc(calc(100vw - calc(min(7.2vw, 150px)) - calc(min(20.313vw, 390px))) - calc(min(66.667vw, 1200px)) - 1px), 180px)) * -1); width: calc(min(15.209vw, 292px)); top: 80%; }
  .wrap-block-map .wrap-img-decor + .txt-cap { padding-right: calc(min(15.209vw, 292px) - 70px); }
  .wrap-block-map .wrap-img-decor.pt1 .decor { min-width: 217px; top: calc(min(21vw, 378px)); }
  .wrap-block-map.pt1 { padding-bottom: 0; }
  .wrap-block-map.pt1 .img01 { padding-right: 0; }
  .wrap-block-map.pt1 .txt-cap { padding-right: 34%; }
  .wrap-block-map.pt1 .img02 { min-width: 121px; width: calc(min(9.48vw, 182px)); top: 80%; right: calc((calc(min(calc(calc(100vw - calc(min(7.2vw, 150px)) - calc(min(20.313vw, 390px))) - calc(min(66.667vw, 1200px)) - 1px), 180px)) / 2) * -1); }
  .wrap-block-map.pt1 .decor { min-width: 217px; right: 55px; width: calc(min(16.9277vw, 325px)); top: 115%; z-index: 2; }
  .wrap-block-map.pt1 .txt-st { padding-bottom: calc(min(7vw, 150px)); }
  .wrap-block-map.pt2 { padding-bottom: 0; }
  .wrap-block-map.pt2 .txt-cap { padding-right: 54%; }
  .wrap-block-map.pt2 .decor { right: calc((calc(min(calc(calc(100vw - calc(min(7.2vw, 150px)) - calc(min(20.313vw, 390px))) - calc(min(66.667vw, 1200px)) - 1px), 180px)) / 2) * -1); width: calc(min(20.834vw, 400px)); top: calc(min(10.8vw, 205px)); min-width: 267px; }
  .wrap-block-map.pt3 .decor { bottom: unset; top: -100px; }
  .wrap-block-map.pt3 .img02 { min-width: 200px; width: calc(min(15.625vw, 300px)); right: calc((calc(min(calc(calc(100vw - calc(min(7.2vw, 150px)) - calc(min(20.313vw, 390px))) - calc(min(66.667vw, 1200px)) - 1px), 180px)) / 2) * -1); }
  .wrap-block-map.pt3 .decor02 { width: calc(min(7.813vw, 150px)); top: 1.6vw; left: -4.7vw; }
  .wrap-block-map.pt4 { padding-bottom: 174px; }
  .wrap-block-map.pt4 .txt-cap { padding-right: 54%; }
  .wrap-block-map.pt4 .decor { min-width: 235px; width: calc(min(18.386vw, 353px)); top: 87%; right: calc((calc(min(calc(calc(100vw - calc(min(7.2vw, 150px)) - calc(min(20.313vw, 390px))) - calc(min(66.667vw, 1200px)) - 1px), 180px)) / 2) * -1); } .txt-intro { margin-top: 104px; font-size: 2rem; line-height: 2; margin-bottom: 120px; } .block-article { margin-top: 80px; } .list-article > li + li { margin-top: 24px; }
  .list-article > li:has(.square01) { padding-top: 40px; }
  .list-article > li:has(.square02) { padding-bottom: 49px; }
  .list-article .wrap-col1-2 .wrap-cnt + .wrap-cnt { margin-top: 0; }
  .list-article .wrap-content { padding: calc(min(3.29vw, 64px)); }
  .list-article .wrap-content.square01:after { width: 344px; height: 326px; top: -40px; right: 0; right: calc(calc(min(calc(calc(100vw - calc(min(7.2vw, 150px)) - calc(min(20.313vw, 390px))) - calc(min(66.667vw, 1200px)) - 1px), 180px)) * -1); } .list-article .wrap-content.square02:after { width: 344px; height: 296px; bottom: -49px; right: 0; right: calc(calc(min(calc(calc(100vw - calc(min(7.2vw, 150px)) - calc(min(20.313vw, 390px))) - calc(min(66.667vw, 1200px)) - 1px), 180px)) * -1); } .list-article .block-image-corner .img-corner01 { min-width: 67px; width: calc(min(5.209vw, 100px)); left: -18px; bottom: -52px; }
  .list-article .block-image-corner .img-corner02 { width: 120px; height: 120px; top: -64px; right: -34px; }
  .list-article .wrap-img { margin: 0; }
  .list-article .img-add { margin-top: 0; position: absolute; }
  .list-article .img-add.add-pt1 { width: 229px; top: 283px; right: 25px; }
  .list-article .img-add.add-pt2 { width: 230px; top: 295px; right: 24px; }
  .list-article .img-add.add-pt3 { min-width: 165px; width: calc(min(12.865vw, 247px)); top: calc(min(64%, 395px)); right: 50px; } .wrap-dl .wrap-data { font-size: 1.8rem; letter-spacing: 0; }
  .wrap-dl .wrap-data dt { min-width: 91px; } .wrap-map-content:before { width: calc(min(23.985vw, 307px)); height: calc(min(25.47vw, 326px)); right: calc(calc(min(calc(calc(100vw - calc(min(7.2vw, 150px)) - calc(min(20.313vw, 390px))) - calc(min(66.667vw, 1200px)) - 1px), 180px)) * -1); } .wrap-map-content .decor { margin-top: 54px; max-width: 440px; }
  .wrap-map-content.pt2 { margin-top: 86px; } .wrap-tower .hdg-lv2-pt1 { margin-bottom: 92px; }
  .wrap-tower .hdg-lv3-pt1 { text-align: center; }
  .wrap-tower .decor { width: calc(min(13.646vw, 262px)); top: 24px; right: calc(min(1vw, 40px)); }
  .wrap-tower .logo { margin-top: 0; width: calc(min(18.021vw, 346px)); margin-left: 47px; }
  .wrap-tower .img-large { margin-right: calc((calc(min(calc(calc(100vw - calc(min(7.2vw, 150px)) - calc(min(20.313vw, 390px))) - calc(min(66.667vw, 1200px)) - 1px), 180px)) + calc(min(2vw, 40px))) * -1); }
  .wrap-tower .wrap-col1-2.pt1 { margin-top: 80px; }
  .wrap-tower .wrap-col1-2.pt1 .txt-st { margin-bottom: 112px; }
  .wrap-tower .wrap-img-tower03 { margin-top: 24px; }
  .wrap-tower .img-tower03 { flex: 0 0 calc(min(11.459vw, 220px)); }
  .wrap-tower .img-decor03 { width: calc(min(14.271vw, 274px)); }
  .wrap-tower .img-tower04 { min-width: 240px; flex: 0 0 calc(min(18.75vw, 360px)); }
  .wrap-tower .wrap-img-tower04 { margin-left: -66px; margin-top: 36px; }
  .wrap-tower .img-tower05 { min-width: 133px; width: calc(min(10.417vw, 200px)); }
  .wrap-tower .img-decor04 { width: calc(min(5.73vw, 110px)); }
  .wrap-tower .img-decor10 { width: 100px; top: -42px; left: -46px; }
  .wrap-tower .wrap-bird-kitchen { position: relative; max-width: 410px; margin-right: 40px; } .sub { text-align: center; font-size: 2rem; letter-spacing: 0; margin-bottom: 40px; } .img-decor12 { width: calc(min(7.865vw, 151px)); left: calc(calc(min(2vw, 40px)) * -1); bottom: -3px; } .img-decor14 { width: calc(min(6.771vw, 130px)); left: -2%; bottom: -30px; } .img-decor13 { margin-top: 50px; width: 145px; } .img-decor15 { width: calc(min(5.73vw, 110px)); top: -12%; right: -50px; } .img-decor16 { width: calc(min(5.73vw, 110px)); right: -50px; bottom: -12%; } .wrap-lst-img-pt1 { gap: 24px; }
  .wrap-lst-img-pt1 .img-coffe-store { flex: 0 0 calc(min(18.75vw, 360px)); }
  .wrap-lst-img-pt1 .img-decor17 { flex: 0 0 calc(min(16.667vw, 320px)); } [class*="square"] + .txt-cap { padding-right: 54%; } .c-bookly { min-height: auto; margin-top: 40px; padding-top: 24px; }
  .c-bookly:before { width: 133px; height: 267px; }
  .c-bookly .bound { -webkit-perspective: 250vw; perspective: 250vw; }
  .c-bookly .bound .pages { aspect-ratio: 16/9; position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
  .c-bookly .bound .pages .page { aspect-ratio: 8/9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; left: unset; }
  .c-bookly .bound .pages .page:nth-child(1) { z-index: 9; }
  .c-bookly .bound .pages .page:nth-child(2), .c-bookly .bound .pages .page:nth-child(3) { background-image: url(/sustainability/ichigaya-forest/image/img_book01_pc.png); background-color: #FFFAF0; }
  .c-bookly .bound .pages .page:nth-child(3) { background-position: top right; }
  .c-bookly .bound .pages .page:nth-child(2) { z-index: 8; }
  .c-bookly .bound .pages .page:nth-child(4), .c-bookly .bound .pages .page:nth-child(5) { background-image: url(/sustainability/ichigaya-forest/image/img_book02_pc.png); background-color: #FFFAF0; }
  .c-bookly .bound .pages .page:nth-child(5) { background-position: top right; }
  .c-bookly .bound .pages .page:nth-child(3) { z-index: 7; }
  .c-bookly .bound .pages .page:nth-child(6), .c-bookly .bound .pages .page:nth-child(7) { background-image: url(/sustainability/ichigaya-forest/image/img_book03_pc.png); background-color: #FFFAF0; }
  .c-bookly .bound .pages .page:nth-child(7) { background-position: top right; }
  .c-bookly .bound .pages .page:nth-child(4) { z-index: 6; }
  .c-bookly .bound .pages .page:nth-child(8), .c-bookly .bound .pages .page:nth-child(9) { background-image: url(/sustainability/ichigaya-forest/image/img_book04_pc.png); background-color: #FFFAF0; }
  .c-bookly .bound .pages .page:nth-child(9) { background-position: top right; }
  .c-bookly .bound .pages .page:nth-child(5) { z-index: 5; }
  .c-bookly .bound .pages .page:nth-child(11) { background-position: top right; }
  .c-bookly .bound .pages .page:nth-child(6) { z-index: 4; }
  .c-bookly .bound .pages .page:nth-child(13) { background-position: top right; }
  .c-bookly .bound .pages .page:nth-child(7) { z-index: 3; }
  .c-bookly .bound .pages .page:nth-child(15) { background-position: top right; }
  .c-bookly .bound .pages .page:nth-child(8) { z-index: 2; }
  .c-bookly .bound .pages .page:nth-child(17) { background-position: top right; }
  .c-bookly .bound .pages .page:nth-child(9) { z-index: 1; }
  .c-bookly .bound .pages .page:nth-child(19) { background-position: top right; }
  .c-bookly .bound .pages .page:nth-child(10) { z-index: 0; }
  .c-bookly .bound .pages .page:nth-child(21) { background-position: top right; }
  .c-bookly .bound .pages .page:nth-child(odd) { pointer-events: all; right: 0; -webkit-transform: rotateY(0deg) translateZ(0); transform: rotateY(0deg) translateZ(0); }
  .c-bookly .bound .pages .page:nth-child(odd):hover { -webkit-transform: rotateY(-10deg) translateZ(0); transform: rotateY(-10deg) translateZ(0); }
  .c-bookly .bound .pages .page:nth-child(odd):hover:before { background: rgba(0, 0, 0, 0.03); }
  .c-bookly .bound .pages .page:nth-child(odd):before { background: transparent; }
  .c-bookly .bound .pages .page:nth-child(2n) { left: 0; pointer-events: all; -webkit-transform: rotateY(180deg) translateZ(0); transform: rotateY(180deg) translateZ(0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }
  .c-bookly .bound .pages .page:nth-child(2n):before { background: rgba(0, 0, 0, 0.2); }
  .c-bookly .bound .pages .page:before { background: transparent; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transition: background 0.7s; z-index: 2; }
  .c-bookly .bound .pages .page.flipped { z-index: 20; }
  .c-bookly .bound .pages .page.flipped:nth-child(2n) { pointer-events: none; }
  .c-bookly .bound .pages .page.flipped:nth-child(odd) { pointer-events: none; -webkit-transform: rotateY(-180deg) translateZ(0); transform: rotateY(-180deg) translateZ(0); }
  .c-bookly .bound .pages .page.flipped:nth-child(odd):before { background: rgba(0, 0, 0, 0.2); }
  .c-bookly .bound .pages .page.flipped:nth-child(2n) { pointer-events: all; -webkit-transform: rotateY(0deg) translateZ(0); transform: rotateY(0deg) translateZ(0); }
  .c-bookly .bound .pages .page.flipped:nth-child(2n):hover { -webkit-transform: rotateY(10deg) translateZ(0); transform: rotateY(10deg) translateZ(0); }
  .c-bookly .bound .pages .page.flipped:nth-child(2n):hover:nth-child(2) { -webkit-transform: none; transform: none; }
  .c-bookly .bound .pages .page.flipped:nth-child(2n):hover:before { background: rgba(0, 0, 0, 0.03); }
  .c-bookly .bound .pages .page.flipped:nth-child(2n):before { background: transparent; } .u-ta-c-pc { text-align: center; } }

@media print, all and (min-width: 1921px) and (max-width: 2560px) { .wrap-inner-body { overflow: hidden; } }

@media print, all and (min-width: 767px) and (max-width: 1279px) { .inner-body { max-width: calc(100% - calc(min(calc(calc(100vw - calc(min(7.2vw, 150px)) - calc(min(20.313vw, 390px))) - calc(min(66.667vw, 1200px)) - 1px), 180px))); } }

@media print, all and (min-width: 768px) and (min-width: 1921px) { .map .square03:before { --num: 40px; margin-right: calc(calc(50% + var(--num)) - 50vw); padding-right: calc(50vw - calc(50% + var(--num))); max-width: auto; max-width: initial; } .map .square04:before { --num: 40px; margin-right: calc(calc(50% + var(--num)) - 50vw); padding-right: calc(50vw - calc(50% + var(--num))); max-width: auto; max-width: initial; } .list-article .wrap-content.square01:after { --num: 40px; margin-right: calc(calc(50% + var(--num)) - 50vw); padding-right: calc(50vw - calc(50% + var(--num))); max-width: auto; max-width: initial; } .list-article .wrap-content.square02:after { --num: 40px; margin-right: calc(calc(50% + var(--num)) - 50vw); padding-right: calc(50vw - calc(50% + var(--num))); max-width: auto; max-width: initial; } .wrap-map-content:before { --num: 40px; margin-right: calc(calc(50% + var(--num)) - 50vw); padding-right: calc(50vw - calc(50% + var(--num))); max-width: auto; max-width: initial; } }
