@charset "utf-8";
/*
Theme Name: yakuzaisi02
*/

/*ベース*/
body { width:100%; font-family:'メイリオ','Meiryo','游ゴシック','Yu Gothic','ＭＳ Ｐゴシック',sans-serif; color:#222; font-size:16px; line-height:1.71em; }
a,
button{ color:#1A73E8; transition:all 0.5s ease; }
a:hover,
a img:hover,
button:hover,
input[type="submit"]:hover{ text-decoration:none; opacity:0.7; cursor:pointer; }
img{ max-width:100%; height: auto; }

/* layout */
.sp-only{ display:none; }
.pc-only{ display:block; }

.flex{ display:flex; flex-wrap:wrap; }
.between{ justify-content:space-between; }
.a-items-center{ align-items:center; }
.j-content-center{ justify-content:center; }

.a-left{ text-align:left; }
.a-right{ text-align:right; }
.a-center{ text-align:center; }

.f-left{ float:left; }
.f-right{ float:right; }
.clearfix::after{ content:""; display:block; clear:both; }

.fl-order1{ order:1; }
.fl-order2{ order:2; }
@media(max-width:767px){
	.fl-order1,
	.fl-order2{ order:0; }
}

/* color */
.pink{ color:#ff6f61; }

/* ブロック */
.container{ width:100%; max-width:1080px; margin:0 auto; }
.txt-wrap{ margin-bottom:60px; }

/*テキスト*/
.txt01{ margin-bottom:30px; font-size:14px; }
/*リスト*/
.txt-list li{ margin-bottom:6px; }

/* table */
table{ width:100%; font-size:14px; border:1px solid #f8b72a; border-collapse:collapse; }
th{ width:40%; padding:12px; text-align:left; color:#fff; border-bottom:1px solid #fff; background:#f8b72a; }
td{ width:60%; padding:12px; text-align:left; border-bottom:1px dotted #f8b72a; }
table tr:last-child th,
table tr:last-child td{ border-bottom:none; }

/* form関連 */
select{ width:100%; padding:16px 8px; font-size:14px; border:1px solid #ededed; background:#fff; box-sizing:border-box; }
.select-wrap{ position:relative; }
.select-wrap::before{ content:"▼"; display:block; position:absolute; top:50%; right:12px; width:1.0em; font-size:10px; transform:translateY(-50%); }
.select-wrap select{ border:1px solid #ededed!important; background:#fff!important; }


/****************************
メイン
****************************/
/* header */
header{ margin-top:8px; }
header .desc{ font-size:12px !important; font-weight:400; }
header .logo{ width:280px; }
.header-ranking-bnr{ width:100%; max-width:440px; }
.header-ranking-bnr a{ display:block; line-height:1.0em; }
.header-nav-toggle{ display:none; }

/* nav */
.header-nav{ width:100%; margin-top:16px; background:#ff6f61; box-sizing:border-box; }
.header-nav__list{ display:flex; align-items:flex-start; justify-content:space-between;  }
.header-nav__item{ width:calc(100% / 7); text-align:center; line-height:0.95em; }
.header-nav__item a{ display:block; padding:20px 0; color:#fff; font-size:12px; text-decoration:none; }
.header-nav__item a img{ display:block; margin:0 auto 3px;  }
.header-nav__item:nth-child(1) img{ width:28px; }
.header-nav__item:nth-child(2) img{ width:27px; }
.header-nav__item:nth-child(3){ margin-top: -2px; }
.header-nav__item:nth-child(3) img{ width:30px; }
.header-nav__item:nth-child(4) img{ width:27px; }
.header-nav__item:nth-child(5) img{ width:32px; }
.header-nav__item:nth-child(6) img{ width:37px; }
.header-nav__item:nth-child(7) img{ width:33px; }

/* MV */
.mv{ margin-bottom:40px; padding-bottom:60px; background:url("./assets/img/main.png") #fef9ee no-repeat right center; background-size:contain; }
.mv__txt{ padding-top:10px; margin-left:-40px; }

/* フォーム */
.top-search{ padding:10px; background:url("./assets/img/border.png") repeat; }
.top-search__inner{ padding:20px 40px; background:rgba(255,255,255,.95); }

.top-search dl{ position:relative; width:23%; }
.top-search dl:nth-of-type(2){ width:26%; }
.top-search dl::after{ content:""; display:block; position:absolute; top:50%; right:-42px; width:24px; height:24px; background:url("./assets/img/cross.svg") no-repeat; transform:translateX(-50%); }
.top-search dl:last-of-type::after{ display:none; }
.top-search dt{ font-size:13px; }
.top-search select{ font-size:18px; font-weight:700;  }

.top-search button{ width:170px; height:170px; color:#fff; font-size:26px; text-align:center; line-height:1.25em; border:10px solid #ff7c6f; background:url("./assets/img/arrow.svg") #ff6f61 no-repeat 93% center/12px; border-radius:50%; }
.top-search button span{ font-size:0.85em; }


/****************************/
/* main */
main{ width:100%; max-width:780px; }

/* content */
.top-content{ margin-bottom:60px; }

/* title */
.section-title{ position:relative; margin-bottom:20px; padding:10px 0 20px 48px; font-size:22px; border-bottom:1px solid #ff6f61; }
.section-title::before{ content:""; display:block; position:absolute; top:8px; left:0; width:26px; height:33px; background:url("./assets/img/kusuri-pink.png") no-repeat; background-size:contain; }
.section-title.guide::before{ content:""; display:block; position:absolute; top:8px; left:0; width:38px; height:30px; background:url("./assets/img/guide-pink.png") no-repeat; background-size:contain; }

/* btn */
.line-btn{ display:block; padding:14px 0; color:#ff6f61; text-align:center; text-decoration:none; border:2px solid #ff6f61; background:url("./assets/img/arrow-pink.svg") no-repeat 95% center/8px; border-radius:30px; box-sizing:border-box;  }
.fill-btn{ display:block; padding:14px 0; color:#fff; text-align:center; text-decoration:none; background:url("./assets/img/arrow.svg") #ff6f61 no-repeat 95% center/8px; border-radius:30px; box-sizing:border-box;  }

/* ランキングバナー */
.ranking-btn{ margin:60px 0; }

/* img */
.thumb img{ width: 100%; height: auto; border:1px solid #ededed; box-sizing:border-box; object-fit: cover; }

/* 2カラム */
.half-column__list{ display:flex; justify-content:space-between; flex-wrap:wrap; }
.half-column__item{ width:48.5%; margin-bottom:32px; }
.half-column__item a{ display:block; text-decoration:none; }
.half-column__item h3{ margin-bottom:24px; color:#ff6f61; font-size:16px; }
.half-column__item .btn{ width:80%; margin:0 auto; padding:8px 0; color:#fff; text-align:center; background:url("./assets/img/arrow.svg") #ff6f61 no-repeat 95% center/8px; border-radius:30px; }

/* 転職ガイド */
#guide .morebtn{
	background: #fff;
	border: none;
	font-size:22px;
	font-weight:700;
	width:80%;
	max-width: 80%;
	padding: 0;
	margin:24px auto;
}
#guide .morebtn::after{
	content:"";
}

/* ランキング */
.ranking__item{ margin-bottom:60px; }
.ranking__item h2{ margin-bottom:8px; font-size:28px; }
.ranking__item h2 span{ display:inline-block; width:46px; height:46px; margin-right:16px; color:#fff; text-align:center; line-height:46px; background:#f8b72a; border-radius:50%; }
.ranking__item h2 a{ color:#f8b72a; text-decoration:none; }
.ranking__item .thumb{ margin-bottom:30px; text-align:center; max-height: 360px; overflow: hidden; }
.ranking__item .point{ position:relative; margin-bottom:20px; padding:30px; font-size:14px; background:#fef9ee; }
.ranking__item .point__label{ position:absolute; top:-16px; left:16px; }
.ranking__item table{ width:60%; }
.ranking__item .kuchikomi{ width:36%; }
.ranking__item .kuchikomi a{ position:relative; display:block; padding-left:16px; }
.ranking__item .kuchikomi a::before{ content:""; display:block; position:absolute; top:50%; left:32px; width:27px; height:27px; transform:translateY(-50%); background:url("./assets/img/balloon.png") no-repeat; background-size:contain;; }
.card-link{ margin:30px 0; }

/****************************/
/* aside */
aside{ width:100%; max-width:280px; }

/* バナー */
.side-banner{ margin-bottom:30px; text-align:center; }

/*検索窓*/
.searchform{}
.searchform input[type="text"]{ width:226px; height:30px; padding:5px; font-size:14px; border:1px solid #a6a6a6; box-sizing:border-box; }
.searchform input[type="submit"]{ width:54px; height:30px; background:url('./assets/img/search.svg') no-repeat center #ff6f61; background-size:18px; }
input::placeholder{ color:#dbdbdb; }

/*コンテンツ*/
.side-content{ margin-top:40px; font-size:14px; }
.side-content a{ color:#222; }
.side-content__title{ margin-bottom:16px; padding-top:10px; color:#f8b72a; font-size:16px; font-weight:700; border-top:3px solid #f8b72a; }

/*記事のリンク*/
.side-column__item{ margin-bottom:10px; padding-bottom:9px; border-bottom:1px solid #ededed; }
.side-column__item a{ display:flex; width:100%; }
.side-column__thumb{ width:100px; height:100px; border:1px solid #ededed; box-sizing:border-box; overflow:hidden; }
.side-column__thumb img{ width:100px; max-width:100px; height:100px; object-fit:cover; }
.side-column__title{ width:calc(100% - 100px); margin-left:8px; font-size:13px; line-height: 1.65em; }

/****************************/
/* footer */
footer{ margin-top:140px; padding-top:10px; font-size:14px; background:url("./assets/img/border.png") repeat; }
.footer__inner{ padding:30px 0 10px; background:rgba(255,255,255,.9); }
footer .container{ position:relative; }
footer .logo{ width:100%; max-width:220px; }
footer ul{ margin-bottom:16px; }
footer ul li::after{ content:"|"; display:inline-block; width:1.0em; padding:0 0 0 4px; }
footer ul li:last-child::after{ display:none; }
footer ul li a{ color:#222; }
.copyright{ color:#ff6f61; }

.return-top{ position:absolute; top:-120px; right:0; width:38px; }

/****************************
サブ
****************************/
#sub{ margin-top:20px; }

.detail{ margin-bottom:60px; }
.detail h1{ margin-bottom:10px; padding-bottom:16px; color:#ff6f61 !important; font-size:22px; border-bottom:1px dotted #ededed; }
.detail h2{ margin:30px 0 20px; padding-left:16px; font-size:20px; font-weight:700; border-left:6px solid #ff6f61; }
.detail h3{ position:relative; margin:30px 0 20px; padding-left:26px; font-size:18px; font-weight:700; }
.detail h3::after{ content:""; display:block; position:absolute; top:0.65em; left:0; width:16px; height:1px; border-top:1px solid #ff6f61; }
.detail h4{ margin:20px 0; font-size:16px; font-weight:700; }

.detail p{ margin-bottom:40px; font-size:14px; }
.detail p+p { margin: -10px 0 40px; }
.detail p em{ font-weight:700; }
.detail p strong{ color: #ff6f61; font-weight:700; }
.detail ul{ font-size:14px; margin-bottom:40px; }
.detail ul li{ display:flex; }
.detail ul li::before{ content:""; display:inline-block; width:6px; height:6px; margin:0.7em 6px 0 0; background:#ff6f61; border-radius:50%; }
.detail ol{ padding-left:1.0em; font-size:14px; margin-bottom:40px; }
.detail ol li{ list-style-type:decimal; }
.detail table{ margin-bottom:40px; }
.detail th{ width:28%; }
.detail td{ width:72%; }
.detail blockquote{ margin-bottom:40px; padding:16px; background:#ededed; padding: 20px; }
.detail blockquote p{ margin-bottom:20px; font-size:14px; }
.detail blockquote p:last-of-type { margin:0; }

.postdate{ margin-bottom:0!important; font-size:13px; text-align:right; }
.eyecatch{ margin:8px 0 16px; text-align:center; }
.eyecatch img{ max-width:100%; height:auto; }

/* 人材会社検索一覧 */
.search-jinzai h2{ margin-bottom:16px; font-size: 1.25em; }
.title_terms{ font-size: 0.95rem; font-weight: 400; }
.search-kuchikomi{ width: 49%; margin: -6px auto 0; font-size: 14px; }
.search-kuchikomi a{ padding: 10px 0; }
.external-link{ width: 49%; margin: -6px auto 0; font-size: 14px; }
.external-link a{ padding: 10px 0;  background:url("./assets/img/arrow.svg") #1A73E8 no-repeat 95% center/8px; }
.external-link span{ display: inline-block; margin: 0 4px;  width: 12px; }
.search-jinzai .wp-pagenavi{ margin-bottom: 50px; }

/* 記事下プロフ */
.kijiuser{
	border:solid 1px #FD7393;
	padding:15px;
	border-radius:10px;
	margin-bottom:30px;
}
.kijiuser .userpic{
	float:left;
	width:30%;
}
.kijiuser .userpic img{ }
.kijiuser .userpic + .txt{
	float:right;
	width:68%;
}
.kijiuser .userpic2{
	float:left;
	width:30%;
}
.kijiuser .userpic2 img{ }
.kijiuser .userpic2 + .txt{
	float:right;
	width:68%;
}
.kijiuser .txt h4{
	font-weight:bold;
}
.kijiuser .txt h5{
	font-weight:bold;
	color:#876e4c;
	margin-bottom:10px;
}
.kijiuser .txt p{ line-height:1.8em;}

/* 関連 */
.related h2{ position:relative; margin-bottom:20px; padding:10px 0 20px 48px; font-size:22px; border-bottom:1px solid #ff6f61; }
.related h2::before{ content:""; display:block; position:absolute; top:8px; left:0; width:26px; height:33px; background:url("./assets/img/kusuri-pink.png") no-repeat; background-size:contain; }

.category__list{ margin-bottom:60px; }
.category__item{ margin-bottom:16px; padding-bottom:16px; border-bottom:1px dotted #ededed; }
.category__thumb{ width:280px;  }
.category__title{ margin-bottom:6px; font-size:20px; font-weight:700; line-height:1.4em; }
.category__title a{ color:#ff6f61; text-decoration:none; }
.category__txt{ width:calc(100% - 290px); font-size:14px; }

/* 古い記事のメッセージ */
.attention-date{ margin:8px 0 16px; padding:16px; font-size:14px; line-height:1.65em; text-align:center; border:1px solid #dbdbdb; background:#fffee9; }
.attention-date span{ font-weight:700; }
@media(max-width:767px){
	.attention-date{ padding:12px 8px; font-size:12px; }
}

/*吹き出し*/
.balloon-right{ margin-bottom:40px; }
.balloon-right__txt{ position:relative; width:78%; margin-left:5px; padding:30px 30px 50px; background:#f6f6f6; }
.balloon-right__txt::before{ content:""; display:block; position:absolute; top:50%; left:-40px; width:20px; height:20px; border:20px solid transparent; border-right:20px solid #f6f6f6; transform:translateY(-50%); }
.balloon-right__txt p:last-child{ margin-bottom: 0; }
.balloon-right__thumb{ width:18%; transform:translateY(30%); }
.balloon-right__thumb img{ border:none; }
@media(max-width:767px){
	.balloon-right .fl-order1{ order:1; }
	.balloon-right .fl-order2{ order:2; }
}

.balloon-left{ margin-bottom:40px; }
.balloon-left__txt{ position:relative; width:78%; margin-left:5px; padding:30px 30px 50px; background:#f6f6f6; }
.balloon-left__txt::before{ content:""; display:block; position:absolute; top:50%; right:-40px; width:20px; height:20px; border:20px solid transparent; border-left:20px solid #f6f6f6; transform:translateY(-50%); }
.balloon-left__txt p:last-child{ margin-bottom: 0; }
.balloon-left__thumb{ width:18%; transform:translateY(30%); }
.balloon-left__thumb img{ border:none; }

@media(max-width:481px){
	.balloon-right__txt,
	.balloon-left__txt{ width:100%; padding:20px 20px 0; }
	.balloon-right__txt::before{ top:-20px; left:42%; border-bottom:20px solid #f6f6f6; border-right:20px solid transparent; transform:translate(0, -50%); }
	.balloon-left__txt::before{ top:-20px; left:42%; border-bottom:20px solid #f6f6f6; border-left:20px solid transparent; transform:translate(0, -50%); }
	.balloon-right__thumb,
	.balloon-left__thumb{ width:30%; margin:0 auto; transform:translateY(0%); }
	.balloon-right__thumb p,
	.balloon-left__thumb p{ margin-bottom:20px; }
	.balloon-right__thumb img,
	.balloon-left__thumb img{ margin-bottom:0; }
}

/****************************/
/* wordpress */
/* breadcrumb */
#breadcrumb {
  font-size: 11px;
  margin:0 0 2em;
}
#breadcrumb li{ display:inline-block; }
#breadcrumb li::before{ display:none; }
#breadcrumb li::after{ content:">"; display:inline-block; padding-left:3px; }
#breadcrumb li:last-child::after{ display:none; }
@media(max-width:767px){
	#breadcrumb{ margin-bottom:16px; }
	#breadcrumb ul{ margin-bottom:0; }
}

/* wp pagenavi */
.wp-pagenavi {
	text-align: center;
	margin-top: 15px;
  	margin-bottom: 15px;
}
.wp-pagenavi a{ text-decoration:none; }
.wp-pagenavi a,
.wp-pagenavi span {
	display: inline-block;
	padding: 10px 15px !important;
	border: 1px solid #19af90 !important;
	color: #19af90;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border: 1px solid #19af90 !important;
	background: #19af90;
	color: #ffffff;
}
.wp-pagenavi .pages {
	display: none;
}

/* social */
ul.snsbox{ margin: 15px 0; }
ul.snsbox li{ display:inline-block; vertical-align:top; }
ul.snsbox li.fb{ width: 71px; }
ul.snsbox li::before{ display:none; }

img.alignright { display: block; margin: 0 0 0 auto; }
img.alignleft { display: block; margin: 0 auto 0 0; }
img.aligncenter { display: block; margin: 0 auto; }

/* お問い合わせ */
.contact-table input,
.contact-table textarea{ width:100%; padding:4px; border:1px solid #cdcdcd; }
.contact-table__submit input{ display:block; width:90%; max-width:400px; margin:0 auto; padding:14px 0; color:#fff; font-weight:700; text-align:center; background:url('./assets/img/arrow.svg') no-repeat 95% center #ff6f61; background-size:8px; border-radius:30px; }


/****************************/
/* LP化 */
.lp-container{
	margin: 0 auto;
	max-width: 930px;
	width: 96%;
}

/*リセット*/
.container > .lp-container{
	width: 100%;
}
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type='checkbox'],
input[type='radio'] {
  display: none;
}

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer;
}



select::-ms-expand {
  display: none;
}

#lp-form ul li::before{
	margin: 0;
	width: auto;
	height: auto;
}

/* レイアウト */
.lp-form{
	border: 3px solid #f8b72b;
	box-sizing: border-box;
	margin-bottom: 32px;
}
.lp-form__inner{
	padding: 0 48px 24px;
}
.lp-form__catch {
	background: #f8b72b;
	padding: 12px 0 8px;
	margin-bottom: 16px;
}
.lp-form__catch p{
	color: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 1.25em;
	letter-spacing: 0.025em;
	margin-bottom: 0;
}
.lp-form__catch span{
	background: #fff;
	border-radius: 6px;
	color: #ff843c;
	font-size: 0.85em;
	font-weight: 700;
	line-height: 1.0em;
	margin-right: 5px;
	padding: 1px 3px 0;
}
.lp-form__text{
	font-size: 14px!important;
	font-weight: 400;
	text-align: center;
	margin-bottom: 16px!important;
}

.lp-form__input-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}
.lp-form__input-item-title{
	width: 20%;
}
.lp-form__input-item-title .required{
	background: #f8772b;
	border-radius: 30px;
	color: #fff;
	font-size: 12px;
	padding: 0 8px;
	margin-left: 4px;
}

.lp-form__input-item-content{
	width: 78%;
}
.lp-form__input-item-content .wpcf7-list-item-label{
	border-radius: 10px;
	border: dotted 1px #000;
	padding: 10px 20px;
}

.lp-form__input-item-content input[type="radio"]:checked + .wpcf7-list-item-label{
	border: solid 1px #3c88fd;
  background: #3c88fd;
  color: #fff;
	display: block;
}

.lp-form__input-item-content input[type="text"],
.lp-form__input-item-content input[type="email"],
.lp-form__input-item-content input[type="tel"],
.lp-form__input-item-content select {
	border-radius: 10px;
	width: 80%;
	box-sizing: border-box;
	border: solid 1px rgba(0,0,0,0.2);
	padding: 8px;
	font-size: 14px;
}
.lp-form__input-item-content select {
	width: 100%;
}
.input-select{
	position: relative;
	width: 80%;
}
.input-select::after{
	content:"▼";
	display: block;
	font-size: 12px;
	position: absolute;
	top: 48%;
	right: 16px;
  transform: translateY(-50%);
}
.input-select + p{
	margin-bottom: 0;
}
input::placeholder {
  color: #c1c1c1;
}
.er{
	color: #f00;
	font-size: 13px;
	display: block;
}
.attention-text{
	font-size: 12px!important;
	text-align: center;
	margin-bottom: 0!important;
}

/* form-step */
.stepbox{ display: none; }
.current{ display: block; }

.stepwrap {
	position:relative;
	width:200px;
	margin:auto;
}
.stepwrap span.ac {
  background: #f8b72b;
  border-radius: 50%;
  position:absolute;
  left:24px;
  top:3px;
  width:22px;
  height: 22px;
  z-index:100;
	-moz-transition:all .5s ;
  -webkit-transition: all .5s ;
  -o-transition: all .5s ;
  -ms-transition: all .5s ;
  transition: all .5s ;
}

.stepwrap .step{
	text-align: center;
	position:relative;
	margin: 0 0 16px;
}

.stepwrap .step li{
	display: inline-block;
	background: #e4e4e4;
	border-radius: 50%;
  box-sizing: border-box;
	width: 20px;
	height: 20px;
	text-align: center;
	margin:0 20px;
	position:relative;
}
.stepwrap .step li span{
  color:#fff;
  font-size: 12px;
  font-weight: bold;
  display: block;
	line-height: 1.85em;
  position: relative;
  z-index:102;
}
.stepwrap .step li:before {
  content:"STEP";
  display:block;
  position:absolute;
  top:-20px;
	left: -2px;
  text-align:center;
  color: #cecece;
  font-size:9px;
	-moz-transition:all .5s ;
  -webkit-transition: all .5s ;
  -o-transition: all .5s ;
  -ms-transition: all .5s ;
  transition: all .5s ;
	background: none;/*リセット*/
}
.stepwrap .step li:after {
  content:"";
  width:0px;
  display:block;
  position:absolute;
  top:10px;
  -moz-transition:all .5s ;
  -webkit-transition: all .5s ;
  -o-transition: all .5s ;
  -ms-transition: all .5s ;
  transition: all .5s ;
}

.stepwrap .step li.active:after {
  background:#feb44c;
  width: 80px;
  height: 3px;
  z-index:101;
}
.stepwrap .step li:last-child:after {
  display:none;
}

.stepwrap .step:before {
  content:"";
  display:block;
  height:3px;
  width:120px;
  background:#e4e4e4;
  position:absolute;
  left:50%;
  margin-left:-60px;
  top:13px;
  z-index:10;
}
.stepwrap .step li.active{
	background:#feb44c;
}

/* ボタン */
.lp-form__btns{
	margin: 32px auto 0;
	width: 46%;
}
.lp-form__btns ul{
	margin-bottom: 0;
}
.lp-form__btns .next a,
.lp-form__btns input[type="submit"],
.lp-contents__info-btn a{
	background: #3c88fd url("assets/img/ar.png") no-repeat 95% center;
	background-size: 14px;
	border-radius: 30px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	display: block;
	padding: 14px 32px;
	margin-bottom: 8px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

/* ロゴ */
.lp-container .logo{
	width: 180px;
}

/* 見出し */
.lp-container .posttitle{
	border-bottom: 1px dotted #ededed;
	color: #ff6f61;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 24px;
	padding-bottom: 16px;
}

/* インフォ */
.lp-contents__info{
	border: 3px solid #f5f5f5;
	background: #fffef8;
	padding: 32px 32px 0;
}
.lp-contents__info ul{
	margin-bottom: 24px;
}
.lp-contents__info ul li{
	font-weight: 700;
	margin-bottom: 4px;
}
.lp-contents__info-text{
	width: 58%;
}
.lp-contents__info-text p{
	margin-bottom: 0;
}
.lp-contents__info-text span{
	font-size: 20px;
	font-weight: 700;
	color: #ff6f61;
}
.lp-contents__info-thumb{
	width: 40%;
}
.lp-contents__info-btn{
	margin: 16px auto 0;
	width: 60%;
}

/* 人気のキーワード */
.popular-keywords{
	background: #f9f9f9;
	font-size: 13px;
	padding: 24px 16px;
	margin-bottom: 32px;
}
.popular-keywords h2{
	margin-bottom: 12px;
}
.popular-keywords h2::before{
	content:"";
	background:url("./assets/img/tag.svg") no-repeat left center/16px;
	display: inline-block;
	margin-right: 12px;
	width: 16px;
	height: 16px;
}
.popular-keywords li{
	background:url("./assets/img/arrow-pink.svg") no-repeat left center/4px;
	display: inline-block;
	padding-left: 8px;
	margin: 0 8px 4px 0;
}

/* 目次 */
#toc_container{
	width: 100%!important;
	margin-bottom: 32px!important;
}
#toc_container ul li{
	display: block;
}
#toc_container ul li::before{
	display: none;
	margin: 0;
}

/* CTAボタン */
.ctaArea{
	background: #fef0d5;
	color: #ff8f00;
	font-size: 15px;
	text-align: center;
	padding: 24px 16px 0;
	margin: 32px 0;
}
.ctaArea dt{
	border-left: none;
	border-bottom: 3px double #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	padding: 0 3px 5px;
	margin-bottom: 16px;
}
.ctaArea dd{
	margin-bottom: 0;
}
.ctaArea .nbtn{
	margin: 16px auto 0;
	max-width: 480px;
}
.ctaArea img{
	border: none;
	margin-bottom: 0;
	width: 100%;
}


/****************************/
/* 余白上書き */
.m10t{ margin-top:10px!important; }
.m20t{ margin-top:20px!important; }
.m30t{ margin-top:30px!important; }
.m40t{ margin-top:40px!important; }
.m50t{ margin-top:50px!important; }
.m60t{ margin-top:60px!important; }
.m70t{ margin-top:70px!important; }

.m10r{ margin-right:10px!important; }
.m20r{ margin-right:20px!important; }
.m30r{ margin-right:30px!important; }
.m40r{ margin-right:40px!important; }
.m50r{ margin-right:50px!important; }
.m60r{ margin-right:60px!important; }
.m70r{ margin-right:70px!important; }

.m10b{ margin-bottom:10px!important; }
.m20b{ margin-bottom:20px!important; }
.m30b{ margin-bottom:30px!important; }
.m40b{ margin-bottom:40px!important; }
.m50b{ margin-bottom:50px!important; }
.m60b{ margin-bottom:60px!important; }
.m70b{ margin-bottom:70px!important; }

.m10l{ margin-left:10px!important; }
.m20l{ margin-left:20px!important; }
.m30l{ margin-left:30px!important; }
.m40l{ margin-left:40px!important; }
.m50l{ margin-left:50px!important; }
.m60l{ margin-left:60px!important; }
.m70l{ margin-left:70px!important; }


/************************************************************************************/
/* タブレット */
@media(max-width:1600px){
  .mv{ background-position:130% center; }
}

@media(max-width:1080px){
body{ font-size:14px; }
.sp-only{ display:block; }
.pc-only{ display:none; }

/* ブロック */
.container{ width:96%; margin:0 auto; }
.txt-wrap{ margin-bottom:30px; }

/* table */
th,td{ display:block; width:100%; border-bottom:none; }

/****************************/
/* header */
header .logo{ width:calc(280px / 1.5); margin:0; }

/* ランキングバナー */
.header-ranking-bnr{ position:fixed; bottom:0; left:0; width:100%; max-width:100%; background:rgba(0,0,0,0.2); z-index:30; }
.header-ranking-bnr a{ text-align:center; padding: 6px 0 4px; }
.header-ranking-bnr img{ width:40%; }

/* navメニュー */
.header-nav{ display:none; width:100%; position:absolute; top:70px; z-index:50; }
.header-nav__list{ display:block; font-size:13px; text-align:center; }
.header-nav__item{ width:100%; margin-right:0; text-align:left;}
.header-nav__item a{ display:block; width:100%; padding:16px 0; border-bottom:1px dotted #fff; text-decoration:none;  }
.header-nav__item:last-child a{ border-bottom:none; }
.header-nav__item a br{ display:none; }
.header-nav__item a img{ display:inline-block; margin-right:8px; vertical-align:middle;  }
.header-nav__item:nth-child(1) img{ width:calc(28px / 2); }
.header-nav__item:nth-child(2) img{ width:calc(27px / 2); }
.header-nav__item:nth-child(3){ margin-top: 0; }
.header-nav__item:nth-child(3) img{ width:calc(30px / 2); }
.header-nav__item:nth-child(4) img{ width:calc(27px / 2); }
.header-nav__item:nth-child(5) img{ width:calc(32px / 2); }
.header-nav__item:nth-child(6) img{ width:calc(37px / 2); }
.header-nav__item:nth-child(7) img{ width:calc(33px / 2); }

/* ハンバーガーメニュー */
.header-nav-toggle { display:block; position:absolute; right:24px; top:15px; width:36px; height:36px; cursor:pointer; z-index:30; }
.header-nav-toggle span { display:block; position:absolute; width:30px; border-bottom:solid 3px #ff6f61; -webkit-transition:.35s ease-in-out; -moz-transition:.35s ease-in-out; transition:.35s ease-in-out; left:6px; }
.header-nav-toggle span:nth-child(1) { top:9px; }
.header-nav-toggle span:nth-child(2) { top:18px; }
.header-nav-toggle span:nth-child(3) { top:27px; }
.header-nav-toggle.active span:nth-child(1) { top:18px; left:6px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); }
.header-nav-toggle.active span:nth-child(2),
.header-nav-toggle.active span:nth-child(3) { top:18px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); }

/* MV */
.mv{ background-position:-240% top; background-size:105%; }
.mv__txt{ width:60%; margin-left:-30px; }

/* form関連 */
.top-search__inner{ padding:10px; }
.top-search select{ font-size:15px; font-weight:700;  }
.top-search button{ width:130px; height:130px; font-size:20px; }

/****************************/
/* main */
main{ width:96%; max-width:96%; margin:0 auto; }

/* ランキング */
.ranking__item table{ width:100%; }
.ranking__item .kuchikomi{ width:60%; margin:24px auto; }

/****************************/
/* aside */
aside{ width:96%; max-width:96%; margin:30px auto 0; padding-top:30px; border-top:1px dotted #ededed; }

/* 検索窓 */
.searchform{ width:96%; margin:0 auto; }
.searchform input[type="text"]{ width:80%; padding:16px 8px; }
.searchform input[type="submit"]{ width:20%; padding:17px; }

/****************************/
/* footer */
.footer__inner{ padding-bottom:110px; }
.return-top{ top:-100px; }

/****************************
サブ
****************************/
.detail th,
.detail td{ width:100%; }

/* 目次 */
#toc_container{
	margin-bottom: 24px!important;
}

}

@media(max-width:780px){
.top-search dl::after{ right:-28px; width:16px; height:16px; }
header .desc{ display:none; }
}

@media(max-width:700px){
.mv{ margin-top:16px; background-position:160% top; background-size:80%; }
.mv__txt{ margin-left:0; }

.top-search__inner{ padding:30px; }
.top-search dl,
.top-search dl:nth-of-type(2){ width:100%; margin-bottom:16px; }
.top-search dl::after{ top:90px; right:50%; transform:translateX(-50%); }
.top-search button{ margin:0 auto; }
}


/************************************************************************************/
/* スマホ */
@media(max-width:414px){
h2{ font-size:20px!important; }
h3{ font-size:18px!important; }
h4{ font-size:16px!important; }
h5{ font-size:15px!important; }

/****************************/
/* header */
header .desc{ font-size:10px !important; display:none; line-height:1.45em; }
.header-ranking-bnr img{ width:96%; }

/* ハンバーガーメニュー */
.header-nav-toggle { top:10px; }

/* mv */
.mv{ background-position:190% top; }
.mv__txt{ width:80%; margin-left:-20px; }

.top-search__inner{ padding:16px; }

/****************************/
/* main */
.top-content{ margin-bottom:48px; }

/* 2カラム */
.half-column__item{ width:100%; }
.half-column__item h3{ margin-bottom:16px; font-size:16px!important; }
.half-column__item .btn{ width:90%; }

/* 転職ガイド */
#guide .morebtn{ width:100%; max-width: 100%; margin:16px 0; font-size:18px; }

/* ランキング */
.ranking__item{ margin-bottom:48px; }
.ranking__item h2 span{ width:32px; height:32px; margin-right:8px; line-height:32px; }
.ranking__item .kuchikomi{ width:100%; }
.card-link{ margin:24px 0; }
.ranking-btn{ margin:24px 0; }

/****************************/
/* footer */
.footer__inner{ padding:24px 0 70px; }
footer ul{ margin-top:16px; }
footer .logo{ width:68%; }

/****************************
サブ
****************************/
.related h2{ padding-left:36px; }

/* 関連記事 */
.category__list{ margin-bottom:40px; }
.category__item{ margin-bottom:24px; }
.category__thumb{ width:100%; text-align:center; }
.category__title{ font-size:18px; }
.category__txt{ width:100%; }

/* 人材会社検索一覧 */
.search-kuchikomi{ width: 100%; font-size: 12px; margin-bottom: 14px; }
.external-link{ width: 100%; font-size: 12px; }

/****************************/
/* LP化 */
.lp-form__catch{
	margin-bottom: 8px;
	padding-top: 8px;
}
.lp-form__catch p{
	font-size: 15px;
	letter-spacing: 0.01em;
}
.lp-form__catch span{
	margin-right: 2px;
}
.lp-form__inner{
	padding: 0 24px 24px;
}
.lp-form__input-item{
	flex-direction:column;
	flex-wrap: wrap;
	margin-bottom: 16px;
}
.lp-form__input-item-title,
.lp-form__input-item-content{
	width: 100%;
}
.lp-form__input-item-content span.wpcf7-list-item{
	margin: 0 0 8px 0!important;
}

.lp-form__input-item-content{
	margin-top: 4px;
}
.lp-form__input-item-content .wpcf7-list-item-label{
	font-size: 12px;
	padding: 8px;
}

.lp-form__input-item-content input[type="text"],
.lp-form__input-item-content input[type="email"],
.lp-form__input-item-content input[type="tel"],
.lp-form__input-item-content .input-select{
	width: 100%;
}


/* ロゴ */
.lp-container .logo{
	width: 100px;
}

/* 見出し */
.lp-container .posttitle{
	font-size: 22px;
	line-height: 1.2em;
}

/* ボタン */
.lp-form__btns{
	margin-top: 20px;
	width: 100%;
}

/* step */
.stepwrap span.ac{
	top: 0;
}
.stepwrap .step:before{
	top: 10px;
}
.stepwrap .step li.active:after{
	width: 70px;
}
.stepwrap .step li:after{
	top: 9px;
}

/* info */
.lp-contents__info{
	padding: 24px 24px 0;
}
.lp-contents__info-text{
	width: 100%;
}
.lp-contents__info ul{
	margin-bottom: 8px;
}
.lp-contents__info-thumb{
	margin-top: 8px;
	width: 100%;
}
.lp-contents__info-btn{
	width: 100%;
}
.lp-contents__info-btn a{
	font-size: 16px;
	padding: 14px 22px 14px 14px;
}

/* fbtn */
.fbtn{
	display: none;
	position: fixed;
	bottom: 0;
	padding: 8px;
	background: rgba(0,0,0,0.6);
	width: 100%;
}
.fbtn a{
	background: #3c88fd url("assets/img/ar.png") no-repeat 95% center;
	background-size: 14px;
	border-radius: 30px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	display: block;
	padding: 14px 32px;
	margin-bottom: 8px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

.footer__inner.lp{
	padding-bottom: 16px;
}

}

/* リダイレクトページ用 */
.redirect{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	width: 100%;
	max-width: 100%;
	height: 80vh;
}
.redirect p{
	color:#999;
	font-size: 1.25em;
	margin-bottom: 10px;
}
.redirect dt{
	font-size: 1.5em;
	margin-bottom: 10px;
}
.redirect dt span{ font-weight: 700; }
.redirect dd{ font-size: 0.9em; }
.redirect img{ width: 1px; }

.boxwrap1{
	background: #ffffea;
	padding: 15px;
	border: 2px solid #99cc00;
	border-radius: 10px;
	word-break: break-all;
	margin:0 0 30px;
}
@media(max-width:767px){
	.boxwrap1{
		margin-bottom: 15px;
	}
}

/* lineフォーム */
.sen {
    background: url(https://gfjapan2015.jp/wp-content/uploads/2020/05/il.png) no-repeat right bottom;
	background-size:30%;
	padding:10px 5px;
	text-align:left;
	max-width:375px;
	margin:auto;
}
.sen p {width:70%;margin:0;font-size:13px;line-height:1.4;background:rgba(255,255,255,0.7);}
.sen p strong {font-size:16px;}
.sen p span {}
.lineform .pn {display:none;}
.lineform .pn.current {display:block;}
.lineform #pn1 {display:block;}
.lineform {
    padding: 10px;
    background: url(./assets/img/border.png) repeat;
}
.lineform dt {
    font-size: 13px;
	margin-bottom:10px;
}
.lineform dt.hissu:before{
	content:"必須";
	display:inline-block;
	background-color: #F03;
    color: #FFF;
    font-size: 10px;
	margin-right:4px;
	display: inline-block;
    padding: 2px 8px ;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
}

.lineform dd {
margin-bottom:20px;
}
.lineform dd.selectA {
display:flex;
}
.lineform .step {
	display:flex;
	list-style:none;
	justify-content:center;
	margin:0 0 10px;
}
.lineform .step li {
	list-style:none;
  display: block;
	margin:0 5px;
  text-align: center;
	box-sizing:border-box;
	padding:1px 2px;
	border-radius:15px;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:10px;
	background:#ccc;
	color:#fff;
  font-weight: bold;
	position:relative;
}
.lineform .step li.current {
	background:#ff6f61;
}
.lineform .step li:before {
	display:none;
}
.lineform .step li:after {
	content:"step";
	display:block;
	position:absolute;
	top:-15px;
	left:0;
	color:#ccc;
}
.lineform .step li.current:after {
	color:#ff6f61;
}

.lineform input[type='text'],
.lineform input[type='email'] {
    font-size: 18px;
}
.lineform select {
    font-size: 18px;
    font-weight: 700;
    margin-right:10px;
}

.lineform input[type='text'],
.lineform input[type='email'] ,
.lineform textarea  {
    border: 1px solid #ededed;
    background: #fff;
    padding: 10px ;
    max-width:100%;
    box-sizing:border-box;
}
.lineform textarea  {
    width:100%;
}

.lineform select {
	max-width: 100%;
    border: 1px solid #ededed;
    background: #fff;
     width: auto;
     display:inline-block;
    padding: 10px 20px 10px 15px;
    box-sizing:border-box;
}

.lineform .wrap {
display:block;
    padding: 30px 40px;
    background: rgba(255,255,255,.95);
}
.lineform .submit  {margin-top:20px;}
.lineform .submit input[type='submit'],.lineform .submit a {
    width: 70%;
    margin: 0 auto;
    padding: 20px 0;
    color: #fff;
    text-align: center;
    background: url(./assets/img/arrow.svg) #0072ef no-repeat 95% center/8px;
    border-radius: 50px;
    display: block;
    font-size: 18px;
}
.lineform .submit a {padding:12px 0;text-decoration:none;}

main#lineform {margin:auto;}

@media(max-width:767px){
.lineform dd {
display:block;
}
.lineform .wrap {
display:block;
padding:25px 15px 15px;
}
.lineform .submit input[type='submit'] {
 width: 100%;
 margin: 0 auto;
 padding: 10px 20px 10px 10px;
 font-size: 13px;
 word-wrap: break-word;
}


}

/* lineフォーム + アンケートフォーム */

.wpcf7-list-item-label,
.wpcf7-list-item label span{
	  padding: 10px 15px;
  box-shadow: 0 0 3px #ccc inset;
  border-radius: 8px;
	display:block;
	cursor:pointer;
	background:#fff;
}

.wpcf7-list-item label span.wpcf7-list-item-label-cheked  {
	background: #ff6f61;
}


span.wpcf7-list-item{
	margin: 0 10px 8px 0!important;
}
.questionnaire  dt {
    font-size: 17px;
    margin-bottom: 10px;
    font-weight: 800;
}
.detail .questionnaire dd {
padding-bottom: 20px;
border-bottom:1px solid #ccc;
}
.detail .questionnaire dd p {
    margin-bottom: 15px;
    font-size: 13px;
	line-height:1.5;
}
.questionnaire select {
    border-radius: 30px;
    font-size: 14px;
    padding: 10px 50px 10px 10px;
    min-width: 300px;
	background:#fff url("./assets/img/ar-d.png") no-repeat  95% center;
	background-size: 13px 8px;
	margin-bottom:10px;
	border:#444 1px solid;
	max-width:100%;
	width:100%;
	box-sizing:border-box;
}
.more  {
	display:none;
}

.morebtn {
	width:96%;
	max-width:300px;
	margin:auto;
	display:block;
	border:1px solid #444;
	background:#eee;
	text-align:center;
	font-size:13px;
	position:relative;
	cursor:pointer;
	padding:10px 15px;
	border-radius:40px;
}
.morebtn:after {
	content:"+";
	position:absolute;
	right:15px;
	top:50%;
	transform:translateY(-50%);
}
.note,.notice {
	text-indent:-1em;
	padding-left:1em;
}
.notice  {color:red;}

.questionnaire input[type='text'],
.questionnaire input[type='email'],
.questionnaire textarea {
	border:#444 1px solid;
	max-width:100%;
	box-sizing:border-box;
}

@media(max-width:767px){
	.questionnaire select {min-width:0}
}

.feature h3 {

}
.feature h3{
  position: relative;
 padding:15px;
	margin-top:40px;
	margin-bottom:20px;
	font-size:20px;
}

.feature h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}
.feature .linkarea ul {display: flex;
flex-wrap: wrap;
justify-content: start;
align-items:start;}
.feature .linkarea ul li {
	margin-bottom:10px;
	margin-right:10px;
}
.feature .linkarea a{line-height:1;display:inline-block; padding:8px 15px 8px 30px; position:relative;border:1px solid #ccc;border-radius:30px;
text-decoration: none;}
.feature .linkarea a:before {
	content:"→";
	position:absolute;
	left:10px;
	top:50%;
	transform:translateY(-50%);
	transition:all .5s;
}
.feature .linkarea a:hover:before {
	left:15px;
}