@charset "UTF-8";html{font-size:1px}body{background-color:#f7f8fa;color:#333;font-family:YuGothic,Yu Gothic,ヒラギノ角ゴシック,Hiragino Sans,sans-serif;font-size:1rem;font-weight:500;line-height:1.6}body a{text-decoration:none}body li{list-style-type:none}body summary{list-style:none}body summary::-webkit-details-marker{display:none}h1,h2{font-size:24rem;font-weight:700}input{border:1rem solid #c9c9c9;border-radius:8rem;font-size:16rem;padding:16rem 24rem}@media screen and (min-width:481px){input{width:364rem}}@media screen and (max-width:480px){input{width:100%}}input::-moz-placeholder{color:#c9c9c9;font-size:16rem}input:-ms-input-placeholder{color:#c9c9c9;font-size:16rem}input::placeholder{color:#c9c9c9;font-size:16rem}.select-wrap{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select-wrap select{border:1rem solid #c9c9c9;border-radius:8rem;cursor:pointer;font-size:16rem;padding:16rem 24rem;position:relative}@media screen and (min-width:481px){.select-wrap select{width:364rem}}@media screen and (max-width:480px){.select-wrap select{width:260rem}}.select-wrap select::-moz-placeholder{color:#c9c9c9;font-size:16rem}.select-wrap select:-ms-input-placeholder{color:#c9c9c9;font-size:16rem}.select-wrap select::placeholder{color:#c9c9c9;font-size:16rem}.select-wrap:after{background-image:url(../images/arrow_down_line.svg);background-repeat:no-repeat;background-size:cover;content:"";height:20rem;margin-right:16rem;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);width:20rem}button{border-radius:8rem;cursor:pointer;font-size:16rem;font-weight:700;padding:16rem 24rem}.btn-primary{background-color:#184081;box-shadow:0 2rem 8rem 0 rgba(99,99,99,.2);color:#fff;transition:.4s}.btn-primary:hover{filter:brightness(.5)}.btn-secondary{background-color:#1d97ff;box-shadow:0 2rem 8rem 0 rgba(99,99,99,.2);color:#fff;transition:.4s}.btn-secondary:hover{filter:brightness(.5)}.btn-arrow{padding-right:40rem;position:relative}.btn-arrow:after{border-right:2px solid #fff;border-top:2px solid #fff;content:"";height:10px;position:absolute;right:24rem;top:50%;transform:translateY(-50%) rotate(45deg);-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);width:10px}.link{color:#184081;font-size:12rem}.breadcrumbs{display:flex;margin:16rem 0}.breadcrumbs p{color:#184081;font-size:12rem}.breadcrumbs p a{color:#184081;position:relative}.breadcrumbs p a:after{background:#184081;bottom:-4rem;content:"";height:1px;left:0;margin-top:8rem;opacity:0;position:absolute;transition:.4s;width:100%}.breadcrumbs p a:hover{filter:brightness(.5)}.breadcrumbs p a:hover:after{opacity:1}.breadcrumbs p+p{margin-left:8rem;padding-left:18rem;position:relative}.breadcrumbs p+p:before{border-right:1px solid #184081;border-top:1px solid #184081;content:"";height:8px;left:0;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);width:8px}.panel{background-color:#fff;box-shadow:0 2rem 8rem 0 rgba(99,99,99,.2)}header{background-color:#184081;color:#fff}@media screen and (min-width:481px){header{padding:16rem}}@media screen and (max-width:480px){header{padding:8rem}}header .header{align-items:center;display:flex;justify-content:space-between}@media screen and (min-width:481px){header .header__ttl{display:flex}}header .header__ttl p{font-size:16rem}@media screen and (min-width:481px){header .header__ttl p+p{padding-left:24rem}}header .header__option p{font-size:12rem}.login{display:grid;place-items:center}@media screen and (min-width:481px){.login{padding:8vh}}.login h1{color:#184081;text-align:center}@media screen and (max-width:480px){.login h1,.login h2{font-size:18rem}}@media screen and (min-width:481px){.login__container{margin-top:40rem;padding:40rem 64rem 64rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media screen and (max-width:480px){.login__container{margin-top:12rem;padding:12rem;width:90%}}@media screen and (min-width:481px){.login__container__content{margin:40rem 0}}@media screen and (max-width:480px){.login__container__content{margin:20rem 10rem 30rem}}.login__container__content dl{margin-top:16rem}.login__container__content dl dt{font-size:16rem}.login__container button{text-align:center}@media screen and (min-width:481px){.login__container button{width:364rem}}@media screen and (max-width:480px){.login__container button{width:100%}}.login__container__link{margin-top:8rem}.login__container__error{color:red;font-size:14rem;margin-bottom:24rem}.select{padding-top:8rem}.select__container{display:flex;transition:.4s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select__container__content{padding:24rem;position:relative;z-index:2}.select__container__content dl dt{font-size:16rem;font-weight:700}.select__container__content dl dd{margin-top:8rem}.select__container__content dl+dl{margin-top:16rem}.select__container__btn{background-color:#fff;border-radius:0 8rem 8rem 0;box-shadow:0 2rem 8rem 0 rgba(99,99,99,.2);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}.select__container__btn__close--01{border-right:1px solid #333;border-top:1px solid #333;content:"";height:8px;left:55%;position:absolute;top:16rem;transform:translateX(-50%) rotate(-135deg);-webkit-transform:translateX(-50%) rotate(-135deg);-ms-transform:translateX(-50%) rotate(-135deg);transition:.4s;width:8px}.select__container__btn__close button{font-size:12rem;font-weight:400;padding:36rem 10rem 10rem;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.select .close{transition:.4s}.select .close .select__container__btn__close--01{left:45%;transform:translateX(-50%) rotate(45deg);-webkit-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);transition:.4s}.project-panel{padding:16rem 24rem}.project-panel dl{display:flex;font-size:16rem}.project-panel dl dt{width:20%}.project-panel dl dd{width:80%}.project-panel dl+dl{margin-top:8rem}.dashboard{padding:0 24rem 32rem}.dashboard__container__content{margin-top:32rem;transition:.8s}.dashboard__container__content__ttl--soil{align-items:center;display:flex;justify-content:space-between;padding-right:24rem}.dashboard__container__content__ttl--soil h2{border-left:8rem solid #ea8585;color:#ea8585;padding:16rem 24rem 16rem 52rem;position:relative}@media screen and (min-width:481px){.dashboard__container__content__ttl--soil h2{font-size:24rem;font-weight:700}}@media screen and (max-width:480px){.dashboard__container__content__ttl--soil h2{font-size:18rem}}.dashboard__container__content__ttl--soil h2:before{background-image:url(../images/soil.svg);background-repeat:no-repeat;background-size:cover;content:"";height:22rem;left:8rem;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);width:36rem}.dashboard__container__content__ttl--monitoring{align-items:center;display:flex;justify-content:space-between;padding-right:24rem}.dashboard__container__content__ttl--monitoring h2{border-left:8rem solid #308118;color:#308118;padding:16rem 24rem 16rem 52rem;position:relative}@media screen and (min-width:481px){.dashboard__container__content__ttl--monitoring h2{font-size:24rem;font-weight:700}}@media screen and (max-width:480px){.dashboard__container__content__ttl--monitoring h2{font-size:18rem}}.dashboard__container__content__ttl--monitoring h2:before{background-image:url(../images/monitoring.svg);background-repeat:no-repeat;background-size:cover;content:"";height:20rem;left:14rem;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);width:29rem}.dashboard__container__content__ttl--human{align-items:center;display:flex;justify-content:space-between;padding-right:24rem}.dashboard__container__content__ttl--human h2{border-left:8rem solid #1d97ff;color:#1d97ff;padding:16rem 24rem 16rem 52rem;position:relative}@media screen and (min-width:481px){.dashboard__container__content__ttl--human h2{font-size:24rem;font-weight:700}}@media screen and (max-width:480px){.dashboard__container__content__ttl--human h2{font-size:18rem}}.dashboard__container__content__ttl--human h2:before{background-image:url(../images/human.svg);background-repeat:no-repeat;background-size:cover;content:"";height:32rem;left:12rem;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);width:32rem}.dashboard__container__content__list{display:flex;flex-wrap:wrap;justify-content:space-between}.dashboard__container__content__list:before{border-top:1rem solid #c9c9c9;content:"";display:block;order:1;width:33.3333333333%}.dashboard__container__content__list:after{content:"";display:block;width:33.3333333333%}.dashboard__container__content__list:after,.dashboard__container__content__list__item{border-right:1rem solid #c9c9c9;border-top:1rem solid #c9c9c9}@media screen and (min-width:481px){.dashboard__container__content__list__item{width:33.3333333333%}}@media screen and (max-width:480px){.dashboard__container__content__list__item{width:100%}}@media screen and (min-width:481px){.dashboard__container__content__list__item:nth-child(3n){border-right:none}}@media screen and (max-width:480px){.dashboard__container__content__list__item:nth-child(1n){border-right:none}}.dashboard__container__content__list__item h3{border-bottom:1rem solid #c9c9c9;font-size:16rem;font-weight:700;padding:4rem 24rem}.dashboard__container__content__list__item__txt{padding:16rem 24rem}.dashboard__container__content__list__item__txt>ul li{margin-top:16rem}.dashboard__container__content__list__item__txt>ul li:first-child{margin-top:0}.dashboard__container__content__list__item__txt p{font-size:16rem}.dashboard__container__content__list__item__txt p img,.dashboard__container__content__list__item__txt p video{height:auto;width:100%}.dashboard__container__content__list__item__txt sup{all:revert;font-size:10rem}.dashboard__container__content__list__item__txt dl{display:flex;font-size:16rem}.dashboard__container__content__list__item__txt dl dd,.dashboard__container__content__list__item__txt dl dt{width:50%}.dashboard__container__content__list__item__txt .strong{color:#1d97ff;font-weight:700;margin-top:2em}.dashboard__container__content__list__item__txt #volume_transition dl{margin:8rem 0}.dashboard__container__content__list__item__txt #volume_transition dl dt{width:50%}.dashboard__container__content__list__item__txt #volume_transition dl dd{width:20%}.dashboard__container__content__list__item__txt #volume_transition dl dd .bar{background-color:#184081;height:100%;width:100%}.dashboard__container__content__list__item__txt #volume_transition dl dd+dd{width:30%}.dashboard__container__content__list__item__txt__tbl table{display:flex;width:100%}.dashboard__container__content__list__item__txt__tbl table td,.dashboard__container__content__list__item__txt__tbl table th{display:block;height:32rem;padding:.5em;white-space:nowrap}.dashboard__container__content__list__item__txt__tbl table thead th{font-size:12rem;text-align:right;white-space:nowrap}.dashboard__container__content__list__item__txt__tbl table tbody{display:flex;overflow-x:auto;overflow-y:hidden;position:relative;width:90%}.dashboard__container__content__list__item__txt__tbl table tbody tr{width:100%}.dashboard__container__content__list__item__txt__tbl table tbody tr td{border:1rem solid #c9c9c9;text-align:center}.dashboard__container__content__list__item__txt__tbl table tbody tr .exist{background-color:#184081}.dashboard__container__content__list__item__txt__tbl table tbody tr .date{border:none;font-size:12rem}.soil{padding:0 24rem 32rem}.soil .project-panel{border-left:8rem solid #ea8585}.monitoring{padding:0 24rem 32rem}.monitoring .project-panel{border-left:8rem solid #308118}.human{padding:0 24rem 32rem}.human .project-panel{border-left:8rem solid #1d97ff}
