.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}:root{font-size:16px}body{font-family:"Noto Sans JP",sans-serif;overflow-x:hidden}ul{list-style:none}a{text-decoration:none;line-height:1}@media screen and (min-width: 768px){a figure{overflow:hidden}a figure img{transition:.7s}a:hover figure img{transform:scale(1.1);transition:.7s}}h1{font-size:1.8rem;font-weight:600}h2,h3,h4,h5,h6{font-weight:600}p{margin-bottom:0;font-weight:400}.container{max-width:64rem}.prewrap{white-space:pre-wrap}.text_weak{color:#737373;font-size:.7rem}.font_serif{font-family:"Noto Serif JP",serif}.alphabet{font-family:"Poppins",sans-serif}@media screen and (max-width: 767px){.pc_only{display:none}}.sp_only{display:none}@media screen and (max-width: 767px){.sp_only{display:block}}.click_none{pointer-events:none}#pointer{pointer-events:none;position:fixed;top:0;left:0;width:2rem;height:2rem;background-color:rgba(0,0,0,0);transform:translate(0, 0);z-index:9999;opacity:0}#pointer::after{content:"";position:absolute;left:-100vw;top:0;width:200vw;height:1px;background-color:#e6e6e6;opacity:.7;z-index:-1}#pointer::before{content:"";position:absolute;top:-100vh;left:0;height:200vh;width:1px;background-color:#e6e6e6;opacity:.7;z-index:-1}#pointer.hover::before,#pointer.hover::after{background-color:rgba(11,157,120,.5);mix-blend-mode:multiply}.photo{position:relative;overflow:hidden}.photo::before{content:"";position:absolute;width:100%;height:100%;background-color:#e6e6e6;left:0;top:0;z-index:1}.photo.loaded::before{animation-name:loaded;animation-duration:.7s;animation-fill-mode:forwards}@keyframes loaded{100%{transform:translateX(100%)}}.contents{padding-top:97px}@media screen and (max-width: 1024px){.contents{padding-top:6rem}}@media screen and (max-width: 767px){.contents{padding-top:3.5rem}}.page_subtitle{font-size:.9rem;margin:3.5rem auto .5rem;text-align:center}.btn_green{position:relative;display:inline-block;font-size:1rem;font-weight:600;padding:.5rem 1.125rem;margin:2px;border:2px rgba(0,0,0,0) solid;border-radius:.5rem;color:#fff;background:linear-gradient(to bottom, #13A786, #0A906A);z-index:0;transition:.5s}.btn_green::after{content:"";position:absolute;top:-3px;left:-3px;width:calc(100% + 6px);height:calc(100% + 6px);border-radius:9px;background:linear-gradient(to bottom, #60C4AE, #32A483);z-index:-1}.btn_green::before{content:"";position:absolute;top:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border-radius:10px;background:linear-gradient(to bottom, #35685D, #1D5645);z-index:-2}.btn_blue{position:relative;display:inline-block;font-size:1rem;padding:.5rem 1.125rem;margin:2px;border:2px rgba(0,0,0,0) solid;border-radius:.5rem;color:#fff;background:linear-gradient(to bottom, #3A75AA, #2B5C95);z-index:0;transition:.5s}.btn_blue::after{content:"";position:absolute;top:-3px;left:-3px;width:calc(100% + 6px);height:calc(100% + 6px);border-radius:9px;background:linear-gradient(to bottom, #7AA3C7, #4D75A6);z-index:-1}.btn_blue::before{content:"";position:absolute;top:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border-radius:10px;background:linear-gradient(to bottom, #42576A, #2B4057);z-index:-2}.btn_gray{position:relative;display:inline-block;font-size:1rem;font-weight:600;padding:.5rem 1.125rem;margin:2px;border:2px rgba(0,0,0,0) solid;border-radius:.5rem;color:#fff;background:linear-gradient(to bottom, #707070, #575757);z-index:0;transition:.5s}.btn_gray::after{content:"";position:absolute;top:-3px;left:-3px;width:calc(100% + 6px);height:calc(100% + 6px);border-radius:9px;background:linear-gradient(to bottom, #9F9F9F, #737373);z-index:-1}.btn_gray::before{content:"";position:absolute;top:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border-radius:10px;background:linear-gradient(to bottom, #555555, #3D3D3D);z-index:-2}.btn_white{font-size:1.2rem;position:relative;z-index:1;border-radius:5px;display:inline-block;padding:.75rem 2.5rem .75rem 1.2rem;border:2px #fff solid;color:#fff;background-image:url("../../img/_common_/icon_chevron_right_circle_white.svg");background-position:calc(100% - 1rem) 50%;background-size:1rem;background-repeat:no-repeat;transition:.5s}@media screen and (min-width: 768px){.btn_white:hover{transition:.5s;transform:scale(1.05);background-position:calc(100% - .675rem) 50%;background-size:1.05rem}}.btn_black{font-size:1.2rem;position:relative;border-radius:5px;display:inline-block;padding:.75rem 2.5rem .75rem 1.2rem;border:2px #171717 solid;color:#171717;background-image:url("../../img/_common_/icon_chevron_right_circle_black.svg");background-position:calc(100% - 1rem) 50%;background-size:1rem;background-repeat:no-repeat;transition:.5s}@media screen and (min-width: 768px){.btn_black:hover{transition:.5s;transform:scale(1.05);background-position:calc(100% - .675rem) 50%;background-size:1.05rem}}.btn_navy{font-size:1.2rem;position:relative;z-index:1;border-radius:5px;display:inline-block;padding:.75rem 2.5rem .75rem 1.2rem;border:2px #00264d solid;color:#00264d;background-image:url("../../img/_common_/icon_chevron_right_circle_navy.svg");background-position:calc(100% - 1rem) 50%;background-size:1rem;background-repeat:no-repeat;transition:.5s}@media screen and (min-width: 768px){.btn_navy:hover{transition:.5s;transform:scale(1.05);background-position:calc(100% - .675rem) 50%;background-size:1.05rem}}.heading{position:relative;z-index:1}.heading::before{content:"";position:absolute;z-index:-1;left:0;top:-1rem;width:2rem;height:2rem;background-image:url("../../img/_common_/headling_accent_light.svg");background-size:cover}.heading.dark::before{background-image:url("../../img/_common_/headling_accent_dark.svg")}.page_thumbnail{position:relative;height:36rem;padding-right:1rem;background-size:cover;background-position:center}@media screen and (max-width: 1440px){.page_thumbnail{height:28.75rem}}@media screen and (max-width: 767px){.page_thumbnail{height:14rem}}.page_thumbnail .subtitle{position:absolute;left:4.25rem;top:2rem;font-size:1.2rem;font-weight:600;z-index:2}@media screen and (max-width: 767px){.page_thumbnail .subtitle{left:3.5rem;top:.75rem;font-size:1rem}}@media screen and (max-width: 425px){.page_thumbnail .subtitle{left:2rem;top:.5rem;font-size:.8rem}}.page_thumbnail .title_heading{position:relative;padding-left:4.25rem;padding-top:3.5rem;z-index:1;font-size:2.5rem;line-height:1.5;margin-bottom:0;mix-blend-mode:multiply}.page_thumbnail .title_heading::before{content:"";position:absolute;z-index:-1;width:7rem;height:7rem;left:0;top:0;background-image:url("../../img/_common_/headling_accent_light.svg");background-size:cover}@media screen and (max-width: 767px){.page_thumbnail .title_heading{font-size:1.8rem;padding-left:3.5rem;padding-top:1.75rem}.page_thumbnail .title_heading::before{width:5rem;height:5rem}}@media screen and (max-width: 425px){.page_thumbnail .title_heading{font-size:1.2rem;padding-left:2rem;padding-top:1.5rem}.page_thumbnail .title_heading::before{width:3rem;height:3rem}}.page_thumbnail p{padding-left:4.25rem;font-weight:600}@media screen and (max-width: 767px){.page_thumbnail p{padding-left:3.5rem}}@media screen and (max-width: 425px){.page_thumbnail p{padding-left:2rem}}.caption_mark{position:relative;margin-bottom:1.5rem;padding:1rem 0 0 1rem;font-size:1.8rem}@media screen and (max-width: 576px){.caption_mark{font-size:1.2rem}}.caption_mark::before{content:"";position:absolute;left:0;top:0;width:2rem;height:2rem;z-index:-1;background-image:url("../../img/_common_/headling_accent_light.svg");background-size:cover}.photo_accent{position:relative}.photo_accent .ornament_container{z-index:1;position:absolute;top:0;right:0;display:flex;flex-wrap:wrap;width:7rem;height:7rem}@media screen and (max-width: 767px){.photo_accent .ornament_container{width:4rem;height:4rem}}.photo_accent .ornament_container>div{width:3.5rem;height:3.5rem;opacity:0;animation-name:ornament_animation;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:ease-in}@media screen and (max-width: 767px){.photo_accent .ornament_container>div{width:2rem;height:2rem}}.photo_accent .ornament_container>div:nth-child(1){background:hsla(0,0%,100%,.75);animation-delay:200ms}.photo_accent .ornament_container>div:nth-child(2){background:#fff;animation-delay:400ms}.photo_accent .ornament_container>div:nth-child(3){background:hsla(0,0%,100%,.3);animation-delay:100ms}.photo_accent .ornament_container>div:nth-child(4){background:hsla(0,0%,100%,.75);animation-delay:300ms}@keyframes ornament_animation{0%{opacity:0}25%{opacity:.25}50%{opacity:.5}75%{opacity:.4}100%{opacity:1}}.caption{font-size:1.2rem}#recruit{height:30rem;position:relative}@media screen and (max-width: 767px){#recruit{height:16rem}}#recruit .inner{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;background-image:url("../../img/recruit/logo.svg");background-size:73.611%;background-position:center;background-repeat:no-repeat}#recruit::before{content:"";position:absolute;left:0;right:0;width:100%;height:100%;background-image:url("../../img/recruit/pattern_tone.png");background-attachment:fixed;background-size:2px}#recruit>div{position:relative;z-index:1}#recruit>div h2{color:#fff;font-size:1.8rem;margin-bottom:2rem}@media screen and (max-width: 767px){#recruit>div h2{font-size:1.4rem;margin-bottom:1rem}}#recruit>div a{display:inline-block;color:#0b9d78;background-color:hsla(0,0%,100%,.95);border-radius:.5rem}nav{background-color:#fff;padding-top:1rem !important;padding-bottom:1rem !important}@media screen and (max-width: 767px){nav{padding-top:.75rem !important;padding-bottom:.5rem !important;height:3.5rem}}nav .logo{width:9rem}@media screen and (max-width: 767px){nav .logo{max-width:6.75rem}}nav .logo img{width:100%}nav .nav_closer.left{left:-0.75rem;top:-1rem;width:1px;height:calc(100% + 2rem)}nav .nav_closer.top{width:100%;height:1rem;left:0;top:.5rem}nav .tel li{font-size:.7rem}nav .tel li.icon_call{background-image:url("../../img/nav_icon_call.svg");background-repeat:no-repeat;background-size:1rem;background-position:0 50%}nav .tel #mobile_tel{width:2rem;height:2rem;background-image:url("../../img/nav_icon_call.svg");background-repeat:no-repeat;background-size:container;background-position:center}nav .tel #numbers_popup{background-color:rgba(0,0,0,.5);width:100vw;height:100vh;left:0;top:0}nav .tel #numbers_popup .numbers_list{width:calc(100% - 2rem);max-width:18.75rem;background-color:#fff}nav .tel #numbers_popup .numbers_list .head{background-color:#bfc9d2}nav .tel #numbers_popup .numbers_list .head h3{font-size:1.125rem}nav .tel #numbers_popup .numbers_list .close{right:1rem;top:1rem;border:0;background-color:rgba(0,0,0,0);background-image:url("../../img/_common_/icon_close.svg");background-repeat:no-repeat;background-size:contain;width:1.125rem;height:1.125rem}nav .tel #numbers_popup .numbers_list ul li{background-image:url("../../img/nav_icon_call_gray.svg");background-size:1.125rem;background-position:calc(100% - 1rem) 50%;background-repeat:no-repeat}nav .tel #numbers_popup .numbers_list ul li span{color:#636363;font-size:.75rem}nav .tel #numbers_popup .numbers_list ul li p{color:#171717;font-size:1rem}nav .tel #numbers_popup .numbers_list ul li:first-child{border-bottom:1px solid #b1b1b1}nav .tel #numbers_popup .numbers_list ul li+li{margin-left:0}nav li+li{margin-left:2rem}@media screen and (max-width: 1120px){nav li+li{margin-left:1.5rem}}@media screen and (max-width: 1024px){nav li+li{margin-left:1rem}nav li+li .btn_green{padding:.5rem 1rem;font-size:.8rem}}@media screen and (max-width: 900px){nav li+li{margin-left:.5rem}}nav li.nav_parent{transition:.5s;position:relative}nav li.nav_parent .nav_opener{color:#00264d;font-size:.9rem;position:relative;transition:.7s}nav li.nav_parent .nav_opener:hover{color:#3067a0;transition:.7s}@media screen and (max-width: 1024px){nav li.nav_parent .nav_opener{font-size:.8rem}}nav li.nav_parent .nav_opener.active::after{content:"";position:absolute;left:0;bottom:-0.5rem;width:100%;height:.15rem;border-radius:.15rem;background-color:#00264d}nav li.nav_parent.not_actioned{transition:.5s}nav li.nav_parent.not_actioned .nav_opener{color:#8395a8}nav li.nav_parent.not_actioned .nav_opener.active::after{background-color:#8395a8}nav li.nav_parent .nav_child{position:absolute;opacity:0;width:max-content;top:calc(100% + .75rem);left:-0.75rem;background-color:#fff;border-radius:.5rem;padding:.75rem;transition:.5s;pointer-events:none}nav li.nav_parent .nav_child p{font-size:.7rem}nav li.nav_parent .nav_child.opened{opacity:1;transition:.7s;pointer-events:auto}nav li.nav_parent .nav_child ul{border-left:.15rem solid #3067a0;padding-left:.5rem}nav li.nav_parent .nav_child ul li{line-height:1}nav li.nav_parent .nav_child ul li+li{margin-left:0}nav li.nav_parent .nav_child ul li a{color:#3067a0;font-size:.8rem}nav #mobile_menu{top:0;right:-100%;height:100vh;background-color:#fff;transition:.5s}nav #mobile_menu.open{right:0;transition:.5s}nav #mobile_menu .mobile_logo{width:6.75rem}nav #mobile_menu .mobile_logo img{width:100%}nav #mobile_menu .mobile_sitemap{border-top:1px #bfbfbf solid}nav #mobile_menu .mobile_sitemap .mobile_nav_parent{position:relative;border-bottom:1px #e6e6e6 solid;padding:.75rem 0}nav #mobile_menu .mobile_sitemap .mobile_nav_parent .parent_page{font-size:.9rem;color:#00264d}nav #mobile_menu .mobile_sitemap .mobile_nav_parent .opener{content:"";position:absolute;width:1rem;height:2.5rem;top:0;right:0;background-image:url("../../img/select_arrow.svg");background-position:center;background-size:.75rem;background-repeat:no-repeat;border:0;background-color:rgba(0,0,0,0);padding:0}nav #mobile_menu .mobile_sitemap .mobile_nav_parent .opener.open{transform:rotate(180deg)}nav #mobile_menu .mobile_sitemap .mobile_nav_parent a{color:#3067a0}nav #mobile_menu .mobile_sitemap .mobile_nav_parent+li{margin-left:0}nav #mobile_menu .mobile_sitemap .mobile_nav_parent .mobile_nav_child{height:0;overflow:hidden}nav #mobile_menu .mobile_sitemap .mobile_nav_parent .mobile_nav_child.open{height:auto;padding-top:.75rem}nav #mobile_menu .mobile_sitemap .mobile_nav_parent .mobile_nav_child p{font-size:.8rem}nav #mobile_menu .mobile_sitemap .mobile_nav_parent .mobile_nav_child ul{border-left:.15rem solid #3067a0;padding-left:.5rem}nav #mobile_menu .mobile_sitemap .mobile_nav_parent .mobile_nav_child ul li a{font-size:.8rem;line-height:1}nav #mobile_menu .mobile_sitemap .mobile_nav_parent .mobile_nav_child ul li+li{margin-left:0}nav #hamburger{right:1rem;top:50%;transform:translatey(-50%);z-index:30;width:1.2rem;height:1rem;background-color:rgba(0,0,0,0);background-image:url("../../img/nav_icon_menu.svg");background-size:contain;background-position:center;background-repeat:no-repeat;border:0}.sns_follow{background-image:url("../../img/_common_/bg_sns.jpg")}.sns_follow h4{font-size:1.6rem}.sns_follow .sns_icons{gap:4.5rem}@media screen and (max-width: 567px){.sns_follow .sns_icons{gap:3rem}}.sns_follow .sns_icons>div{display:inline-block}.sns_follow .sns_icons>div img{width:2.5rem;height:2.5rem;object-fit:contain}@media screen and (max-width: 567px){.sns_follow .sns_icons>div img{width:2rem;height:2rem}}section.banners{width:100%;background-color:#171717}section.banners .pc_only{max-width:53rem}section.banners .pc_only ul{font-size:0;gap:2rem;margin-bottom:1.5rem}section.banners .pc_only ul:last-child{margin-bottom:0}section.banners .pc_only ul li{display:inline-block;width:calc(25% - 1.5rem)}section.banners .pc_only ul li a{display:block;position:relative;overflow:hidden;width:100%;padding-top:55.172%;border-radius:.25rem;box-shadow:0 0 .5rem rgba(0,0,0,.23)}section.banners .pc_only ul li a img.banner_image{width:100%;height:100%;position:absolute;left:0;top:0}section.banners .pc_only ul li a.alternate .image_cover{top:0;left:0;animation-delay:.5s;animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-name:fadeout}section.banners .pc_only ul li a.alternate .image_2{top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-name:fadeout}section.banners .pc_only ul li a.alternate .image_2:hover{animation-name:fadein}section.banners .pc_only ul li a.zoom_in .image_cover{top:0;left:0;animation-delay:.5s;animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-name:fadeout}section.banners .pc_only ul li a.zoom_in .image_1{top:0;left:0;animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-name:zoomout}section.banners .pc_only ul li a.zoom_in .image_1:hover{animation-name:zoomin}section.banners .sp_only .banner_container{gap:1rem}section.banners .sp_only .banner_container a{display:block;position:relative;overflow:hidden;width:calc(50% - .5rem);aspect-ratio:29/16;border-radius:.25rem;box-shadow:0 0 .5rem rgba(0,0,0,.23)}section.banners .sp_only .banner_container a img.banner_image{width:100%;height:100%}section.banners .sp_only .banner_container a img.banner_image:active{opacity:.8}@media screen and (max-width: 425px){section.banners .sp_only .banner_container a{width:47%}}.redo_beginning{position:relative;background-image:url("../../img/_common_/bg_sns.jpg");background-color:hsla(0,0%,100%,.9);background-blend-mode:lighten;background-repeat:no-repeat;background-size:cover;filter:grayscale(100%)}.redo_beginning #logo_start_position{position:absolute;top:22rem}@media screen and (max-width: 425px){.redo_beginning #logo_start_position{top:27rem}}.redo_beginning #logo_end_position{position:absolute;bottom:0}.redo_beginning .redo_logo{position:absolute;width:52.343%;max-width:41.8744rem;opacity:.15;top:22rem;transform:translateX(-50%)}@media screen and (max-width: 425px){.redo_beginning .redo_logo{width:76.343%;max-width:61.06068rem;top:27rem}}.redo_beginning .redo_logo img{width:100%}.redo_beginning .redo_logo.background_fixed{position:fixed;transform:translate(-50%, -50%)}.redo_beginning .redo_logo.background_bottom{top:auto;position:absolute}.redo_beginning .container{padding:0 0 3.5rem}.redo_beginning .container #textbox{padding-top:3.5rem}.redo_beginning .container h3{font-size:1.2rem;line-height:2;margin-bottom:4rem}@media screen and (max-width: 767px){.redo_beginning .container h3{margin-bottom:3rem}.redo_beginning .container h3 br{display:none}}@media screen and (max-width: 425px){.redo_beginning .container h3{font-size:.8rem}}.redo_beginning .container .text p{line-height:2}@media screen and (max-width: 767px){.redo_beginning .container .text p br{display:none}}footer{background-color:#171717;color:#bfbfbf}footer .container{max-width:53rem}footer h3{color:#777;margin-bottom:0}footer .line{height:1px;width:100%;background-color:#2f2f2f}footer .sitemap{border-bottom:1px solid #2f2f2f;gap:1rem .75rem}footer .sitemap .col{min-width:6.5rem}@media screen and (max-width: 767px){footer .sitemap .col{display:inline-block;flex:none}}footer .sitemap h4{font-size:.9rem}footer .sitemap h4 a{color:#bfbfbf}footer .sitemap ul{padding-left:.6rem}footer .sitemap ul li{font-size:.9rem}footer .sitemap ul li a{color:#bfbfbf}footer .footer_logo{max-width:9rem}footer .footer_logo img{width:100%;vertical-align:bottom}footer .info{border-bottom:1px solid #2f2f2f}footer .info .about_keyman .text h4{font-size:.9rem}footer .info .about_keyman .text h4 span{font-size:1.2rem}footer .info .about_keyman .text h5,footer .info .about_keyman .text p{font-size:.8rem;color:#777}footer .info .about_keyman .img{width:100%;max-width:16rem;gap:2rem}footer .info .about_keyman .img figure{width:100%;aspect-ratio:3/2;background-color:#fff;background-repeat:no-repeat;background-position:center}footer .info .about_keyman .img figure.health_and_productivity{background-size:contain;background-image:url("../../img/_common_/footer_banner_health.jpg")}footer .info .about_keyman .img figure.sdgs{background-image:url("../../img/_common_/footer_banner_sdgs.svg");background-size:75%}footer .copyright{font-size:.8rem;color:#777}footer .sns figure:not(:first-child){margin-left:1.8rem}.bg_line{position:absolute;left:50%;transform:translateX(-50%);z-index:0;pointer-events:none}.bg_line .container{gap:2rem;position:relative;z-index:-1}@media screen and (min-width: 768px)and (max-width: 920px){.bg_line .container{gap:1rem}}.bg_line .container>div{width:calc(33.3333% - 1.3333rem)}@media screen and (max-width: 920px){.bg_line .container>div{width:calc(33.3333% - .3333rem)}}@media screen and (max-width: 767px){.bg_line .container>div{width:100%}}.bg_line_top,.bg_line_top_sp,.bg_line_bottom,.bg_line_bottom_sp,.bg_line_left,.bg_line_right{position:relative;z-index:1}.bg_line_top div,.bg_line_top figure,.bg_line_top_sp div,.bg_line_top_sp figure,.bg_line_bottom div,.bg_line_bottom figure,.bg_line_bottom_sp div,.bg_line_bottom_sp figure,.bg_line_left div,.bg_line_left figure,.bg_line_right div,.bg_line_right figure{position:relative;z-index:2}.bg_line_top::before,.bg_line_top_sp::before{content:"";position:absolute;height:2px;width:100vw;left:50%;top:0;transform:translateX(-50%);background-image:linear-gradient(to right, #DFDFE1, #DFDFE1 6px, transparent 6px, transparent 12px);background-size:12px 2px;background-position:left bottom;background-repeat:repeat-x;z-index:-1}@media screen and (min-width: 768px){.bg_line_top_sp::before{display:none}}.bg_line_bottom::after,.bg_line_bottom_sp::after{content:"";position:absolute;height:2px;width:100vw;left:50%;bottom:0;transform:translateX(-50%);background-image:linear-gradient(to right, #DFDFE1, #DFDFE1 6px, transparent 6px, transparent 12px);background-size:12px 2px;background-position:left bottom;background-repeat:repeat-x;z-index:-1}@media screen and (min-width: 768px){.bg_line_bottom_sp::after{display:none}}.bg_line_left::before{content:"";position:absolute;height:100%;width:2px;left:0;top:50%;transform:translateY(-50%);background-image:linear-gradient(to bottom, #DFDFE1, #DFDFE1 6px, transparent 6px, transparent 12px);background-size:2px 12px;background-position:left top;background-repeat:repeat-y;z-index:0}.bg_line_right::after{content:"";position:absolute;height:100%;width:2px;right:0;top:50%;transform:translateY(-50%);background-image:linear-gradient(to bottom, #DFDFE1, #DFDFE1 6px, transparent 6px, transparent 12px);background-size:2px 12px;background-position:right top;background-repeat:repeat-y;z-index:0}.page_open{overflow:hidden;position:relative}.page_open::before{content:"";position:absolute;display:block;top:0;left:0;background-color:#fff;width:100%;height:100%;z-index:2}.page_open::after{content:"";position:absolute;display:block;top:0;left:0;background-color:#fff;opacity:.5;width:100%;height:100%;z-index:3}.page_open.active::before,.page_open.active::after{top:0;animation:load .8s ease forwards}.page_open.active::after{animation-delay:.1s}@keyframes load{0%{transform:translateY(0)}100%{transform:translateX(100%)}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}@keyframes zoomin{0%{transform:scale(1)}100%{transform:scale(1.2)}}@keyframes zoomout{0%{transform:scale(1.2)}100%{transform:scale(1)}}/*# sourceMappingURL=common.css.map */