@charset "utf-8";body{margin:0;padding:0;border:none}img,div,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,textarea,address,main,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-size:100%;text-decoration:none;list-style-type:none}main,article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}h1,h2,h3,h4,h5,h6{font-weight:inherit}table{border:none;border-collapse:collapse;border-spacing:0}th,td{text-align:left;vertical-align:top}caption{text-align:left}a,a:focus,a:hover,a:active{outline:none}input,input:focus,input:hover,input:active,textarea,textarea:focus,textarea:hover,textarea:active{outline:none}img{vertical-align:top}html{height:100%;font-size:10px}body{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%;color:#333;font-family:"Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:1.4rem;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#468F74;color:#ffffff}a{-webkit-transition:all .2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition:all .2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition-property:border, background, color;transition-property:border, background, color;color:#468F74}input[type="text"],input[type="tel"],input[type="email"],input[type="password"],input[type="date"],textarea{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;margin:0;border-radius:0;font-family:"Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-weight:400;line-height:1.5;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type="text"]:-webkit-autofill,input[type="tel"]:-webkit-autofill,input[type="email"]:-webkit-autofill,input[type="password"]:-webkit-autofill,input[type="date"]:-webkit-autofill,textarea:-webkit-autofill{-webkit-box-shadow:0 0 0px 50px #ffffff inset;box-shadow:0 0 0px 50px #ffffff inset}:placeholder-shown{color:#C6C6C6;-webkit-text-fill-color:#C6C6C6}::-webkit-input-placeholder{color:#C6C6C6;-webkit-text-fill-color:#C6C6C6}:-moz-placeholder{color:#C6C6C6}::-moz-placeholder{color:#C6C6C6}:-ms-input-placeholder{color:#C6C6C6}select{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;margin:0;font-family:"Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-weight:400;line-height:1.5;outline:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}button{font-family:"Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;outline:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}#wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;padding-top:6rem}#svg{display:none}.header{background:-webkit-gradient(linear, left top, right bottom, from(#00A556), to(#0D5F76));background:-webkit-linear-gradient(left top, #00A556, #0D5F76);background:linear-gradient(to right bottom, #00A556, #0D5F76);-webkit-transition:height .2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition:height .2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;will-change:height;overflow:hidden;position:fixed;top:0;right:0;left:0;z-index:5;height:6rem}.header__logo{position:absolute;top:0;left:0;z-index:1}.header__logo .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:6rem;padding:0 1.5rem}.header__logo .logo svg{width:21.5rem;height:3.3rem;fill:#ffffff}.header__menu{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;top:0;right:0;z-index:1;width:6.1rem;height:6rem;margin:0;padding:3.8rem 0 1.2rem;border:none;border-radius:0;background:none;border-left:rgba(255,255,255,0.4) solid 1px;color:#ffffff;font-size:1rem;font-weight:700;line-height:1;text-align:center}.header__menu:after{content:'CLOSE';display:block;position:absolute;top:3.8rem;right:0;left:0;color:#ffffff;opacity:0}.header__menu .line-1,.header__menu .line-2,.header__menu .line-3{display:block;position:absolute;left:50%;width:3rem;height:0.2rem;margin-left:-1.5rem;background:#ffffff}.header__menu .line-1{top:1.3rem}.header__menu .line-2{top:2.1rem}.header__menu .line-3{top:2.9rem;width:2.4rem}.header__nav{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:0;padding-top:6rem;height:100%}.header__nav .h-nav{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;height:100%;padding:3rem 2rem;border-top:rgba(255,255,255,0.4) solid 1px;-webkit-overflow-scrolling:touch}.header__nav .h-nav__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.header__nav .h-nav__list{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:3rem}.header__nav .h-nav__list li{width:100%}.header__nav .h-nav__list li+li{margin-top:2rem}.header__nav .h-nav__list li a{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:10rem;padding:1rem;border:#ffffff solid 0.2rem;color:#ffffff;font-size:1.8rem;font-weight:700;text-align:center;text-decoration:none}.header__nav .h-nav__list li a:after{content:'';display:block;position:absolute;right:0.4rem;bottom:0.4rem;border:transparent solid 0.3rem;border-right-color:#ffffff;border-bottom-color:#ffffff}.header__nav .h-nav__logout,.header__nav .h-nav__password{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:4rem;margin:0 auto;padding-left:3rem;color:#ffffff;font-size:1.6rem;font-weight:700}.header__nav .h-nav__logout svg,.header__nav .h-nav__password svg{position:absolute;top:50%;left:0;width:1.9rem;height:2.1rem;margin-top:-1rem;fill:#ffffff}html.nav-open .header{height:100%}html.nav-open .header__menu{color:transparent}html.nav-open .header__menu:after{opacity:1}html.nav-open .header__menu .line-1{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:2.1rem}html.nav-open .header__menu .line-2{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}html.nav-open .header__menu .line-3{opacity:0}.main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1}.section{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:3rem 2rem}/*.section:nth-child(even){background:#EDF4F2}*/.section__ttl{margin-bottom:1rem;color:#468F74;font-size:1.8rem;font-weight:700;line-height:1.34}.section__ttl .c-date{display:inline-block;font-weight:400;font-size:1.4rem}.footer__copyright{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#000000;height:3rem;color:#ffffff;font-size:1.2rem;line-height:1}.c-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:2rem}.c-btns--2col .c-btn{width:calc((100% - 1.5rem) / 2);min-width:0;margin-top:1.5rem}.c-btns--2col .c-btn:nth-child(even){margin-left:1.5rem}.c-btns--2col .c-btn:nth-child(-n+2){margin-top:0}.c-btn{background:-webkit-gradient(linear, left top, right top, from(#00A556), to(#0D5F76));background:-webkit-linear-gradient(left, #00A556, #0D5F76);background:linear-gradient(to right, #00A556, #0D5F76);-webkit-box-sizing:border-box;box-sizing:border-box;display:table;min-width:16rem;margin:0;padding:0.3rem;border:none;border-radius:0;color:#468F74;font-size:1.6rem;font-weight:700;line-height:1.5;text-decoration:none}.c-btn__inner{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:4.4rem;background:#ffffff}.c-btn__inner:after{content:'';display:block;position:absolute;right:0.2rem;bottom:0.2rem;border:transparent solid 0.3rem;border-right-color:#0D6076;border-bottom-color:#0D6076}.c-btns2{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.c-btns2 .c-btn2{width:calc((100% - 1rem) / 2);margin-top:1rem}.c-btns2 .c-btn2:nth-child(even){margin-left:1rem}.c-btns2 .c-btn2:nth-child(-n+2){margin-top:0}.c-btn2{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3rem;padding-left:1rem;border:#E3E3E3 solid 1px;border-radius:0.6rem;color:#333;text-align:center;text-decoration:none}.c-btn2:before{content:'';display:block;position:absolute;top:50%;left:0.5rem;margin-top:-0.5rem;border:transparent solid 0.5rem;border-left-color:#468F74}.c-form__message{margin-bottom:2rem;text-align:center}.c-form__items--embossing .c-form__item>dt{width:5.5rem}.c-form__items--embossing .c-form__item>dd{width:calc(100% - 5.5rem)}.c-form__items--period .c-form__item>dt{width:8rem}.c-form__items--period .c-form__item>dd{width:calc(100% - 8rem)}.c-form__item+.c-form__item{margin-top:2rem;padding-top:2rem;border-top:#E3E3E3 solid 1px}.c-form__item+.c-form__item.c-form__item--nobdr{margin-top:1rem;padding-top:0;border-top:none}.c-form dl.c-form__item{display:-webkit-box;display:-ms-flexbox;display:flex}.c-form dl.c-form__item>dt{padding-top:0.4rem;font-weight:700}.c-form dl.c-form__item>dd{margin-left:auto}.c-form__group+.c-form__group{margin-top:1rem}.c-form__time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-form__time .c-form-text{width:4rem;margin-top:0}.c-form__time .c-form-text input{text-align:center}.c-form__time .sep{width:2rem;text-align:center}.c-form__time .from{width:3rem;text-align:center}.c-form__date{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-form__date .c-form-date,.c-form__date .c-form-select{width:13rem;margin:0 1.5rem 0 0}.c-form__date .c-form-date input,.c-form__date .c-form-select input{text-align:left}.c-form__date .today{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:7rem;height:3rem;border:#468F74 solid 1px;border-radius:1.5rem;color:#468F74;font-size:1.2rem}.c-form__datetime{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-form__datetime .c-form-text{width:4rem;margin-top:0}.c-form__datetime .c-form-text input{text-align:center}.c-form__datetime .c-form-date{width:13rem;margin-right:1rem}.c-form__datetime .c-form-date input{text-align:left}.c-form__datetime .sep{width:2rem;text-align:center}.c-form__datetime .from{width:3rem;text-align:center}.c-form__btns{margin-top:4rem}.section:nth-child(odd)+.c-form__btns{margin-top:1rem}.c-form-text{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;margin-top:1rem;background:#ffffff}.c-form-text:first-child{margin-top:0}.c-form-text input{position:relative;z-index:1;height:3rem;padding:0.4rem 0.9rem 0.3rem;border:#E3E3E3 solid 1px;background:none;color:#333;font-size:1.4rem;-webkit-text-fill-color:#333}.c-form-text input:disabled{color:#333;background:none;opacity:1}.c-form-text--large{margin-top:2rem}.c-form-text--large input{height:5rem;padding:1.2rem 0.9rem;font-size:1.6rem}.c-form-date input{padding-right:3rem}.c-form-date svg{position:absolute;top:50%;right:0.6rem;z-index:0;width:1.8rem;height:1.8rem;margin-top:-0.9rem;fill:#BFBFBF}.c-form-textarea{margin-top:1rem;background:#ffffff}.c-form-textarea:first-child{margin-top:0}.c-form-textarea textarea{height:20rem;padding:0.4rem 0.9rem 0.3rem;border:#E3E3E3 solid 1px;color:#333;font-size:1.4rem;-webkit-text-fill-color:#333}.c-form-textarea textarea:disabled{color:#333;background:#ffffff;opacity:1}.c-form-select{position:relative;margin-top:1rem;background:#ffffff}.c-form-select:after{content:'';display:block;position:absolute;top:50%;right:0.9rem;z-index:0;margin-top:-0.2rem;border:transparent solid 0.5rem;border-top-color:#468F74}.c-form-select select{position:relative;z-index:1;height:3rem;padding:0 2.9rem 0 0.9rem;border:#E3E3E3 solid 1px;border-radius:0;background:none;font-size:1.4rem}.c-form-select--large{margin-top:2rem}.c-form-select--large select{height:5rem;font-size:1.6rem}@media only screen and (max-width: 374px){.c-form__items--embossing .c-form__item>dt{width:5rem}.c-form__items--embossing .c-form__item>dd{width:calc(100% - 5rem)}.c-form__items--period .c-form__item>dt{width:5.5em}.c-form__items--period .c-form__item>dd{width:calc(100% - 5.5rem)}.c-form__time .c-form-text{width:3rem}.c-form__time .sep{width:1.5rem}.c-form__time .from{width:2.5rem}.c-form__date .c-form-date,.c-form__date .c-form-select{width:11rem;margin-right:0.5rem}.c-form__date .today{width:5.2rem;font-size:1rem}.c-form__datetime .c-form-text{width:3rem}.c-form__datetime .c-form-date{width:11rem;margin-right:0.5rem}.c-form__datetime .sep{width:1.5rem}.c-form-text input{padding-right:0.4rem;padding-left:0.4rem}.c-form-text--large input{padding-right:0.4rem;padding-left:0.4rem}.c-form-date input{padding-right:2.5rem}.c-form-textarea textarea{padding-right:0.4rem;padding-left:0.4rem}.c-form-select select{padding-right:2.4rem;padding-left:0.4rem}}.c-table{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;border:#E3E3E3 solid 1px}.c-table thead th,.c-table thead td{text-align:center}.c-table th,.c-table td{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.9rem;border:#E3E3E3 solid 1px;text-align:left;vertical-align:middle}.c-table th{background:#EDF4F2;color:#468F74;font-weight:700}.c-table tbody tr:nth-child(even) td{background:#FCFCFC}.c-table td.col-date{white-space:nowrap}.c-table td.col-status{width:24%;text-align:center}.c-table--history td.col-date{width:39%}.c-table--shift td.col-date{width:30%}.c-table--timecard td.col-date{width:33%}.c-table--timecard td.col-date .status{margin-top:0.5rem;font-weight:700}.c-table--timecard td.col-date .status .c-status{margin-left:1rem}.c-table--timecard td.col-time{padding-right:0;padding-left:0;text-align:center}.c-table--timecard td.col-operation{width:38%}.c-table--nobg tbody tr:nth-child(even) td{background:none}@media only screen and (max-width: 374px){.c-table th,.c-table td{padding-right:0.4rem;padding-left:0.4rem}.c-table--timecard td.col-operation{width:25%}.c-table--timecard td.col-operation .c-btns2 .c-btn2{width:100%}.c-table--timecard td.col-operation .c-btns2 .c-btn2:nth-child(even){margin-left:0}.c-table--timecard td.col-operation .c-btns2 .c-btn2:nth-child(2){margin-top:1rem}}.c-news{border:#E3E3E3 solid 1px;background:#ffffff}.c-news .item+.item{border-top:#E3E3E3 solid 1px}.c-news .item__inner{display:block;padding:0.9rem;color:#333;text-decoration:none}.c-news .item a .item__ttl{text-decoration:underline}.c-calendar__head{display:table;position:relative;margin:0 auto 1.5rem;padding:0 5rem}.c-calendar__head .c-calendar__prev,.c-calendar__head .c-calendar__next{display:block;overflow:hidden;text-indent:-5260px;position:absolute;top:50%;margin:-2rem 0 0;width:4rem}.c-calendar__head .c-calendar__prev{left:0}.c-calendar__head .c-calendar__prev .icon{left:1rem}.c-calendar__head .c-calendar__next{right:0}.c-calendar__head .c-calendar__next .icon{right:1rem}.c-calendar__date{font-size:2.4rem;line-height:1;text-align:center}.c-calendar__foot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:2rem}.c-calendar__prev,.c-calendar__next{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:4rem;margin:-1rem 0;color:#333;line-height:1;text-decoration:none}.c-calendar__prev .icon,.c-calendar__next .icon{display:block;position:absolute;top:50%;width:2rem;height:2rem;margin-top:-1rem;border-radius:0.6rem;background:#5A5A5A}.c-calendar__prev .icon:before,.c-calendar__next .icon:before{content:'';display:block;position:absolute;top:50%;margin-top:-0.5rem;border:transparent solid 0.5rem}.c-calendar__prev{padding-left:3rem}.c-calendar__prev .icon{left:0}.c-calendar__prev .icon:before{right:0.8rem;border-right-color:#ffffff}.c-calendar__next{padding-right:3rem}.c-calendar__next .icon{right:0}.c-calendar__next .icon:before{left:0.8rem;border-left-color:#ffffff}.c-clocking{border:#E3E3E3 solid 1px}.c-clocking .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0.9rem;background:#ffffff}.c-clocking .item+.item{border-top:#E3E3E3 solid 1px}.c-clocking .item>dt{font-weight:700}.c-clocking .item__time{display:inline-block;width:3em;text-align:right}.c-date{color:#999999}.c-week{display:inline-block;white-space:nowrap}.c-week:before{content:'(';color:#333}.c-week:after{content:')';color:#333}.c-week--holiday{color:#EA1818}.c-week--sat{color:#2738FF}.c-status{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:5rem;height:2rem;border-radius:0.6rem;color:#ffffff;font-size:1.2rem;font-weight:400}.c-status--process{background:#468F74}.c-status--fail{background:#5A5A5A}.c-status--success{background:#0D6076}.c-modal{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;padding:2rem}.c-modal__overlay{-webkit-transition:opacity .2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition:opacity .2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:rgba(0,0,0,0.8);opacity:0}.c-modal__overlay.is-visible{opacity:1}.c-modal__container{-webkit-transition:opacity .2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition:opacity .2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;position:relative;z-index:1;border-radius:2rem;background:#ffffff;vertical-align:middle;opacity:0}.c-modal__container.is-visible{opacity:1}.c-modal__close{display:table;position:relative;margin:0 auto;padding:1.2rem 0;padding-left:2.5rem;color:#468F74;font-size:1.6rem;font-weight:700;line-height:1;text-decoration:none}.c-modal__close:before,.c-modal__close:after{content:'';display:block;position:absolute;top:50%;left:-0.4rem;width:2.2rem;height:0.2rem;margin-top:-1px;background:#468F74}.c-modal__close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.c-modal__close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.c-modal-head{background:-webkit-gradient(linear, left top, right top, from(#00A556), to(#0D5F76));background:-webkit-linear-gradient(left, #00A556, #0D5F76);background:linear-gradient(to right, #00A556, #0D5F76);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;position:absolute;top:0;right:0;left:0;z-index:1;height:5.5rem}.c-modal-head__ttl{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:0;width:100%;color:#ffffff;font-size:1.9rem;font-weight:700;text-align:center}.c-modal-head__prev,.c-modal-head__next{display:block;overflow:hidden;text-indent:-5260px;position:absolute;top:0;z-index:1;width:5rem;height:100%}.c-modal-head__prev:after,.c-modal-head__next:after{content:'';-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;bottom:50%;width:1.2rem;height:1.2rem}.c-modal-head__prev{left:0;border-right:rgba(255,255,255,0.4) solid 1px}.c-modal-head__prev:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:left bottom;transform-origin:left bottom;left:2rem;border-bottom:#ffffff solid 1px;border-left:#ffffff solid 1px}.c-modal-head__next{right:0;border-left:rgba(255,255,255,0.4) solid 1px}.c-modal-head__next:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;right:2rem;border-right:#ffffff solid 1px;border-bottom:#ffffff solid 1px}.c-modal-head+.c-modal-body{padding-top:5.5rem}.c-modal-body{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;position:relative;z-index:0;width:100%;-webkit-overflow-scrolling:touch}.c-modal-body__head{padding:3rem 2rem}.c-modal-body__ttl{display:table;min-width:20rem;margin:0 auto;padding:0.7rem 0.9rem;border:#468F74 solid 1px;color:#468F74;font-size:1.6rem;text-align:center}.c-modal-body .section__ttl{font-size:1.6rem}.c-modal-body__foot{padding:3rem 2rem}.c-modal-body__foot:nth-child(even){padding-top:0}.c-form__btns+.c-modal-body__foot{padding-top:3rem}.p-loader{background:-webkit-gradient(linear, left top, right bottom, from(#00A556), to(#0D5F76));background:-webkit-linear-gradient(left top, #00A556, #0D5F76);background:linear-gradient(to right bottom, #00A556, #0D5F76);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;right:0;bottom:0;left:0}.p-loader svg{width:20.5rem;height:14.7rem}.p-loader svg path,.p-loader svg rect{fill:#ffffff}.p-login{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;max-width:34rem;min-height:100%;margin:0 auto}.p-login .section__ttl{color:#333}.p-top-head__company{margin-bottom:0.5rem;font-weight:700}.p-top-head__name{margin-bottom:0.5rem}.p-top-head__date{text-align:right;line-height:1}.p-top-head__time{margin-left:1rem;font-size:2.4rem}.p-top-lwp__status{display:table;width:calc(100% + 4rem);margin:0 -2rem;text-align:center}.p-top-lwp__status .item{display:table-cell}.p-top-lwp__status .item+.item{border-left:#E3E3E3 solid 1px}.p-top-lwp__status .item>dt{white-space:nowrap;margin-bottom:0.5rem}.p-top-lwp__status .item .item__date{font-size:2.4rem;line-height:1}.clearfix{zoom:1}.clearfix:after{content:'';display:block;clear:both;height:0}.inlineblock{display:inline-block}

/*add start*/
body {
  word-wrap:break-word;
}

/*modal */
.modal .section:nth-child(odd) {
  background: #EDF4F2;
}

button.c-modal__close {
  border: none;
  outline: none;
  background: transparent;
}


@media (min-width: 576px){
  .modal-dialog {
      max-width: 60%;
      margin: auto;
  }
}


.c-label-date {
  text-align: left;
  background: transparent;
  border: none;
  color: #38a89c !important;
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 0;
}

.c-label-time {
  text-align: left;
  background: #fff;
  padding: 0.3rem 2.4rem 0.3rem 0.6rem;
  box-sizing: inherit;
  letter-spacing: 2px;
  width: auto;
  min-width: 76px;
  min-height: 2.4rem;
}

.c-form__item.detail .c-form-text {
  width: auto;
  padding: 0 1rem;
  background: transparent;
}

.c-form__item.detail .from {
  margin-top: 2.4rem;
}

.c-modal__container {
  overflow: auto
}

.c-modal__container .c-modal-body
{
  overflow: initial;
}

.hidden{display: none}
.modal-body label {display: inline-block;width: 20%;}
.modal-body p {display: inline-block;width: 80%;}


td.shinsei_status > span {
  display: inline-block;
  text-align: center;
  width: auto;
  
}

button.shinsei_detail_show {
  width: 94%;
  margin: auto;
}
@media (max-width: 576px){
  button.shinsei_detail_show {
    height: 3.4rem;
  }
}

.p-top-head__name {
  display: inline-block;
}
div.qr-btn {
  display: inline-block;
  margin-left: 0.6rem
}

#qrcode {
  text-align: center;
}

