section{overflow:hidden;background-color:#fff;width:100%;position:relative}.top_section{position:relative;padding:10px;background-color:#fff;width:100%;height:100vh}.area canvas{transform:translate(0px,0px)}.accomodation_waves{width:100%;height:100%;position:absolute;top:0;left:0}#top_slider{position:relative;width:100%;height:100%;overflow:hidden}#top_slider div{background-size:cover}.top_slider_item{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 2s ease;object-fit:cover}.top_slider_item picture{width:100%;height:100%}.top_slider_item picture img{width:100%;height:100%;object-fit:cover}.top_slider_item.active{opacity:1}#top_slider_indicator{position:absolute;display:flex;justify-content:center;gap:20px;bottom:50px;left:50%;transform:translateX(-50%)}.top_slider_pc{display:none}.indicator{width:40px;height:2px;background-color:#fff;transition:background-color .5s ease}.indicator.active{background-color:#12a2f3}.top_section__title{position:absolute;top:calc(50vh - 100px);left:50%;transform:translateX(-50%);text-align:center;color:#fff}.top_section__title>*{display:block}.top_section__title img{width:180px;margin-top:20px}.top_section__title span:last-child{margin-top:20px}.news_section{padding:250px 10px}.section_title h2{font-size:44px;font-weight:400;margin-bottom:30px}.news-container-index{margin-top:70px}.news-container-index .news-article{display:flex}.news-container-index .article__list__time{font-size:14px;width:70px;display:block;margin-right:39px;line-height:21px;margin-top:20px}.news-container-index .news-description{font-size:14px}section{z-index:2}.zero{height:120vh;max-height:1000px;background-color:transparent;z-index:1;pointer-events:none}.spending_time{background-image:url(//thebeachamami.jp/wp-content/themes/the_beach_amami/assets/css/../images/index/spending_time.webp);background-size:cover;background-repeat:no-repeat;position:fixed;padding-bottom:250px;height:100vh;top:0;z-index:1;pointer-events:auto;display:none}.spending_time .section_title{position:absolute;top:45px;left:10px}.spending_time .section_title a.button_text{text-align:left;margin-top:40px;margin-right:auto;margin-left:0}.spending_time img{width:100%}.section_title,.section_title h2,.section_title span,.section_title a{pointer-events:auto}.guide_section{padding:250px 10px;overflow:hidden}.guide_section_img{background-image:url(//thebeachamami.jp/wp-content/themes/the_beach_amami/assets/css/../images/index/users_guide.webp);background-repeat:no-repeat;background-size:100%;position:relative;max-width:450px;width:calc(100%);margin-top:70px;height:125.6vw;margin-left:auto;max-height:471px}.guide_article{bottom:0;padding:18px}article{line-height:32px;font-size:14px;padding:20px}.guide_section,.about_section{position:relative}.about_section article{position:absolute}.guide_section article{position:absolute;top:74.67vw;background-color:#fff;width:calc(100% - 20px);max-width:515px;right:10px;height:fit-content}@media (min-width:475px){.guide_section article{top:355px;right:auto}}.accomodation{padding:125px 10px;background-image:url(//thebeachamami.jp/wp-content/themes/the_beach_amami/assets/css/../images/index/accomodation_guide/background.webp);background-size:cover}.accomodation .section_title{text-align:center;color:#fff}@media (max-width:374px){.accomodation .section_title h2{font-size:38px}}.accomodation article{color:#fff;text-align:center;padding:0;margin-top:70px;margin-bottom:50px}.content01__slider__wrap-sp{position:relative;margin-top:70px;max-width:682px}.content01__slider{left:calc(50% - 110px)}.content01__slider-item{display:block;position:relative;height:430px;width:180px;margin:20px}.content01__slider__img{display:block;position:relative;height:430px;width:180px;overflow:hidden;pointer-events:all !important}.content01__slider-item:after{position:absolute;top:0;left:0;content:"";height:100%;width:100%;background-color:#00454e;opacity:.5;z-index:2}.slick-list{overflow:visible !important;left:20px}.content01__slider-item.slick-active{box-shadow:0px 4px 13px 0px #d4ffff4d}.vertical_text{display:block;width:430px;position:relative;top:-430px;left:39px;font-weight:400;font-size:33px;line-height:48px;color:#fff;transform:rotate(90deg);transform-origin:left top;white-space:nowrap;z-index:3;mix-blend-mode:overlay}.horizontal_text{position:absolute;top:200px;left:50%;transform:translateX(-50%);color:#fff;z-index:3;font-size:14px;font-weight:400}.horizontal_text:after{position:absolute;top:23px;left:0;width:100%;content:"";border-bottom:1px solid #fff}.about{position:relative;padding:128px 0 0;background-color:#fff;height:auto}.about_img{background-image:url(//thebeachamami.jp/wp-content/themes/the_beach_amami/assets/css/../images/index/about.webp);background-size:contain;position:relative;bottom:210px;z-index:1;width:80vw;height:100vw;background-repeat:no-repeat;max-width:500px;max-height:700px}.about .section_title{margin-left:10px}.about article{width:85%;height:auto;background-color:#fff;position:relative;margin-left:auto;margin-top:70px;z-index:2;padding-bottom:10px}article .yellow_text{margin-top:60px}@media (min-width:768px){.content01__slider{left:0}.slick-list.draggable{padding:0 !important}.slick-track{transform:translate3d(0px,0px,0px) !important}.slick-list{left:-5px}#top_slider{width:100%;height:100%}.top_section{margin-top:53px;position:relative;padding:40px}.top_section{width:100%;height:calc(100vh - 53px)}#top_slider_indicator{width:380px;left:80px;justify-content:unset;transform:none;bottom:80px}.indicator{width:60px;height:2px;background-color:#fff;transition:background-color .5s ease}.about{padding:250px 0 0}.spending_time{top:53px;background-image:url(//thebeachamami.jp/wp-content/themes/the_beach_amami/assets/css/../images/index/spending_time_pc.webp)}.spending_time .section_title{top:193px}.section_title h2{font-size:54px}.section_title>span{font-size:18px}.section_title br{display:none}.spending_time .section_title a{margin-top:68px}.guide_section{padding:250px 10px}.guide_section_img{background-image:url(//thebeachamami.jp/wp-content/themes/the_beach_amami/assets/css/../images/index/users_guide_pc.webp);background-repeat:no-repeat;background-size:100%;max-width:none;position:relative;width:66vw;margin-top:70px;margin-left:auto;height:36.3vw;max-height:none}.guide_section article{position:relative;top:18.3vw;right:280px;bottom:0;left:auto}@media (max-width:1000px){.guide_section article{right:28vw;top:20vw}}.guide_section .yellow_text,.spending_time .yellow_text{text-align:left;margin-right:auto;margin-left:0;pointer-events:auto !important}.guide_section .button_text:after{left:-8px}.accomodation{padding:125px 10px;background-image:url(//thebeachamami.jp/wp-content/themes/the_beach_amami/assets/css/../images/index/accomodation_guide/background_pc.webp);background-size:100% 110%;background-position:0 -50px}.content01__slider__wrap-sp{position:relative;margin-top:75px;left:50%;transform:translateX(-340px)}.content01__slider-item{box-sizing:content-box;position:relative;height:430px;width:180px;margin:0 35px;border:1px solid #afafaf}.content01__slider-item:first-child{margin-left:0}.content01__slider-item:last-child{margin-right:0}.slick-slider{-webkit-tap-highlight-color:#fff !important}.content01__slider-item:hover{box-shadow:0px 4px 13px 0px #d4ffff4d}.content01__slider-item:after{position:absolute;top:0;left:0;content:"";height:100%;width:100%;background-color:#222;transition:opacity .3s ease;opacity:.7;z-index:2}.content01__slider-item:hover:after{background-color:#00454e;opacity:.5}.vertical_text,.horizontal_text{opacity:0;transition:opacity .3s ease}.content01__slider-item:hover .vertical_text,.content01__slider-item:hover .horizontal_text{opacity:1}.about_img{top:0;position:absolute;background-image:url(//thebeachamami.jp/wp-content/themes/the_beach_amami/assets/css/../images/index/about_pc.webp);background-size:100%;width:57.24vw;height:34.41vw;top:422px;min-width:600px;min-height:360.6px;max-width:none;left:0}.about article{margin-top:232px;max-width:785px;padding:30px;right:calc(50vw - 505px)}.about .yellow_text{position:absolute;bottom:-70px;right:30px}@media (max-width:1124px){.about article{width:60%;right:30px}}}