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


.warp{ background-size: 160% auto;}
.Header{ height: 55vw; }

.slogan{ top: 18vw; width: auto; right: auto; text-align: center; }
.slogan img{ max-width: 48vw; }

.Main{ padding:0;}

.Part1{ margin: 0px 10px; }
.SdydPart{ height: auto; display: block; }
.SdydPart::before{ width: 100%; height: 100%; }
.SdydPart::after{ width: calc(100% - 20px); height: calc(100% - 20px); }

.SdydPart .hd{ width: auto; height: auto; padding: 25px 20px 10px; align-items: center; justify-content: space-between; }
.SdydPart .hd h1{ margin-left: 0; font-size: calc(100vw / (414 / 22));}
.SdydPart .hd ul{ margin-left: 0; max-width: calc(100vw / (414 / 230)); overflow-x: auto; overflow-y: hidden; }
.SdydPart .hd ul::-webkit-scrollbar{ display: none; }
.SdydPart .hd li{ height: auto; font-size: calc(100vw / (414 / 14));}
.SdydPart .hd li + li{ margin-left: 1em;}
.SdydPart .hd li a{ line-height: 2; white-space: nowrap; pointer-events: none; }

.SdydPart .bd>div{ flex-direction: column; align-items: center; min-height: auto;}

.PicDiv{ width: calc(100vw - 60px); margin-top: 10px;}
.PicDiv .pic{ height: calc((100vw - 60px) / (705 / 460)); }
.PicDiv .flex{ height: auto; padding: 10px 0; }
.PicDiv .date{ width: calc(100vw / (414 / 80)); }
.PicDiv .date p{ font-size: calc(100vw / (414 / 24)); }
.PicDiv .date span{ font-size: calc(100vw / (414 / 14)); }
.PicDiv .txt{ margin-right: 10px; width: calc(100% - 100vw / (414 / 90)); margin-left: 10px; width:auto; }
.PicDiv .txt h1{ font-size: calc(100vw / (414 / 18)); }
.PicDiv .txt .desc{ font-size: calc(100vw / (414 / 12)); margin-top: 0.2em; line-height: 1.5; }

.NewsDiv{ width: calc(100% - 40px); margin: 10px 20px;}
.NewsDiv li{ height: auto; padding: 10px 0; }
.NewsDiv li .pic{ width: 30vw; height: calc(30vw / (180 / 120)); margin-right: 10px; }
.NewsDiv li h1{ font-size: calc(100vw / (414 / 16)); width: calc(100% - 30vw - 10px); }


.PartTitle{ height: auto; }
.PartTitle h1 a{ font-size: calc(100vw / (414 / 22)); }



.Part2{ height: auto; }
.Part2::before{ background-size: contain;}
.WysdPart{ height: auto; padding-top: 10px; padding-bottom: 30px;}
.WysdPart::before,
.WysdPart::after{ display: none; }

.WysdPart li{ flex-direction: column-reverse !important; margin: 30px 10px 0; }
.WysdPart li + li{ padding-top: 30px; border-top: 1px solid #e5e5e5; }
.WysdPart li .pimg{ width: auto; display: block; }
.WysdPart li .pic{ width: auto; height: calc((100vw - 20px) / (610 / 350));}
.WysdPart li .pt{ width: auto; flex-direction: column-reverse !important; }
.WysdPart li .year{ margin-top: 15px; font-size: calc(100vw / (414 / 20)); width: auto; padding: 0 !important;}
.WysdPart li .year::after{ display: none; }
.WysdPart li .text{ max-width: 100%; }
.WysdPart li .text span{ font-size: calc(100vw / (414 / 20)); }
.WysdPart li .text h1{ font-size: calc(100vw / (414 / 18)); }
.WysdPart li .text .desc{ font-size: calc(100vw / (414 / 12)); margin-top: 1em; }




.Part3 .w1400{ margin: 0 10px; }
.FirstPart{ margin-top: 40px; height: auto; padding: 0; flex-direction: column-reverse; display: flex !important;float: left;}
.FirstPart .pic{ width: 100%; height: calc((100vw - 20px) / (915 / 523)); margin: 0; }
.FirstPart .text{ width: auto; height: auto; margin-top: 5px; padding: 10px;  }
.FirstPart .text::after{ border-width: 1px; }
.FirstPart .text h1{ font-size: calc(100vw / (414 / 18)); }
.FirstPart .text .desc{ font-size: calc(100vw / (414 / 12)); margin-top: 0.5em; }
.FirstPart .text .rel{ font-size: calc(100vw / (414 / 14)); margin-top: 1em; }
.FirstPart .text .More{ margin-top: 20px; }

.SdkpPart{ margin: 0px 10px; display:none; }
.SdkpPart ul{ flex-wrap: wrap; justify-content: space-between; }
.SdkpPart li{ width: calc((100vw - 30px) / 2); height: calc((100vw - 30px) / 2 / (368 / 213)); margin-top: 10px; }
.SdkpPart li + li{ margin-left: 0; }
.SdkpPart li h1{ padding: 0 10px; }
.SdkpPart li h1 span{ font-size: calc(100vw / (414 / 14)); }



.Part4{ margin: 100px 10px 0; }
.SdfwPart{ flex-direction: column; margin-top: 30px; }
.SdfwPart .PicPart{ width: auto; height: auto; }
.SdfwPart .PicPart::before{ display: none; }
.SdfwPart .PicPart ul{ justify-content: space-between; }
.SdfwPart .PicPart li{ width: calc((100vw - 30px) / 2); margin-right: 0; height: calc((100vw - 30px) / 2 / (400 / 500));}
.SdfwPart .PicPart li h1{ padding: 10px; }
.SdfwPart .PicPart li span{ font-size: calc(100vw / (414 / 14)); height: calc(100vw / (414 / 36));}
.SdfwPart .NewsList{ margin-top: 10px; width: auto; height: auto; padding: 10px; }

.NewsList li{ font-size: calc(100vw / (414 / 16)); padding-left: 15px; margin-top: 1em; }
.NewsList li:nth-child(1){ font-size: calc(100vw / (414 / 18)); padding-left: 15px; }
.NewsList .More{ margin-top: 10px; }
.NewsList li .desc{ font-size: calc(100vw / (414 / 14));}




.Part5{ padding-top: 50px; min-height: auto; }

.SdqwPart .swiper-slide{ width: 60vw; }
.SdqwPart .swiper-slide .pic{ height: calc(60vw / (370 / 530));}
.SdqwPart .swiper-slide .txt{ font-size: calc(100vw / (414 / 16));}



.Part6{ margin: 50px 10px 0; }
.WxsdPart .bd li{ height: auto; }
.WxsdPart .bd li .pic{ width: 100%; height: calc((100vw - 20px) / (800 / 520));}
.WxsdPart .bd li .txt{ position: absolute; width: 100%; padding: 10px; left: 0; bottom: 0; background-color: rgba(63,63,63,0.6);}
.WxsdPart .bd li .txt h1{ font-size: calc(100vw / (414 / 16)); }
.WxsdPart .bd li .txt .desc{ font-size: calc(100vw / (414 / 12)); margin-top: 0.5em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 1.3;}
.WxsdPart .PrNeBar{ display: none; }
.WxsdPart .hd{ position: relative; left: auto; bottom: auto; justify-content: center; margin-top: 10px; }



/* 英文版-修正 */
body.en .SdydPart .hd h1{font-size: calc(100vw / (414 / 18));word-break: break-word;max-width: calc(100vw / (414 / 100));}
body.en .SdydPart .hd ul{ margin-right:0;  }