#qrcode canvas {
  width: 40%;
}
@media (max-width: 576px){
  #qrcode canvas {
    width: 80%;
  }
}

/*Loader*/
.p-loader {
  z-index: 100;
}
.p-loader svg {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:auto;
  width:100%;
  height:14.7rem;
}

.c-status--cancel {
  background :#bd4646
}
.is_disable {
  display: none
}

/*timecard*/
/* .c-table--timecard td.col-date .status .c-status {
  margin-left: 0;
  padding: 0 0.6rem;
  width: auto;
} */

.c-status {
  width: auto;
  padding: 0 2rem;
}
@media (max-width: 576px){
  .c-status {
    width: auto;
    padding: 0 0.9rem;
    display: table-cell;
    font-size: 1.2rem;
  }
}
.kintai_kubun_status {
  margin-left: 0.2rem;
  font-size: 1.1rem;
  text-indent: 0.5rem;
}

@media (max-width: 576px){
  .kintai_kubun_status {
    margin-left:0;
    display:block;
  }
}

.dakoku_status span {
  padding: 0 0.8rem;
  box-sizing: border-box;
  border-radius: 0.6rem;
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 400;
}
.dakoku_status.chokko span{
  background-color: #067d9e;
}
.dakoku_status.chokki span{
  background-color: #5f608a;
}
@media (max-width: 576px){
  .c-table--timecard td.col-date .status {
    margin-top: 0;
  }
}
/*申請詳細*/
.shinsei-detail-form span.c-status {
  margin-left: 0.4rem;
}
.status-process-text {
  color: #a7a5a5;
}

