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

/*** 解像度の幅が599px以下 ***************************/
@media screen and (max-width:599px){
.spnone { display: none;}
#wrapper { width: 100%; height: auto; margin: 0; padding: 0;}
header { width: 100%; height: 70px;}
.logo {width: 100%; height: auto; position: absolute; left: 70px; top: 5px; z-index:3; width:75%;}
.logo img {width: 90%; height: auto; padding: 0;}
.login-area,.login-area02,.login-area03 { display: none;}
.logo p { font-size: 0.7rem; padding: 0 0 0 5px; margin: 0; line-height: 1rem;}

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


/*nav-------------------*/  	
nav.drawer-nav ul.drawer-menu li {font-size:0.9rem;line-height:2rem; margin:0; padding: 0; border-bottom:dotted 1px #999;}
nav.drawer-nav ul.drawer-menu li.navList a {font-weight: 500; color: #1D1D1D;}
nav.drawer-nav ul.drawer-menu li.navList a.active { background: #ddf4f9}  

nav.drawer-nav ul.drawer-menu li.navList02 a {font-weight: 500; 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:3.5rem!important;}
nav.drawer-nav ul.drawer-dropdown-menu li.navList a {color:#1C8EA7;display:block;}
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}

/*footer-------------------*/ 
footer { background: #e5e7e8; margin:150px 0 0 0; width: 100%; height: auto;}
footer h4 {font-weight: 900; color: #1C8EA7; font-family:"MPLUS2", sans-serif; font-size: 1.6rem;}
.footer-link { width: 80%; height: auto; margin: 0 auto; padding: 50px 0 30px 0;}
.footer-link ul { margin: 0 0 50px 0;}
.footer-link ul li { padding:20px 50px 0 0; font-size: 1rem; line-height: 2rem; border-bottom: dotted 2px #ccc;}
.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.6rem; clear: both; text-align: left; color: #1C8EA7; padding: 20px 0px 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;}


.main-photo { margin:0; padding: 0;}

.page-nav {margin: 20px 0 0 0; padding: 0;}
.page-nav ul { width: 100%; font-size: 0.7rem; 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;}

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

article h1 { font-size: 1.6rem; line-height: 2.5rem; font-weight: 800; text-align: center; padding: 30px 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.1rem; line-height: 2.1rem; font-family:"MPLUS2", sans-serif;}

/*業種から探す*/
.bt-job01a { width: 100%; height: auto; background: #1C8EA7; margin: 50px 0 80px 0; font-family:"MPLUS2", sans-serif;}
.bt-job01b { width: 90%; height: auto; margin: 0 auto; padding: 20px 0 40px 0;}
.bt-job01b h2 { color: #fff; font-size: 1.6rem; }
.bt-job01b ul { width: 94%; margin: 0 auto;}
.bt-job01b li { background: #fff; color: #1C8EA7; padding: 15px 5px 15px 5px; font-size: 1.3rem; border-radius: 15px; font-weight: 600; width:100%; text-align: center; margin: 10px 0 10px 0; box-shadow: 3px 3px 0 0 #ccc; display: inline-block; transition: .3s;}
.bt-job01b li a { color: #1C8EA7; display: block;}

/*アイコン付き見出し*/
.dr-i01 { position: relative; vertical-align: middle; line-height: 3.2rem; padding: 10px 0 30px 60px;}
.dr-i01:before { content:url("../img/common/icon02.png")!important; position: absolute; top:-10px; left:-20px; transform: scale(0.4);}
.dr-i02 { position: relative; vertical-align: middle; line-height: rem; padding: 15px 0 30px 60px; color: #000; font-size: 1.6rem; 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.5);}
.dr-i03 { position: relative; padding: 0.2rem 1rem 0.4rem 1.6rem; border-bottom: 2px solid #1C8EA7; background-image:linear-gradient(90deg, transparent 0 15px, #fff 15px),repeating-linear-gradient(135deg, #1C8EA7 0 3px, transparent 3px 6px);}

/*こだわり検索*/
.bt-job02a { width: 100%; height: auto; margin: 0 0 60px 0; border: solid 1px #1C8EA7; border-radius: 10px;}
.bt-job02b { width: 90%; height: auto; margin: 0 auto; padding: 40px 0 40px 0;}
.bt-job02b h2 { color: #000; font-size: 1.2rem; line-height: 2.6rem; font-family:"MPLUS2", sans-serif;}
.bt-job02b p { padding: 10px 0 30px 0; font-size: 1.1rem; line-height: 2.1rem}

.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: 90%; height: auto; padding: 20px 0 20px 0; margin: 0 auto; text-align: center; }
.seach-reset { width: 100%; padding: 10px; border-radius: 15px; border: solid 1px #1C8EA7; color: #1C8EA7; box-shadow: 3px 3px 0 0 #ccc; margin: 40px 0 20px 0;}
.seach-reset a {color: #1C8EA7; display: block;}
.seach-submit { width: 100%; 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%; max-width: 100%; margin: 0 0 80px 0;}
.new-job { border: solid 1px #0FA2B2; padding: 10px 10px 30px 10px; border-radius: 10px; margin-bottom: 40px;}
.new-job h3 { font-size: 1.4rem; line-height: 2.4rem; color: #1C8EA7; vertical-align: top; border-radius: 10px; padding: 12px 0 0 0; font-weight: 700; margin-bottom: 20px;}
.new-job h3 a { color: #fff;}  
.new-job h4 { padding: 0; color: #000; font-size: 1.2rem; line-height: 2.1rem; vertical-align: top; } 
.new-job h5 { color: #fff; background: #1C8EA7; border-radius: 10px; vertical-align: middle; font-size: 1.2rem; 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-top: 30px;}
.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: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; 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 10px 5px 10px; font-size: 1rem; line-height: 2rem;}
.new-job-photo p a {color: #fff;}
   
.new-job dl { margin: 20px 0 0 0; padding: 0; width: 100%; font-size: 1rem; line-height: 2rem;}
.new-job dt { width: 30%; height: auto; background: #1C8EA7; color: #fff; padding: 4px; border-radius: 5px; margin-bottom: 7px; text-align: center; font-weight: normal; align-items: center;}
.new-job dd { width: 90%; height: auto; margin-bottom: 7px; padding: 4px; 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: 14px; width: 1px; content: ""; margin-left: 5px;}
.new-job ul.conditions01 { width: 100%; height: auto; display: flex; flex-wrap: wrap; margin: 0 0 20px 0;  /*justify-content: start;*/}
.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: 4px; white-space: wrap; }
.new-job ul.conditions02 { width: 100%; height: auto; display: flex; flex-wrap: wrap;  /*justify-content: start;*/}
.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: 4px; white-space: wrap;}
.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 { margin: 0 0 40px 0;}
.recruit-job { display: grid; grid-row: span 7; grid-template-rows: subgrid; row-gap: 20px; border: solid 1px #0FA2B2; padding: 10px 10px 20px 10px; border-radius: 10px; margin-bottom: 40px;}
  
.recruit-job h3 { font-size: 1.4rem; line-height: 2.4rem; 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.2rem; line-height: 2.1rem; 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: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; 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 10px 5px 10px; font-size: 1rem; line-height: 2rem;}
.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-size: 1.1rem; line-height: 2.1rem;}
.recruit-job dt { width: 30%; height: auto; background: #1C8EA7; color: #fff; padding: 4px; border-radius: 5px; margin-bottom: 7px; text-align: center; font-weight: normal; align-items: center;}
.recruit-job dd { width: 90%; height: auto; margin-bottom: 7px; padding: 4px; display: flex; justify-content: start; flex-wrap: wrap;}
.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.works01 span::after {transform: rotate(20deg); background-color:#1C8EA7; height: 14px; width: 1px; content: ""; margin-left: 5px;}
.recruit-job ul.conditions01 { width: 100%; height: auto; display: flex; flex-wrap: wrap;  margin: 20px 0 20px 0;}
.recruit-job ul.conditions01 li {border: solid 1px #1C8EA7; border-radius: 5px; padding: 1px 4px 1px 4px; width: fit-content; overflow: hidden; color: #1C8EA7; margin: 2px 4px 5px 4px; white-space: nowrap; font-size: 0.9rem; line-height: 1.9rem;}
.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; padding: 1px 4px 1px 4px; width: fit-content; overflow: hidden; color: #1085d0; margin: 2px 4px 5px 4px; white-space: nowrap; font-size: 0.9rem; line-height: 1.9rem;}
.recruit-job ul li.bor-none { border: none;}
.recruit-job .btn-area { width: 96%; height: auto; padding: 20px 0 20px 0; margin: 0 auto; text-align: center; font-size: 1.2rem;}
.recruit-job .keep-btn { width: 100%; padding: 10px 0 10px 0; 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 0 10px 0; 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 30px 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.4rem; line-height: 2.4rem; 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.4rem; line-height: 2.3rem; color: #1C8EA7; vertical-align: top; border-radius: 10px; padding:0; font-weight: 700; justify-content:space-between;}
.recruit-detail01 h4  {font-size: 1.2rem; line-height: 2.1rem;}
.detail01-photo  { border-radius: 10px; position: relative; overflow: hidden; padding-top: 60%; }
.detail01-photo img { border-radius: 10px;  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover;}
.detail01-txarea { font-size: 1.1rem; line-height: 2rem;}
.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 { margin: 0; padding: 0; width: 100%; letter-spacing: 0.2rem; font-weight: normal;}
.recruit-detail02 dt,.recruit-detail03 dt,.recruit-detail04 dt { width: 100%; height: auto; 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: 100%; height: auto; padding: 4px 10px 10px 10px; font-size: 1.1rem; line-height: 2.1rem; 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.9rem; line-height: 1.9rem; 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.9rem; line-height: 1.9rem; 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.9rem; line-height: 1.9rem; 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-area02 { width: 100%; height: auto;}
.recruit-company-photo { width: 100%; height: auto;}
.recruit-company-photo img { border-radius: 10px; width: auto; height: 50vw; 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 { width: 100%; height: auto;/* background: #1C8EA7;*/ 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: 100%; height: auto; padding: 4px 10px 10px 10px; 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: 90%; height: auto; padding: 20px 0 20px 0; margin: 0 auto; text-align: center; font-size: 1.2rem;}
.recruit-detail-area .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-detail-area .keep-btn a {color: #1C8EA7; display: block;}
.recruit-detail-area .submit-btn { width: 100%; 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.4rem; line-height: 2.3rem; 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%; font-size: 1.1rem; line-height: 2.1rem;}
.keeplist-area02 dt { width: 30%; height: auto; background: #1C8EA7; color: #fff; padding: 4px; border-radius: 5px; margin-bottom: 7px; text-align: center; font-weight: normal; align-items: center;}
.keeplist-area02 dd { width: 90%; height: auto; margin-bottom: 7px; padding: 4px; display: flex; justify-content: start; flex-wrap: wrap;}
.keeplist-area02 dd span { padding: 0; vertical-align: middle; padding: 0 3px 0 3px;}
.keeplist-area02 dd.works01 span { padding: 0; vertical-align: middle; align-items: center; display: flex; padding: 0 3px 0 3px;  justify-content: center; flex-wrap: nowrap;}
.keeplist-area02 dd.works01 span::after {transform: rotate(20deg); background-color:#1C8EA7; height: 14px; width: 1px; content: ""; margin-left: 5px;}

.keeplist-area02 .btn-area { width: 100%; height: auto; padding: 20px 0 20px 0; margin: 0 auto; text-align: center; font-size: 1.2rem;}
.keeplist-area02 .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;}
.keeplist-area02 .keep-btn a {color: #1C8EA7; display: block;}
.keeplist-area02 .detail-btn { width: 100%; padding: 10px; border-radius: 15px; border:  solid 1px #1C8EA7; color: #fff; background: #1C8EA7; box-shadow: 3px 3px 0 0 #ccc; margin: 0 0 30px 0;}
.keeplist-area02 .detail-btn a {color: #fff; display: block;}
.keeplist-area02 .submit-btn { width: 100%; 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 p {font-size: 1.2rem; line-height: 2.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;}
.formtx03 label { font-size: 1.1rem; white-space: nowrap;}
.formtx04 p {font-size: 0.9rem; line-height: 1.8rem; margin: 20px 0 30px 0; text-align: left;}

.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:100%;}
.form-area02 input.company {width:100%;}
.form-area02 input.mail {width:100%;}
.form-area02 input.tel {width:60%;}
.form-area02 input.other {width:50%;}
.form-area02 input.pass {width:100%;}
.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 {  line-height: 3rem; margin-right:20px;}

.form-area02 .submit-btn { width: 100%; 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.2rem; padding: 8px;}
.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:2rem;	font-size: 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:100%; justify-content: start; align-items: center; text-align: left; box-sizing: content-box;}
.select-resetting .selecttx01 { width: 27%;}
.select-resetting .selecttx01b { width: 6%; margin: 0 5px 0 0;}
.select-resetting .selecttx02 { width: 25%;}
.select-resetting .selecttx02b { width: 6%; margin: 0 5px 0 0;}
.select-resetting .selecttx03 { width: 25%;}
.select-resetting .selecttx03b { width: 6%; }

/*運営会社-------------------*/ 
.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: 1rem; line-height: 2rem; }
.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: 1rem; line-height: 2rem; 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; padding-inline-start: 5px; list-style-position: inside;}
.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: 1rem; line-height: 2rem; 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.7rem; list-style: inside; padding-inline-start: 5px; list-style-position: inside;}

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

/*転職お役立ちツール-------------------*/ 
.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: 30px 0 30px 0;}
.resume-area02 img { width: 100%;}
.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.2rem; line-height: 2.1rem; font-weight: 700; margin: 0 0 20px 0;}
.job-tool-box p { font-size: 1rem; line-height: 2.1rem;}
.job-tool-box h4 { padding: 20px 0 0 0; font-size: 1rem; line-height: 2rem; font-weight: 500;}
.job-tool-box02 { border: solid 2px #1C8EA7; padding: 20px; box-sizing: content-box; margin: 50px 0 0 0;}
.job-tool-box02 h4 { color: #1C8EA7; font-size: 1.2rem; line-height: 2.1rem;}
.job-tool-box02 p { padding: 20px 0 0 0; font-size: 1rem; line-height: 2rem;}


/*特別料金-------------------*/ 
.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: 300px; 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: 15%;}
    
.special-offer02 h3 { font-size: 1.8rem; text-align: center; line-height: 2.5rem; font-weight: 700;}    
.special-offer02 h3 span { color: #F60E7A; font-family: "ZenKakuGothicNew-Black", "ヒラギノ角ゴ ProN", "Arial","メイリオ", sans-serif;  font-weight: normal;}

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

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

.special-offer03 h4 { font-size: 5rem; 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;  font-weight: normal;}

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

.special-offer04 dl { width: 100%; height: auto; margin: 120px auto; text-align: center; font-weight: 700;}
.special-offer04 dl dt { font-size: 3rem; padding: 0 0 20px 0; line-height: 3rem; 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-sp.jpg") no-repeat bottom; 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: 0 auto; padding: 20px 0 10px 0; text-align: center; background: url("../img/biz-service/special-offer/img07.png") no-repeat left top; background-size: 28%; font-weight: normal;}
.special-offer06 dl dt { font-size: 4rem; padding: 160px 0 0 0; line-height: 3rem; color: #F60E7A; font-family: "ZenKakuGothicNew-Black", "ヒラギノ角ゴ ProN", "Arial","メイリオ", sans-serif; font-weight: normal;}
.special-offer06 dl dd img {width: 100%;}
.special-offer06 dl dd { padding: 0 0 30px 0; font-size: 3rem;line-height: 4rem; font-weight: 700;}  
.special-offer06 dl dd span { padding: 0; color: #F60E7A; font-size: 4.3rem;line-height: 5rem;}


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

/*footer-バナー------------*/
.site-bnr-area { margin:0 auto; padding:50px 0 0 0; text-align: center; width: 80%;}
.site-bnr-area ul li { border:none; width: 100%; margin: 0 0 30px 0;}
.site-bnr-area ul li img {width: 100%;}
.site-bnr-area p { padding: 0 0 10px 0; color: #000;}
}