@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap";body.anniversary .anniversary_title{text-align:center;padding:96px 0 58px}body.anniversary .anniversary_title .green_bar{width:150px;height:1px;background-color:#12716a;margin:25px auto 20px}body.anniversary .anniversary_title .shashou_mark{width:70px;height:auto}body.anniversary .anniversary_title .catch_text{font-size:2.2rem;margin-top:30px;color:#12716a}body.anniversary .message_area{background-color:#12716a;color:#e5f3f0;text-align:center}body.anniversary .message_area .message_inner{padding:16px}body.anniversary .message_area .message_text{padding:58px 0 42px;font-size:2rem;letter-spacing:3px;line-height:2}body.anniversary .collage_image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:58px}body.anniversary .collage_image img{display:block;width:100%;height:auto}body.anniversary .history_area{padding:70px 0}body.anniversary .history_area h2{text-align:center;font-size:2.2rem;color:#12716a;font-weight:normal}body.anniversary .history_area .center_btn{margin:40px auto 0;text-align:center;padding:12px 0 !important}body.anniversary .history_area .history_thread{padding:30px 0;position:relative}body.anniversary .history_area .history_thread::before{content:"";width:1px;height:100%;border-radius:0 0 50% 50%;background-color:#12716a;position:absolute;top:6px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.anniversary .history_area .history_thread .history_box{display:-webkit-box;display:-ms-flexbox;display:flex}body.anniversary .history_area .history_thread .history_box .history_inner{width:50%;padding:11px 15px}body.anniversary .history_area .history_thread .history_box .year_number{font-size:1.5rem;color:#12716a;font-family:"Montserrat",sans-serif;position:relative}body.anniversary .history_area .history_thread .history_box .year_number::before{content:"";width:10px;height:10px;border-radius:50%;background-color:#12716a;position:absolute;top:6px}body.anniversary .history_area .history_thread .history_box .text{font-size:1.8rem}body.anniversary .history_area .history_thread .history_box:nth-of-type(2n -1){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}body.anniversary .history_area .history_thread .history_box:nth-of-type(2n -1) .year_number::before{left:-20px}body.anniversary .history_area .history_thread .history_box:nth-of-type(2n){-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:right}body.anniversary .history_area .history_thread .history_box:nth-of-type(2n) .year_number::before{right:-20px}body.anniversary .brand_area{background-color:#e9f1f0;padding:30px 0}body.anniversary .brand_area .container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}body.anniversary .brand_area .brand_box{margin:30px 0;width:47%}body.anniversary .brand_area .brand_box h2{font-weight:normal;color:#12716a;font-size:1.8rem;padding-bottom:12px;margin-bottom:24px;border-bottom:1px solid #bbd0cc}body.anniversary .brand_area .brand_box img{max-width:100%;height:auto}body.anniversary .brand_area .brand_box .mark_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body.anniversary .brand_area .brand_box .mark_container .text{padding-left:30px}body.anniversary .brand_area .brand_box .sdgs_box{margin-top:34px}body.anniversary .brand_area .brand_box .sdgs_box .text{margin-top:20px}body.anniversary .brand_area .brand_box .logo_image_box{text-align:center;padding:50px 0}body.anniversary .brand_area .brand_box.corp_color_box .text{margin-top:8px}body.anniversary .brand_area .brand_box.corp_logo_box .text{margin-top:30px}body.anniversary .brand_area .brand_box .image_column_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}body.anniversary .brand_area .brand_box .image_column_box img{display:block;max-width:49%;height:auto}@media screen and (max-height: 830px)and (max-width: 830px)and (orientation: landscape),(max-width: 768px){body.anniversary .anniversary_title{padding:10vw 0}body.anniversary .anniversary_title .anniversary_logo{width:20vw;height:auto}body.anniversary .anniversary_title .green_bar{width:20vw;margin:12px auto 10px}body.anniversary .anniversary_title .shashou_mark{width:14vw}body.anniversary .anniversary_title .catch_text{margin-top:6%;font-size:1.8rem}body.anniversary .message_area .message_text{padding:12vw 0;font-size:1.6rem}body.anniversary .collage_image{padding-left:0;padding-right:0}body.anniversary .collage_image img{width:100%;height:auto}body.anniversary .history_area .center_btn{margin:40px auto 0;width:89%}body.anniversary .history_area .history_thread::before{left:15px}body.anniversary .history_area .history_thread .history_box:nth-of-type(2n){text-align:left}body.anniversary .history_area .history_thread .history_box:nth-of-type(2n) .year_number::before{left:-23px}body.anniversary .history_area .history_thread .history_box:nth-of-type(2n-1){-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}body.anniversary .history_area .history_thread .history_box:nth-of-type(2n-1) .year_number::before{left:-23px}body.anniversary .history_area .history_thread .history_box .history_inner{width:100%;padding-left:33px}body.anniversary .history_area .history_thread .history_box .text{font-size:1.6rem}body.anniversary .brand_area .container{-ms-flex-wrap:wrap;flex-wrap:wrap}body.anniversary .brand_area .brand_box{width:100%}body.anniversary .brand_area .brand_box .mark_container{-ms-flex-wrap:wrap;flex-wrap:wrap}body.anniversary .brand_area .brand_box .mark_container img{display:block;margin:0 auto}body.anniversary .brand_area .brand_box .mark_container .text{padding-left:0;margin-top:6%}body.anniversary .brand_area .brand_box .logo_image_box{padding:4%}}/*# sourceMappingURL=anniversary.css.map */