/* .c-form .shinsei-detail-form dl.c-form__item>dt {
  padding-top: 0;
} */


/*共通*/
.kintai-status--holiwork {/*休出*/
  color: #468F74;
}
.kintai-status--holiday {/*休暇*/
  color: #d35943;
}
.kintai-status--transfer {/*振休*/
  color: #d66937;
}
.kintai-status--dayoff {/*代休*/
  color: #da8d1b;
}
/* body {
  height: 100%;
}
.modal-open{
  height: 100%;
} */

.c-btn2 {
  font-size: 1.1rem;
}

.modal_error {
  color: #bd4646
}

.selectloader .loader {
  position: absolute;
}

.selectloader .loader.loader-default:before {
  width: 40px;
  height: 40px;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
}

.selectloader .loader > .loader_inner {
  width: 32px;
  height: 32px;
}

.c-form__item.disabled .selectloader {
  background: #ececec;
}


.c-form dl.c-form__item>dt.dt-center {
  margin:auto;
  padding-top: 0;
}

.c-form__date {
  margin-bottom: 3px;
  position: relative;
}

.c-form__date input,
.c-form__time input,
.c-form__password input,
.c-form__item input {
  text-align: left;
  background: #fff;
  padding: 0.6rem;
  box-sizing: inherit;
  letter-spacing: 1px;
  width: auto;
  min-width: 76px;
  min-height: 37px;
  border: 1px solid #e9ecef;
  border-radius: 0;
}

