@charset "UTF-8";
/* CSS Document */

div:after, article:after, ul:after,dl:after, aside:after { content:""; display:block; clear:both;}
body { font-family:NotoSans,"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0.04em;　font-weight: 400; color: #182430; background: #F2F2F2;}
input[type="text"],input[type="mail"],input[type="date"],textarea,select option,.name {font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#page-top { position: fixed; bottom: -100px; right: 0px;}
.f_pop,._admin .header .label,._en,.information li .day,.copyright { font-family: 'Poppins', sans-serif; }
/* #page-top a { width: 70px; height:70px; background: url(/img/btn_pagetop.png) no-repeat; background-size:contain; display:block;} */
.sdw { box-shadow:0px 0px 2px rgba(0,0,3,0.1); -moz-box-shadow:0px 0px 2px rgba(0,0,3,0.1); -webkit-box-shadow:0px 0px 2px rgba(0,0,3,0.1);  -ms-box-shadow:0px 0px 2px rgba(0,0,3,0.1);}
.page-login .btn,.page-login input,.form-btnarea input,.btn._size1 { box-shadow:0px 0px 3px rgba(0,0,3,0.06); -webkit-box-shadow:0px 0px 4px rgba(0,0,3,0.06); }
.btn a { display: block; text-align: center; font-weight: 600; letter-spacing: 0.02em;}
.btn_new a { background: white; color:#182430; border: solid 2px #ffae00; border-radius: 4px; width: 100px; height: 31px; padding-top: 3px;}
.btn_l a { background: white; color:#182430; border: solid 3px #ffae00; border-radius: 6px; width: 280px; height: 55px; padding-top: 11px; margin: 0 auto}
.ime_en { ime-mode: disabled;}
.mls { margin-left: 10px}
.mlm { margin-left: 15px}
.mll { margin-left: 20px}
.mtss { margin-top: 6px}
.mts { margin-top: 10px}
.mtm { margin-top: 15px}
.mtl { margin-top: 20px}
.dn { display:none;}
.tac { text-align:center;}
.bg_nv { background: #182430; }
._ib { display:inline-block;}


/* login */
.page-login .all { display: table; width: 100%; height: 100vh;}
@supports (-webkit-touch-callout: none) {.page-login .all { height: -webkit-fill-available;}}
.login-logoarea { display: table-cell;vertical-align: middle; width: 50%; text-align: right; padding-right: 4.2%;}
.login-logoarea .logo { min-width: 420px; width: 53%; margin-left: auto;}
.login-logoarea .title-order { margin-left: auto; color: white; font-size: 28px; font-weight: 400; line-height: 1; margin-top: 24px; letter-spacing: 0.08em;}
.login-main { background: url("/img/bg_login.jpg") center; background-size: cover; display: table-cell; vertical-align: middle; text-align: center; color: white; position: relative; width: 50%; padding-bottom: 20px;}
.login-title .title { font-size: 46px; font-weight: 600; line-height: 1;}
.login-title .text { font-size: 15px; line-height: 1; margin: 26px 0 40px}
.page-login .formarea input { background: white; border-radius: 3px; height: 48px; margin-left: auto; margin-right: auto; width: 350px; padding-left: 1.2em; font-size: 14px; border: solid 1px white;}
.page-login .formarea li:nth-child(n + 2) { margin-top: 9px;}
.page-login .btnarea { margin-top: 43px;}
.page-login .btnarea .btn { width: 240px; height: 51px; font-size: 16px; font-weight: 700; border-radius: 4px;}
.page-login .copyright { position:absolute; right: 15px; bottom: 18px; font-size: 10px; font-weight: 300; letter-spacing: 0.1em; line-height: 1;}
.page-login .reminderarea { margin-top: 40px;}
.page-login .reminderarea a { color:white;}

/*header*/
.header { background:#182430; color: white;}
.header a { color:white;}
.header-top { display:flex; align-items: center; width: 100%; height: 140px; padding: 30px;}
.header-logo { flex: 1; align-items: center; position: relative; top: 3px}
.header-logo a { display:inline-block;}
.header-logo img {width: 315px; }
.header-logo span { font-weight: 400; font-size: 12px; border:rgba(255,255,255,0.6) 1px solid; line-height: 24px; padding-bottom: 1px; display: inline-block; width: 120px; text-align: center; position: relative; left: 20px;}
.header-account { text-align: right;}
.header .label { font-size: 12px; display: inline-block; line-height: 23px; min-width:77px; padding:0 20px 0; font-weight: 500; position: relative; top: 0px; background:#407EE5; text-align: center;}
.admin .header .label { background:#E52978;}
.md .header .label { background:#B024DE;}
.director .header .label { background:#5F26D1;}
.staff .header .label { background:#3CC269;}
.header .group { font-size: 13px; margin:0 22px;}
.header .name { font-size: 18px; font-weight: 500; letter-spacing: 0.08em; font-weight: bold; position: relative; top: 1px}
.header-nav { justify-content: center;  margin-left: auto; margin-right: auto;}
.header-nav__li { width: 33.33%; text-align: center; display: inline-block;}
.header-nav__li a { display: flex; justify-content: center; height: 50px; font-size: 13px; align-items: center; background:rgba(255,255,255,.025); border-right: 1px solid #182430; letter-spacing: 0.08em;}
.header-nav__li a:hover,
.header-nav__li.current a {background:rgba(64,126,229,1);}
.header-nav__li.current a { pointer-events: none;}
.header-nav__li:last-child a { border:none;}
.header-nav__li i { background-size: 100% auto; background-repeat: no-repeat; width: 16px; height: 16px; display: inline-block; margin-right: 7px; position: relative; top: -1px}
.header-nav__li._top a {font-size: 15px; }
.header-nav__li._top i { background-image: url("/img/ic_nav_home.svg");}
.header-nav__li._search i { background-image: url("/img/ic_nav_zoom.svg");}
.header-nav__li._project i { background-image: url("/img/ic_nav_file.svg");}
.header-nav__li._group i { background-image: url("/img/ic_nav_group.svg");}
.header-nav__li._account i { background-image: url("/img/ic_nav_human.svg");}
.header-nav__li._company i { background-image: url("/img/ic_nav_company.svg");}
.admin .header-nav__li { width: 16.66%; }
.copyright { position:absolute; bottom: 24px; left: 0; right: 0; text-align: center; font-size: 10px; font-weight: 300; letter-spacing: 0.08em}

.header-btnarea { position: absolute; right: 10px; top: 10px;}
.header-btnarea p { font-size: 11px; padding: 0 15px 1px;line-height: 23px; background: rgba(255,255,255,.03); display: inline-block; margin-left: 2px; vertical-align: middle; border-radius: 12px; cursor: pointer;}
.header-btnarea p:hover { background: #E52978}
.header-btnarea p i { display: inline-block; width: 10px; position: relative; top: -1px; margin-left: 3px; vertical-align: top}
.header-btnarea p img { vertical-align:middle;}

@media screen and (max-width:1080px){
    .header-top { height: 120px; padding: 23px;}
    .header-logo img {width: 280px; }
    .header-logo span { font-size: 10px; line-height: 20px; width: 102px; left: 17px;}
    .header .label { font-size: 11px; line-height: 19px; min-width:60px; padding:0 12px 0;}
    .header .group { font-size: 11px; margin:0 19px;}
    .header .name { font-size: 16px; }
    .header-nav { height: 45px;}
    .header-nav__li a { height: 45px; font-size: 13px; }
    .header-nav__li i { width: 15px; height: 15px; margin-right: 6px; top: 0px;}
    .header-nav__li._top a {font-size: 15px;}
    .copyright { bottom: 20px; }
    .header-btnarea { right: 7px; top: 7px;}
    .header-btnarea p { font-size: 10px; padding: 0 13px 1px;line-height: 21px; }
    .header-btnarea p i { width: 9px; top: -1px; margin-left: 2px;}
}


/* btn */
.btn { display:inline-block; position: relative;}
.btn._submit { display: inline-block;}
._yellow { background:#FFBB00; color: white;}
._notice {color: #E52978;}
.btn._blue { background: #407EE5; color: white;}
.btn._bd { border: solid 1px #407EE5; color: #407EE5; background: white;}
.btn._bd:hover { background: #407EE5; color: white;}
.btn._type3 { width:112px; line-height: 38px; font-size: 13px; text-align: center; background: #F8F9FA; border: solid 1px #CCD5E0; border-radius: 20px; font-weight: 600;}
.btn._type3:hover { background:#407EE5; color: white;}
.ic_pdf { position:relative;}
.ic_pdf:after { position: absolute; width: 21px; height: 100%; background-position: center; background-size: 100% auto; background-image: url("/img/icon_pdf.png"); background-repeat: no-repeat; content: ""; z-index: 10; right: 10%; top: 0px;}

/*contents*/
.all { min-width: 1000px;}
.main { padding:40px 40px 90px; position: relative; min-height: calc(100vh - 190px);}
.section { background: white; border-radius: 10px; box-shadow:1px 1px 2px rgba(0,0,3,0.04); -webkit-box-shadow:1px 1px 2px rgba(0,0,3,0.04); padding:44px 40px 44px; margin-bottom: 17px; }
.section:last-child { margin-bottom:0;}
.section__titlearea .title { font-size:24px; line-height: 1; font-weight: 600;}
.section__titlearea .title._en { font-size: 30px; font-weight: 500; letter-spacing: normal}
.section__titlearea .title i { background-repeat: no-repeat; background-size: 100%; width: 30px; height: 30px; display: inline-block; position: relative; margin-right: 0.33em;top: 6px;}
.section__titlearea .text { padding-left:1.5em; font-weight: 500; line-height: 1.4; display: inline-block; font-size: 13px; position: relative; top: -4px;}
.ic_zoom { background-image: url("/img/ic_zoom.svg"); }
.ic_file { background-image: url("/img/ic_file.svg"); }
.ic_group { background-image: url("/img/ic_group.svg"); }
.ic_company { background-image: url("/img/ic_company.svg"); }
.ic_account { background-image: url("/img/ic_account2.svg"); }
.ic_account2 { background-image: url("/img/ic_account.svg"); }
.ic_1 { background-image: url("/img/ic_1.svg"); }
.ic_2 { background-image: url("/img/ic_2.svg"); }
.ic_3 { background-image: url("/img/ic_3.svg"); }
.ic_4 { background-image: url("/img/ic_4.svg"); }
.ic_5 { background-image: url("/img/ic_5.svg"); }
.ic_6 { background-image: url("/img/ic_6.svg"); }
.ic_7 { background-image: url("/img/ic_7.svg"); }
.ic_8 { background-image: url("/img/ic_8.svg"); }
.ic_9 { background-image: url("/img/ic_9.svg"); }
.ic_10 { background-image: url("/img/ic_10.svg"); }
.ic_11 { background-image: url("/img/ic_11.svg"); }
.ic_12 { background-image: url("/img/ic_12.svg"); }
.ic_13 { background-image: url("/img/ic_13.svg"); }
.ic_14 { background-image: url("/img/ic_14.svg"); }
.section__contetnt { margin-top: 38px;}
._lower .section { padding: 38px 40px 46px;}
._lower .section__contetnt { margin-top: 32px;}
._lower .section__contetnt._notitle { margin-top: 8px; }

@media screen and (max-width:1080px){
    .btn._type3 { width:100px; line-height: 35px; font-size: 12px; }
    .main { padding:36px 18px 80px; min-height: calc(100vh - 165px);}
    .section { padding:36px 30px 36px; margin-bottom: 12px; }
    .section__titlearea .title { font-size:21px; }
    .section__titlearea .title._en { font-size: 27px; }
    .section__titlearea .title i { width: 26px; height: 26px; top: 5.5px; margin-right: 0.3em;}
    .section__titlearea .text { font-size: 11px; top: -4px;}
    .section__contetnt { margin-top: 28px;}
    ._lower .section { padding: 30px 30px 36px;}
    ._lower .section__contetnt { margin-top: 27px;}
    .ic_pdf:after { width: 19px; right: 10%;}
}


/* index */
.information { max-height: 320px; overflow-y: auto;}
.information li:first-child { border-top: dotted 1px rgba(0,0,0,0.20);}
.information li {font-size: 13px; padding:14px 0;; border-bottom: dotted 1px rgba(0,0,0,0.20); display: flex;}
.information li .day { font-weight: 500; display: inline-block; width: 100px; padding-left: 10px; font-size: 14px;}
.information li .text { flex:1; padding-right: 1em;}
.information li .text i { width: 18px; line-height: 1; display: inline-block; position: relative; top: 3px; margin-right: 0.25em}
.information li a { color: black;}
 .section-serch { background: #F5F6F7; padding:28px 28px 30px; border-radius: 8px;}
.section-serch dl { display: inline-block; float: left; display: flex; align-items: center; margin-bottom: 5px; padding-right: 10px;}
.section-serch dl._50 { width: 50%;}
.section-serch dl._25 { width: 25%;}
.section-serch dt { width: 97px; text-align: center; font-size: 13px; font-weight: 600;}
.section-serch dd { flex: 1;}
.section-serch input[type="text"] { height: 35px; width:calc(100%)}
.section-serch dl._schedule input { height: 35px; line-height: 35px; font-size: 13px; width:calc(159px); display: inline-block;}
.section-serch dl._schedule span { width: 30px; text-align: center; font-size: 13px; display: inline-block; font-weight: 700;}
.section-serch dl._checkbox { margin: 12px 0 0;}
.section-serch dl._checkbox dt { font-size: 80%;}
.section-serch dl._checkbox dd { font-size: 80%;}
.section-serch dl._checkbox dd label { margin-right: 1em; display: inline-block; padding: 2px 0; font-size: 13px; border: none; background: none}
.section-serch input[type="checkbox"] { margin: 0 8px 0 2px; width: 8px;}
.section-serch input[type="checkbox"]:after { width:12px; height: 12px; top: 0; left: -2px;}
.section-serch__btnarea { padding-top:24px; text-align: center; clear: both;}
.section-serch__btnarea .btn { width: 220px; height: 40px; border-radius: 4px; font-weight: 600; letter-spacing: 0.1em; font-size: 14px; padding-top: 2px;}
.section-serch input,
.section-serch label {border-radius: 4px;}

@media screen and (max-width:1080px){
    .information { max-height: 300px; }
    .information li {font-size: 12px; padding:10px 0;}
    .information li .day { width: 90px; padding-left: 8px; font-size: 13px;}
    .information li .text i { width: 16px; top: 3px; margin-right: 0.20em}
    .information li a { color: black;}
    .section-serch { padding:22px 14px 22px;}
    .section-serch dl {margin-bottom: 3px; padding-right: 8px;}
    .section-serch dl._50 { width: 50%;}
    .section-serch dl._25 { width: 25%;}
    .section-serch dt { width: 92px; font-size: 12px; }
    .section-serch input[type="text"] { height: 28px; }
    .section-serch dl._checkbox dt { font-size: 11px;}
    .section-serch dl._schedule input { height: 28px; line-height: 28px; font-size: 12px; width:38%; padding: 0 5px 0 8px;}
    .section-serch dl._schedule span { width: 28px; font-size: 12px; }
    .section-serch dl._checkbox { margin: 10px 0 0;}
    .section-serch dl._checkbox dd label { padding: 3px 0; font-size: 11px; margin-right: 8px; }
    .section-serch dl._checkbox dd br { display: none;}
    .section-serch input[type="checkbox"] { margin:0 7px 0 2px; width: 7px }
    .section-serch input[type="checkbox"]:after { width:11px; height: 11px; }
    .section-serch__btnarea { padding-top:20px; }
    .section-serch__btnarea .btn { width: 200px; height: 36px; font-size: 13px; padding-top: 1px;}
    .section-serch input,
    .section-serch label {border-radius: 4px;}
}


/*index-list */
.serchlist_title { margin:50px 0 18px; line-height: 1; font-size: 18px; font-weight: 600;}
.list { width: 100%; table-layout: fixed;}
.list .titlearea td { background: #182430; color: white; font-size: 13px; text-align: left; vertical-align: middle; height: 46px; font-weight: 600; padding: 0 8px;}
.list .titlearea td._s { font-size: 9px; line-height: 1.4}
.list td { border-bottom: solid 1px rgba(0,0,0,.1); font-size: 13px; padding:8px 8px; vertical-align: middle; line-height: 1.5;}
.list td.status { font-weight: 600; font-size: 15px;}
.list td.status i { width: 22px; height: 22px; background-size: cover; background-repeat: no-repeat; display: inline-block;}
.list td.status i.ic_x { background-image: url("/img/ic_cross.svg");}
.list td.status i.ic_v { background-image: url("/img/ic_check.svg");}
.list td.approval i { width: 22px; height: 22px; background-size: cover; background-repeat: no-repeat; display: inline-block;}
.list td.approval i.ic_x { background-image: url("/img/ic_cross.svg");}
.list td.approval i.ic_v { background-image: url("/img/ic_check.svg");}
.list td.client {width: 100%; }
.list td.btnarea { text-align: right;}
.list td.btnarea a { background: #F6F8FA; color: #407EE5; font-size: 12px;  line-height: 35px; width: 58px; text-align: center; border-radius: 3px; display: inline-block; margin-left: 5px; vertical-align: middle; font-weight: 600;}
.list td.btnarea a:hover { background:#407EE5; color:white;}
.list td.btnarea a._dl { width:40px;}
.list td.btnarea a._dl:before { background-size:100% auto; background-image: url("/img/ic_dl.svg"); background-repeat: no-repeat; content: "　"; background-position: center; display: inline-block; height: 100%; width: 16px;}
.list td.btnarea a._dl:hover:before {  background-image: url("/img/ic_dl_w.svg");}
.list th:nth-child(1),
.list td:nth-child(1),
.list td:nth-child(2) { text-align: center;}
.list td:nth-child(5),
.list td:nth-child(6) { font-size: 80%;}
.list td:nth-child(1),
.list td:nth-child(2) { width: 70px;}
.list td:nth-child(3),
.list td:nth-child(4) { width: 106px;}
.list td:nth-child(5) { width:calc(40%);}
.list td:nth-child(6) { width:calc(42%);}
.list td:nth-child(7) { width:calc(15%);}
.list td:nth-child(8) { width: 190px;}
.list td.strike { text-decoration: line-through; }
.btnarea-nextback { text-align: center; margin: 44px 0 20px;}
.btnarea-nextback li { display: inline-block; margin: 0 6px; }
.btnarea-nextback a { display: block; width: 200px; line-height: 40px; font-size: 13px; font-weight: 600; border-radius: 5px; padding-bottom: 1px;}

@media screen and (max-width:1080px){
    .serchlist_title { margin:44px 0 16px; font-size: 17px; }
    .list .titlearea td { font-size: 12px; height: 41px; padding: 0 6px;}
    .list .titlearea td._s { font-size: 9px; line-height: 1.3}
    .list td { font-size: 12px; padding:8px 5px; }
    .list td.status { font-size: 14px;}
    .list td.status i { width: 20px; height: 20px; }
    .list td.btnarea a { font-size: 11px; line-height: 30px; width: 50px; margin-left: 4px; }
    .list td.btnarea a._dl { width:36px;}
    .list td.btnarea a._dl:before { width: 15px;}
    .list td:nth-child(4),
    .list td:nth-child(5) { font-size: 12px}
    .list td:nth-child(1) { width: 65px;}
    .list td:nth-child(2),
    .list td:nth-child(3) { width: 100px;}
    .list td:nth-child(6) { width: 100px;}
    .list td:nth-child(7) { width: 162px;}
    .list td.strike { text-decoration: line-through; }
    .btnarea-nextback { margin: 36px 0 15px;}
    .btnarea-nextback li { margin: 0 5px; }
    .btnarea-nextback a { width: 180px; line-height: 36px; font-size: 12px; border-radius: 5px; padding-bottom: 1px;}
}


/* page-form */
.main__inr { max-width:1200px; margin-left: auto; margin-right: auto}
.main__titlearea { margin: 30px auto 48px;}
.main__titlearea .title {line-height: 1; font-size: 28px; font-weight: 600; letter-spacing: 0.05em}
.main__titlearea .title i { width:32px; height: 32px; display: inline-block; background-repeat: no-repeat; background-size: 100% auto; margin-right: 11px; position: relative; top: 5px;}
.main__titlearea .title span { font-size: 12px; position: relative; display: inline-block; background: rgba(76,133,229,.07); color: #407EE5; line-height: 26px; padding:0 10px; min-width: 92px; text-align: center; vertical-align: top; top: 9px; margin-left: 16px; font-weight: 500}
.main__titlearea .text { font-size: 14px; margin-top: 26px; line-height: 1.7;}
.ic_required,
.required dt:after { display:inline-block; width: 29px; height: 15px; background: url("/img/ic_kome.svg") no-repeat center; background-size: cover; position: relative;top: 2px; content: "";}
.text._s { font-size: 11px; }
.form__item .title_s { font-weight:600; font-size: 13px;}
.text._blue { background:rgba(64,126,229,0.1); display: inline-block; font-size: 10px; font-weight: 500; padding: 4px 7px; line-height: 1; vertical-align: top; font-weight: 600;}
.text-glay { color: white; font-size: 75%; background: rgba(0,0,0,.2); font-weight: 500; line-height: 1; padding: 12px 22px 14px; display: inline-block; vertical-align: top;}
.text-glay._notice { color: #E52978; font-size: 75%; background: rgba(0,0,0,.2); font-weight: 500; line-height: 1; padding: 12px 22px 14px; display: inline-block; vertical-align: top;}
.text-date { display:inline-block; text-align: center; width:40px; }
.form__item { margin-top: 32px;}
.form__item:first-child { margin-top: 0;}
.form__item dt { font-weight: 600; font-size: 16px;}
.form__item dt small{ font-size: 11px;}
.form__item.required dt:after { margin-left: 10px; top: 2px;}
.form__item dd { margin-top: 9px}
.form__item dd .btn._type3 { margin-right: 1.5em}
._type2.form__item { margin-top: 0;}
._type2.form__item dt { display: inline-block; width: 300px; font-size: 14px;}
._type2.form__item dd { display: inline-block; margin-top: 6px;}
._type2.form__item:first-child dd { margin-top: 0; }
.uplode-file { margin-top:15px;}
.uplode-file__item { display:inline-block; background: #182430; color: white; font-size: 11px; line-height: 25px; min-width: 180px; padding: 0 50px 0 18px; border-radius: 17px; position: relative; margin-right:3px;}
.uplode-file__item a { color: white;}
.uplode-file__item .close { cursor: pointer; width: 12px; height: 100%; background: url("/img/ic_close.svg") no-repeat center; display: inline-block; position: absolute; right: 10px; background-size: 100% auto;}
.dd-list li { margin-bottom:5px;}
.dd-list .title { display:inline-block; float: left; width: 120px; font-weight: 500; font-size: 13px; text-align: right;  padding-right: 22px; line-height: 42px;}
.dd-list .title._s { width: 90px; padding-right: 15px;}
.dd-list._herf li { width: calc(33.33% - 0px); float: left;}
.dd-list._herf li .title { width: 80px; padding-right: 15px; }
.dd-list._herf li input { width: calc(100% - 80px); }
.dd-list._herf li select { width: calc(100% - 80px); }
.checklist li { width:20%; float: left; padding-right: 5px; position: relative;}
.checklist._block6 li { width:16.66%;}
.checklist._block6 li:nth-child(6n) { padding-right: 0;}
.checklist._block5 li { width:20%;}
.checklist._block5 li:nth-child(5n) { padding-right: 0;}
.checklist._block4 li { width:25%;}
.checklist._block4 li:nth-child(4n) { padding-right: 0;}
.form__item .checklist label { width: 100%; font-size: 13px; display: flex; align-items: center; position: relative;}
.checklist li input { margin:0 9px 0 3px; width:10px; position: relative;}
.form-btnarea { text-align: center; margin-top: 82px}
.form-btnarea .text { margin-bottom: 38px;}
.form-btnarea ul { margin-bottom: 60px}
.form-btnarea li {  display: inline-block; margin: 0 10px}
.form-btnarea input {width: 280px; height: 58px; border-radius: 5px; font-weight: 600; font-size: 17px; letter-spacing: 0.06em;}

@media screen and (max-width:1080px){
    .main__titlearea { margin: 18px auto 38px; padding-left: 5px;}
    .main__titlearea .title { font-size: 25px; }
    .main__titlearea .title i { width:28px; height: 28px; margin-right: 9px; top: 5px;}
    .main__titlearea .title span { font-size: 11px; line-height: 24px; padding:0 7px; min-width: 83px; top: 9px; margin-left: 13px;}
    .main__titlearea .text { font-size: 13px; margin-top: 24px;}
    .ic_required,
    .required dt:after { width: 26px; height: 13px; top: 2px;}
    .text._s { font-size: 10px; }
    .form__item .title_s { font-size: 12px;}
    .text._blue { font-size: 10px; padding: 4px 7px; }
    .text-glay { padding: 8px 12px 9px; font-size: 11px;}
    .text-date { width:36px; font-size: 13px;}
    .form__item { margin-top: 22px;}
    .form__item dt { font-size: 14px;}
    .form__item dt small{ font-size: 10px;}
    .form__item.required dt:after { margin-left: 8px; top: 1px;}
    .form__item dd { margin-top: 6px}
    .form__item dd .btn._type3 { margin-right: 1.3em}
    ._type2.form__item dt { width: 180px; font-size: 13px;}
    ._type2.form__item dd { margin-top: 5px;}
    .uplode-file { margin-top:12px;}
    .uplode-file__item { font-size: 11px; line-height: 24px; min-width: 160px; padding: 0 40px 0 15px; border-radius: 13px; margin-right:2px;}
    .uplode-file__item .close { width: 10px; right: 9px; }
    .dd-list li { margin-bottom:4px;}
    .dd-list .title { width: 100px; font-size: 12px; padding-right: 18px; line-height: 36px;}
    .dd-list .title._s { width: 80px; padding-right: 12px;}
    .dd-list._herf li .title { width: 70px; padding-right: 13px; }
    .dd-list._herf li input { width: calc(100% - 70px); }
    .dd-list._herf li select { width: calc(100% - 70px); }
    .checklist li { padding-right: 4px;}
    .form__item .checklist label { font-size: 11px; }
    .checklist li input { margin:0 9px 0 3px; width: 8px; }
    .form-btnarea { margin-top: 65px}
    .form-btnarea .text { margin-bottom: 32px; font-size: 14px;}
    .form-btnarea ul { margin-bottom: 36px}
    .form-btnarea li { margin: 0 8px}
    .form-btnarea input {width: 240px; height: 50px; border-radius: 5px; font-size: 15px;}
}


/* form-input */
input[type="text"],
input[type="password"],
input[type="mail"],
input[type="date"],
select,label,
textarea { border: solid 1px #D4D4D4; background: white; padding:0 0.5em 0 0.9em; position: relative;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="mail"]:focus,
input[type="date"]:focus,
textarea:focus,
.form__item label.checked,
input[type=radio]:checked + label { /*outline: solid #407EE5 1px;*/ border: solid 1px #407EE5; box-shadow: 0 0 0 1px #407EE5;}

.form__item input[type="text"],
.form__item input[type="password"],
.form__item input[type="mail"],
.form__item input[type="date"],
.form__item select,
.form__item textarea { height: 42px; border-radius: 5px; font-size: 14px;}
.form__item input[type="date"] { line-height: 39px;}
.form__item textarea { width: 100%; height: 100px;  padding: 10px 0.9em;}
.form__item textarea._l { height: 180px; }
.form__item label { height: 42px; border-radius: 5px; padding-left: 1em;}

.form__item input[type="text"]:focus,
.form__item input[type="mail"]:focus,
.form__item input[type="date"]:focus,
.form__item selet:focus,
textarea:focus {/* border: 1px solid #407EE5; */}
.schedule input { display:inline-block; }
.schedule span { width:36px; font-weight: 600; text-align: center; display: inline-block;}
select { width: 100%; height: 100%; position: relative;}
.select-wrap { display: inline-block; position: relative; cursor: pointer; height:42px;}
.select-wrap:after { position: absolute; right: 14px; background: url("/img/ic_arw_down.svg") no-repeat center; width:10px; top: 0; height: 100%; pointer-events: none;}
.select-wrap select{ outline:none; -moz-appearance: none; text-overflow:''; vertical-align: middle; -webkit-appearance: button; -moz-appearance: button; appearance: button; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-top: 1px}
.select-wrap select::-ms-expand { display: none;}
.select-wrap select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #333;}
.size_2em { width: 5em;}
.size_4em { width: 10em;}
.size_ss { min-width: 16.66%;}
.size_s { min-width: 300px;}
.size_m { min-width: 500px;}
.size_l { width: 100%;}

input[type=checkbox] { position: relative; }
input[type=checkbox]:after { position: absolute; opacity: 1; content: ""; width: 15px; height: 15px; background: red; top:-0.6px; left: -3px; background: url("/img/ic_checkbox.svg") no-repeat center; background-size: cover; background-position: center;}
input[type=checkbox]:checked:after { background-image: url("/img/ic_checkbox_on.svg")}

input[type=radio] { position: relative; margin-top: 21px}
input[type=radio]:after { position: absolute; opacity: 1; content: ""; width: 14px; height: 14px; background: red; top:-1px; left: -3px; background: url("/img/ic_radio.svg") no-repeat center; background-size: cover; background-position: center; }
input[type=radio]:checked:after { background-image: url("/img/ic_radio_on.svg")}
.form__item input[type=radio] { position: absolute;left: 15px; top: 15px; z-index: 10;}
.form__item input[type=radio] + label { padding-left: 34px;}

input[type="checkbox"]::-webkit-inner-spin-button{ -webkit-appearance: none;}
input[type="checkbox"]::-webkit-clear-button{-webkit-appearance: none;}
input[type="date"]{　position: relative;}
input[type="date"]::-webkit-inner-spin-button{ -webkit-appearance: none;}
input[type="date"]::-webkit-clear-button{-webkit-appearance: none;}
input[type=date]::-webkit-calendar-picker-indicator { color: rgba(0, 0, 0, 0); opacity: 1; display: block; background: url("/img/ic_dalender.svg") no-repeat; width: 12px; height: 12px; }

.error input[type="text"],
.error input[type="mail"],
.error input[type="date"],
.error select,
.error textarea:focus { border: solid 1px #E52978; box-shadow: 0 0 0 1px #E52978; position: relative;}
.error.required:after { content:"必須項目です。"; display: block; color: #E52978; font-size: 14px; margin-top: 2.5px; font-weight: 600; margin-left: 1px;}
.error.select:after { content:"選択してください。"; display: block; color: #E52978; font-size: 14px; margin-top: 2.5px; font-weight: 600; margin-left: 1px;}
.error.p_select:after { content:"制作プロデューサー（ムービー）（グラフィック）（デジタル）のうち、必ず1つ以上を選択してください。"; display: block; color: #E52978; font-size: 14px; margin-top: 2.5px; font-weight: 600; margin-left: 1px;}
.error.number:after { content:"数字を入力してください。"; display: block; color: #E52978; font-size: 14px; margin-top: 2.5px; font-weight: 600; margin-left: 1px;}
.error.etc:after { content:"その他を入力してください。"; display: block; color: #E52978; font-size: 14px; margin-top: 2.5px; font-weight: 600; margin-left: 1px;}
.error.alphanumeric:after { content:"半角英数字記号を入力してください。"; display: block; color: #E52978; font-size: 14px; margin-top: 2.5px; font-weight: 600; margin-left: 1px;}
.error.passwd:after { content:"パスワードが違います。"; display: block; color: #E52978; font-size: 14px; margin-top: 2.5px; font-weight: 600; margin-left: 1px;}
.error.passwd_confirm:after { content:"パスワードが確認用と一致しません。"; display: block; color: #E52978; font-size: 14px; margin-top: 2.5px; font-weight: 600; margin-left: 1px;}
.error.passwd_change:after { content:"新パスワードには、現パスワードと違うパスワードを設定してください。"; display: block; color: #E52978; font-size: 14px; margin-top: 2.5px; font-weight: 600; margin-left: 1px;}
.error.email_confirm:after { content:"メールアドレスが確認用と一致しません。"; display: block; color: #E52978; font-size: 14px; margin-top: 2.5px; font-weight: 600; margin-left: 1px;}
.error.already:after { content:"メールアドレス、パスワードが同じユーザーが存在します。"; display: block; color: #E52978; font-size: 14px; margin-top: 2.5px; font-weight: 600; margin-left: 1px;}
.error.already_samecategory:after { content:"メールアドレス、アカウントカテゴリーが同じユーザーが存在します。"; display: block; color: #E52978; font-size: 14px; margin-top: 2.5px; font-weight: 600; margin-left: 1px;}
.error.no_account:after { content:"メールアドレスが登録されていません。"; display: block; color: #E52978; font-size: 14px; margin-top: 2.5px; font-weight: 600; margin-left: 1px;}
.error.text {color: #E52978; font-size: 14px;}

@media screen and (max-width:1080px){
    input[type="text"],
    input[type="password"],
    input[type="mail"],
    input[type="date"],
    select,label,
    textarea { padding:0 0.4em 0 0.8em}
    .form__item input[type="text"],
    .form__item input[type="password"],
    .form__item input[type="mail"],
    .form__item input[type="date"],
    .form__item select,
    .form__item textarea { height: 37px; font-size: 12px;}
    .form__item input[type="date"] { line-height: 37px;}
    .form__item textarea { padding: 9px 0.8em; height: 100px;}
    .form__item textarea._l { height: 160px; }
    .form__item label { height: 37px; padding-left: 0.9em;}
    .form__item input[type=radio] { left: 10px; top: 11px; }
    .form__item input[type=radio] + label { padding-left: 28px;}
    .schedule span { width:32px; font-size:14px;}
    .select-wrap { height:37px;}
    .select-wrap:after { right: 12px; width:10px;}
    input[type=checkbox]:after,
    input[type=radio]:after { width: 14px; height: 14px; top: -0.5px;}
    input[type=date]::-webkit-calendar-picker-indicator { width: 10px; height: 10px; }
    .error:after { font-size: 13px; margin-top: 2px; }
    .error.text {color: #E52978; font-size: 14px;}
}


/* check */
._check .form__item:first-child { border-top: solid 1px rgba(24,36,43,.15);}
._check .form__item { display: flex; padding:14px 12px; align-content: center; border-bottom: solid 1px rgba(24,36,43,.15); margin: 0;}
._check .form__item dt { width: 300px; font-size: 13.5px}
._check .form__item dt small { font-size: 10px}
._check .form__item dt:after { width: 23px; height: 13px; margin-left: 7px}
._check .form__item dd { margin: 0; flex: 1; font-size: 14px}
._check .dd-list li:last-child { margin-bottom: 0;}
._check .dd-list._herf li { width:auto; padding-right: 24px; margin:0}
._check .dd-list._herf li .title {line-height:normal; padding-right:0px; text-align: left; width: auto;}
._check .dd-list._herf p { float: left;}
._check .checklist li:nth-child(n),
._check .uplode-file__item { font-size:14px; position: relative; padding:0 20px 0 12px; width: auto; background: none; color: #182430; line-height: normal; min-width: auto;}
._check .checklist li:before,
._check .uplode-file__item:before { content: ""; display: inline-block; position: absolute; left: 1px; top: 8px; background: #407EE5; width: 6px; height: 6px;}
._check .uplode-file { margin-top: auto; line-height: 1;}
._check .uplode-file a { color: black;}
._check .text-glay {padding: 6px 14px 6px;}
._check .dd-list .title._s { width: auto; padding-right: 8px; font-size:auto; font-weight: 500; line-height: normal;}
.text-glaybox { background:#f9f9f9; margin-top: 7px; padding:6px 10px 7px; font-size: 13px;}

/* send */
.section-send { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(24,36,48,.75); display: flex; align-items: center; justify-content: center; pointer-events: none; opacity: 0; -webkit-transition:all 0.2s; transition:all 0.2s; }
.section-send .base { width: 560px; padding: 60px 0 65px; background: white; border-radius: 10px; margin: auto; display: flex; align-items: center; justify-content: center; flex-flow: column;}
.section-send figure { width: 70px; display: block; margin-bottom: 30px;}
.section-send .text { font-size: 25px; font-weight: 600; line-height: 1.4;}
.section-send .btn { margin-top: 36px;}
.btn._size1 { font-size:17px; display:inline-block; width: 290px; line-height: 58px; text-align: center; font-weight: 600; border-radius: 5px;}
body.send { overflow: hidden;}
.send .section-send { pointer-events: all; opacity: 1;}

@media screen and (max-width:1080px){
    ._check .form__item { padding:11px 8px; }
    ._check .form__item dt { width: 180px; font-size: 12.5px}
    ._check .form__item dt small { font-size: 9px}
    ._check .form__item dt:after { width: 22px; height: 12px; margin-left: 6px}
    ._check .form__item dd { font-size: 12px}
    ._check .dd-list._herf li { padding-right: 22px;}
    ._check .checklist li:nth-child(n),
    ._check .uplode-file__item { font-size:12px; padding:0 18px 0 10px; }
    ._check .checklist li:before,
    ._check .uplode-file__item:before { top: 7px; width: 5px; height: 5px;}
    ._check .uplode-file a { color: black;}
    ._check .text-glay {padding: 5px 7px 6px;}
    ._check .dd-list .title._s { padding-right: 8px; }
    .text-glaybox { margin-top: 6px; padding:5px 8px 5px; font-size: 12px;}
    .section-send .base { width: 500px; padding: 50px 0 54px; border-radius: 10px; }
    .section-send figure { width: 62px; margin-bottom: 25px;}
    .section-send .text { font-size: 22px; }
    .section-send .btn { margin-top: 32px;}
    .btn._size1 { font-size:16px; width: 250px; line-height: 50px; border-radius: 5px;}
}

/* animation */
._hv { -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s; }
._hv:hover,.header-logo a img:hover,.btn_new:hover,.btn_table:hover,.main-btm a:hover,.btn_select:hover,.btn:hover,#page-top:hover { -webkit-filter: brightness(110%); filter: brightness(110%);}
.loader { width: 100%; height: 100%; background-color:white; position: fixed; top: 0px; left: 0px; z-index: 1000; display: block; }

.template { display: none;}

/* 2022.4.26追加 */
.section__titlearea { position:relative;}
.section__titlearea .note { display: inline-block; font-size: 12px; margin-left: 4px; position: relative; top: -2px;}
.section__titlearea .title._en { display: inline-block;}
.section__titlearea .link { position:absolute; right: 0; top: 0;}
.section__titlearea .link a { font-size:12px; color: #182430; position: relative; top: 3px; text-decoration: underline;}
.section__titlearea .link a:hover { color:rgba(64,126,229,1);;}
.section__titlearea .link a:after { display:inline-block; width: 12px; height: 12px; background: url("../img/ic_arw.svg") no-repeat; background-size: 100% auto!important; content: ""; position:relative; top: 2px; right: 0; margin-left: 0px;}
.section__titlearea .link a:hover:after { background-image: url("../img/ic_arw_hv.svg");}
.information { max-height: 255px;}
.pager { text-align: center; margin: 48px 0 30px;; letter-spacing: -0.5em;}
.pager li { display: inline-block;font-family: 'Poppins', sans-serif; margin: 0 3px; vertical-align: top; letter-spacing: normal;}
.pager li a { width: 100%; border: #E9E9E9 solid 1px; font-size: 14px; width: 36px; height: 36px; line-height: 36px; display: block; border-radius: 3px; font-weight: 500; cursor: pointer}
.pager li a:hover,
.pager li.current a { color: white; background: rgba(64,126,229,1);; border-color: rgba(64,126,229,1);;}
.pager li.current a { pointer-events:none;}
.pager li.alw a { background-size: 10.4px; background-position: center; background-repeat: no-repeat;}
.pager li.alw._LL a { background-image: url("../img/nav_arw2_l.svg");}
.pager li.alw._L a { background-image: url("../img/nav_arw_l.svg");}
.pager li.alw._R a { background-image: url("../img/nav_arw_r.svg");}
.pager li.alw._RR a { background-image: url("../img/nav_arw2_r.svg");}
.pager li.alw._LL a:hover { background-image: url("../img/nav_arw2_l_w.svg");}
.pager li.alw._L a:hover { background-image: url("../img/nav_arw_l_w.svg");}
.pager li.alw._R a:hover { background-image: url("../img/nav_arw_r_w.svg");}
.pager li.alw._RR a:hover { background-image: url("../img/nav_arw2_r_w.svg");}

.btn_register { font-size: 12px; line-height: 25px; padding: 0 10px; text-align: center; min-width: 96px; vertical-align: middle; top: -2px; border-radius: 3px; margin-left: 16px; cursor: pointer;}
.page-department .list td:nth-child(n),
.page-company .list td:nth-child(n),
.page-account .list td:nth-child(n) { width: auto; text-align: center;}
.page-department .list td:last-child{ width: 300px; text-align: right;}
.page-company .list td:last-child{ width: 144px; text-align: right;}
.page-account .list td:last-child { width: 144px; text-align: right;}
.page-department .list td:nth-child(1),
.page-company .list td:nth-child(1),
.page-account .list td:nth-child(1) { width: 55px; padding: 0; text-align: center; padding-left: 10px;}
.page-department .list td:nth-child(2),
.page-company .list td:nth-child(2),
.page-account .list td:nth-child(2) { width:100px; text-align: center;}
.page-account .list td:nth-child(3) { width: 140px;}
.list td.btnarea a._s { font-size: 11px;}
.information li a { text-decoration: underline; color: #182430;}
.information li a:hover { text-decoration: none;}

@media screen and (max-width:1080px){
    .section__titlearea .note { font-size: 10px; margin-left: 2px;}
    .section__titlearea .link a { font-size:11px; top: 2px;}
    .section__titlearea .link a:after { width: 11px; height: 11px; }
    .pager { margin: 43px 0 30px;}
    .pager li { margin: 0 2.5px; }
    .pager li a { font-size: 13px; width: 34px; height: 34px; line-height: 34px; border-radius: 4px; }
    .pager li.alw a { background-size: 10.4px;}
    .btn_register { font-size: 11px; line-height: 24px; padding: 0 8px; min-width: 85px; margin-left: 14px; }
    .page-department .list td:nth-child(1),
    .page-company .list td:nth-child(1),
    .page-account .list td:nth-child(1) { width: 48px; padding-left: 8px;}
    .page-department .list td:nth-child(2),
    .page-company .list td:nth-child(2),
    .page-account .list td:nth-child(2) { width:86px; }
    .page-department .list td:last-child{ width: 180px;}
    .list td.btnarea a._s { font-size: 10px;}
    .information { max-height: 205px;}
}