@charset "UTF-8";

/*=====LOGIN=====*/
.outWrap.login{position:relative;height:100vh;background-color:#fff;margin-top:0;}
.login .wrap{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.login .logo{width:155px;margin:0 auto;margin-bottom: 30px;}
.login h2{font-size:30px;text-align:center;letter-spacing: .2em;font-weight:500;margin-bottom:30px;}
.login .flexWrap{flex-direction:column;}
.login .inp{margin:0 auto 20px auto;}
.login .check{width:210px;}
.login .btnWrap{text-align: center;margin-top:30px;}


/*=====PANKUZU=====*/
.pan{padding:11px 2%;align-items: center;position:fixed;top:40px;width:100%;background-color:#fff;border-bottom:20px solid #ddd;z-index: 999;}
.pan h2{font-size:18px;line-height:18px;font-weight:700;letter-spacing: .2em;margin-right:30px;padding-right:30px;border-right:1px solid #262626;}
.pan li{font-size:14px;line-height:14px;color: #808080;margin-right:20px;padding-right:25px;letter-spacing: .1em;}
.pan li a{line-height:14px;color:#808080;position:relative;text-decoration: underline;transition: .4s;}
.pan li a::after{position:absolute;content: ">";top:50%;transform: translateY(-45%);right:-25px;color:#808080;}
.pan li a:hover{color:#00AAFF;}

/*=====ARTICLE=====*/
.outWrap{padding:20px 2%;margin-top:80px;}
.outWrap .wrap{background-color:#fff;width:100%;padding:40px;}


/*=====MAIN=====*/
.main{padding-top:20px;max-width:830px;margin:0 auto;margin-top:40px;display: flex;justify-content:space-around;align-items: flex-start;}
.main > .flexWrap{width:50%;justify-content: space-around;flex-wrap: wrap;position:relative;}
.main .wrap{width:170px;text-align: center;}
.main .wrap > div{padding:8px 0;background-color:#00AAFF;margin-bottom:5px;}
.main .wrap.wy > div{background-color:#F9C546;}
.main .wrap.wg > div{background-color:#8CC440;}
.main .wrap.wg .staff{background-color:#00AAFF;margin-top:125px;}
.main .wrap.ws{position:absolute;right:0;bottom:0;}
.main .wrap div div{width:35px;margin:0 auto;}
.main .wrap h2{font-size:16px;color:#fff;font-weight: 500;letter-spacing: .2em;}
.main .wrap a{display: block;background-color:#fff;margin-bottom:5px;font-size: 14px;line-height: 35px;font-weight:500;letter-spacing: .1em;position:relative;}
.main .wrap a::after{position:absolute;color:#808080;content: "\f0da";bottom:-10px;right:5px;font-family: "Font Awesome 5 Free";font-weight: 900;transform: rotate(45deg);}
.main .wrap .dl::before{content: "\f019";font-family: "Font Awesome 5 Free";color:#00AAFF;margin-left:5px;font-size:12px;font-weight: 900;right:35px;bottom:0;position:absolute;}
.main .wrap .dl2::before{right:24px;}
.main .wrap .dl::after{display: none;}

/*=====TOTAL=====*/
.resWrap{margin-left:auto;align-self: flex-end;}
.resWrap h3{font-size:14px;font-weight:500;letter-spacing: .1em;line-height:34px;border-bottom: 2px solid #262626;margin-bottom:5px;}
.resWrap h3 span{font-size:24px;padding:0 10px;}
.resWrap p{font-size:12px;color:#888888;line-height:24px;letter-spacing: .1em;}

/*=====TABEL=====*/
.menuA{margin-bottom:20px;}
.menuA .btnWrap{margin-top:0;}
.menuA .flexWrap{align-items: center;}
.tableWrap{width:100%;background-color:#fff;overflow:auto;}
.tableWrap table{width:100%;}
.tableWrap th,
.tableWrap td{text-align: center;padding:10px 20px;border-right:2px solid #ddd;border-bottom:5px solid #ddd;min-width:150px;}
.tableWrap th:last-of-type,
.tableWrap td:last-of-type{border-right:none;min-width: 150px;}
.tableWrap th{font-weight:500;letter-spacing: .2em;padding:40px 10px;}
.tableWrap td{color:#666666;letter-spacing: .1em;}
.tableWrap td .inp{margin:0;}
.tableWrap td .check label{margin-right:0;}
.tableWrap td .tdUrl{color:#00AAFF;border-bottom:1px solid #00AAFF;}
.tableWrap .lease{text-align:right;}

.tableWrap .minus{color:red;}
.tableWrap.total th:last-of-type,
.tableWrap.total td:last-of-type{min-width: 230px;}
.tableWrap.total td:not(.noL){text-align: right;}
.tableWrap.total .tdBtn .flexWrap{justify-content: space-between;}



/*=====区切りFORM=====*/
.formA{margin-bottom:10px;}

/*=====LIST=====*/
.listWrap{background-color:#fff;padding:40px;}
.listWrap h3{font-size:14px;font-weight:700;letter-spacing: .2em;margin-bottom:30px;}
.listWrap h3 span{font-size:20px;}
.listWrap li{font-size:14px;letter-spacing: .2em;line-height:50px;border-bottom:1px solid #dddddd;}

.formA .listWrap{padding:0px;margin-bottom:40px;}
.formA .listWrap li a{color:#00AAFF;border-bottom:1px solid #00AAFF;margin-left:20px;}

/*=====MORE=====*/
.moreBox{padding-top: 30px;display:none;}
.moreBox .round.gray{margin:0 auto;display: block;margin-top:30px;}

@media screen and (max-width:768px){
.main{flex-direction: column;height: auto;padding:30px 5%;}
.main > .flexWrap{width: 100%;}
.main .wrap{width:48%;}
.main .wrap .dl::before,
.main .wrap .dl2::before{right:5px;}
.main .wrap.wg .staff{margin-top: 50px;}
.main .wrap.wg .staff{margin-top:0px;}



}