/* .c-form__date input[type="date"] { */
  /* max-width: 130px;
  min-width: 130px; */
  /* position: relative;
  width: 40%;
} */
/* .c-form__date input[type="time"] { */
  /* max-width: 80px;
  min-width: 80px; */
  /* width: 35%;
} */

/* @media (min-width: 576px){
  .c-form__date input[type="date"] {
    width: 60%;
  }
} */

.section__password input[type="submit"] {
  color: #fff;
  padding: 1rem;
  margin-top: 2rem;
}

.c-form__password input[type="password"] {
  width: 100%;
  max-width: 230px;
}

/*
.modal .section {
  padding-left: 4rem
}
.modal .c-modal-body .section__ttl {
  margin-left: -1rem;
}
*/

.section__password {
  padding: 1rem;
}
.section__password h3 {
  font-weight: bold;
  margin-bottom: 5px;
}
.c-form__password {
  margin-bottom: 1.5rem;
}

input[type="date"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="date"]::-webkit-datetime-edit-year-field:not([aria-valuenow]),
input[type="date"]::-webkit-datetime-edit-month-field:not([aria-valuenow]),
input[type="date"]::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
  color: transparent;
}
input[type="date"]::-webkit-datetime-edit-text {
  color: #666;
}
input[type="date"]::-webkit-clear-button {
  -webkit-appearance: none;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  color: transparent;
  position: relative;
}
input[type="date"]::-webkit-calendar-picker-indicator:hover {
  background: transparent;
  cursor:pointer
}

