#l_container section{padding:8rem 0}
#l_footer #company{padding:4rem 0 15rem;background:#faf8e7;text-align:center}
#l_footer #company h3{font-weight:400;background:#fff;font-size:2rem;padding:1rem;margin-bottom:2rem}
#l_footer #company .logo img{width:26.8rem}
#l_footer #company .address{font-size:2rem;margin-top:2rem}
#l_footer #company .no{font-size:2rem;margin-top:2rem;text-align:right}
#l_footer #fixedCta{font-family:YakuHanRP,'Zen Maru Gothic';position:fixed;bottom:0;left:0;z-index:10;width:100%;text-align:center;transition:transform .5s cubic-bezier(.215,.61,.355,1);transform:translateY(100%)}
#l_footer #fixedCta.is-show{transform:translateY(0)}
#l_footer #fixedCta .wrapper{max-width:144rem;margin:0 auto;padding:2rem 0;background:#e9f2d5}
#l_footer #fixedCta .wrapper .ctaBtn a{display:block;font-size:3rem;border-radius:10rem;background:#ec9737;color:#fff;line-height:.8;padding:1rem 0 1.5rem;font-weight:700}
#l_footer #fixedCta .wrapper .ctaBtn a em{display:inline-block;position:relative;font-size:5rem}
#l_header{padding:.5rem 0}
#l_header .logo img{width:13rem}
#l_header .menuBtn{position:fixed;top:2rem;right:0;z-index:10;width:100%;text-align:right;pointer-events:none}
#l_header .menuBtn .wrapper{max-width:144rem;margin:0 auto}
#l_header .menuBtn .wrapper span{transition:opacity .3s;cursor:pointer;position:relative;display:inline-block;width:6rem;height:6rem;padding-top:3.5rem;border-radius:1rem;background:#fff;border:.2rem solid #e9f2d5;font-size:1rem;font-weight:700;text-align:center;pointer-events:auto}
#l_header .menuBtn .wrapper span:hover{opacity:.6}
#l_header .menuBtn .wrapper span i{position:absolute;left:0;right:0;margin:auto;width:3rem;height:.2rem;border-radius:4rem;background:#007a47}
#l_header .menuBtn .wrapper span i:nth-child(1){top:1.2rem}
#l_header .menuBtn .wrapper span i:nth-child(2){top:2rem}
#l_header .menuBtn .wrapper span i:nth-child(3){top:2.8rem}
#l_modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,.6);cursor:pointer;transition:opacity .5s,visibility .5s;opacity:0;visibility:hidden}
#l_modal.is-show{opacity:1;visibility:visible}
#l_modal.is-show .wrapper .content{transition-delay:.1s;opacity:1;transform:translateY(0)}
#l_modal .wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
#l_modal .wrapper .content{position:relative;width:112rem;background:#fff;padding:5rem 6rem;cursor:default;overflow-y:scroll;transition:opacity .5s,transform .5s cubic-bezier(.215,.61,.355,1);opacity:0;transform:translateY(4rem)}
#l_modal .wrapper .content .close{transition:opacity .3s;cursor:pointer;position:absolute;top:0;right:0;z-index:5;width:5rem;height:5rem}
#l_modal .wrapper .content .close:hover{opacity:.6}
#l_modal .wrapper .content .close span{position:absolute;top:2.4rem;left:1rem;width:3rem;height:.2rem;border-radius:3rem;background:#000}
#l_modal .wrapper .content .close span:nth-child(1){transform:rotate(45deg)}
#l_modal .wrapper .content .close span:nth-child(2){transform:rotate(-45deg)}
#l_modal #modal_menu{display:none;text-align:center}
#l_modal #modal_menu .ankerLink{font-family:YakuHanRP,'Zen Maru Gothic';display:grid;grid-template-columns:repeat(2,minmax(0,50%));column-gap:2rem;row-gap:2rem}
#l_modal #modal_menu .ankerLink li a{position:relative;display:block;color:#007a47;font-size:2.4rem;font-weight:700;border-radius:1rem;border:.2rem solid #007a47;padding:2.7rem 1rem;line-height:1.4}
#l_modal #modal_menu .ankerLink li a:after{content:'';position:absolute;margin:auto;top:0;bottom:0;right:2rem;width:3rem;height:3rem;border-radius:3rem;background:url(../img/i_arr_wh.svg) #007a47 no-repeat 1rem center;background-size:1.2rem auto;transform:rotate(90deg)}
#l_modal #modal_flow{display:none;text-align:center}
#l_modal #modal_flow .txt{font-size:2rem}
#l_modal #modal_flow .flow picture{margin-top:1.5rem}
#l_modal #modal_flow .flow picture img{width:90rem}
#l_modal #modal_flow .issue{margin-top:3rem}
#l_modal #modal_compensation table td,#l_modal #modal_compensation table th{padding:1rem 0;text-align:center;line-height:1.3}
#l_modal #modal_compensation table thead th{color:#fff;border-radius:1rem 1rem 0 0;font-size:1.8rem;width:23%;letter-spacing:0}
#l_modal #modal_compensation table thead th.item{width:31%}
#l_modal #modal_compensation table thead th.family{background:#007a48}
#l_modal #modal_compensation table thead th.petit{background:#f39700}
#l_modal #modal_compensation table thead th.senior{background:#7c7497}
#l_modal #modal_compensation table thead th span{display:block;font-size:1.5rem}
#l_modal #modal_compensation table tbody{border-bottom:.1rem solid #999;border-right:.1rem solid #999}
#l_modal #modal_compensation table tbody td,#l_modal #modal_compensation table tbody th{font-weight:400;font-size:1.8rem;vertical-align:middle}
#l_modal #modal_compensation table tbody th{border-top:.1rem solid #999;border-left:.1rem solid #999;border-right:.1rem solid #999;background:#e8e8e8}
#l_modal #modal_compensation table tbody td{border-top:.1rem solid #999}
#l_modal #modal_compensation table tbody td.colorBlack{color:#000!important;font-size:1.4rem}
#l_modal #modal_compensation table tbody td:nth-child(2){color:#007a48}
#l_modal #modal_compensation table tbody td:nth-child(3){color:#f39700}
#l_modal #modal_compensation table tbody td:nth-child(4){color:#7c7497}
#l_modal #modal_compensation table tbody td span{position:relative}
#l_modal #modal_compensation table tbody td span sup{position:absolute;top:.5rem;left:1.5em}
#l_modal #modal_compensation .notes{letter-spacing:0}
.bodyWrap{max-width:144rem;margin:0 auto;box-shadow:0 0 3rem rgba(0,0,0,.1);overflow:hidden}
@media screen and (max-width:767px){
#l_container section{padding:4rem 0}
#l_footer #company{padding:2rem 0 9rem}
#l_footer #company h3{font-size:1.4rem;padding:.5rem;margin-bottom:1rem}
#l_footer #company .logo img{width:17rem}
#l_footer #company .address{font-size:1rem;margin-top:1rem}
#l_footer #company .no{font-size:1rem;margin-top:1.5rem}
#l_footer #fixedCta .wrapper{padding:1rem 0}
#l_footer #fixedCta .wrapper .ctaBtn a{font-size:1.8rem;padding:.8rem 0 1.5rem}
#l_footer #fixedCta .wrapper .ctaBtn a em{top:.2rem;font-size:3rem}
#l_header{padding:.5rem 0}
#l_header .logo img{width:8.4rem}
#l_header .menuBtn{width:auto;top:0}
#l_header .menuBtn .wrapper{max-width:100%}
#l_header .menuBtn .wrapper .wrap{padding:0}
#l_header .menuBtn .wrapper span{width:5rem;height:5rem;padding-top:2.7rem;border-radius:0 0 0 1rem;border-top:none;border-right:none;font-size:1rem}
#l_header .menuBtn .wrapper span i{width:2.5rem}
#l_header .menuBtn .wrapper span i:nth-child(2){top:1.8rem}
#l_header .menuBtn .wrapper span i:nth-child(3){top:2.4rem}
#l_modal{padding:2rem}
#l_modal .wrapper .content{width:100%;max-height:100%;padding:4rem 2rem 3rem}
#l_modal .wrapper .content .close{width:4rem;height:4rem}
#l_modal .wrapper .content .close span{top:1.8rem;left:.7rem}
#l_modal #modal_menu .ankerLink{grid-template-columns:repeat(2,minmax(0,50%));column-gap:.5rem;row-gap:.5rem}
#l_modal #modal_menu .ankerLink li a{font-size:1.3rem;border-radius:.4rem;padding:1rem 1rem 1rem 0}
#l_modal #modal_menu .ankerLink li a:after{right:.5rem;width:1.5rem;height:1.5rem;background:url(../img/i_arr_wh.svg) #007a47 no-repeat .5rem center;background-size:.7rem auto}
#l_modal #modal_menu .ctaBtn{margin-top:2rem}
#l_modal #modal_flow{text-align:left}
#l_modal #modal_flow .txt{font-size:1.5rem}
#l_modal #modal_flow .flow picture{margin-top:1rem}
#l_modal #modal_flow .flow picture img{width:100%}
#l_modal #modal_flow .issue{margin-top:2rem}
#l_modal #modal_flow .ctaBtn{margin-top:2rem}
#l_modal #modal_compensation table td,#l_modal #modal_compensation table th{padding:.7rem 0}
#l_modal #modal_compensation table thead th{font-size:1rem}
#l_modal #modal_compensation table thead th span{font-size:.8rem}
#l_modal #modal_compensation table tbody td,#l_modal #modal_compensation table tbody th{font-size:1rem}
}