@charset "UTF-8";
/*
Theme Name: GEEKJOB_theme_ver1.07
Description: GEEK JOBのテーマ
Author: GEEK JOB
Author URI: https://www.geekjob.jp/
Version: 1.0.7
エラーになる画像パスの調整
*/
/* all display
-------------------------------------------------- */
/* pickup
======================================================= */

.pickup {
	padding: 0 0 20px;
	background: #f1f1f1;
}

.pickup .pickup_in {
	width: 980px;
	margin: 0 auto;
	background: #fff;
}

.pickup .pickup_in .catch {
	text-align: center;
}

.pickup .pickup_left {
	float: left;
	width: 490px;
}

.pickup .pickup_right {
	float: right;
	width: 490px;
}

.pickup .pickup_cont {
	padding: 30px;
}

.pickup h2 {
	font-size: 150.00%;
	margin: 0 0 12px;
}

.pickup .txt {
	margin: 0 0 22px;
}

.pickup .media .view {
	float: left;
	width: 100px;
}

.pickup .media .anchor {
	float: right;
	text-align: right;
	width: 260px;
}

.pickup a {
	display: block;
}

.pickup a:link,
.pickup a:visited,
.pickup a:hover {
	text-decoration: none;
}

.pickup a:hover .pickup_cont h2 {
	text-decoration: underline;
}


/* 記事
======================================================= */

.article {
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: 1px solid #e6e6e6;
}

.article:last-child {
	margin: 0;
	padding: 0;
	border: none;
}

.article .catch {
	float: left;
	width: 240px;
}

.article .catch img {
	width: 240px;
	height: auto;
}

.article .ico_post img {
	width: 104px;
	height: auto;
}

.article .article_cont {
	float: right;
	width: 400px;
	padding: 2px 10px 10px 0;
}

.article h3,
.wrap_under .article h2 {
	font-size: 150.00%;
	margin: 0 0 10px;
	border: none;
}

.article .txt {
	margin: 0 0 8px;
}

.article .media .day {
	float: left;
	width: 80px;
}

.article .media .anchor {
	float: right;
	text-align: right;
	width: 260px;
}

.article a {
	display: block;
}

.article a:link,
.article a:visited,
.article a:hover {
	text-decoration: none;
}

.article a:hover .article_cont h3,
.wrap_under .article a:hover .article_cont h2 {
	text-decoration: underline;
}


/* 新着記事
======================================================= */

.new_article {
	margin: 0 0 60px;
}


/* pager
======================================================= */

.pager {
	margin: 0 0 80px;
	text-align: center;
}

.pager ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	text-align: center;
}

.pager ul li {
	display: inline-block;
	vertical-align: middle;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	margin: 0 5px;
	padding: 0;
}