.c-form__date input[type="date"]::before {
  position: absolute;
  content: "";
  top: 6px;
  right: 6px;
  width: 18px;
  height: 22px;
  background-image: url(../img/icon_calender.png);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0;
  background-size: contain;
}

.c-form__items--period .c-form__item > dt {
  width: 10rem;
}
/* .dakokusyusei .c-form__items--period .c-form__item > dt,
.chokochoki .c-form__items--period .c-form__item > dt {
  width: 13rem;
} */
.c-form dl.c-form__item > dd {
  margin-top: 0.4rem;
}
h5.horizontal__ttl {
  font-weight: 700;
  margin-bottom: 5px;
  margin-left: 5px;
}

.fail_reason > textarea{
  height: auto;
}

/* .c-form__item input {
  max-width: 70px;
  min-width: 70px;
} */

.c-form__item input:disabled {
  background: #f1f1f1;
  color: #afafaf;
}
.c-form__item input[type="date"][disabled] {
  display: none;
}

.dayoff_span {
  margin: 0 10px;
}

.info_detail.c-btn2 {
  width: 33%;
  max-width: 100px;
  margin-left: auto;
  border-color: #468F74;
  color: #468F74;
  background: #fff;
}

.c-btns--2col .c-btn:hover {
  text-decoration: none;
  color: #468F74;
}
.c-btns2 .shinsei_detail_show.c-btn2,
.c-btns2 .c-btn2:nth-child(-n+2) {
  min-width: 44px;
}
.c-btns2 .shinsei_detail.c-btn2 {
  min-width: 60px;
}

