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

/*** 解像度の幅が600px～1149px ************************/
@media screen and (min-width:600px) and (max-width:1049px){
.tabnone {display: none;}
#wrapper { width: 100%; height: auto; margin: 0; padding: 0;}

header { width: 100%; height: 80px;}
.logo {position: absolute; left: 80px; top: 2px; z-index:3; width:65%;}
.logo img {width: 60%; height: auto; padding: 2px 0 0 0;}
.logo p { font-size: 0.8rem; padding: 0 0 0 5px; margin: 0; line-height: 1rem;}
.login-area,.login-area02,.login-area03 { display: none;}

.pagetop { text-align:right; z-index: 100; position: fixed;	bottom: 40px; right: 20px; margin: 0; padding: 0;}
.pagetop img { width: 36%;}


/*nav-------------------*/
nav.drawer-nav ul.drawer-menu li {font-size: 1rem; line-height:2.2rem!important; margin:0; padding: 0; border-bottom:dotted 1px #999; font-family:"MPLUS2", sans-serif;}
nav.drawer-nav ul.drawer-menu li.navList a {font-weight: 500; color: #1D1D1D; margin: 0;}
nav.drawer-nav ul.drawer-menu li.navList a.active { background: #ddf4f9}
nav.drawer-nav ul.drawer-menu li.navList02 a {font-weight: 500;padding:5px 10px 7px 5px; color: #1C8EA7;}
nav.drawer-nav ul.drawer-menu li.drawer-brand { background: #fff; border: none; padding: 20px 0 0 10px;}
nav.drawer-nav ul.drawer-menu li.drawer-brand img { width: 90%;}
span.drawer-caret {float:right;margin:15px 10px 0 0;}
li.drawer-dropdown {background:#fff;}
nav.drawer-nav ul.drawer-dropdown-menu li { color: #1C8EA7; padding: 0; margin:0; font-size: 1rem; line-height:3rem!important;}
nav.drawer-nav ul.drawer-dropdown-menu li.navList a {color:#1C8EA7; display:block; font-weight: normal;}
nav.drawer-nav ul.drawer-menu li.fn { border-bottom: none!important;}
nav.drawer-nav ul.drawer-menu li.tp { border-top: dotted 1px #999;}
nav.drawer-nav ul.drawer-menu li i { padding-right: 10px;}

.drawer-bnr img { width: 100%; margin: 0 auto; padding: 10px}

.main-photo { margin:0;}
.container {width: 90%; max-width: 90%; margin: 0 auto;}
.contents {width: 100%; max-width: 100%; height: auto; margin: 0; padding: 0;}
aside{ display: none;}
.main-contents{ width: 100%; max-width: 100%; margin: 0; padding: 0;}

/*footer-------------------*/
footer { background: #e5e7e8; margin-top:200px; width: 100%; height: auto; border-bottom: solid 1px #e5e7e8;}
footer h4 {font-weight: 900; color: #1C8EA7; font-family:"MPLUS2", sans-serif; font-size: 1.8rem;}
.footer-link { width: 80%; height: auto; margin: 0 auto; padding: 50px 0 0 0; }
.footer-link ul { display: flex; flex-wrap:wrap; margin: 0 0 40px 0;}
.footer-link ul li { padding:0 50px 0 0; font-size: 0.9rem; line-height: 1.9rem;}
.footer-link ul li a { color:#000; text-decoration: none; font-weight: normal;}
.footer-link ul li a:hover { color:#000; text-decoration: none;}
footer p { font-size: 0.9rem; line-height: 1.9rem; clear: both; text-align: left; color: #1C8EA7; padding: 0 10px 20px 3px; font-weight: 400; font-family:"MPLUS2", sans-serif;}
address { clear: both; font-style: normal; text-align: center; font-size:0.8rem; margin: 0; padding: 0;}


.logo { padding: 10px 0 10px 0; width: 64%;}
.logo img {width: 380px; height: auto;}

.login-area { width: 35%; text-align: center; margin: 10px 0 5px 0; font-size: 1vw;}
.btn-company ul { width: 100%; display: flex; justify-content:space-between; }
.btn-company li { width: 45%; padding: 5px; border: solid 1px #1C8EA7; border-radius: 10px; color: #1C8EA7; margin-bottom: 10px;}

.btn-user ul { width: 100%; display: flex; justify-content:space-between; }
.btn-user li  { width: 26%;  padding: 5px; background: #1C8EA7; color: #fff; border-radius: 10px;}

article h1 { font-size: 2rem; line-height: 3rem; font-weight: 800; text-align: center; padding: 40px 0 10px 0; font-family:"MPLUS2", sans-serif;}
article h1 span { color: #1C8EA7; padding: 0 10px 0 10px;}
article p { padding: 20px 0 40px 0; text-align: center; font-weight: 400; font-size: 1.5rem; width: 90%; margin: 0 auto; font-family:"MPLUS2", sans-serif;}

.page-nav {margin: 20px 0 0 0; padding: 0;}
.page-nav ul { width: 100%; font-size: 0.8rem; display: flex; flex-wrap: wrap; justify-content:flex-end; }
.page-nav li:not(:last-of-type)::after { content: "\f054"; margin: 0 .6em;  color: #1C8EA7; font-family: FontAwesome;}


/*業種から探す*/
.bt-job01a { width: 100%; height: auto; background: #1C8EA7; margin: 50px 0 80px 0; padding: 0 0 30px 0; font-family:"MPLUS2", sans-serif;}
.bt-job01b { width: 90%; height: auto; margin: 0 auto; padding: 20px 0 20px 0;}
.bt-job01b h2 { color: #fff; font-size: 2rem; font-family:"MPLUS2", sans-serif;}
.bt-job01b ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; width: 100%; margin:20px 0 0 0;}
.bt-job01b li { background: #fff; color: #1C8EA7; padding: 25px 0 25px 0; font-size: 1.3rem; border-radius: 15px; font-weight: 600; width:100%; text-align: center; box-shadow: 4px 4px 0 0 #ccc; display: inline-block; transition: .3s; box-sizing: content-box; margin: 0 5px 0 5px;}
.bt-job01b li a { color: #1C8EA7; display: block;}
.bt-job01b li:hover { box-shadow: unset; transform: translateY(3px);}


/*アイコン付き見出し*/
.dr-i01 { position: relative; vertical-align: middle; line-height: 2.2rem; padding: 10px 0 30px 70px; font-family:"MPLUS2", sans-serif;}
.dr-i01:before { content:url("../img/common/icon02.png")!important; position: absolute; top:-10px; left:-20px; transform: scale(0.6);}
.dr-i02 { position: relative; vertical-align: middle; line-height: 2.2rem; padding: 10px 0 30px 70px; color: #000; font-weight: 700; font-family:"MPLUS2", sans-serif;}
.dr-i02:before { content:url("../img/common/icon01.png")!important; position: absolute; top:-15px; left:-20px; transform: scale(0.6);}
.bt-job02b h2 { color: #1C8EA7; font-size: 2rem; font-family:"MPLUS2", sans-serif;}
.dr-i03 { position: relative; padding: 0.4rem 1rem 0.6rem 2.5rem; border-bottom: 2px solid #1C8EA7; background-image:linear-gradient(90deg, transparent 0 20px, #fff 20px),repeating-linear-gradient(135deg, #1C8EA7 0 3px, transparent 3px 6px);}


/*こだわり検索*/
.bt-job02a { width: 100%; height: auto; margin: 0 0 70px 0; border: solid 1px #1C8EA7; border-radius: 10px;}
.bt-job02b { width: 90%; height: auto; margin: 0 auto; padding: 40px 0 40px 0;}
.bt-job02b p { padding: 20px 0 20px 0; font-size: 1.2rem;  line-height:2.2rem }

.acc-searchlist dl { display: flex; flex-wrap: wrap;}
.acc-searchlist dt { width: 90%; padding: 10px; border-bottom: solid 3px #1C8EA7; margin-right: 10px;}
.acc-searchlist dd { width: 90%; padding: 10px; border-bottom: solid 1px #1C8EA7; }
.acc-searchlist label { margin-right: 30px;}
.acc-searchlist ul li { display:inline-block; white-space: nowrap;}

/*検索ボタン*/
.seach-btn { width: 60%; height: auto; padding: 40px; margin: 0 auto;  text-align: center;}
.seach-reset { width: 80%; padding: 10px; border-radius: 15px; border: solid 1px #1C8EA7; color: #1C8EA7; box-shadow: 3px 3px 0 0 #ccc;  margin-bottom: 30px;}
.seach-reset a {color: #1C8EA7; display: block;}
.seach-submit { width: 80%; padding: 10px; border-radius: 15px; border: solid 1px #1C8EA7; color: #fff; background: #1C8EA7; color: #fff; box-shadow: 3px 3px 0 0 #ccc;}
.seach-submit a {color: #fff; display: block;}


/*top 新着情報*/
.new-job-area { width: 100%; margin: 20px 0 80px 0; padding: 0;}

.new-job { display: grid; grid-row: span 7; grid-template-rows: subgrid; row-gap: 20px; border: solid 1px #0FA2B2; padding: 20px 20px 40px 20px; border-radius: 10px; margin-bottom: 60px;}
.new-job h3 { font-size: 1.8rem; line-height: 2.8rem; color: #1C8EA7; vertical-align: top; border-radius: 10px; padding: 12px 0 0 0; font-weight: 700;}
.new-job h3 a { color: #fff;}
.new-job h4 { padding: 0; color: #000; font-size: 1.4rem; line-height: 2.4rem; vertical-align: top;}
.new-job h5 { color: #fff; background: #1C8EA7; border-radius: 10px; vertical-align: middle; font-size: 1.6rem; width: fit-content; padding: 15px 0 15px 0; align-self: center; justify-self: center; width: 100%; text-align: center; box-shadow: 3px 3px 0 0 #ccc; margin: 20px 0 0 0;}
.new-job h5 a { color: #fff; display: block;}
.new-job-photo  { border-radius: 10px; position: relative; overflow: hidden; padding-top: 60%; }
.new-job-photo img { border-radius: 10px;  position: absolute; top: 0; left: 0; /*transform: translate(-50%,-50%);*/ width: 80%; height: 90%; object-fit: cover;}

.new-job-photo p { position: absolute; top: 0; left: 0; background: #1C8EA7; color: #fff; border-radius: 10px 0 10px 0; text-align: center; z-index: 2; width: fit-content; padding: 5px 15px 5px 15px; font-size: 1.1rem; line-height: 2.1rem;}
.new-job-photo p a {color: #fff;}


.new-job dl { display: flex; flex-wrap:wrap; justify-content: space-between; margin: 0; padding: 0; width: 100%; font-weight: normal;}
.new-job dt { width: 20%; height: auto; background: #1C8EA7; color: #fff; padding: 4px; border-radius: 5px; margin-bottom: 7px; text-align: center; font-size: 1.1rem; line-height: 2.1rem; font-weight: 500; align-items: center;}
.new-job dd { width: 75%; height: auto; margin-bottom: 7px; padding: 4px; font-size: 1.1rem; line-height: 2.1rem; display: flex; justify-content: start; flex-wrap: wrap;}
.new-job dd span { padding: 0; vertical-align: middle; padding: 0 3px 0 3px;}
.new-job dd.works01 span { padding: 0; vertical-align: middle; align-items: center; display: flex; padding: 0 3px 0 3px;  justify-content: center; flex-wrap: nowrap;}
.new-job dd.works01 span::after {transform: rotate(20deg); background-color:#1C8EA7; height: 17px; width: 2px; content: ""; margin-left: 5px;}
.new-job ul.conditions01 { width: 100%; height: auto; display: flex; flex-wrap: wrap;}
.new-job ul.conditions01 li {border: solid 1px #1C8EA7; border-radius: 5px; font-size: 0.9rem; line-height: 1.9rem; padding: 1px 4px 1px 3px; width: fit-content; overflow: hidden; color: #1C8EA7; margin: 2px 2px 5px 2px; white-space: nowrap; align-items: center;}
.new-job ul.conditions02 { width: 100%; height: auto; display: flex; flex-wrap: wrap; }
.new-job ul.conditions02 li { border: solid 1px #1085d0; border-radius: 5px; font-size: 0.9rem; line-height: 1.9rem; padding: 1px 4px 1px 3px; width: fit-content; overflow: hidden; color: #1085d0; margin: 2px 2px 5px 2px; white-space: wrap; align-items: center;}
.new-job ul li.bor-none { border: none;}
.new-job ul.conditions01 li.conditions-none,.new-job ul.conditions02 li.conditions-none { display: none;}

/*検索結果*/
.search-recruit-area { width: 100%; margin: 20px 0 80px 0; padding: 0;}
.recruit-job { display: grid; grid-row: span 7; grid-template-rows: subgrid; row-gap: 20px; border: solid 1px #0FA2B2; padding: 20px; border-radius: 10px; margin-bottom: 80px;}
.recruit-job h3 { font-size: 1.8rem; line-height: 2.8rem; color: #1C8EA7; vertical-align: top; border-radius: 10px; padding: 12px 0 0 0; font-weight: 700;}
.recruit-job h3 a { color: #fff;}
.recruit-job h4 { padding: 0; color: #000; font-size: 1.4rem; line-height: 2.4rem; vertical-align: top;}
.recruit-job-photo  { border-radius: 10px; position: relative; overflow: hidden; padding-top: 60%; }
.recruit-job-photo img { border-radius: 10px;  position: absolute; top: 0; left: 0; /*transform: translate(-50%,-50%);*/ width: 80%; height: 90%; object-fit: cover;}

.recruit-job-photo  p { position: absolute; top: 0; left: 0; background: #1C8EA7; color: #fff; border-radius: 10px 0 10px 0; text-align: center; z-index: 2; width: fit-content; padding: 5px 15px 5px 15px; font-size: 1.1rem; line-height: 2.1rem;}
.recruit-job-photo  p a {color: #fff;}

.recruit-job dl { display: flex; flex-wrap:wrap; justify-content: space-between; margin: 0; padding: 0; width: 100%; font-weight: normal;}
.recruit-job dt { width: 20%; height: auto; background: #1C8EA7; color: #fff; padding: 4px; border-radius: 5px; margin-bottom: 7px; text-align: center; font-size: 1.1rem; line-height: 2.1rem; font-weight: 500;}
.recruit-job dd { width: 75%; height: auto; margin-bottom: 7px; padding: 4px; font-size: 1.1rem; line-height: 2.1rem; display: flex; justify-content: start; flex-wrap: wrap; align-items: center;}
.recruit-job dd span { padding: 0; vertical-align: middle; align-items: center; display: flex; padding: 0 3px 0 3px;  justify-content: center; flex-wrap: nowrap;}
.recruit-job dd span { padding: 0; vertical-align: middle; padding: 0 3px 0 3px;}
.recruit-job dd.works01 span { padding: 0; vertical-align: middle; align-items: center; display: flex; padding: 0 3px 0 3px;  justify-content: center; flex-wrap: nowrap;}
.recruit-job dd span::after {transform: rotate(20deg); background-color:#1C8EA7; height: 17px; width: 2px; content: ""; margin-left: 5px;}
.recruit-job ul.conditions01 { width: 100%; height: auto; display: flex; flex-wrap: wrap;}
.recruit-job ul.conditions01 li {border: solid 1px #1C8EA7; border-radius: 5px; font-size: 0.9rem; line-height: 1.9rem; padding: 1px 4px 1px 3px; width: fit-content; overflow: hidden; color: #1C8EA7; margin: 2px 2px 5px 2px; white-space: nowrap; align-items: center;}
.recruit-job ul.conditions02 { width: 100%; height: auto; display: flex; flex-wrap: wrap; }
.recruit-job ul.conditions02 li { border: solid 1px #1085d0; border-radius: 5px; font-size: 0.9rem; line-height: 1.9rem; padding: 1px 4px 1px 3px; width: fit-content; overflow: hidden; color: #1085d0; margin: 2px 2px 5px 2px; white-space: nowrap; align-items: center;}
.recruit-job ul li.bor-none { border: none;}
.recruit-job .btn-area { width: 80%; height: auto; padding: 20px 0 20px 0; margin: 0 auto; text-align: center; font-size: 1.6rem;}
.recruit-job .keep-btn { width: 100%; padding: 10px; border-radius: 15px; border:  solid 1px #1C8EA7; color: #1C8EA7; box-shadow: 3px 3px 0 0 #ccc; margin: 0 0 30px 0;}
.recruit-job .keep-btn a {color: #1C8EA7; display: block;}
.recruit-job .submit-btn { width: 100%; padding: 10px; border-radius: 15px; border:  solid 1px #1C8EA7; color: #fff; background: #1C8EA7; box-shadow: 3px 3px 0 0 #ccc;}
.recruit-job .submit-btn a {color: #fff; display: block;}


/*求人詳細*/
.recruit-detail-area { width: 100%; max-width: 100%; border:solid 1px #1C8EA7; margin: 0 auto; padding: 0 0 40px 0; border-radius: 10px; }
.recruit-detail01,.recruit-detail02,.recruit-detail03,.recruit-detail04,.recruit-detail-company { width: 94%; height: auto; margin: 0 auto; padding: 40px 0 20px 0;}
.recruit-detail-area h5,.recruit-detail-company h3 {  font-size: 1.6rem; line-height: 2.6rem; color: #333; padding: 0 0 0 20px; align-items: center;border-left: solid 5px #1C8EA7;}
.recruit-detail01 { display: grid; grid-row: span 5; row-gap: 40px;}
.recruit-detail01 h3 { font-size: 1.6rem; line-height: 2.6rem; color: #1C8EA7; vertical-align: top; border-radius: 10px; padding:0; font-weight: 700; justify-content:space-between;}
.recruit-detail01 h4  { padding: 0; color: #000; font-size: 1.4rem; line-height: 2.4rem; vertical-align: top;}
.detail01-photo { width: 60%; height: auto;}
.detail01-photo img { border-radius: 10px; width: 50vw; height: auto; object-fit: cover;}
.detail01-txarea { font-size: 1.1rem; line-height: 2.1rem;}
.detail01-movie {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.detail01-movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.recruit-detail02 { display: grid; grid-row: span 2; row-gap: 40px;}
.recruit-detail02 dl,.recruit-detail03 dl,.recruit-detail04 dl { display: flex; flex-wrap:wrap; justify-content: space-between; margin: 0; padding: 0; width: 100%; letter-spacing: 0.2rem; font-weight: normal;  /*align-items: center;*/}
.recruit-detail02 dt,.recruit-detail02 dd,.recruit-detail03 dt,.recruit-detail03 dd,.recruit-detail04 dt,.recruit-detail04 dd {box-sizing: border-box;display: flex; align-items: center;}
.recruit-detail02 dt,.recruit-detail03 dt,.recruit-detail04 dt { width: 20%; height: auto;/* background: #1C8EA7;*/ color: #1C8EA7; padding: 4px 10px 10px 10px; border-bottom: 3px solid #1C8EA7; font-size: 1.1rem; line-height:2.1rem; font-weight: 500; margin-bottom: 20px;}
.recruit-detail02 dd,.recruit-detail03 dd,.recruit-detail04 dd { width: 79%; height: auto; padding: 4px 10px 10px 20px; font-size: 1.1rem; line-height:2rem; display: flex; justify-content: start; letter-spacing: 0px; flex-wrap: wrap; margin-bottom: 20px; border-bottom: dotted 1px #1C8EA7;}
.recruit-detail02 dd span,.recruit-detail03 dd span,.recruit-detail04 dd span { vertical-align: middle; padding: 0 5px 0 5px;}
.recruit-detail02 dd.works01 span { vertical-align: middle; align-items: center; display: flex; padding: 0 5px 0 5px;  justify-content: center; flex-wrap: nowrap;}
.recruit-detail02 dd.works01 span::after {transform: rotate(20deg); background-color:#1C8EA7; height: 20px; width: 2px; content: ""; margin-left: 10px;}
.recruit-detail03 { display: grid; grid-row: span 2; row-gap: 20px;}
.recruit-detail03 ul.conditions01 { width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: start;}
.recruit-detail03 ul.conditions01 li {border: solid 1px #1C8EA7; border-radius: 5px; font-size: 0.8rem; line-height: 1.8rem; padding: 1px 5px 1px 5px; width: fit-content; overflow: hidden; color: #1C8EA7; margin: 5px 5px 5px 5px; white-space: nowrap; align-items: center;}
.recruit-detail03 ul.conditions02 { width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: start;}
.recruit-detail03 ul.conditions02 li {border: solid 1px #1085d0; border-radius: 5px; font-size: 0.8rem; line-height: 1.8rem; padding: 1px 5px 1px 5px; width: fit-content; overflow: hidden; color: #1085d0; margin: 5px 5px 5px 5px; white-space: nowrap; align-items: center; }
.recruit-detail04 { display: grid; grid-row: span 2; row-gap: 20px;}
.recruit-detail04 ul.conditions03 { width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: start;}
.recruit-detail04 ul.conditions03 li {border: solid 1px #064d9e; border-radius: 5px; font-size: 0.8rem; line-height: 1.8rem; padding: 1px 5px 1px 5px; width: fit-content; overflow: hidden; color: #064d9e; margin: 5px 5px 5px 5px; white-space: nowrap; align-items: center; }

.recruit-detail-company { display: grid; grid-row: span 4; row-gap: 20px;}

.recruit-company-area01 { display: flex; flex-wrap:wrap; justify-content: space-between; box-sizing: content-box;}
.recruit-company-photo { width: 40%; height: auto;}
.recruit-company-area02 { width: 100%; height: auto;}
.recruit-company-photo { width: 60%; height: auto;}
.recruit-company-photo img  { border-radius: 10px; width: 50vw; height: auto; object-fit: cover;}
.recruit-company-area02 h4 { font-size: 1.2rem; line-height: 2.2rem; color: #1085d0; padding: 20px 0 0 0;}
.recruit-company-txarea { font-size: 1.1rem; line-height: 2rem;}

.recruit-detail-company dl { display: flex; flex-wrap:wrap; justify-content: space-between; margin: 40px 0 0 0; padding: 0; width: 100%; letter-spacing: 0.2rem; font-weight: normal;}
.recruit-detail-company dt,.recruit-detail-company dd {box-sizing: border-box;display: flex; align-items: center;}
.recruit-detail-company dt { width: 20%; height: auto; color: #1C8EA7; padding: 4px 10px 10px 10px; border-bottom: 3px solid #1C8EA7; font-size: 1.1rem; line-height:2rem; font-weight: 500; margin-bottom: 20px;}
.recruit-detail-company dd { width: 79%; height: auto; padding: 4px 10px 10px 20px; font-size: 1.1rem; line-height:2rem; display: flex; justify-content: start; letter-spacing: 0px; flex-wrap: wrap; margin-bottom: 20px; border-bottom: dotted 1px #1C8EA7;}
.recruit-detail-company dd span { vertical-align: middle; padding: 0 5px 0 5px;}
.recruit-detail-area .btn-area { width: 80%; height: auto; padding: 20px 0 20px 0; margin: 0 auto; display: flex; text-align: center; flex-wrap: wrap; justify-content: space-between; font-size: 1.4rem;}
.recruit-detail-area .keep-btn { width: 40%; padding: 10px; border-radius: 15px; border:  solid 1px #1C8EA7; color: #1C8EA7; box-shadow: 3px 3px 0 0 #ccc;}
.recruit-detail-area .keep-btn a {color: #1C8EA7; display: block;}
.recruit-detail-area .submit-btn { width: 55%; padding: 10px; border-radius: 15px; border:  solid 1px #d53873; color: #fff; background: #d53873; box-shadow: 3px 3px 0 0 #ccc;}
.recruit-detail-area .submit-btn a {color: #fff; display: block;}

/*キープリスト-------------------*/
.keeplist-area01 { width: 100%; max-width: 100%; margin: 0 auto; padding: 0 0 50px 0; }
.keeplist-area02 { display: grid; grid-row: span 7; grid-template-rows: subgrid; row-gap: 20px; border: solid 1px #1C8EA7; padding: 20px; border-radius: 10px; margin-bottom: 80px;}
.keeplist-area02 h3 { font-size: 1.6rem; line-height: 2.6rem; color: #1C8EA7; vertical-align: top; border-radius: 10px; padding: 12px 0 0 0; font-weight: 700;}
.keeplist-area02 h3 a { color: #fff;}
.keeplist-area02 dl { display: flex; flex-wrap:wrap; justify-content: space-between; margin: 0; padding: 0; width: 100%; letter-spacing: 0.2rem; font-weight: normal;}
.keeplist-area02 dt { width: 20%; height: auto; background: #1C8EA7; color: #fff; padding: 4px; border-radius: 5px; margin-bottom: 7px; text-align: center; align-items: center; font-size: 1.1rem; line-height:2rem; font-weight: normal;}
.keeplist-area02 dd { width: 77%; height: auto; margin-bottom: 7px; padding: 4px; font-size: 1.1rem; line-height:1.7rem; display: flex; justify-content: start; letter-spacing: 0px; flex-wrap: wrap;}
.keeplist-area02 dd span { vertical-align: middle; padding: 0 5px 0 5px;}
.keeplist-area02 dd.works01 span { vertical-align: middle; align-items: center; display: flex; padding: 0 5px 0 5px;  justify-content: center; flex-wrap: nowrap;}
.keeplist-area02 dd.works01 span::after {transform: rotate(20deg); background-color:#1C8EA7; height: 20px; width: 2px; content: ""; margin-left: 10px;}

.keeplist-area02 .btn-area { width: 100%; height: auto; padding: 20px 0 20px 0; margin: 0 auto; display: flex; text-align: center; flex-wrap: wrap; justify-content: space-between; font-size: 1.2rem;}
.keeplist-area02 .keep-btn { width: 29%; padding: 10px; border-radius: 15px; border:  solid 1px #1C8EA7; color: #1C8EA7; box-shadow: 3px 3px 0 0 #ccc;}
.keeplist-area02 .keep-btn a {color: #1C8EA7; display: block;}
.keeplist-area02 .detail-btn { width: 29%; padding: 10px; border-radius: 15px; border:  solid 1px #1C8EA7; color: #fff; background: #1C8EA7; box-shadow: 3px 3px 0 0 #ccc;}
.keeplist-area02 .detail-btn a {color: #fff; display: block;}
.keeplist-area02 .submit-btn { width: 29%; padding: 10px; border-radius: 15px; border:  solid 1px #d53873; color: #fff; background: #d53873; box-shadow: 3px 3px 0 0 #ccc;}
.keeplist-area02 .submit-btn a {color: #fff; display: block;}



/*contact-------------------*/
.form-area01 { width: 100%; max-width: 100%; border:solid 1px #1C8EA7; margin: 0 auto; padding: 0 0 50px 0; border-radius: 10px; }
.form-area02 { width: 90%; height: auto; margin: 0 auto; padding: 40px 0 20px 0;}
.formtx01 {font-size: 1.2rem; line-height: 2rem; margin: 10px 0 60px 0;}
.formtx02 {font-size: 1.2rem; line-height: 2.1rem; margin: 10px 0 60px 0;}
.formtx03 { margin: 10px 0 60px 0;}
.formtx03 p  { font-size: 1.1rem; line-height: 2rem;}
.formtx03 h3 { margin: 10px 0 10px 0; font-size: 1.2rem; border: solid 1px #1085d0; border-radius: 10px; padding: 10px; width: fit-content; color: #1085d0;}
.formtx03 h3 a { color: #1085d0;}
.formtx04 {font-size: 1rem; line-height: 2rem; margin: 0 0 30px 0; text-align: center;}

.form-area02 dl { margin: 20px 0 40px 0;}
.form-area02 dt { font-weight: 500; margin: 0 0 20px 0; color: #000; border-left:solid 6px #1C8EA7; padding: 0 0 0 10px;}
.form-area02 dt span { margin-left: 20px; display: inline-block; background: #ec3a64; color: #fff; border-radius: 12px; font-size:0.9rem; line-height: 1.2rem; padding: 2px 5px 3px 5px; letter-spacing: 0.2rem; text-align: center; vertical-align: middle;}
.form-area02 dl dd p { font-size: 1.1rem; line-height: 2rem; padding: 10px 0 10px 0;}
.form-area02 input { border: solid 1px #333;}
.form-area02 input.name,.form-area02 input.kana {width:50%;}
.form-area02 input.company {width:60%;}
.form-area02 input.mail {width:60%;}
.form-area02 input.tel {width:30%;}
.form-area02 input.other {width:50%;}
.form-area02 input.pass {width:60%;}
.form-area02 textarea { border: solid 1px #333;}

input[type="radio"] { position: relative; width: 16px; height: 16px; border: 1px solid #1C8EA7; border-radius: 50%; vertical-align: -2px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type="radio"]:checked:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 9px; height: 9px; border-radius: 50%; background: #1C8EA7; content: '';}
dl.radio-btn ul li { display:inline-block; white-space: nowrap; line-height: 3rem; margin-right:40px;}

.form-area02 .submit-btn { width: 80%; padding:0; border-radius: 15px; border:  solid 1px #1C8EA7; color: #fff; background: #1C8EA7; box-shadow: 3px 3px 0 0 #ccc; margin: 0 auto;}
.form-area02 .submit-btn p {text-align: center; font-size: 1.5rem; padding: 10px;}
.form-area02 .submit-btn a {color: #fff; display: block;}

/*contact-biz-------------------*/
select{  -webkit-appearance: none; -moz-appearance: none;  appearance: none; margin: 0; height: 40px; background: transparent; position: relative; z-index: 1; padding: 0 30px 0 10px; border: 1px solid #333;line-height:2.1rem; font-size: 1.1rem; width:100%; border-radius: 6px;}
select::-ms-expand { display: none;}
.selectWrap{position: relative; display: inline-block;}
.selectWrap::before{ content: ''; position: absolute; z-index: 0; top: 0; right: 0; height: 100%; width: 30px;}
.selectWrap::after{ content: '\f0d7'; position: absolute; z-index: 0; top: -30px; bottom: 0; margin: auto 0; right: 20px; width: 0; height: 0;  font-family: FontAwesome;  color: #1C8EA7;}

.select-contact-kinds .selecttx04 { width: 100%;}

/*パスワード再設定-------------------*/
.select-resetting dd.selecttx {display: flex; flex-wrap: wrap; width:70%; justify-content: start; align-items: center; text-align: left; box-sizing: content-box;}
.select-resetting .selecttx01 { width: 24%;}
.select-resetting .selecttx01b { width: 5%; margin: 0 10px 0 0;}
.select-resetting .selecttx02 { width: 20%;}
.select-resetting .selecttx02b { width: 5%; margin: 0 10px 0 0;}
.select-resetting .selecttx03 { width: 20%;}
.select-resetting .selecttx03b { width: 5%;}

/*運営会社-------------------*/
.company-area01 { width: 100%; max-width: 100%; border:solid 1px #1C8EA7; margin: 0 auto; padding: 0; border-radius: 10px; }
.company-area02 { width: 100%; height: auto; margin: 0 auto; padding: 60px 0 60px 0;}
.company-area02 dl { margin: 0 auto; padding: 0; width: 80%; font-size: 1.1rem; line-height: 2.1rem;}
.company-area02 dl dt { width: 100%; padding: 10px; background: #1C8EA7; color: #fff; font-weight: 500; border-bottom: solid 1px #fff; margin: 0;}
.company-area02 dl dd { width: 100%; padding: 10px 10px 20px 10px; border-bottom: solid 1px #1C8EA7; margin: 0;}

/*プライバシーポリシー-------------------*/
.privacy-area01 { width: 100%; max-width: 100%; border:solid 1px #1C8EA7; margin: 0 auto; padding: 0; border-radius: 10px;}
.privacy-area02 { width: 90%; height: auto; margin: 0 auto; padding: 60px 0 60px 0;}
.privacy-area02 h3 { font-size: 1.1rem; line-height: 2.1rem; padding: 15px 0 0 0;}
.privacy-area02 p { font-size: 0.9rem; line-height: 1.8rem;}
.privacy-area02 ol { font-size: 0.9rem; line-height: 1.8rem;}
.privacy-area03 { margin: 40px 0 0 0;}

/*利用規約-------------------*/
.terms-area01 { width: 100%; max-width: 100%; border:solid 1px #1C8EA7; margin: 0 auto; padding: 0; border-radius: 10px;}
.terms-area02 { width: 90%; height: auto; margin: 0 auto; padding: 60px 0 60px 0;}
.terms-area02 h3 { font-size: 1.1rem; line-height: 2.1rem; padding: 15px 0 0 0;}
.terms-area02 p { font-size: 0.9rem; line-height: 1.8rem;}
.terms-area02 ul { padding: 10px 0 0 0;}
.terms-area02 ul li { font-size: 0.9rem; line-height: 1.8rem; list-style: inside; padding-inline-start: 10px; list-style-position: inside;}

/*ログイン-------------------*/
.loginalert {background: #cce7ed; padding: 10px 10px 10px 20px; margin: 0 0 40px 0;}

/*転職お役立ちツール-------------------*/
.resume-area01 { width: 100%; max-width: 100%; border:solid 1px #1C8EA7; margin: 0 auto; padding: 0; border-radius: 10px;}
.resume-area02 { width: 90%; height: auto; margin: 0 auto; padding: 60px 0 60px 0;}
.resume-area02 img { width: 50%;}
.job-tool-box { margin: 50px 0 0 0; width: 100%; height: auto;}
.job-tool-box  h3 { border-left:solid 6px #1C8EA7; padding: 0 0 0 10px; font-size: 1.4rem; line-height: 2rem; font-weight: 700; margin: 0 0 20px 0;}
.job-tool-box p { font-size: 1.1rem; line-height: 2.2rem;}
.job-tool-box h4 { padding: 20px 0 0 0; font-size: 1.1rem; line-height: 2.1rem; font-weight: 500;}
.job-tool-box02 { border: solid 2px #1C8EA7; padding: 40px; box-sizing: content-box; margin: 50px 0 0 0;}
.job-tool-box02 h4 { color: #1C8EA7; font-size: 1.4rem; line-height: 2rem;}
.job-tool-box02 p { padding: 20px 0 0 0; font-size: 1.1rem; line-height: 2.1rem;}


/*特別料金-------------------*/
.special-offer01 { width: 100%; max-width: 100%; border-top:solid 1px #1C8EA7; margin: 0 auto; padding: 0; }
.special-offer02 {width: 100%; max-width: 100%; height: auto; padding: 30px 0 0 0; margin: 40px auto; box-sizing: border-box; background-color: #fff;
  background-image: url("../img/biz-service/special-offer/img02.png"), url("../img/biz-service/special-offer/img03.png");
  background-position: left 0 center, right 0 center;background-repeat: no-repeat, no-repeat; background-size: 130px;}

.special-offer02 h3 { font-size: 2.7rem; font-weight: 700; text-align: center; line-height: 4.5rem}
.special-offer02 h3 span { color: #F60E7A; font-family: "ZenKakuGothicNew-Black", "ヒラギノ角ゴ ProN", "Arial","メイリオ", sans-serif; font-weight: normal;}

.special-offer03a { width: 100%; height: auto; margin: -40px auto; padding: 50px 0 0 0; background: url("../img/biz-service/special-offer/bg01.jpg") no-repeat top;}

.special-offer03 {width: fit-content; margin: 50px auto; padding: 30px; border-radius: 30px; text-align: center; background-color: rgba(255,255,255,0.8);}

.special-offer03 h4 { font-size: 10rem; font-weight: normal; color: #F60E7A; padding: 10px 0 50px 50px; background: url("../img/biz-service/special-offer/img04.png") no-repeat center bottom; background-size: 100%; font-family: "ZenKakuGothicNew-Black", "ヒラギノ角ゴ ProN", "Arial","メイリオ", sans-serif;}

.special-offer04 { width: 100%; margin: 50px auto; height: 280px; background: url("../img/biz-service/special-offer/img05.png") no-repeat right top; background-size: 16%; text-align: center;}

.special-offer04 dl { width: 80%; height: auto; margin: 120px auto; text-align: center; font-weight: 700;}
.special-offer04 dl dt { font-size: 4rem; padding: 0 0 20px 0; line-height: 5rem; color: #0365a6;}
.special-offer04 dl dd { padding: 10px 0 20px 0; font-size: 2.5rem; line-height: 3.5rem;}

.special-offer05a { width: 100%; height: auto; margin: -40px auto; padding: 20px 10px 100px 30px; background: url("../img/biz-service/special-offer/bg02.jpg") no-repeat top; border-radius: 0 0 10px 10px;}

.special-offer05 { font-size:10rem; color: #F60E7A; text-align: center; margin: 0 auto; padding: 0;}
.special-offer05b { font-size:10rem; color: #0365a6; text-align: center; margin: 0 auto; padding: 0;}

.special-offer06 dl { width: 100%; margin: 50px auto; padding: 0 0 30px 0; text-align: center; font-weight: 700; background: url("../img/biz-service/special-offer/img07.png") no-repeat left top; background-size: 16%;}
.special-offer06 dl dt { font-size: 5rem; padding: 0; line-height: 5.5rem; color: #F60E7A; font-family: "ZenKakuGothicNew-Black", "ヒラギノ角ゴ ProN", "Arial","メイリオ", sans-serif; font-weight: normal;}
.special-offer06 dl dd { padding: 20px 0 30px 0; font-size: 6vw;line-height:7vw;}
.special-offer06 dl dd img { margin: 0 0 40px 0; width: 70%}
.special-offer06 dl dd span { padding:0 0 0 20px; color: #F60E7A; font-size: 15vw;line-height: 9vw;}


.special-offer07 { width: 95%; border-radius: 30px; background: #0365a6; text-align: center; margin: 0 auto; padding: 30px;}
.special-offer07 h3 { font-weight: 700; color: #fff; font-size: 2.7rem;}
.special-offer07 a {display: block; width: 100%; height: auto; color: #fff;}

/*footer-バナー------------*/
.site-bnr-area { margin:50px auto; padding:50px 0 0 0; width:80%; height:auto;}
.site-bnr-area p { padding: 0 0 10px 0; color: #000;}
.site-bnr-area ul { display:flex; justify-content:space-between; width:100%; height:auto;}
.site-bnr-area ul li { width:30%; height:auto;}
}