body{background: #fff;}
body.bodyFixed{overflow: hidden}
body.main{}
.wrap{overflow: hidden; padding-top: 150px;}

.header{width: 100%;   position: fixed; top: 0; z-index: 100;}
.header.on{background: #fff; border-bottom: 1px solid #ddd;}
.header_inner{display: flex; justify-content: flex-end; align-items: center; padding: 0 60px; height: 150px;}
.header_inner h1{margin-right: auto; }
.header_inner h1 img{height: 84px;}
.header_inner .gnbBtn{ color: #2FC4BE; text-align: center; width: 48px; font-weight: 600; font-size: 1.2rem;}
.header_inner .gnbBtn .btnMenu{ background: #2FC4BE; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-bottom: 6px;}

.header_inner .menuWrap{display: flex; flex-direction: column; gap: 23px;}
.header_inner .menuWrap .tnbWrap{text-align: right; font-size: 0;}
.header_inner .menuWrap .tnbWrap a{display: inline-block; padding: 5px 12px; border: 1.5px solid #2FC4BE; color: #2FC4BE; font-weight: bold; font-size: 1.4rem; border-radius: 4px; margin-left: 8px;}
.header_inner .menuWrap .tnbWrap a span{font-size: 1.3rem; font-weight: 400}

.header_inner .menuWrap .gnbWrap{display: ;}
.header_inner .menuWrap .gnbWrap nav{}
.header_inner .menuWrap .gnbWrap nav ul{display: flex; gap: 48px;}
.header_inner .menuWrap .gnbWrap nav ul li{}
.header_inner .menuWrap .gnbWrap nav ul li a{display: block;}
.header_inner .menuWrap .gnbWrap nav ul li a span{display: block; text-align: center; font-weight: 600; font-size: 1.8rem}
.header_inner .menuWrap .gnbWrap nav ul li a span.jp{  font-family: 'Meiryo', sans-serif; font-size: 1.4rem; font-weight: 400;}



.loginBefore{display: flex; margin-left: 20px; align-items: center; }
.loginBefore > a{ display: inline-block; text-align: center; padding: 10px 0; font-weight: 600; }
.loginBefore > a::after{content: ""; display: inline-block; width: 1px; height: 10px; background: #332a26; margin: 0 10px; font-size: 0;}
.loginBefore > a:last-of-type::after{display: none;}
.loginBefore > a .jp{font-weight: 400;}

.loginAfter{}
.loginAfter .top{display: flex; gap: 10px; padding: 20px;}
.loginAfter .top .photo{border-radius: 16px; border: ; }
.loginAfter .top .photo img{ height: 50px;}
.loginAfter .top .txt{display: flex; flex-direction: column; align-items: left; justify-content: center;}
.loginAfter .top .txt .name{ font-weight: 500; font-size: 2rem;}
.loginAfter .top .txt .name .jp{}
.loginAfter .top .txt .carrot{color: #666; margin-top: 5px; }
.loginAfter .top .txt .carrot span{font-weight: 900; color: #332A26;}
.mognbLink{border-top: 10px solid #f6fbfc; width: 100%; display: flex;}
.mognbLink a{display: block; width: 50%; padding: 10px 0; text-align: center; border-right: 1px solid #e9e9e9; font-weight: 500;}
.mognbLink a:last-of-type{border-right: 0;}
.mognbLink a .jp{font-weight: 400;}

.gnbBtn{display: none;}
.moGnbtop{display: flex; justify-content: space-between; align-items: center}
.moGnbCLose{margin-right: 5px;}
.moGnbWrap{background: #fff; display: none; position: fixed; top: 0; bottom: 0; left: 0; min-width: 400px; z-index: 100;}
.moGnbWrap nav{padding: 20px; border-top: 10px solid #f6fbfc;}
.moGnbWrap nav ul{}
.moGnbWrap nav ul li{}
.moGnbWrap nav ul li + li{border-top: 1px solid #e9e9e9;}
.moGnbWrap nav ul li a{display: inline-block; padding: 15px 0; font-size: 2rem; font-weight: 600; width: 100%;}
.moGnbWrap nav ul li a span{font-family: 'Meiryo', sans-serif; font-size: 1.7rem; font-weight: 400;}



.footer{background: rgba(229, 229, 229, 0.3); }
.footer_inner{width: 1100px; margin: 0 auto; }
.footer_inner .footerInfoWrap{display: flex;  flex-direction: column;}
.footerTop{padding: 40px 0; display: flex; justify-content: space-between; border-bottom: 1px solid rgba(40,40,40,0.2);}
.footerTop .footMenu{ height: 18px; display: flex; gap: 30px;}
.footerTop .footMenu a{ font-size: 1.4rem; font-weight: 600; text-align: center;}
.footerTop .footMenu a span{display: block; }
.footerTop .footSns{display: flex; gap: 20px;}
.footerInfo{display: flex; justify-content: space-between; padding: 40px 0;}
.footerInfo .fLogo{width: 480px;}
.footerInfo .fLogo img{ height: 50px;}
.footerInfo .fLogo p{ font-size: 1.8rem; margin-top: 18px; font-weight: 600;}
.footerInfo .fLogo .footerCopy{ font-size: 1.2rem; font-weight: 400; padding: 20px 0; }

.footerInfo .fAddress_wrap{display: flex; justify-content: space-between; width: calc(100% - 480px);}
.footerInfo .fAddress_wrap .fAddress{}
.footerInfo .fAddress_wrap .fAddress p{display: flex; gap: 8px;}
.footerInfo .fAddress_wrap .fAddress p strong{font-size: 1.2rem; font-weight: 600;}
.footerInfo .fAddress_wrap .fAddress p span{font-size: 1.2rem; font-weight: 400;}
.footerInfo .fAddress_wrap .fAddress p + p{margin-top: 6px;}
.footerInfo .fAddress_wrap .fAddress > div{margin-top: 24px; font-size: 1.2rem; font-weight: 400;}



.subContents{margin-top: ; background: rgba(229, 229, 229, 0.15); }
.subContents .subCont{padding: 80px 0;}
.subContents .subCont.pink{background: #fcf6f7;}
.subContents .subCont.white{background: #fff;}
.inner{width: 1260px; margin: 0 auto;}


.subTitle{text-align: center;}
.subTitle h2{font-size: 4rem; font-weight: 700;}
.subTitle .jpText{font-size: 2.4rem; font-family: 'Meiryo', sans-serif; margin-top: 14px;}
.subTitle2{margin-bottom: 20px;}
.subTitle2 h3{ font-size: 2rem; font-weight: 700;}
.subTitle2 span{font-family: 'Meiryo', sans-serif; font-size: 1.8rem; font-weight: normal;}
.subTitle3{margin-bottom: 20px;}
.subTitle3 h3{ font-size: 2.4rem; font-weight: 700;}
.subTitle3 span{font-family: 'Meiryo', sans-serif; font-size: 2.2rem; font-weight: normal;}


.mypageTab{ background: #fff; border-radius: 40px; margin-top: 80px;}
.mypageTab ul{display: flex;  font-size: 0; }
.mypageTab ul li{width: 180px; background: #fff;  display: inline-block; height: 72px; line-height: 72px; text-align: center; color: #666;   position: relative;}
.mypageTab ul li:first-child{border-radius: 36px 0 0 36px;}
.mypageTab ul li:last-child{border-radius: 0 36px 36px 0;}
.mypageTab ul li + li{border-left:0}
.mypageTab ul li a{ font-size: 1.7rem; font-weight: 600; position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center;  height: 72px; line-height: 1; }
.mypageTab ul li a .jp{display: block; font-weight: 400; margin-top: 6px;}
.mypageTab ul li.on{color: #fff; border: 0;}
.mypageTab ul li.on::before{content: ""; background: #2FC4BE; position: absolute; width: calc( 100% + 4px ); height: 100%; left: -2px; border-radius: 36px; box-shadow: 0px 4px 20px rgba(0,0,0,0.2); z-index: 1;}
.mypageTab ul li::after{content: "";  width: 1px; height: 16px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: #ddd; }
.mypageTab ul li:last-child::after{display: none;}

.mypageTab[aria-label="2"] ul li{width: 50%;}
.mypageTab[aria-label="3"] ul li{width: calc(100% / 3)}
.mypageTab[aria-label="4"] ul li{width: calc(100% / 4)}
.mypageTab[aria-label="5"] ul li{width: calc(100% / 5)}


.boardTop_wrap{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px;}
.boardTop_left{margin-bottom: 0 !important;}
.boardTop_right{display: flex; gap: 8px;}
.boardTop_right a, .boardTop_right button{display: inline-block; width: 180px; height: 48px;  display: flex; align-items: center; justify-content: center;}
.boardTop_right.sizeM a{width: 120px;}


.tableWrap{}
.tableWrap table{width: 100%;}
.tableWrap.txtBox table{border-top: 2px solid #6C341E;}
.tableWrap table thead th{background: #ebf7fb; height: 60px; font-size: 1.4rem; font-weight: 600; color: #332A26; }
.tableWrap table thead th .jp{font-weight: 400; margin-top: 4px; display: block;}
.tableWrap table thead th:first-child{border-radius: 8px 0 0 8px; overflow: hidden;}
.tableWrap table thead th:last-child{border-radius: 0 8px 8px 0; overflow: hidden;}
.tableWrap table tbody th{background: #ebf7fb; border-bottom: 1px solid #ddd; text-align: center; color: #332A26; padding: 24px 16px; font-size: 1.6rem;  font-weight: 500;}
.tableWrap table tbody td{border-bottom: 1px solid #ddd; text-align: center; color: #666; padding: 24px 16px; font-size: 1.6rem;  font-weight: 500;}
.tableWrap table tbody td.subject{text-align: left; color: #332A26; }
.tableWrap table tbody td.subject .statIcon{margin-right: 12px; }
.tableWrap table tbody td.subject > a > .corp{color: #666; font-size: 1.4rem;}
.tableWrap table tbody td.bold{ color: #332A26; font-weight: 700;}
.tableWrap table tbody td.name a{}
.tableWrap table tbody td.name a span{display: block; color: #332A26; text-decoration: underline; }
.tableWrap table tbody td.name a span.k{font-size: 1.6rem; font-weight: 700;}
.tableWrap table tbody td.name a span.j{font-size: 1.5rem; font-weight: 400; margin-top: 4px;}
.tableWrap table tbody td.support{color: #332A26;  text-decoration: underline;}
.tableWrap table tbody td.approve{ color: #5170EB;}
.tableWrap table tbody td.checking{}
.tableWrap table tbody td.fil{}

.tableWrap table tbody td .pay.time{ color: #08CBCB;}
.tableWrap table tbody td .pay.day{ color: #3BC4FF; }
.tableWrap table tbody td .pay.week{color: #C851FD; }
.tableWrap table tbody td .pay.month{color: #5170EB; }
.tableWrap table tbody td .pay.year{color: #C851FD; }
.tableWrap table tbody td .pay.count{color: #5170EB; }

.tableWrap table tfoot td{background: #F5F5F5; border-bottom: 1px solid #ddd; text-align: center; color: #332A26; padding: 24px 16px; font-size: 1.6rem; font-weight: 500;}
.tableWrap table tfoot td.bold{ color: #332A26; font-weight: 700;}


.mainPopup{position: fixed; display: none; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001; font-size: 0}
.mainPopup div{background: #000; display: flex; justify-content: flex-start; align-items: center; padding: 8px; color: #fff; gap: 10px; font-size: 12px;}
.mainPopup div button{margin-left: auto; color: #fff}
#modal-background{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1000;}
#popup1{z-index: 1003}
#popup2{z-index: 1002}
#popup3{z-index: 1001}
.mainPopup p img{max-height: 550px;}


.headhuntBtn{display: flex; justify-content: center; margin-top: 10px;}
.headhuntBtn .btn{width: 220px; height: 56px; font-weight: 700; font-size: 1.6rem; background: #fff; color: #332A26; border: 1px solid #bbb; margin-top: 10px;}