.main {
  max-width: 900px;
  min-width: 320px;
  margin: 0 auto;
}
@media screen and (min-width:900px) {
  .main {
    min-width: 900px;
  }
}
.section {
  padding: 3rem 1rem;
}

.header__nav .h-nav__inner {
  max-width: 900px;
  margin: 0 auto;
}
.c-table th {
  font-size: 1.2rem;
}

.c-modal__container.is-visible {
  opacity: 1;
  max-width: 460px;
  margin: 0 auto;
}

.no-input-text {
  letter-spacing: .8px;
}
.no-shinsei-text {
  color: #888;
  text-align: center;
}
.c-btns2 .c-btn2:nth-child(even) {
  margin-left: 2px;
}

.c-form__date.dd-center {
  height: 100%;
}

.c-form__date input[type="date"]{
  width: 150px;
  position: relative;
}

.c-form__time input[type="time"] {
  width: 150px;
}

@media (max-width: 576px){
  .c-form__date input[type="date"]{
    width: 75%;
  }
  
  .c-form__time input[type="time"] {
    width: 75%;
  }
}

.c-form__date.c-form__time input[type="date"],
.c-form__date.c-form__time input.view_shinsei_date,
input[data-request="kyuka_time"]
{
  width: 150px;
  position: relative;
  margin-right: 0.2rem;
}

