@charset "utf-8";
@import url(mobile_header.css);

.Header{ height: 35vw; }

.slogan{ top: 15vw; width: auto; right: auto; text-align: center; }

.Main{ padding:0;}

.Part1{ padding: 10px; margin: 0 10px; font-size: calc(100vw / (414 / 14)); line-height: 1.8; text-align: justify; text-indent: 2em;}


.Part2{ margin: 40px 10px 0; }
.Part2 .w1400{ flex-direction: column; }

.BztxPart{ width: auto; }
.BztxPart .Tit{ margin-right: 0; padding-left: 16px; }
.BztxPart .Tit h1{ font-size: calc(100vw / (414 / 22)); }
.BztxPart .Tit .desc{ font-size: calc(100vw / (414 / 14)); margin-top: 0.5em; line-height: 1.5; }
.NewsList{ padding-left: 16px; }
.NewsList li{ padding-left: 15px; font-size: calc(100vw / (414 / 16)); margin-top: 1em;}
.NewsList li::before{ width: 6px; height: 6px; top: calc(50% - 3px);}
.More{ padding-left: 16px; margin-top: 20px; }

.PhotoSwiper{ width: auto; margin-top: 30px; }
.PhotoSwiper .swiper-slide{ width: 50vw; height: calc(50vw / (460 / 650)); }
.PhotoSwiper .swiper-slide .txt{ padding: 10px; }
.PhotoSwiper .swiper-slide .txt h1{ font-size: calc(100vw / (414 / 16)); }
.PhotoSwiper .swiper-slide .txt .desc{ font-size: calc(100vw / (414 / 12)); margin-top: 0.5em; }
.PostBar{ width: auto; margin-top: 10px; }



.Part3{ margin: 40px 10px 0; }
.Part3 .w1400{ flex-direction: column-reverse; }


.Part4{ margin: 40px 10px 0; }
.Part4 .w1400{ flex-direction: column; }



/* 英文版-修正 */
body.en .slogan img{ max-width: 60vw; }