.pager ul li a {
	display: block;
	width: 30px;
	padding: 12px 5px 13px;
	border: 1px solid #e6e6e6;
	font-weight: bold;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

.pager ul li a:link,
.pager ul li a:visited {
	color: #3f3f3f;
	background: #fff;
	text-decoration: none;
}

.pager ul li.active a,
.pager ul li a:hover {
	color: #fff;
	border: 1px solid #0a1955;
	background: #0a1955;
	text-decoration: none;
}


/* f_about
======================================================= */

.f_about p {
	font-size: 91.67%;
}


/* side_category
======================================================= */

.side .side_category {
	float: left;
	width: 280px;
	margin: 0 0 30px;
}

.side .side_category ul {
	margin: 0;
	/*padding: 0;*/
	list-style-type: none;
}

.side .side_category ul li {
	float: left;
	width: 120px;
	padding: 0 10px 10px 24px;
	background: url(common/img/ico/ico_folder.png) no-repeat 0 5px;
}

/*.side .side_category ul li:nth-child(2n+1) {
	margin: 0 0 15px;
	clear: both;
}*/


/* side
======================================================= */

.side .article {
	margin: 0 0 15px;
	padding: 0;
	border: none;
}

.side .article:last-child {
	margin: 0;
}

.side .img {
	float: left;
	width: 90px;
	position: relative;
}

.side .img img {
	width: 90px;
	height: auto;
}

.side .img .rank_no {
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 20px;
}

.side .article_cont {
	float: right;
	width: 180px;
	padding: 0;
}

.side .txt {
	margin: 0 0 3px;
}

.side .txt p {
	font-size: 91.67%;
}

.side .media .view {
	float: left;
	width: 60px;
	font-size: 91.67%;
}

.side .media .anchor {
	float: right;
	text-align: right;
	width: 100px;
	font-size: 91.67%;
}

.side .article a {
	display: block;
}

.side .article a:link,
.side .article a:visited,
.side .article a:hover {
	text-decoration: none;
}
/*
.side .article a:hover .article_cont {
	text-decoration: underline;
}
*/


/* writer
======================================================= */

.side .writer {
	display: table;
	width: 100%;
	margin: 0 0 40px;
	padding: 24px;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
			border-radius: 10px;
	background: #f1f1f1;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

.side .writer .img {
	float: none;
	display: table-cell;
	width: 70px;
	vertical-align: middle;
}

.side .writer .img img {
	width: 70px;
	height: auto;
}

.side .writer .txt {
	display: table-cell;
	padding: 0 0 0 20px;
	vertical-align: middle;
}

.side .writer .txt p {
	font-size: 91.67%;
}

.side .writer .txt .name {
	font-weight: bold;
	font-size: 14px;
}


/* ranking_article
======================================================= */

.ranking_article {
	margin: 0 0 30px;
}


/* reco_article
======================================================= */

.reco_article {
	margin: 0 0 30px;
}


/* keyword
======================================================= */

.keyword ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.keyword ul li {
	float: left;
	margin: 0 7px 12px 0;
}

.keyword ul li a {
	display: block;
	padding: 10px 7px 10px 33px;
	border: 1px solid #e6e6e6;
	font-weight: bold;
	background: url(common/img/ico/ico_tag.png) no-repeat 8px 13px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

.keyword ul li a:link,
.keyword ul li a:visited {
	text-decoration: none;
}

.keyword ul li a:hover {
	color: #0a1955;
	text-decoration: underline;
	background: #f1f1f1 url(common/img/ico/ico_tag.png) no-repeat 8px 13px;
}

.keyword .more {
	clear: both;
	margin: 8px 0 0;
	text-align: right;
}

.keyword .more span {
	padding: 0 0 0 12px;
	background: url(common/img/arw/arw_g.png) no-repeat 0 5px;
}

.keyword .more a:link,
.keyword .more a:visited {
	text-decoration: none;
}

.keyword .more a:hover {
	text-decoration: underline;
}


/* side_logo
======================================================= */

.side_logo .free {
	margin: 0 0 20px;
}

.side_logo a {
	padding: 0;
	display: block;
	border: 1px solid #e6e6e6;
	text-align: center;
	-webkit-border-radius: 0 0 3px 3px;
	   -moz-border-radius: 0 0 3px 3px;
			border-radius: 0 0 3px 3px;
}

.side_logo a:link,
.side_logo a:visited,
.side_logo a:hover {
	text-decoration: none;
}

.side_logo p {
	padding: 5px 0;
	font-size: 83.33%;
}

.side_logo p.logo {
	margin: 0;
	padding: 15px 0;
	-webkit-border-radius: 3px 3px 0 0;
	   -moz-border-radius: 3px 3px 0 0;
			border-radius: 3px 3px 0 0;
}

.side_logo .free p.logo {
	background: #76b61a url(common/img/ico/ico_blank_side.png) no-repeat 260px 8px;
}

.side_logo .change p.logo {
	background: #3883ff url(common/img/ico/ico_blank_side.png) no-repeat 260px 8px;
}

/* side_camp
======================================================= */
.side_camp{
	margin: 0 0 20px;
}

.side_camp a {
	padding: 0;
	display: block;
}

/* table
======================================================= */

table {
	width: 100%;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #e6e6e6;
        margin-bottom: 48px
}

table th {
        border-collapse: collapse;
	font-weight: bold;
	padding: 15px 10px;
	text-align: center;
	color: #3f3f3f;
	border: 1px solid #e6e6e6;
}

table td {
	padding: 10px;
	text-align: left;
	border: 1px solid #e6e6e6;
}


/* 定義型list dl
======================================================= */

.privacy {
	margin-top: 40px;
}

.privacy dt {
	font-size: 116.7%;
	font-weight: bold;
	margin: 0 0 10px;
	color: #3f3f3f;
	padding-left: 10px;
	border-left: 6px solid #0a1955;
}

.privacy dd {
	margin-bottom: 40px;
}

.privacy ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.privacy .ml5 {
	margin-left: 5px;
}


/* photo
======================================================= */

.photo_l {
	float: left;
	margin: 0 30px 0 0;
	text-align: left;
}

.photo_r {
	float: right;
	margin: 0 0 0 30px;
	text-align: left;
}


/* ol num
======================================================= */

.photo_l + ol.num {
	float: left;
}

ol.num {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ol.num li {
	margin: 0 0 5px;
	padding: 0 0 0 30px;
}

ol.num li.num01 {
	background: url(common/img/ico/ico_ol_num01.gif) no-repeat 0 2px;
}

ol.num li.num02 {
	background: url(common/img/ico/ico_ol_num02.gif) no-repeat 0 2px;
}

ol.num li.num03 {
	background: url(common/img/ico/ico_ol_num03.gif) no-repeat 0 2px;
}

ol.num li.num04 {
	background: url(common/img/ico/ico_ol_num04.gif) no-repeat 0 2px;
}


/* 引用定義
======================================================= */


blockquote:before {
	content: " ";
	position: relative;
	float: left;
	right: 4%;
	top: -20px;
	background: url(common/img/ico/ico_quote_top.png) no-repeat 3% 5%;
	display: block;
	height: 25px;
	width: 25px;
}

blockquote:after {
        content: " ";
        position:relative;
	float: right;
        left: 4%;
	top: 0px;
	background: url(common/img/ico/ico_quote_btm.png) no-repeat 97% 95%;
        display: block;
        height: 25px;
        width: 25px;
}
blockquote p{
margin:0px;
}

/* no_list
======================================================= */

ul.no_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


/* ol_sec
======================================================= */

.ol_sec {
	margin: 0;
	padding: 0;
	list-style-type: none;
	counter-reset: second;
	*list-style-type: decimal;
}

.ol_sec li {
	padding-left: 30px;
	text-indent: -30px;
}

.ol_sec > li::before {
	float: left;
	width: 30px;
	content: '(' counter(second) ')';
	counter-increment: second;
}

.ol_sec li ul li {
	text-indent: 0;
	padding: 0;
}

/* p
======================================================= */
.article_detail p {
	margin: 0 0 1.6em;
        line-height: 1.6;
}

/* list
======================================================= */

.article_detail ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.article_detail ul li {
	padding: 0 0 0 10px;
	background: url(common/img/ico/ico_list_detail.png) no-repeat 0 12px;
}


/* pdf
======================================================= */

.article_detail .pdf {
	padding: 0 0 0 25px;
	background: url(common/img/ico/ico_pdf.png) no-repeat 0 0;
}


/* caption
======================================================= */

.caption {
	font-size: 12px;
	margin: 10px 0 0;
}


/* 透明画像
======================================================= */

.overimg {
	box-shadow: #fff 0 0 0;
}


/* viewpost
======================================================= */

.viewpost {
	position: relative;
	z-index: 1;
}

.viewpost .catch {
	position: relative;
}

.viewpost .ico_post {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #000;
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}

.viewpost .bg_txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fafafa;
	z-index: -1;
	display: none;
}


/* result
======================================================= */

.ico_social {
	text-align: center;
	padding: 30px 0 40px;
}

.result_bottom p {
	font-size: 116.7%;
	font-weight: bold;
	color: #3f3f3f;
	margin-bottom: 20px;
	padding: 10px 20px;
	background: #f1f1f1;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}

.result_bottom table {
	margin-bottom: 30px;
}

.result_bottom table th {
	width: 150px;
}

.result_bottom table td {
	padding-bottom: 0;
}

.result_bottom .keyword {
	margin: 0;
}

.result_bottom .ca_category ul {
	margin: 0;
	list-style: none;
	padding: 0 0 5px;
}

.result_bottom .ca_category li {
	float: left;
	padding: 0 30px 5px 24px;
	background: url(common/img/ico/ico_folder.png) no-repeat 0 5px;
}


/* main_article
======================================================= */

.main_article {
	width: 980px;
	margin: 0 auto 30px;
}

.main_article .catch {
	float: left;
	width: 240px;
}

.main_article .catch img {
	width: 240px;
	height: auto;
}

.main_article .cont {
	float: right;
	width: 710px;
}

.main_article .cont h1 {
	font-size: 200.00%;
}

.main_article .cont .txt {
	margin: 0 0 5px;
}

.main_article .cont .category {
	float: left;
	margin: 10px 30px 0 0;
}

.main_article .cont .category p {
	padding: 0 0 0 24px;
	background: url(common/img/ico/ico_folder.png) no-repeat 0 5px;
}

.main_article .cont .keyword {
	float: left;
}
/* cta
======================================================= */
.post-cta {
  margin: 0px 0px 15px 0px;
  background: #f1f1f1;
}
.post-cta .post-cta-inner {
  padding: 0px 45px 30px;
}


.post-cta .cta-post-title {
  padding: 20px 45px;
  text-align: center;
  font-size: 24px;
  /*margin-bottom: 14px;*/
  border-bottom: 1px solid #e5e5e5;
}
.post-cta .post-cta-img {
 width: 100%;
  /*width: 230px;*/
  margin: 0 0 20px 30px;
}
.post-cta .post-cta-cont {
  margin: 0 0 1.6em;
  line-height: 1.6;
  font-size: 16px;
  overflow: hidden;
}

.post-cta .post-cta-btn {
  margin: 40px 0 10px;
}
.post-cta .post-cta-btn a {
  background: #5ace5f;
  color: #fff;
  border-radius: 3px;
  border-bottom: 5px solid #38bd3e;
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  width: 60%;
  margin: 0 auto 20px;
}
.post-cta .post-cta-btn a:hover {
  background: #81da85;
  border-bottom: 5px solid #5ace5f;
}
.post-cta p {
  margin-bottom: 1em;
}
.post-cta .btn {
  width: 100%;
  display: block;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  padding: 14px 0;
  -webkit-transition: background .3s ease-in-out;
          transition: background .3s ease-in-out;
  background: #2581c4;
}
.post-cta .btn:hover {
  text-decoration: none;
  background: #f24e4f;
}

/* social
======================================================= */

.social {
	width: 780px;
	margin: 0 auto 30px;
}

.social .sns_btn {
	float: left;
	margin: 0 20px 0 0;
}

ul.count_button {
    display: table;
    margin: 0 auto;
}

ul.count_button li {
    display: table-cell;
    vertical-align: top;
    padding: 0 5px;
}

.social .bookmark {
	width: 156px;
	float: left;
	margin: 8px 20px 0 0;
}

.social .bookmark a {
	display: block;
	padding: 9px 10px;
	text-align: center;
	background: #0a1955;
	font-size: 116.67%;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}

.social .bookmark a:link,
.social .bookmark a:visited,
.social .bookmark a:hover {
	color: #fff;
	text-decoration: none;
}

.social .add{
	padding: 0 0 0 26px;
	background: url(common/img/ico/ico_bokmark_w.png) no-repeat 0 1px;
}

.social .remove {
	padding: 0 0 0 26px;
	background: url(common/img/ico/ico_bokmark_f.png) no-repeat 0 1px;
}

.social .view {
	float: left;
	margin: 8px 0 0;
}

.caveat {
	margin: 0 0 30px;
	text-align: right;
}


/* detail
======================================================= */

.wrap_detail table th {
	background: #f2f2f2;
}


/* relation
======================================================= */

.wrap_detail .main .relation h2 {
	font-size: 116.67%;
	border-bottom: 1px solid #e6e6e6;
}

.relation .relation_article {
	width: 670px;
	overflow: hidden;
	margin: 0 0 30px;
}

.relation .relation_article .article {
	width: 700px;
	overflow: hidden;
	margin: 0 0 15px;
	padding: 0;
	border: none;
}

.side .relation_posts{
            margin: 0 0 15px;
}

.relation .relation_posts{
            width: 320px;
            margin: 0 30px 15px 0;
	    display: inline-block;
}

.relation .article .img {
	float: left;
	width: 90px;
}

.relation .article .img img {
	width: 90px;
	height: auto;
}

.relation .article .article_cont {
	float: right;
	width: 220px;
	padding: 0;
}

.relation .article .article_cont .txt {
	margin: 0 0 10px;
}

.relation .article .article_cont .view {
	float: left;
	width: 70px;
}

.relation .article .article_cont .anchor {
	float: right;
	width: 150px;
}


/* category_list
======================================================= */

.wrap_detail .main .category_list h2 {
	font-size: 116.67%;
	border-bottom: 1px solid #e6e6e6;
}

.category_list ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.category_list ul li {
	float: left;
	width: 133px;
	padding: 0 10px 0 24px;
	background: url(common/img/ico/ico_folder.png) no-repeat 0 5px;
}

.category_list ul li:nth-child(4n+1) {
	margin: 0 0 15px;
	clear: both;
}


/* apply
======================================================= */

.wpcf7 input[type="text"],input[type="email"] {
	width: 100%;
	padding: 5px;
	font-size: 116.67%;
	border: 1px solid #e6e6e6;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}

.wpcf7 textarea {
	width: 100%;
	padding: 5px;
	font-size: 116.67%;
	border: 1px solid #e6e6e6;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
	resize: vertical;
}

.wpcf7 select {
	width: 100%;
	padding: 5px 20px;
	font-size: 116.67%;
	border: 1px solid #e6e6e6;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}

.wpcf7 option {
	padding: 5px 20px;
}

.wpcf7 input[type="submit"]{
        text-align: center;
	color: #fff;
	font-size: 116.67%;
	padding: 12px 35px;
	border: none;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
	background: #0a1955;
}

.wpcf7 p {
        font-size: 120%;
        font-weight: bold;
	padding: 12px;
}

/*------------------------------------------
// User style start
// お気に入りに追加するボタン
// change
----------------------------------------- */

.button-content  {
  border-radius: 0px;
  background-color: #436a8d;
}

.button-content:before  {
  border-radius: 0px;
  border-bottom: 0px solid rgba(42,67,89, 0);
  background-color: rgba(42,67,89, 0);
}

.button-content  {
  border-radius: 0px 0px 0px 0px;
  padding: 6px 7.5px;
  box-shadow: 0px 0px 0px 0px rgba(42,67,89, 0);
  color: #f8f8f8;
}

.button-text  {
  padding: 0px 7.5px;
  line-height: 1.5em;
  font-size: 18px;
}
/*----------------- at hover -----------------*/

.button-content:hover  {
  top: -0px;
  transition: all 30ms;
  -moz-transition: all 30ms;
  -webkit-transition: all 30ms;
  -o-transition: all 30ms;
  background-color: #477197;
}

.button-content:hover:before  {
  border-bottom: 0px solid rgba(42,67,89, 0);
  transition: all 30ms;
  -moz-transition: all 30ms;
  -webkit-transition: all 30ms;
  -o-transition: all 30ms;
}
/*----------------- at active -----------------*/

.button-content:active  {
  background-color: #3a5d7b;
  box-shadow: 0px 1px 0px 0px rgba(34,54,71, 1) inset;
}

.button-content:active:before  {
  top: -0px;
  padding-bottom: 0px;
  border-bottom: 0px solid rgba(42,67,89, 0);
}
/*------------------------------------------
// User style end
----------------------------------------- */

/*------------------------------------------
// Core style start
// not change
----------------------------------------- */

.button-content  {
  display: -moz-inline-box;
  display: inline-block;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;position: relative;
  top: 0px;
  cursor: pointer;
  text-decoration: none;
  line-height: 1;
}

.button-content:before  {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.button-text  {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
}
/*----------------- at hover -----------------*/

.button-content:hover  {
  transition-timing-function: ease-in-out;
}

.button-content:hover:before  {
  transition-timing-function: ease-in-out;
}

/*----------------- at active -----------------*/

.button-content:active  {
  top: 0px;
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.button-content:active:before  {
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}
/*------------------------------------------
// Core style end
----------------------------------------- */

/*------------------------------------------
// Touch style start
----------------------------------------- */

/*----------------- at hover -----------------*/

.touch .button-content:hover  {
  top: 0px;
  background-color: #436a8d;
}

.touch .button-content:hover:before  {
  border-bottom: 0px solid rgba(42,67,89, 0);
}

/*----------------- at active -----------------*/

.touch .button-content:active  {
  background-color: #3a5d7b;
  box-shadow: 0px 1px 0px 0px rgba(34,54,71, 1) inset;
}

.touch .button-content:active:before  {
  top: -0px;
  padding-bottom: 0px;
  border-bottom: 0px solid rgba(42,67,89, 0);
}
/*------------------------------------------
// Touch style end
----------------------------------------- */


.button-text  {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
}
/*----------------- at hover -----------------*/

.button-content:hover  {
  transition-timing-function: ease-in-out;
}

.button-content:hover:before  {
  transition-timing-function: ease-in-out;
}

/*----------------- at active -----------------*/

.button-content:active  {
  top: 0px;
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.button-content:active:before  {
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}
/*------------------------------------------
// Core style end
----------------------------------------- */

/*------------------------------------------
// Touch style start
----------------------------------------- */

/*----------------- at hover -----------------*/

.touch .button-content:hover  {
  top: 0px;
  background-color: #436a8d;
}

.touch .button-content:hover:before  {
  border-bottom: 0px solid rgba(42,67,89, 0);
}

/*----------------- at active -----------------*/

.touch .button-content:active  {
  background-color: #3a5d7b;
  box-shadow: 0px 1px 0px 0px rgba(34,54,71, 1) inset;
}

.touch .button-content:active:before  {
  top: -0px;
  padding-bottom: 0px;
  border-bottom: 0px solid rgba(42,67,89, 0);
}
/*------------------------------------------
// Touch style end
----------------------------------------- */


/*------------------------------------------
// User style start
// お気に入りに追加するボタン
// change
----------------------------------------- */

.button-before  {
  border-radius: 0px;
  background-color: #3984c6;
}

.button-before:before  {
  border-radius: 0px;
  border-bottom: 0px solid rgba(39,92,138, 0);
  background-color: rgba(39,92,138, 0);
}

.button-before  {
  border-radius: 0px 0px 0px 0px;
  padding: 6px 7.5px;
  box-shadow: 0px 0px 0px 0px rgba(39,92,138, 0);
  color: #f8f8f8;
}

.button-text  {
  padding: 0px 7.5px;
  line-height: 1.5em;
  font-size: 18px;
}
/*----------------- at hover -----------------*/

.button-before:hover  {
  top: -0px;
  transition: all 30ms;
  -moz-transition: all 30ms;
  -webkit-transition: all 30ms;
  -o-transition: all 30ms;
  background-color: #448bc9;
}

.button-before:hover:before  {
  border-bottom: 0px solid rgba(39,92,138, 0);
  transition: all 30ms;
  -moz-transition: all 30ms;
  -webkit-transition: all 30ms;
  -o-transition: all 30ms;
}
/*----------------- at active -----------------*/

.button-before:active  {
  background-color: #3a5d7b;
  box-shadow: 0px 1px 0px 0px rgba(34,79,118, 1) inset;
}

.button-before:active:before  {
  top: -0px;
  padding-bottom: 0px;
  border-bottom: 0px solid rgba(39,92,138, 0);
}
/*------------------------------------------
// User style end
----------------------------------------- */

/*------------------------------------------
// Core style start
// not change
----------------------------------------- */

.button-before  {
  display: -moz-inline-box;
  display: inline-block;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;position: relative;
  top: 0px;
  cursor: pointer;
  text-decoration: none;
  line-height: 1;
}

.button-before:before  {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.button-text  {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
}
/*----------------- at hover -----------------*/

.button-before:hover  {
  transition-timing-function: ease-in-out;
}

.button-before:hover:before  {
  transition-timing-function: ease-in-out;
}

/*----------------- at active -----------------*/

.button-before:active  {
  top: 0px;
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.button-before:active:before  {
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}
/*------------------------------------------
// Core style end
----------------------------------------- */

/*------------------------------------------
// Touch style start
----------------------------------------- */

/*----------------- at hover -----------------*/

.touch .button-before:hover  {
  top: 0px;
  background-color: #3984c6;
}

.touch .button-before:hover:before  {
  border-bottom: 0px solid rgba(39,92,138, 0);
}

/*----------------- at active -----------------*/

.touch .button-before:active  {
  background-color: #3376b2;
  box-shadow: 0px 1px 0px 0px rgba(34,79,118, 1) inset;
}

.touch .button-before:active:before  {
  top: -0px;
  padding-bottom: 0px;
  border-bottom: 0px solid rgba(39,92,138, 0);
}
/*------------------------------------------
// Touch style end
----------------------------------------- */


.button-text  {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
}
/*----------------- at hover -----------------*/

.button-before:hover  {
  transition-timing-function: ease-in-out;
}

.button-before:hover:before  {
  transition-timing-function: ease-in-out;
}

/*----------------- at active -----------------*/

.button-before:active  {
  top: 0px;
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.button-before:active:before  {
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}
/*------------------------------------------
// Core style end
----------------------------------------- */

/*------------------------------------------
// Touch style start
----------------------------------------- */

/*----------------- at hover -----------------*/

.touch .button-before:hover  {
  top: 0px;
  background-color: #3984c6;
}

.touch .button-before:hover:before  {
  border-bottom: 0px solid rgba(39,92,138, 0);
}

/*----------------- at active -----------------*/

.touch .button-before:active  {
  background-color: #3a5d7b;
  box-shadow: 0px 1px 0px 0px rgba(34,79,118, 1) inset;
}

.touch .button-before:active:before  {
  top: -0px;
  padding-bottom: 0px;
  border-bottom: 0px solid rgba(39,92,138, 0);
}
/*------------------------------------------
// Touch style end
----------------------------------------- */

/*------------------------------------------
// job-offer start
----------------------------------------- */
.job-offer .main_article .cont {
	float: none;
	width: 100%;
}
/* 見出しの調整 */
.job-offer h2:first-child {
	margin-top: 0;
}
/* 見出しの調整 */
.job-offer h2:first-child {
	margin-top: 0;
}
/* 求人情報・会社情報の調整 */
.job-offer table th {
	width: 30%;
}
.job-offer table th br{
	display: none;
}
/* 会社についての調整 */
.job-offer .container {
	margin-top: 5px;
	display: flex;
}
.job-offer .comment-img {
	width: 20%;
}
.job-offer .comment-text {
	width: 80%;
}
/* フォームの上の画像調整 */
.job-offer .form-main-area {
	position: relative;
}
.job-offer .form-text {
	position: absolute;
	top: 50%;
	left: 0;
	margin: 0 50px;
	transform: translate(0,-50%);
	color: #e8e8e8;
	font-size: 1rem;
	line-height: 2.5rem;
}
/* フォームの調整 */
/* 必須・任意タグ */
.job-offer .form-table .required,.job-offer .form-table .option{
	color: #ffffff;
	padding: 2px 4px;
	margin-right: 5px;
}
.required-color {
	background-color: #F25C05;
}
.option-color {
	background-color: #C7C7C7;
}
/* テーブル */
.job-offer .form-table {
	margin-top: 20px;
}
.job-offer .form-table th{
	text-align: left;
	padding-left: 7%;
}
.job-offer .form-table .wpcf7-text{
	width: 100%;
	padding: 5px;
	font-size: 116.67%;
	border-radius: 5px;
	border: 1px solid #A9A9A9;
	box-sizing: border-box;
}
.job-offer .form-table .wpcf7-list-item{
	display: block;
}
.job-offer .form-table .wpcf7-form-control{
	width: 95%;
	padding: 5px;
}
.job-offer .form-table .wpcf7-text,.job-offer .form-table .wpcf7-textarea{
	border-radius: 5px;
	border: 1px solid #A9A9A9;
} 
/* 利用規約 */
.job-offer .agreement {
	text-align: center;
}
.job-offer .agreement a {
	color: #33A9D5;
	padding-left: 5px;
}
.job-offer .agreement .formError .formErrorContent {
	position: absolute;
	width: 200px;
	top: 4px;
	left: -20px;
}
/* 送信ボタン */
.job-offer .job-submit input{
	width: 240px;
	height: 50px;
	background: #F25C05;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.1rem;
	border: none;
	margin: 20px auto 50px;
	display: block
}
/* バリデーション */
.job-offer .formError .formErrorContent {
	box-sizing: border-box;
	background: none;
	color: red;
	font-weight: bold;
	padding: 0;
	line-height: 1.8;
	font-size: 10px;
}
/*------------------------------------------
// job-offer end
----------------------------------------- */