.c-form__date.c-form__time input[data-request="kyuka_time"],
.c-form__date.c-form__time input.view_shinsei_time
{
  width: 150px;
}

.c-form__date.c-form__time input[type="time"],
.c-form__date.c-form__time input.view_shinsei_time
{
  width: 100px;
}

@media (max-width: 576px){
  .c-form__date.c-form__time input[type="date"]
  .c-form__date.c-form__time input.view_shinsei_date
  {
    width: 60%;
    font-size: 1.3rem;
  }
  
  .c-form__date.c-form__time input[type="time"]
  .c-form__date.c-form__time input.view_shinsei_time
  {
    width: 40%;
    font-size: 1.3rem;
  }
  .c-form__date.c-form__time input[data-request="kyuka_time"]{
    width: 150px;
  }
}

.modal_error.show span {
  display: block;
  font-size: 1.2rem;
}
.main {
  width: 100%;
}

.modal-open {
  position: absolute;
  padding-right: 0px !important
}

.p-top-lwp__status.attendance {
  margin-bottom: 3rem
}
.p-top-lwp__status.attendance > .item {
  width: 29%;
  display: block;
}
@media (min-width: 576px){
  .p-top-lwp__status.attendance > .item {
    margin-left: 1rem;
  }
}

.c-dakoku__head {
  margin-top: 2rem;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1.8rem;
  font-weight: bold;
}

.c-dakoku__head.break {
  margin-top: 4rem;
}

.c-dakoku__head + .c-btns {
  margin-top: 0.4rem;
}

.loader.is-active{
  position:absolute;
}


.p-top-lwp__status{
  width: 100%;
  margin:auto;
}
/*add end*/

/* 
.modal_submit:disabled > span{
  color:#bbb;
  background-color: #d4d4d4;
} */

.modal_submit > button:disabled > span {
  color:#a7a7a7;
  background-color: #cecece;
}
.c-form__date input[type="date"]:read-only::before
{
  display: none;
}
span.input_empty{
  color : #bcbcbc;
}

.c-table td.col-status{
  width:auto;
}

.c-table--timecard td.col-date .status .c-status{
  margin-left: 0;
}