#title{position:relative}#title p.small{position:relative;z-index:9}#title .images{line-height:0;position:absolute;bottom:-254px;left:0;z-index:1;overflow:hidden}#title .images span{display:flex;justify-content:left;text-align:left;animation:image-loop 20s linear 0s infinite}#title .images span img{display:block;letter-spacing:normal;vertical-align:top;margin:0 30px 0 0}#title .nav{position:absolute;top:40px;right:20px;z-index:9;line-height:0}#title .nav a{display:block;font-size:1.6rem;line-height:140%;font-weight:bold;color:#333;margin:0 auto 20px;position:relative;padding:0 0 0 30px;cursor:pointer;transition:.3s ease-in-out}#title .nav a:last-child{margin-bottom:0}#title .nav a::before{content:"";width:12px;height:12px;background:#fff;border-radius:100%;position:absolute;top:6px;left:0;transition:.3s ease-in-out}#title .nav a:hover,#title .nav a.active{text-decoration:none;padding:0 0 0 25px}#title .nav a:hover::before,#title .nav a.active::before{background:#333}@keyframes image-loop{0%{transform:translateX(0px)}to{transform:translateX(-2120px)}}#contents{padding:270px 0 0;overflow:hidden}#contents .title{margin:0 auto 150px;line-height:0}#contents .title .area{display:block;letter-spacing:-0.4em;text-align:left;line-height:0;padding:50px 0;border-bottom:1px solid #ccc}#contents .title .area .tit{display:inline-block;letter-spacing:normal;vertical-align:top;min-width:410px}#contents .title .area .tit h2{font-size:4rem;line-height:120%;margin:0 auto 10px;font-weight:bold;position:relative}#contents .title .area .tit h2::before{content:"";width:12px;height:12px;background:#abe900;position:absolute;top:-18px;left:15px;border-radius:100%}#contents .title .area .tit p.century{font-size:2.4rem;line-height:100%;font-weight:bold;color:#ccc}#contents .title .area .body{display:inline-block;letter-spacing:normal;vertical-align:top}#contents .title .area .body p{font-size:1.6rem;line-height:160%;margin:0 auto;padding:20px 0 0}#contents .title .area .body p.t{font-size:3.6rem;line-height:140%;padding:0;font-weight:bold}#contents .text{position:relative;padding:0 0 200px}#contents .text h2{font-size:8rem;line-height:140%;writing-mode:vertical-rl;position:absolute;top:-50px;right:-50px;z-index:2}#contents .text .image{line-height:0}#contents .text .image img{overflow:hidden;border-top-right-radius:50px}#contents .text p.line{position:absolute;top:465px;right:-150px;line-height:0;z-index:1}#contents .text h3{font-size:10.9rem;line-height:100%;margin:0 auto;color:#abe900;margin:-35px auto 20px;font-weight:bold;padding:0 50px;position:relative;z-index:2}#contents .text p.tx{font-size:3.6rem;line-height:120%;color:#666;font-weight:bold;padding:0 50px;position:relative;z-index:2}#contents .overview{background:#f1f1f1;padding:110px 0 230px;line-height:0;overflow:hidden;position:relative;z-index:1}#contents .overview::before{content:"";position:absolute;top:240px;left:30%;right:0;bottom:0;background:#fff}#contents .overview .title{margin:0 auto 140px}#contents .overview .title h2{font-size:4rem;line-height:120%;margin:0 auto 15px;font-weight:bold;position:relative}#contents .overview .title h2::before{content:"";width:12px;height:12px;background:#abe900;position:absolute;top:-18px;left:15px;border-radius:100%}#contents .overview .title p.century{font-size:2.4rem;line-height:100%;font-weight:bold;color:#ccc}#contents .overview .in{width:860px;margin:0 0 0 auto;position:relative}#contents .overview .in table a.btn{display:inline-block;vertical-align:top;font-size:1.6rem;line-height:100%;color:#fff;background:#ccc;padding:5px 20px 7px;margin:-2px 0 0 20px;border-radius:16px;transition:.3s ease-in-out}#contents .overview .in table a.btn:hover{text-decoration:none;opacity:.7}#contents .imgs{width:100vw;height:100vh;line-height:0;background:url("../img/img06.jpg") center top no-repeat;background-size:cover;position:relative;z-index:2}#contents .revolution{background:#333;padding:300px 0;position:relative;z-index:2;overflow:hidden;box-sizing:border-box;min-height:100vh}#contents .revolution .title{margin:0 auto}#contents .revolution .title h2{font-size:4rem;line-height:120%;margin:0 auto 15px;font-weight:bold;position:relative;color:#fff}#contents .revolution .title h2::before{content:"";width:12px;height:12px;background:#abe900;position:absolute;top:-18px;left:15px;border-radius:100%}#contents .revolution .title p.century{font-size:2.4rem;line-height:100%;font-weight:bold;color:#ccc}#contents .revolution .history{width:940px;margin:0 0 0 auto}#contents .revolution .history .company_history_body .swiper-container{overflow:hidden;position:relative;z-index:1;margin-right:auto;margin-left:auto;padding:0;list-style:none}#contents .revolution .history .company_history_body .swiper-container .company_history_item{position:relative;width:300px;height:282px;background-color:#fff;flex-shrink:0}#contents .revolution .history .company_history_body .swiper-container .company_history_item p{font-size:1.6rem;line-height:140%;text-align:left}#contents .revolution .history .company_history_body .swiper-container .company_history_item p.date{padding:70px 20px 0;font-weight:bold;margin:0 auto 20px}#contents .revolution .history .company_history_body .swiper-container .company_history_item p.tx{padding:0 20px;font-weight:bold;color:#666}#contents .revolution .history .company_history_body .swiper-container .company_history_item p.century{font-size:8rem;line-height:100%;font-weight:bold;color:#ccc;position:absolute;bottom:-5px;right:0}#contents .revolution .history .company_history_controls{position:relative;width:100%;margin-top:50px;background-color:#fff}#contents .revolution .history .company_history_controls .swiper-scrollbar{background:#fff}#contents .revolution .history .company_history_controls .swiper-scrollbar-drag{position:relative;height:4px;background-color:#0cc}#contents .revolution .history .company_history_slide_nav{display:flex;position:absolute;top:-70px;right:0}#contents .revolution .history .company_history_slide_nav .company_history_slide_nav_btn{position:relative;width:50px;height:50px;border:1px #fff solid;border-radius:50%;cursor:pointer;transition:.3s}#contents .revolution .history .company_history_slide_nav .company_history_slide_nav_btn._next{margin-left:12px}#contents .revolution .history .company_history_slide_nav .company_history_slide_nav_btn::before{position:absolute;top:40%;left:42%;width:9px;height:9px;border-top:2px solid #fff;border-right:2px solid #fff;content:"";transition:.3s}#contents .revolution .history .company_history_slide_nav .company_history_slide_nav_btn._prev::before{transform:rotate(-135deg)}#contents .revolution .history .company_history_slide_nav .company_history_slide_nav_btn._next::before{left:38%;transform:rotate(45deg)}#contents .access{background:#fff;padding:150px 0;position:relative;z-index:2;overflow:hidden}#contents .access .title{margin:0 auto 140px}#contents .access .title h2{font-size:4rem;line-height:120%;margin:0 auto 15px;font-weight:bold;position:relative}#contents .access .title h2::before{content:"";width:12px;height:12px;background:#abe900;position:absolute;top:-18px;left:15px;border-radius:100%}#contents .access .title p.century{font-size:2.4rem;line-height:100%;font-weight:bold;color:#ccc}#contents .access #map{width:100%;height:710px;margin:0 auto 40px}#contents .access p.tx{font-size:1.6rem;line-height:160%;text-align:center}#contents .access p.tx a.btn{display:inline-block;vertical-align:top;font-size:1.6rem;line-height:100%;color:#fff;background:#ccc;padding:10px 30px 12px;margin:-7px 0 0 20px;border-radius:18px;transition:.3s ease-in-out}#contents .access p.tx a.btn:hover{text-decoration:none;opacity:.7}@media screen and (min-width: 768px){#tablet #contents .text h2{right:-10px}#tablet #contents .overview::before{left:10%}#tablet #contents .overview .title{margin-bottom:100px}#tablet #contents .overview .in{width:950px}}@media screen and (max-width: 767px){#title .nav{top:20px}#title .nav a{margin-bottom:15px}#title .images{bottom:-204px}#contents .title{margin-bottom:60px}#contents .title .area .tit{display:block;min-width:1px;width:100%;margin:0 auto 10px}#contents .title .area .tit h2{font-size:3rem}#contents .title .area .tit p.century{font-size:2rem}#contents .title .area .body{display:block}#contents .title .area .body p{font-size:1.4rem}#contents .title .area .body p.t{font-size:2.6rem}#contents .text{padding:0 0 60px}#contents .text h2{font-size:2.8rem;writing-mode:initial;position:static;margin:0 auto 10px}#contents .text .image img{border-top-right-radius:30px}#contents .text p.line{position:static;margin-top:-20px}#contents .text h3{font-size:3rem;margin:15px auto 20px;padding:0}#contents .text p.tx{font-size:1.6rem;padding:0}#contents .overview{padding:60px 0}#contents .overview::before{top:150px;left:0}#contents .overview .title{margin-bottom:40px}#contents .overview .title h2{font-size:3rem}#contents .overview .title p.century{font-size:2rem}#contents .overview .in{width:100%}#contents .overview .in table a.btn{margin:6px 0 0}#contents .revolution{padding:100px 0;min-height:1px}#contents .revolution .title{margin:0 auto 30px}#contents .revolution .title h2{font-size:3rem}#contents .revolution .title p.century{font-size:2rem}#contents .revolution .history{width:100%}#contents .revolution .history .company_history_slide_nav{top:-70px}#contents .access{padding:80px 0}#contents .access .title{margin:0 auto 60px}#contents .access .title h2{font-size:3rem}#contents .access .title p.century{font-size:2rem}#contents .access p.tx{font-size:1.4rem}#contents .access p.tx a.btn{margin:20px 0 0}}/*# sourceMappingURL=style.min.css.map */