.diy_button0{padding:.7rem 2rem;background:#367ed4;color:#fff;border-radius:7px;display:inline-flex}.diy_button0:hover{background:#222;color:#fff}.diy_button1{padding:.7rem calc(1rem + 1vw);background:#367ed4;color:#fff;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:1;box-sizing:border-box}.diy_button1 i{display:inline-flex;width:1rem;height:1rem;margin:0 0 0 1rem;background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23000000'%3E%3Cpath d='M 18.71875 6.78125 L 17.28125 8.21875 L 24.0625 15 L 4 15 L 4 17 L 24.0625 17 L 17.28125 23.78125 L 18.71875 25.21875 L 27.21875 16.71875 L 27.90625 16 L 27.21875 15.28125 Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") no-repeat center;background-size:contain}.diy_button1::after{position:absolute;content:"";top:0;left:0;width:0%;height:100%;z-index:-1;background:#222;transition-property:all;transition-duration:0.4s;transition-timing-function:"ease";transition-delay:"0s"}.diy_button1:hover::after{width:100%}main,footer{background:#fff}.D0{padding:calc(5rem + 5vw) 0}@media(max-width: 768px){.D0{padding:calc(3rem + 3vw) 0}}.D0 .header{display:flex;justify-content:center;align-items:center;position:relative;margin:0 auto 60px}@media(max-width: 768px){.D0 .header{justify-content:flex-start;margin:0 auto 40px}}.D0 .header .main-title{font-size:40px;font-weight:700;color:#000;margin:0}@media(max-width: 768px){.D0 .header .main-title{font-size:1.5rem}}.D0 .header .nav{position:absolute;right:0;display:flex;gap:12px}@media(max-width: 768px){.D0 .header .nav{gap:8px}}.D0 .header .nav .btn{width:44px;height:44px;border:1px solid #ddd;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;background:#367ed4;cursor:pointer;transition:all .3s ease}@media(max-width: 768px){.D0 .header .nav .btn{width:32px;height:32px}}.D0 .header .nav .btn svg{width:20px;height:20px}.D0 .header .nav .btn:hover{background-color:#367ed4;color:#fff;border-color:#367ed4}.D0 .header .nav .swiper-button-disabled{opacity:.2}.D0 .history-swiper{max-width:1440px;margin:0 auto;overflow:visible;padding-bottom:20px}.D0 .history-swiper .item{display:flex;flex-direction:column}.D0 .history-swiper .item .card{background-color:#f4f4f4;padding:40px;box-sizing:border-box;border-radius:1rem;height:calc(13rem + 13vw);display:flex;flex-direction:column;justify-content:space-between;margin-bottom:40px;transition-property:all;transition-duration:0.6s;transition-timing-function:"ease";transition-delay:"0s"}@media(max-width: 768px){.D0 .history-swiper .item .card{height:calc(20rem + 20vw)}}.D0 .history-swiper .item .card:hover{box-shadow:0 3px 23px #f4f4f4}.D0 .history-swiper .item .card .text{font-size:16px;line-height:1.6;color:#333;margin:0 0 24px 0}@media(max-width: 768px){.D0 .history-swiper .item .card .text{font-size:.9rem}}.D0 .history-swiper .item .card .year{font-size:2.5rem;line-height:1;opacity:.5;font-style:italic;font-weight:900;color:#367ed4;text-align:right;margin-top:auto;color:rgba(0,0,0,0);-webkit-text-stroke:1px #367ed4}.D0 .history-swiper .item .axis{position:relative;height:40px;display:flex;align-items:flex-start;justify-content:space-between;padding-top:0}.D0 .history-swiper .item .axis::before{content:"";position:absolute;top:0;left:-20px;right:-20px;height:1px;background-color:#000;z-index:0}.D0 .history-swiper .item .axis .tick{position:relative;width:1px;background-color:#000;z-index:1}.D0 .history-swiper .item .axis .tick.short{height:8px}.D0 .history-swiper .item .axis .tick.long{height:20px}.D0 .history-swiper .item .axis .dot{position:absolute;top:-6px;left:14px;width:14px;height:14px;background-color:#367ed4;opacity:0;border-radius:50%;z-index:2}.D0 .history-swiper .item .axis .label{position:absolute;top:26px;left:0;font-size:20px;font-weight:600;color:#367ed4;white-space:nowrap}