@charset "UTF-8";

/*
Theme Name: 京都市保育人材サポートセンター
Author: MediaImpact
Version: 1.0
*/
/* all display
-------------------------------------------------- */
.pt20 {
	padding-top: 20px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.mt0 {
	margin-top: 0 !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt45 {
	margin-top: 45px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb100 {
	margin-bottom: 100px !important;
}

.tac {
	text-align: center;
}

.tar {
	text-align: right;
}

.tal {
	text-align: left;
}

a.buttun {
	color: #fff;
	text-decoration: none;
	background: #4972a6;
	font-size: 16px;
	vertical-align: middle;
	padding: 10px 25px 10px 15px;
	border-radius: 5px;
	font-weight: 500;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

a.buttun:before {
	content: "▲";
	display: inline-block;
	font-size: 10px;
	position: relative;
	top: -3px;
	margin-right: 8px;
	transform: rotate(90deg) scale(0.6);
}

.visible-sp {
	display: none !important;
}

@media screen and (max-width: 767px) {
	.visible-pc {
		display: none;
	}

	.visible-sp {
		display: block !important;
	}
}

.bdr-ccc {
	border: 1px solid #ccc;
}

.bdr-t-ccc {
	border-top: 1px solid #ccc;
}

.bdr-b-ccc {
	border-bottom: 1px solid #ccc;
}

a:hover {
	opacity: 0.8;
}

.wrap {
	/* width: 1100px; */
	box-sizing: border-box;
	margin: 0 auto;
	zoom: 1;
	/* background: rgba(0,0,0,0.5); */
}

header.post-header .wrap {
	width: 100% !important;
	/* background: #EC9D27; */
	/* background: rgba(33, 58, 141, 0.5); */
	padding: 0;
}

#header-nav-btn {
	display: none;
}

.wrap:before {
	display: inline-table;
}

.wrap:after {
	content: "";
	display: block;
	clear: both;
}

.interview-contents {
	padding-bottom: 50px;
}

p.tar.date {
	width: 100%;
	margin: 15px 0 0;
	font-size: 14px;
}

#main {
	width: 100%;
	float: left;
	/* min-width: 1100px; */
}

@media screen and (max-width: 0px) {
	body {
		zoom: 80%;
	}

	#main {
		min-width: 0;
	}
}

.main-inner {
	margin-right: 358px;
}

#side {
	width: 310px;
	float: left;
	margin-left: -310px;
}

.left-content #main {
	width: 100%;
	float: left;
}

.left-content .main-inner {
	margin-right: 358px;
	margin-left: 0;
}

.left-content #side {
	width: 310px;
	float: left;
	margin-left: -310px;
}

.right-content #main {
	width: 100%;
	float: left;
}

.right-content .main-inner {
	margin-left: 358px;
	margin-right: 0;
}

.right-content #side {
	width: 310px;
	float: left;
	margin-left: -100%;
}

.one-column #content .wrap {
	/* width: 1100px; */
	max-width: 1100px;
	/* overflow: hidden; */
	padding: 0 60px;
}

@media screen and (max-width: 0px) {
	/* @media screen and (max-width: 991px) { */
	.one-column #content .wrap {
		width: 100%;
		padding: 10px 24px 0;
	}
}

@media screen and (max-width: 767px) {
	.one-column #content .wrap {
		padding: 15px 20px 0;
	}
}

.one-column #content .wrap #main {
	width: 100%;
	float: none;
}

.one-column #content .wrap #main .main-inner {
	width: 100%;
	margin: 0;
}

.one-column #content .wrap #side {
	display: none;
}

/* ----------------------------------------
* レスポンシブ
* ~ / 1200px / 991px / 767px
* desctop / laptop / tablet / phone
---------------------------------------- */
@media screen and (max-width: 0px) {
	/*@media screen and (max-width: 1200px) {*/
	/* laptop */
	.wrap,
	.one-column #content .wrap {
		width: auto;
	}

	.main-inner {
		margin-right: 346px;
		box-sizing: border-box;
	}

	/* laptop end */
}

@media screen and (max-width: 0px) {
	/*@media screen and (max-width: 991px) {*/
	/* tablet */
	.wrap,
	.one-column #content .wrap {
		margin-left: 24px;
		margin-right: 24px;
	}

	#main,
	.main-inner,
	#side {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.left-content #main,
	.right-content #main {
		float: none;
	}

	.left-content .main-inner,
	.right-content .main-inner {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}

	.left-content #side,
	.right-content #side {
		width: 100%;
		float: none;
		margin: 0;
	}

	#side {
		padding-top: 42px;
	}

	/* tablet end */
}

/*@media screen and (max-width: 0px) {*/
@media screen and (max-width: 767px) {
	/* phone */
	.wrap,
	.one-column #content .wrap {
		margin-left: 12px;
		margin-right: 12px;
	}

	/* phone end */
}

/* スマートフォン用 */
.display-mobile {
	display: none;
}

@media screen and (max-width: 767px) {
	.display-mobile {
		display: block;
	}
}

/* ----------------------------------------
* レイアウト調整用
---------------------------------------- */
.cols {
	overflow: hidden;
}

.cols .col2 {
	float: left;
	width: calc(50% - 15px);
}

.cols .col2:nth-child(2n) {
	margin-left: 30px;
}

.cols .col3 {
	float: left;
	width: calc(100% / 3 - 30px);
}

.cols .col3:nth-child(3n + 2),
.cols .col3:nth-child(3n + 3) {
	margin-left: 30px;
}

.cols .col3-1 {
	float: left;
	width: calc(100% / 3 - 30px);
}

.cols .col3-2 {
	float: left;
	width: calc(100% / 3 * 2 - 30px);
	margin-left: 30px;
}

@media screen and (max-width: 767px) {
	.cols .col2,
	.cols .col3,
	.cols .col3-1,
	.cols .col3-2 {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}

	.cols .col2:nth-child(2n),
	.cols .col3:nth-child(3n + 2),
	.cols .col3:nth-child(3n + 3),
	.cols .col3-2 {
		margin-left: 0;
	}
}

.cols .kv {
	width: 100%;
	border: solid 1px #ccc;
}

.width-auto {
	width: auto !important;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.img-center {
	text-align: center;
	display: block;
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
	.img-center {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		margin-bottom: 20px;
	}
}

.img-center img {
	width: 100%;
}

.single-interviews .post-content img {
	border: 1px solid #ddd;
	/* margin-top: 10px; */
	/* width: 300px; */
}

.img-fr {
	float: right;
	width: 360px;
	margin-left: 40px;
	margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
	.img-fr {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 100% !important;
		margin-bottom: 20px;
		padding: 0 10px;
	}
}

.img-fr img {
	width: 100%;
}

.img-fl {
	float: left;
	width: 360px;
	margin-right: 40px;
	margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
	.img-fl {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 100% !important;
		padding: 0 10px;
	}
}

.img-fl img {
	width: 100%;
}

.map-fr {
	float: right;
	margin-left: 40px;
	margin-bottom: 40px;
}

.bdr_solid_imp {
	border: 1px #ccc solid !important;
}

/* ----------------------------------------
* フォント設定
---------------------------------------- */
/* ----------------------------------------
* all
---------------------------------------- */
body {
	color: #333;
	min-width: 1100px;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "pkna";
}

@media screen and (max-width: 0px) {
	/* @media screen and (max-width: 991px) { */
	body {
		min-width: 0;
	}
}

@media screen and (max-width: 767px) {
	body {
		min-width: auto;
		overflow: hidden;
	}
}

a {
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: underline;
}

/* form
---------------------------------------- */

button,
form input[type="submit"],
form button {
	background: #88cbd8;
	color: #fff;
	font-weight: 500;
	letter-spacing: 3px;
	border-radius: 10px;
	display: block;
	padding: 10px 60px;
	margin: 20px auto;
	-webkit-appearance: none;
	border: none;
}
.wpcf7 input[type="submit"]:disabled {
	background: #aaa;
}

button.entry-ok,
button.entry-ng {
	padding: 10px 30px;
	display: inline-block;
}

button.entry-ng {
	background: #889dd8;
}

@media screen and (max-width: 767px) {
	button,
	form input[type="submit"],
	form button {
		padding: 10px;
		width: 100%;
	}

	button.entry-ng {
		margin-bottom: 0;
	}

	button.entry-ok {
		margin-bottom: 60px;
	}
}

form input[type="submit"]:hover,
form button:hover {
	cursor: pointer;
}

/* ----------------------------------------
* header
---------------------------------------- */
#header {
	position: relative;
	background: #fff;
	padding: 50px 0 0;
	margin: 0 auto;
	overflow: visible;
	background: url(./assets/img/header/header_bg.png) repeat-x;
}

@media screen and (max-width: 767px) {
	#header {
		width: 100%;
		padding: 0;
	}
}

#header .header_job-info {
	float: right;
	margin-left: 10px;
	width: 200px;
	margin-top: 2px;
}

#header #searchform {
	float: right;
	width: 250px;
	margin: 10px 0 0;
	border: 1px solid #976848;
}

#header #logo {
	font-size: 30px;
	padding: 15px 0 10px;
	font-weight: bold;
	letter-spacing: 2px;
	width: 400px;
	margin-top: -15px;
}

@media screen and (max-width: 767px) {
	#header #logo {
		padding: 10px 15px;
	}
}

#header #logo a {
	text-decoration: none;
}

#header #logo img {
	width: 400px;
}

#header #logo img.logo-text {
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
}

@media screen and (max-width: 767px) {
	#header #logo img.logo-text {
		border: none;
		max-height: 20px;
		width: auto;
	}
}

#header #logo img + img {
	margin-top: -10px;
}

@media screen and (max-width: 767px) {
	#header #logo img + img {
		max-height: 32px;
		width: auto;
	}
}

#header .header_info {
	font-size: 14px;
	padding: 15px 0 0;
	overflow: hidden;
	font-weight: bold;
	display: none;
}

#header .header_catch {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.03em;
}

.header_right_parts {
	float: right;
	margin-top: 24px;
	margin-right: 0;
}

.header_right_parts li {
	display: inline-block;
	text-align: right;
	font-size: 16px;
	vertical-align: middle;
}

.header_right_parts li:first-child a {
	border: solid 1px #666;
	padding: 3px 10px 3px;
	border-radius: 5px;
	line-height: 1;
	margin-right: 5px;
	font-size: 14px;
}

.header_right_parts li:first-child a:hover {
	text-decoration: none;
}

.header_right_parts li:first-child a::before {
	font-size: 10px;
	content: "▲";
	transform: rotate(90deg) scale(0.8);
	display: inline-block;
	vertical-align: middle;
	border: solid 1px #000;
	border-radius: 3px;
	margin-right: 5px;
	margin-top: -2px;
	padding: 4px;
}

.header_right_parts li img {
	width: 24px;
}

#header .header_address span {
	font-size: 20px;
	margin-left: 20px;
	color: #000;
}

@media screen and (max-width: 767px) {
	.wrap {
		padding: 0;
	}
}

/* ----------------------------------------
* meganav
---------------------------------------- */
#meganav,
#meganav-user {
	display: none;
	background: rgba(33, 33, 33, 0.8);
	position: absolute;
	width: 1100px;
	padding: 20px 0;
	z-index: 999;
	left: 50%;
	margin-left: -550px;
	margin-top: -36px;
}

#meganav-user {
	margin-top: 0;
	background: rgba(0, 0, 102, 0.8);
}

#meganav .wrap,
#meganav-user .wrap {
	width: 1060px;
}

#meganav .wrap > div,
#meganav-user .wrap > div {
	overflow: hidden;
}

#meganav .cols {
	padding: 0;
}

#meganav .cols .col3 {
	float: left;
	width: calc(100% / 3);
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

#meganav .cols .col3:hover {
	background: #eee;
}

#meganav .cols .col3:hover a {
	color: #000 !important;
}

#meganav .cols .col4,
#meganav-user .cols .col4 {
	float: left;
	width: 100%;
	border: solid 1px #ccc;
	display: table;
}

#meganav .cols .col4 + .col4,
#meganav-user .cols .col4 + .col4 {
	margin-left: 0;
	margin-top: 10px;
}

#meganav a {
	color: #fff !important;
}

#meganav a:hover {
	opacity: 0.7;
}

#meganav h2 {
	margin-top: 15px;
	text-align: right;
	font-weight: bold;
}

#meganav h2 a:before {
	content: "";
	border: 6px solid;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #fff;
	display: inline-block;
	position: relative;
	top: 1px;
}

#meganav h2 a {
	color: #fff !important;
}

#meganav h3 {
	text-align: center;
	padding: 13px 0 15px;
	box-shadow: 0 23px 15px -20px rgba(0, 0, 0, 0.4) inset;
	font-weight: bold;
}

#meganav ul.mega-lv1 > li > a,
#meganav-user ul.mega-lv1 > li > a {
	display: inline-block;
	background: #eee;
	font-weight: bold;
	padding: 8px 5px 7px;
	color: #000 !important;
	text-align: center;
	float: left;
	width: 140px;
	display: table-cell;

	vertical-align: middle;
	float: none;
}

#meganav ul.mega-lv1 > li > a span,
#meganav-user ul.mega-lv1 > li > a span {
	font-size: 11px;
}

#meganav ul.mega-lv2,
#meganav-user ul.mega-lv2 {
	overflow: hidden;
	display: table-cell;
}

#meganav ul.mega-lv2 > li,
#meganav-user ul.mega-lv2 > li {
	padding: 8px 10px 7px;
	/* border-bottom: solid 1px #ccc; */

	width: auto;
	float: left;
}

#meganav ul.mega-lv2 > li:last-child,
#meganav-user ul.mega-lv2 > li:last-child {
	border-bottom: none;
}

#meganav ul.mega-lv2 > li:hover,
#meganav-user ul.mega-lv2 > li:hover {
	background: #eee;
}

#meganav ul.mega-lv2 > li:hover a,
#meganav-user ul.mega-lv2 > li:hover a {
	color: #000 !important;
}

/* ----------------------------------------
* breadcrumb
---------------------------------------- */
.breadcrumb-area {
	/* background: #fff; */
	/* border-bottom: 1px solid #e5e5e5; */
	margin: 0;
}

.breadcrumb-area .wrap {
	padding: 23px 0 20px;
	padding: 0 !important;
}

.breadcrumb {
	margin: 15px 0;
	margin-left: -10px;
	overflow: hidden;
	font-size: 13px;
	padding: 0;
	line-height: 22px;
}

.breadcrumb li {
	float: left;
	margin-left: 10px;
	font-size: 13px;
}

.breadcrumb li a {
	text-decoration: none;
}

.breadcrumb li a:hover {
	text-decoration: underline;
}

.breadcrumb .fa {
	display: none;
}

@media screen and (max-width: 767px) {
	.breadcrumb-area {
		padding: 0 20px;
	}
}

/* ----------------------------------------
* gloval nav & primary nav
---------------------------------------- */
#gnav {
	margin: 0 auto;
	text-align: center;
	display: block;
	width: 100%;
	clear: both;
	position: relative;
	background: #fff;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}

@media screen and (max-width: 767px) {
	#gnav {
		display: none;
	}
}

#gnav .sub-menu {
	z-index: 10;
}

#gnav #gnav-user {
	background: #fff;
}

#gnav #gnav-user li {
	width: auto;
}

#gnav #gnav-user li a {
	color: #742900;
	font-size: 16px;
	padding: 5px 23px 2px;
}

#gnav #gnav-user li.current-menu-item a {
	background: #fff;
}

#gnav #gnav-user li a:before {
	content: "▶ ";
	font-size: 10px;
	vertical-align: top;
}

#gnav ul {
	background: #fff;
	font-size: 0;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",
		sans-serif;
}

#gnav ul#gnav-ul > li {
	display: inline-block;
	position: relative;
	margin: 0;
	width: 25%;
	border-left: dotted 1px #999;
	letter-spacing: 2px;
}

#gnav ul#gnav-ul > li.menu-item-has-children > a:after {
	content: "▼";
	font-size: 10px;
	display: inline-block;
	position: relative;
	top: -2px;
	left: 5px;
	margin-right: -10px;
}

#gnav ul#gnav-ul > li:nth-child(4) {
	border-right: dotted 1px #999;
}

#gnav ul li.current-page-ancestor > a,
#gnav ul li.current-menu-item a {
	background: #ddd;
}

#gnav ul li a {
	display: block;
	padding: 14px 40px 10px;
	text-decoration: none;
	font-weight: 500;
	font-size: 16px;
	/* color: #fff; */
}

#gnav #gnav-ul li a:hover {
	background: #eee;
}

#gnav ul li a:hover .sub-menu {
	background: #fff;
	display: block;
}

#gnav ul li .sub-menu {
	font-size: 14px;
	text-align: left;
	display: none;
	position: absolute;
	width: 100%;
	background: #fff;
	border: 1px #e5e5e5 solid;
}

#gnav ul li .sub-menu li {
	display: block;
	width: 100%;
}

#gnav ul li .sub-menu li:list-child {
	border-bottom: none;
}

#gnav ul li .sub-menu li a {
	color: #3b4552;
	background: #fff;
	padding: 10px 15px;
}

#gnav ul li .sub-menu li a:hover {
	background: #fafafa;
	color: #3b4552;
}

#gnav ul li .sub-menu .sub-menu {
	left: 100%;
	top: -1px;
}

#header-right {
	/* float:right; */
	display: block;
	z-index: 1;
	position: relative;
}

@media screen and (max-width: 767px) {
	#header-right {
		display: none;
	}
}

.header_utility {
	text-align: right;
}

@media screen and (max-width: 767px) {
	.header_utility {
		display: none;
	}
}

.header_utility form {
	display: inline-block;
	position: relative;
	top: 17px;
}

.header_utility form input {
	background: #efefef;
	border: none;
	display: inline-block;
	height: 26px;
	float: left;
}

.header_utility a {
	background: #006;
	color: #fff !important;
	padding: 10px;
	width: 120px;
	font-weight: bold;
	margin-left: 15px;
	display: inline-block;
	text-align: center;
	font-size: 15px;
}

.header_utility a.header_emergency {
	background: #f00;
}

#header-fnav-area {
	width: 150px;
	position: relative;
}

#header-fnav-area #header-fnav-btn a {
	display: block;
	padding: 22px 12px;
	line-height: 24px;
	font-size: 23px;
	height: auto;
	text-align: center;
	background: #57bca8;
}

#header-fnav-area #header-fnav-btn a:hover {
	text-decoration: none;
}

#header-fnav-area #header-fnav {
	z-index: 10;
	font-size: 14px;
	text-align: left;
	display: none;
	position: absolute;
	right: 0;
	width: 200px;
	background: #fff;
	border: 1px #e5e5e5 solid;
}

#header-fnav-area #header-fnav li {
	float: none;
	margin-left: 0;
	border-bottom: 1px #e5e5e5 solid;
	display: block;
}

#header-fnav-area #header-fnav li:list-child {
	border-bottom: none !important;
}

#header-fnav-area #header-fnav li a {
	color: #3b4552;
	background: #fff;
	padding: 10px 15px;
	display: block;
}

#header-fnav-area #header-fnav li a:hover {
	background: #fafafa;
	color: #3b4552;
	text-decoration: none;
}

/* ----------------------------------------
* content
---------------------------------------- */
#content {
	padding: 0 52px 0;
	/* キャプション */
}

@media screen and (max-width: 767px) {
	#content {
		padding: 0;
	}
}

#content .wrap {
	overflow: visible;
}

#content .wp-caption {
	max-width: 100%;
	border: 1px solid #e5e5e5;
	text-align: center;
	padding: 5px;
	margin-bottom: 12px;
}

#content .wp-caption-text {
	padding: 12px 16px;
	margin-bottom: 0;
	text-align: center;
}

.page table {
	width: auto;
}

.page table th,
.page table td {
	padding: 15px;
}

.page table td p:last-of-type,
.page table td dl:last-of-type {
	margin-bottom: 0;
}

tr.open_info {
	background-color: #fff0f0 !important;
}

li {
	/* list-style: none; */
	font-size: 16px;
	/* text-align: right; */
}

#recent_post_content li {
	list-style: none;
	font-size: 14px;
	line-height: 28px;
	border-bottom: dashed 1px #ccc;
	padding: 20px 0 16px 60px;
}

#recent_post_content li a {
	display: block;
}

#recent_post_content li a:hover {
	text-decoration: none;
}

/* ----------------------------------------
* frontpage
---------------------------------------- */
body.home #content {
	padding: 0;
	font-family: "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body.home #main {
	width: 100%;
	margin: 0;
	float: none;
	font-family: "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body.home .main-inner {
	margin: 0;
}

body .wrap {
	width: 1100px;
	margin: 0 auto;
	padding: 0 !important;
}

@media screen and (max-width: 991px) {
	body.home .wrap {
		width: 100%;
	}
}

body.home #main_visual ul {
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 767px) {
	.slick-dots {
		bottom: -10px !important;
	}
}

body.home #main_visual .slick-slide li div {
	height: 30vw;
	max-height: 600px;
	text-align: center;
	background-size: cover;
	background-position: center bottom;
	min-height: 370px;
	border-bottom: solid 1px #999;
	box-shadow: 0 20px 15px -20px rgba(0, 0, 0, 0.4) inset;
}

@media screen and (max-width: 767px) {
	body.home #main_visual li div {
		height: 25vh !important;
		margin-top: 0;
		min-height: 0 !important;
	}
}

@media screen and (max-width: 767px) {
	body.home #main_visual div {
		position: relative;
		top: 0;
		bottom: auto;
		margin: 0 auto;
	}
}

body.home #main_visual h2 {
	font-size: 30px;
	line-height: 55px;
	margin-bottom: 24px;
	padding: 48px 0 45px;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	body.home #main_visual h2 {
		top: 7vh;
	}
}

body.home #main_visual p {
	font-size: 15px;
	width: 600px;
	margin: 0 auto;
}

.front-loop {
	background: #fff;
	overflow: hidden;
	padding: 0;
	margin-left: -2.2%;
	margin-bottom: 0;
}

.front-loop table {
	border: none;
	width: 940px;
	margin: 0 auto;
	background: #fff;
}

.front-loop table th {
	border: none;
	width: 220px;
	vertical-align: middle;
	background: #666;
	color: #fff;
}

.front-loop table td {
	border: none;
	vertical-align: middle;
	padding: 0;
}

.front-loop h2 {
	text-align: center;
	padding: 24px 0;
	margin: 7px 0 0 0;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.2em;
}

.front-loop .popular_post_box {
	width: 100%;
	float: left;

	font-family: "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.front-loop .popular_post_box img,
.front-loop .popular_post_box h3,
.front-loop .popular_post_box .p_category,
.front-loop .popular_post_box ul {
	margin-bottom: 0;
	margin-top: 0;
}

.front-loop .popular_post_box h3 {
	color: #241913;
	font-size: 18px;
	font-weight: bold;
}

.front-loop .popular_post_box h3 a {
	color: #241913;
}

.front-loop .popular_post_box h3 a:hover {
	color: #ff6c00;
	text-decoration: underline;
}

.front-loop .popular_post_box img {
	max-width: 100%;
	height: auto;
}

.front-loop .popular_post_box ul {
	overflow: hidden;
}

.front-loop .popular_post_box ul li {
	float: left;
	width: 25%;
	text-align: left;
}

.front-loop .popular_post_box ul li .fa {
	margin-right: 8px;
}

.front-loop .popular_post_box ul li .share {
	display: none;
}

.front-loop .popular_post_box ul a {
	color: #241913;
}

.front-loop .popular_post_box ul a:hover {
	color: #ff6c00;

	text-decoration: underline;
}

.front-loop .popular_post_box .p_category {
	background: #47b39d;

	display: inline-block;
	padding: 8px 24px;
	font-size: 12px;
	color: #fff;
}

.front-loop .popular_post_box .p_rank {
	position: absolute;
	top: 0;
	left: 0;
	background: #900;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	opacity: 0.7;
}

.front-loop .popular_post_box .p_rank span {
	font-size: 16px;
}

.front-loop .popular_post_box .p_date {
	position: absolute;
	top: 0;
	left: 0;
	background: #3b4552;
	width: 48px;
	height: 48px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	opacity: 0.7;
}

.front-loop .popular_post_box .p_date span {
	display: block;
	line-height: 18px;
}

.front-loop .popular_post_box .p_date .date-y {
	font-size: 12px;
	padding-top: 6px;
}

.front-loop .popular_post_box .p_date .date-mj {
	font-size: 14px;
	padding-bottom: 6px;
}

.front-loop .front-loop-cont {
	padding: 50px 0;
	overflow: hidden;
}

.front-loop .front-loop-cont article {
	border: none !important;
}

.front-loop article.post {
	border: none;
	margin-bottom: 0;
}

.front-loop article.post h3 span.date {
	margin-right: 1em;
}

.front-loop article.post h3 span.category {
	margin-right: 1em;
}

.front-loop article.post.rank-1 .p_rank {
	background: #d6b038;
}

.front-loop article.post.rank-2 .p_rank {
	background: #bfc4c9;
}

.front-loop article.post.rank-3 .p_rank {
	background: #b9704e;
}

.front-loop article.post.rank-4 .p_rank,
.front-loop article.post.rank-5 .p_rank {
	background: #47442f;
}

.front-main-cont {
	/* border-top: solid 1px #CCC; */
	display: block;
	/* box-shadow:0px 23px 15px -20px rgba(0,0,0,0.4) inset; */
	padding: 0 50px 70px 50px;
}

@media screen and (max-width: 767px) {
	.front-main-cont {
		/* border-top: solid 1px #CCC; */
		display: block;
		/* box-shadow:0px 23px 15px -20px rgba(0,0,0,0.4) inset; */
		padding: 0 0 30px;
	}
}

.front-main-cont.no-bg {
	padding: 0;
	background: none;
}

.front-main-cont.no-bg .cols {
	margin-top: 0;
	border-bottom: none;
	border-top: none;
}

.front-main-cont h2 {
	text-align: center;
	padding: 60px 0 30px;
	font-size: 20px;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.front-main-cont h2 {
		padding: 30px 0 20px;
	}
}

.front-main-cont h3 {
	text-align: center;
	padding: 40px 0 20px;
	font-size: 17px;
	font-weight: bold;
	/* box-shadow:0px 23px 15px -20px rgba(0,0,0,0.4) inset; */
}

b.front-main-cont h3 span {
	font-size: 13px;
}

.front-main-cont h4 {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 25px;
}

.front-main-cont a.front {
	display: inline-block;
	padding: 10px 30px;
	border: solid 1px #fff;
	margin: 20px auto;
	color: #fff;
	font-size: 14px;
	background: #006;
}

.front-main-cont a.front::before {
	content: "";
	border: 6px solid;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #fff;
	display: inline-block;
	position: relative;
	top: 1px;
}

.front-main-cont .cols {
	text-align: center;
	overflow: hidden;
	border-right: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	min-width: 0;
}

.front-main-cont h3 + .cols {
	margin-top: 0;
}

@media screen and (max-width: 991px) {
	.front-main-cont .cols {
		border: none;
	}
}

@media screen and (max-width: 767px) {
	.front-main-cont .cols {
		display: block;
	}
}

.front-main-cont .cols .col2 {
	padding: 0;
	float: left;
	width: 50%;
	background: #fff;
}

@media screen and (max-width: 767px) {
	.front-main-cont .cols .col2 {
		width: 100%;
		margin-bottom: 20px;
		/* border: solid 1px #ccc; */
	}
}

.front-main-cont .cols .col2 p {
	padding-left: 20px;
	padding-right: 20px;
}

.front-main-cont .cols .col3 p {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 0;
}

.front-main-cont .cols .col3 h3 {
	margin: 0;
	border-bottom: none;

	padding: 40px 0 20px;
	font-size: 17px;
}

.front-main-cont .cols .col3 img {
	width: 100%;
}

.front-main-cont .cols .col2:nth-child(2n) {
	margin-left: 0;
}

.front-main-cont .cols .col3 {
	padding: 0 0 30px;
	width: calc(100% / 3 - 6px);
	background: #fff;
	color: #333;
	margin: 0;
}

@media screen and (max-width: 767px) {
	.front-main-cont .cols .col3 {
		width: 100%;
	}
}

.front-main-cont .cols .col3:last {
	border-right: none;
}

.front-main-cont .cols .col4 {
	width: calc(100% / 4 - 10px);
	min-height: 140px;
	color: #333;
	padding: 20px 0 0;
}

@media screen and (max-width: 767px) {
	.front-main-cont .cols .col4 {
		width: 100%;
	}
}

.front-main-cont .cols .col5 {
	width: calc(100% / 5 - 10px);
	min-height: 140px;
	color: #333;
	padding: 20px 0 0;
}

@media screen and (max-width: 767px) {
	.front-main-cont .cols .col5 {
		width: 100%;
	}
}

/* 新着情報、イベント
---------------------------------------- */
.front-main-cont.front-area1 {
	padding: 50px 0 0;
}

@media screen and (max-width: 767px) {
	.front-main-cont.front-area1 {
		padding: 0;
	}
}

@media screen and (max-width: 767px) {
	.front-main-cont.front-area1 .news-event {
		border: none;
	}
}

.front-main-cont.front-area1 .news-event h2 {
	display: flex;
	align-items: center;
	text-align: left;
	padding: 5px 10px;
	margin-bottom: 20px;
	letter-spacing: 2px;
}

@media screen and (max-width: 767px) {
	.front-main-cont.front-area1 .news-event h2 {
		flex-direction: column;
		justify-content: center;
		padding: 5px;
		font-size: 16px;
		display: block;
	}
}

.news-event .news-area h2 {
	border-top: dotted 2px #000;
	border-bottom: dotted 2px #000;
	color: #235ca6;
}

.news-event .event-area h2 {
	border-top: dotted 2px #666;
	border-bottom: dotted 2px #666;
	color: #a69354;
}

.front-main-cont.front-area1 h2 span {
	color: #333;
	font-size: 14px;
}

.front-main-cont.front-area1 .news-event .news-area {
	padding-right: 25px;
}

.front-main-cont.front-area1 .news-event .event-area {
	padding-left: 25px;
}

@media screen and (max-width: 767px) {
	.front-main-cont.front-area1 .news-event .news-area,
	.front-main-cont.front-area1 .news-event .event-area {
		padding-right: 0;
		padding-left: 0;
	}
}

@media screen and (max-width: 767px) {
	.front-main-cont.front-area1 .news-event .news-area,
	.front-main-cont.front-area1 .news-event .event-area {
		margin: 10px 0;
		border-width: 0 2px;
		border-right: none;
		border-left: none;
	}

	.front-main-cont.front-area1 .news-event .news-area {
		padding-bottom: 20px;
		margin-bottom: 0;
	}
}

.news-event .news-list,
.news-event .event-list {
	text-align: left;
	padding: 0;
	margin-left: 10px;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.news-event .news-list,
	.news-event .event-list {
		text-align: left;
		padding: 0 15px;
		margin: 0;
	}

	.news-event .news-list li,
	.news-event .event-list li {
		font-size: 13px;
	}
}

.news-event .news-list li,
.news-event .event-list li {
	display: flex;
	justify-content: flex-start;
}

.news-event .news-list li:not(:last-of-type),
.news-event .event-list li:not(:last-of-type) {
	margin-bottom: 1em;
}

.news-event .news-list li.more,
.news-event .event-list li.more {
	display: block;
	text-align: right;
}

.news-event .news-list time,
.news-event .event-list time {
	width: 110px;
}

.news-event .news-list a,
.news-event .event-list a {
	width: calc(100% - 110px);
}

/* ----------------------------------------
   利用者別メニュー
---------------------------------------- */
/* 求職者メニュー */
.front-main-cont.front-area2 {
	padding: 0 0 80px;
}

@media screen and (max-width: 767px) {
	.front-main-cont.front-area2 {
		padding: 0 0 40px;
	}
}

.front-main-cont.front-area2 h2 {
	background-color: #ff9d30;
	padding: 0;
	margin: 0 -50vw 50px;
}

@media screen and (max-width: 767px) {
	.front-main-cont.front-area2 h2 {
		margin: -10px -15px 20px;
	}
}

.front-main-cont.front-area2 h2 + p {
	font-size: 18px;
	font-weight: bold;
	color: #666;
}

@media screen and (max-width: 767px) {
	.front-main-cont.front-area2 h2 + p {
		font-size: 15px;
	}
}

.front-main-cont.front-area2 h2 img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
	.front-main-cont.front-area2 h2 img {
		padding: 0 10px;
	}
}

.front-main-cont.front-area2 h3 {
	position: relative;
	font-size: 24px;
	background-color: #fff;
	padding: 5px 0;
	margin: 40px -80px 20px;
	letter-spacing: 2px;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.front-main-cont.front-area2 h3 {
		margin: 20px 0 0;
		font-size: 18px;
	}
}

.front-main-cont.front-area2 h3::after {
	content: "";
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	display: block;
	width: 0;
	height: 0;
	margin: auto;
	border-width: 18px 17.5px 0 17.5px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}

/* 施設・事業者メニュー */
.front-main-cont.front-area2 h3.by-content-title {
	background: url(./assets/img/page/h2_worker.png) no-repeat;
	background-size: cover;
}

.front-main-cont.front-area2 .by-content {
	display: flex;
	margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
	.front-main-cont.front-area2 .by-content > div {
		width: 48%;
	}

	.front-main-cont.front-area2 .by-content > div li {
		font-size: 13px;
	}

	.front-main-cont.front-area2 .by-content {
		margin-bottom: 40px;
	}
}

.front-main-cont.front-area2 .by-content ul {
	height: 320px;
	text-align: left;
	background-color: #fff;
	padding: 130px 15px 15px;
	margin: -120px 0 0;
	border-radius: 10px;
}

@media screen and (max-width: 767px) {
	.front-main-cont.front-area2 .by-content ul {
		height: auto;
		padding: 130px 10px 10px;
	}
}

.front-main-cont.front-area2 .by-content ul li {
	text-indent: -14px;
	margin-left: 14px;
	line-height: 1.2;
	margin-bottom: 10px;
}

.front-main-cont.front-area2 .by-content ul li:before {
	content: "▶ ";
	font-size: 10px;
	vertical-align: middle;
	margin-right: 1px;
	color: #ff9d30;
}

/* 利用者別メニュー */
.front-main-cont.front-area2 h3.by-user-title {
	background: url(./assets/img/page/h2_employer.png) no-repeat;
	background-size: cover;
}

.front-main-cont.front-area2 .by-user {
	display: flex;
}

@media screen and (max-width: 767px) {
	.front-main-cont.front-area2 .by-user > div {
		width: 48%;
	}
}

.front-main-cont.front-area2 .by-user ul {
	height: 350px;
	text-align: left;
	background-color: #fff;
	padding: 130px 15px 15px;
	margin: -120px 0 0;
	border-radius: 10px;
}

@media screen and (max-width: 767px) {
	.front-main-cont.front-area2 .by-user ul {
		height: auto;
		padding: 45px 15px 15px;
		margin: -35px 0 0;
	}
}

.front-main-cont.front-area2 .by-user ul li {
	text-indent: -14px;
	margin-left: 14px;
}

.front-main-cont.front-area2 .by-user ul li:before {
	content: "▶ ";
	font-size: 10px;
	vertical-align: middle;
	margin-right: 1px;
	color: #56c4a8;
}

/* 当センターについて　バナー */
.top-aboutus-banner {
	margin-top: 80px;
}

@media screen and (max-width: 767px) {
	.top-aboutus-banner {
		margin: 40px 20px 0;
	}
}

/* facebook, twitter, instagram
---------------------------------------- */
.front-main-cont.front-area3 {
	padding: 60px 0;
	border-top: dotted 1px #000;
}

@media screen and (max-width: 767px) {
	.front-main-cont.front-area3 {
		padding: 0 0 20px;
	}
}

.front-area3-left {
	text-align: left;
	width: 55%;
	display: inline-block;
	float: left;
	font-weight: bold;
	margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
	.front-area3-left {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}
}

.front-area3-left h3 {
	text-align: left;
	font-size: 20px;
	letter-spacing: 3px;
	color: #235ca6;
	padding-top: 0;
	margin-top: -6px;
}

.front-area3-left .address,
.front-area3-left table th,
.front-area3-left table td {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 3em;
}

@media screen and (max-width: 767px) {
	.front-area3-left .address,
	.front-area3-left table th,
	.front-area3-left table td {
		margin-bottom: 20px;
		font-size: 14px;
		display: block;
		width: 100% !important;
	}

	.front-area3-left table th,
	.front-area3-left table td {
		margin-bottom: 0;
	}
}

.front-area3-left table {
	border: none;
}

.front-area3-left table th,
.front-area3-left table td {
	border: none;
	padding: 0 5px 5px 0;
	vertical-align: top;
}

.front-area3-left table th {
	width: 110px !important;
}

.front-area3-right {
	text-align: left;
	width: 45%;
	display: inline-block;
	margin-bottom: 60px;
	float: right;
	border: solid 1px #ccc;
	line-height: 0;
}

@media screen and (max-width: 767px) {
	.front-area3-right {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
}

.front-area3-right iframe {
	width: 100%;
}

.front-area3-banner-list {
	clear: both;
}

.front-area3-banner-list ul {
	padding: 0;
	font-size: 0;
}

.front-area3-banner-list ul li {
	display: inline-block;
	width: 25%;
	padding: 5px;
}

.front-area3-banner-list ul li img {
	width: 100%;
	display: block;
	border: solid 1px #ccc;
}

@media screen and (max-width: 767px) {
	.front-area3-banner-list ul li {
		width: 50%;
	}
}

/*
---------------------------------------- */
.front-main-cont .front-cont-header {
	position: relative;
	padding: 16px 0 24px;
	background: #3b4552;
	color: #fff;
	text-align: center;
	font-family: "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.front-main-cont .front-cont-header .cont-icon {
	font-size: 28px;
}

.front-main-cont .front-cont-header .cont-title {
	font-size: 28px;
	margin: 0;
}

.front-main-cont .front-cont-header .cont-ruby {
	font-size: 13px;
	margin: 0;
}

.front-main-cont .tri-border {
	position: absolute;
	bottom: -18px;

	width: 100%;
	z-index: 20;
}

.front-main-cont .tri-border span {
	display: block;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-left: 28px solid transparent;
	border-left: 56px solid transparent;
	border-right: 56px solid transparent;
	border-top: 18px solid #3b4552;
}

body.home #front-contents .c_box {
	position: relative;
	border-bottom: 1px solid #e5e5e5;
}

body.home #front-contents .c_box_inner {
	width: 54%;
	padding-bottom: 32px;
}

body.home #front-contents .c_img_box {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	z-index: 0;
	background-size: cover;
	background-repeat: no-repeat;
}

body.home #front-contents .c_box.c_box_left {
	background-color: #fff;
}

body.home #front-contents .c_box.c_box_left .c_box_inner {
	float: left;
	z-index: 10;
}

body.home #front-contents .c_box.c_box_left .c_img_box {
	right: 0;
	background-position: center top;
}

body.home #front-contents .c_box.c_box_right {
	background-color: #fafafa;
}

body.home #front-contents .c_box.c_box_right .c_box_inner {
	float: right;
}

body.home #front-contents .c_box.c_box_right .c_img_box {
	left: 0;
	background-position: center top;
}

body.home #front-contents .c_number {
	background: #47b39d;
	color: #fff;
	display: inline-block;
	padding: 40px 12px 8px;
	margin-bottom: 32px;
	margin-top: 0;
}

body.home #front-contents h3 {
	color: #47b39d;
	font-size: 36px;

	margin-top: 0;
	margin-bottom: 8px;
	line-height: 1.4;
}

body.home #front-contents .c_english {
	color: #47b39d;
	font-size: 13px;
	margin-bottom: 32px;
	margin-top: 0;
}

body.home #front-contents h4 {
	font-size: 24px;
	margin-bottom: 28px;
	margin-top: 0;
	font-weight: 500;
}

body.home #front-contents .c_text p {
	font-family: "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 48px;
}

body.home #front-contents .c_text .c_btn a {
	border-radius: 5px;
	background: #ff6c00;
	color: #fff;
	font-size: 14px;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	-webkit-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
	opacity: 1;
	display: block;
	width: 30%;
	padding: 12px;
	text-align: center;
}

body.home #front-contents .c_text .c_btn a:hover {
	opacity: 0.8;
	text-decoration: none;
}

body.home #front-service {
	background: url(./lib/images/border_e5.png) repeat-y top center #fff;
	padding-bottom: 56px;
	border-bottom: 1px solid #e5e5e5;
}

body.home #front-service .front-service-inner {
	margin-left: -10%;
	overflow: hidden;
}

body.home #front-service .front-service-inner .c_box {
	width: 40%;
	padding-top: 96px;
	margin-left: 10%;
	margin-bottom: 20px;
	float: left;
}

body.home #front-service .front-service-inner .c_title {
	text-align: center;
}

body.home #front-service .front-service-inner h3 {
	color: #47b39d;
	font-size: 40px;
	margin-bottom: 8px;
}

body.home #front-service .front-service-inner .c_english {
	color: #47b39d;
	font-size: 13px;
	margin-bottom: 32px;
}

body.home #front-service .front-service-inner h4 {
	font-size: 24px;
	margin-bottom: 28px;
	text-align: center;
}

body.home #front-service .front-service-inner .c_text p {
	margin-bottom: 28px;
}

body.home #front-service .front-service-inner .c_text .c_btn a {
	border-radius: 5px;
	background: #47b39d;
	color: #fff;
	margin: 0 auto;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	-webkit-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
	opacity: 1;
	display: block;
	width: 50%;
	padding: 16px 20px;
	text-align: center;
}

body.home #front-service .front-service-inner .c_text .c_btn a:hover {
	opacity: 0.8;
	text-decoration: none;
}

body.home #front-company {
	background: #fff;
	font-family: "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body.home #front-company .c_box {
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	min-height: 450px;
}

body.home #front-company .c_box_inner {
	width: 684px;
	padding: 96px 0;
}

body.home #front-company .c_img_box {
	position: absolute;
	top: 0;
	right: 0;
	width: 40%;
	height: 100%;
	z-index: 0;
}

body.home #front-company .c_img_box iframe {
	width: 100% !important;
	height: 100% !important;
}

body.home #front-company .no-company-map .c_img_box {
	display: none;
}

body.home #front-company .no-company-map .c_box_inner {
	margin-left: auto;
	margin-right: auto;
}

body.home #front-company dl {
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	margin: 0;
}

body.home #front-company dl dt span,
body.home #front-company dl dd span {
	padding: 20px 32px;
	display: block;
}

body.home #front-company dl dt {
	float: left;
	width: 20%;
	margin: 0;
}

body.home #front-company dl dd {
	float: left;
	width: 80%;
	margin: 0;
}

body.home #front-company dl#front-company-1 dt {
	border-top: 2px solid #47b39d;
}

body.home #front-company dl#front-company-1 dt span {
	padding-top: 19px;
}

body.home #front-company dl#front-company-1 dd {
	border-top: 1px solid #e5e5e5;
}

/*フッター　お見積・ご相談*/
#front-contact {
	background: #47b39d;
	font-family: "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#front-contact {
	overflow: hidden;
	padding-bottom: 50px;
}

#front-contact .contact-info {
	float: left;
	width: 70%;
}

#front-contact .contact-info h2,
#front-contact .contact-info p {
	text-align: left;
}

#front-contact a.footer-contact {
	display: inline-block;
	padding: 10px 30px;
	border: solid 1px #fff;
	margin: 20px auto;
	color: #fff;
	font-size: 14px;
}

#front-contact a.footer-contact::before {
	content: "";
	border: 6px solid;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #fff;
	display: inline-block;
	position: relative;
	top: 1px;
}

#front-contact .c_box_inner {
	padding: 60px 0;
	width: 100%;
	max-width: 632px;
	margin: 0 auto;
}

#front-contact .c_box_inner input[type="text"],
#front-contact .c_box_inner input[type="tel"],
#front-contact .c_box_inner input[type="email"],
#front-contact .c_box_inner input[type="url"],
#front-contact .c_box_inner textarea {
	width: 95%;
}

#front-contact .c_box_inner input[type="submit"],
#front-contact .c_box_inner button {
	width: 30%;
	display: block;
	background: #131d2a;
	border-radius: 3px;
	margin: 0 auto;
}

#front-contact .c_box_inner p {
	margin-bottom: 1.4em;
	color: #fff;
}

span.date {
	margin-right: 18px;
}

span.category {
	margin-right: 18px;
	background: #152459;
	color: #fff;
	font-size: 11px;
	padding: 1px 20px 1px 20px;
	display: inline-block;
	line-height: 20px;
	vertical-align: top;
	margin-top: 3px;
	letter-spacing: 0.05em;
}

/* ----------------------------------------
* main
---------------------------------------- */
/* 子ページ */
.post-content > p {
	margin-bottom: 1em;
}

.post-content .page-cols {
	overflow: hidden;
}

.post-content .page-col3 {
	width: calc(100% / 3 - 30px);
	float: left;
	margin: 20px 15px;
	text-align: center;
	border: 1px #ccc solid;
}

@media screen and (max-width: 767px) {
	.post-content .page-col3 {
		width: 100%;
		margin: 10px 0;
	}
}

.post-content .page-col3 img {
	width: 100%;
	height: auto;
}

body.color02 .post-content .page-col3 h3 {
	border-bottom: none;
}

.post-content .page-col3 h3 {
	padding: 0 20px;
	line-height: 30px;
	font-size: 17px;
	margin: 30px 0 20px;
}

.post-content .page-col3 p {
	padding: 0 20px;
	margin-bottom: 1.5em;
}

.post-content .link a {
	display: inline-block;
	padding: 10px 30px;
	border: solid 1px #fff;
	margin: 10px auto 30px;
	color: #fff;
	font-size: 14px;
	background: #006;
}

.post-content .link a:before {
	content: "";
	border: 6px solid;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #fff;
	display: inline-block;
	position: relative;
	top: 1px;
}

.cat-content,
article.post,
article.page,
article.support_info,
article.event,
article.interviews,
article.nurserie,
article.search {
	margin-bottom: 60px;
	/* background: #fff; */
	/* border: 1px #666 solid; */
}

@media screen and (max-width: 767px) {
	.cat-content,
	article.post,
	article.page {
		margin-bottom: 0;
	}
}

.post-header {
	/* padding: 56px 64px 46px; */
	position: relative;
	/* border-bottom: 1px solid #e5e5e5; */
	/* margin-top: -25px; */
}

.post-header .cat-name {
	margin-bottom: 20px;
}

.post-header .cat-name span {
	border: 1px solid #47b39d;
	color: #47b39d;
	display: inline-block;
	padding: 4px 16px;
	font-size: 13px;
}

.post-title {
	font-size: 24px;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
	padding: 39px 0 37px;
	background-image: url(assets/img/page/h1_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	color: #fff;
	background-size: cover;
}

body.page .post-title {
	margin-bottom: 0;
	/* background: rgba(0,0,0,0.5); */
	/* padding: 40px; */
	letter-spacing: 0.05em;
}

.post-title a {
	color: #241913;
}

.post-title a:hover {
	color: #ff6c00;
}

.post-content h2.post-title {
	font-weight: 500;
}

.post-title a {
	color: #3b4552;
}

.post-title a:hover {
	color: #ff6c00;
	text-decoration: none;
}

.cat-content .post-header,
article.page .post-header {
	padding: 56px 64px 30px;
	margin-bottom: 20px;
	background: #fff;
}

.post-meta-area {
	margin: -15px 0 20px;
	/* border-bottom: 1px solid #e5e5e5; */
	overflow: hidden;
}

.post-meta-area ul {
	margin: 0;
}

.post-meta-area .post-meta {
	border-bottom: none;
	line-height: 1;
}

.post-meta-area .post-meta .cat-name {
	float: left;
	display: inline-block;
	background: #5b74a9;
	color: #fff;
	border-radius: 10px;
	padding: 4px 11px;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
	/* position: relative; */
	/* top: 5px; */
}

.post-meta-area .post-meta .date {
	float: right;
}

.post-meta-area .post-meta .date {
	/* padding: 12px 40px; */
	margin-top: -3px;
}

.post-meta-area .post-meta .date .datetime {
	font-size: 1.1em;
}

.post-meta-area .post-meta-comment {
	text-align: center;
	width: auto;
	float: right;
}

.post-meta-area .post-meta-comment li {
	padding: 12px 24px;
	display: inline-block;
	border-left: 1px solid #e5e5e5;
}

.post-thumbnail img {
	width: 100%;
	height: auto;
}

.post-content {
	padding: 20px 0 50px;
}

.post-content a {
	text-decoration: underline;
}

.post-content hr {
	border-bottom: 1px solid #eee;
	margin: 20px 0;

	clear: both;
}

.post-content p {
	line-height: 30px;
}

.post-content p,
.post-content ul,
.post-content ol,
.post-content dl,
.post-content blockquote,
.post-content pre,
.post-content table {
	margin-bottom: 20px;
	font-size: 16px;
}

.interview-content {
	width: 650px;
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
	.post-content p,
	.post-content ul,
	.post-content ol,
	.post-content dl,
	.post-content blockquote,
	.post-content pre,
	.post-content table {
		font-size: 15px;
	}

	.interview-content {
		width: 100%;
	}
}

.post-content ol {
	list-style: decimal;
}

.post-content ul,
.post-content ol {
	margin-left: 0;
	padding-left: 0;
}

.post-content ul > ul,
.post-content ul > ol,
.post-content ol > ol,
.post-content ol > ul {
	margin-bottom: 0;
}

.post-content dl dt {
	float: left;
	line-height: 1.8em;
}

.post-content dl dd {
	margin-left: 7.5em;
	line-height: 1.8em;
}

.post-content pre {
	padding: 20px;
	overflow: scroll;
	font-family: "Courier", monospace;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
	font-weight: bold;
}

.post-content h1 {
	margin: 32px 0;
	font-size: 36px;
	clear: both;
	font-weight: 500;
}

#toc_container + h2 {
	margin-top: 30px;
}

@media screen and (max-width: 767px) {
	#toc_container + h2 {
		margin-top: 0;
	}
}

.post-content h2 {
	margin: 40px -40px 32px;
	padding: 10px 16px 9px 37px;
	font-size: 20px;
	clear: both;
	font-weight: bold;
	background: url(./assets/img/page/h2_worker.png) no-repeat;
	background-size: cover;
	border: none;
	position: relative;
	color: #fff;
}

.post-content h2 a {
	color: #fff;
}

.guide_worker #content {
	background-image: url(./assets/img/page/guide/bg_guide.png);
}

.guide_flow {
	display: flex;
	width: 830px;
	margin: 0 auto 100px;
}

.guide_flow:nth-child(even) {
	margin-left: 200px;
}

.guide_flow img {
	margin-right: 40px;
}

.guide_flow:nth-child(1) img {
	max-height: 200px;
	width: 311px;
}

@media screen and (max-width: 767px) {
	.guide_flow:nth-child(1) img {
		width: 100%;
	}
}

.guide_flow:nth-child(3) img {
	max-height: 162px;
}

.guide_flow + .guide_flow:before {
	content: " ";
	display: block;
	position: absolute;
	left: 50%;
	margin-top: -75px;
	background: url(./assets/img/page/guide/arrow.png) no-repeat;
	width: 60px;
	height: 60px;
	margin-left: -30px;
}

.guide_flow:nth-child(2):before {
	transform: rotate(0deg);
}

.guide_flow:nth-child(3):before {
	transform: rotate(5deg);
}

.guide_flow:nth-child(4):before {
	transform: rotate(2deg);
}

.guide_flow:nth-child(5):before {
	transform: rotate(6deg);
}

.guide_flow:nth-child(1) p {
	margin-top: 40px;
}

.guide_flow:nth-child(2) p {
	margin-top: 20px;
}

.guide_flow:nth-child(3) p {
	margin-top: 65px;
}

.guide_flow:nth-child(4) p {
	margin-top: 40px;
}

.guide_flow:nth-child(5) p {
	margin-top: 50px;
}

@media (max-width: 767px) {
	.guide_flow:nth-child(1) p {
		margin-top: 20px;
	}

	.guide_flow:nth-child(2) p {
		margin-top: 20px;
	}

	.guide_flow:nth-child(3) p {
		margin-top: 20px;
	}

	.guide_flow:nth-child(4) p {
		margin-top: 20px;
	}

	.guide_flow:nth-child(5) p {
		margin-top: 20px;
	}
}

@media (max-width: 767px) {
	.guide_flow {
		width: 100%;
		flex-direction: column;
		margin-bottom: 80px;
	}

	.guide_flow:nth-child(even) {
		margin-left: 0;
	}

	.guide_flow img {
		margin: 0 auto;
	}
}

.guide_kenshu,
.guide_mensetsu,
.guide_annual {
	padding: 0 60px 30px;
	width: 720px;
	background: #fff;
	margin: 120px auto 0;
}

.guide_kenshu img,
.guide_mensetsu img,
.guide_annual img {
	position: relative;
	top: -75px;
	display: block;
	margin: 0 -50px -45px;
	text-align: center;
	max-width: none;
}

.guide_kenshu img {
	top: -104px;
	margin-bottom: -85px;
}

.guide_annual ul li time {
	margin-right: 1em;
}

.guide_kenshu ul,
.guide_mensetsu ul,
.guide_annual ul {
	width: 550px;
	margin: 0 auto;
}

.guide_kenshu ul li,
.guide_mensetsu ul li,
.guide_annual ul li {
	list-style: none;
	border-bottom: dashed 1px;
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.guide_kenshu ul li,
	.guide_mensetsu ul li,
	.guide_annual ul li {
		margin-left: 0;
		padding-left: 20px;
		text-indent: -20px;
		font-size: 14px;
		padding-bottom: 5px;
	}
}

.guide_kenshu ul li a,
.guide_mensetsu ul li a,
.guide_annual ul li a {
	text-decoration: none;
}

.guide_kenshu ul li a:hover,
.guide_mensetsu ul li a:hover,
.guide_annual ul li a:hover {
	text-decoration: underline;
}

.guide_kenshu ul li:before,
.guide_mensetsu ul li:before,
.guide_annual ul li::before {
	content: "●";
	color: #d16d6d;
	margin-right: 5px;
}

.guide_kenshu ul.postlist li:before,
.guide_mensetsu ul.postlist li:before,
.guide_annual ul.postlist li::before {
	content: "▲";
	color: #4972a6;
	margin-right: 5px;
	display: inline-block;
	transform: rotate(90deg);
	margin-right: 10px;
}

.guide_mensetsu p {
	/* width: 490px; */
	margin: 0 auto 15px;
}

@media (max-width: 767px) {
	.guide_kenshu,
	.guide_mensetsu,
	.guide_annual {
		width: 100%;
		padding: 20px 20px 15px;
		margin: 80px auto 5px;
	}

	.guide_kenshu img,
	.guide_mensetsu img,
	.guide_annual img {
		width: 100vw;
		margin: 0 -70px -45px;
	}

	.guide_kenshu img {
		top: -75px;
		margin: 0 -50px -60px;
	}

	.guide_mensetsu img {
		top: -60px;
		margin: 0 -55px -50px;
	}

	.guide_kenshu ul {
		width: 100%;
	}

	.guide_mensetsu p {
		width: 100%;
		margin-bottom: 0;
	}
}

.page-employer .post-content h2 {
	background-image: url(./assets/img/page/h2_employer.png);
}

.aboutus #content {
	background: url(./assets/img/page/aboutus/bg_aboutus.png);
}

.post-content h2.circle-heading {
	background: #f0a760;
	color: #fff;
	width: 260px;
	height: 260px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin: 0 auto 60px;
	padding: 30px 25px 10px;
	font-size: 24px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.post-content h2.circle-heading {
		width: 200px;
		height: 200px;
		font-size: 20px;
		margin-bottom: 30px;
	}
}

.post-content p.catch {
	text-align: center;
	color: #235ca6;
	font-weight: bold;
	font-size: 24px;
}

.post-content p.catch_sub {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
	.post-content p.catch {
		font-size: 20px;
	}

	.post-content p.catch_sub {
		font-size: 16px;
		text-align: left;
	}
}

.supports_wrap {
	height: 620px;
}

.supports_inner {
	background: #fff;
	width: 100vw;
	position: absolute;
	left: 0;
	text-align: center;
	padding: 40px 0 80px;
	margin-top: 60px;
}

@media screen and (max-width: 767px) {
	.supports_wrap {
		height: auto;
	}

	.supports_inner {
		background: #fff;
		width: calc(100% + 40px);
		position: static;
		padding: 15px 15px 30px;
		margin: 0 -20px -20px;
	}
}

.post-content ul.supports {
	display: block;
	width: 600px;
	margin: 0 auto;
	line-height: 40px;
}

.post-content ul.supports li {
	counter-increment: supports;
	list-style: none;
	font-weight: bold;
	color: #fff;
	background: url(./assets/img/page/aboutus/supports_bg.png);
	margin-bottom: 5px;
	font-size: 20px;
	text-align: left;
}

.post-content ul.supports li:before {
	content: counter(supports);
	background: #ed7839;
	padding: 5px 15px 5px;
	margin-right: 10px;
	font-size: 24px;
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	.post-content ul.supports {
		width: 90%;
	}

	.post-content ul.supports li {
		margin-left: 0;
		font-size: 14px;
		padding: 5px 10px 5px 0;
		display: flex;
		line-height: 1.6;
	}

	.post-content ul.supports li:before {
		font-size: 16px;
		padding: 5px 10px;
		display: inline-block;
		margin: -5px 10px -5px 0;
	}
}

.post-content .col2 h2 {
	margin: 40px 20px 32px;
}

@media screen and (max-width: 767px) {
	.post-content .col2 h2 {
		margin: 20px 20px;
	}
}

.post-content h2:first-child {
	margin-top: 20px;
}

@media screen and (max-width: 767px) {
	.post-content h2:first-child {
		margin-top: 0;
	}
}

.post-content h3 {
	font-size: 24px;
	margin: 45px 0 25px;
	clear: both;
	font-weight: bold;
	line-height: 1;
	color: #4972a6;
}

p.result-num {
	text-align: center;
	font-size: 20px;
	color: #4972a6;
	font-weight: bold;
}

.result-num span {
	font-size: 36px !important;
	vertical-align: text-bottom;
	margin-right: 3px;
	color: #a64949;
}

.result_item h3 {
	cursor: pointer;
}

.result_item h3 span {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	vertical-align: middle;
	padding: 3px 15px 3px;
	border-radius: 4px;
	margin-right: 10px;
	margin-top: 5px;
}

@media screen and (max-width: 767px) {
	.result_item h3 span {
		margin-top: 5px;
		margin-left: 0;
		margin-right: 5px;
		font-size: 13px;
		padding: 3px 8px 2px;
	}
}

.result_item h3 .expand-icon {
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: -6px;
	margin-left: 1em;
	border-width: 13px 7.5px 0 7.5px;
	border-style: solid;
	border-color: #4972a6 transparent transparent transparent;
	border-radius: 0;
	padding: 0;
}

.result_item h3.expanded .expand-icon {
	border-width: 0 7.5px 13px 7.5px;
	border-color: transparent transparent #4972a6 transparent;
}

.result_item h3 .new-icon {
	display: inline-block;
	color: #c00;
	margin: -5px 0 0;
}

.result_item .sr-link a,
.result_item .sr-url a,
.post-content a.print-button {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background: #4972a6;
	font-size: 12px;
	padding: 0.1em 0.6em 0.1em 1.4em;
	border-radius: 5px;
	font-weight: 500;
	line-height: 1.6;
	position: relative;
	width: 100%;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.result_item .sr-link a,
	.result_item .sr-url a,
	.post-content a.print-button {
		width: fit-content;
	}
}

.result_item .sr-link a::before,
.result_item .sr-url a::before,
.post-content a.print-button::before {
	content: "▲";
	display: inline-block;
	font-size: 4px;
	left: 1.2em;
	top: 50%;
	margin-right: 8px;
	transform: translate(0, -50%) rotate(90deg) scale(0.7);
	position: absolute;
}

.result_item .recruit-table-wrap {
	display: none;
}
/*
.result_item h3 a.print_btn {
	display: none;
}

.logged-in .result_item h3 a.print_btn {
	display: block;
}
*/
@media screen and (max-width: 767px) {
	.result_item h3 a {
		float: right;
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
		transform: translateY(0);
	}
}

.cat_area {
	background: #dceff7;
}
.sr-area .cat_area {
	color: #fff;
	border-radius: 3px;
	line-height: 1.6;
	display: inline-block;
	padding: 0 0.26em;
}
.cat_area_kita,
.cat_area_1,
.areacode-26101 {
	background: #58b0ad;
}

.cat_area_kamigyo,
.cat_area_2,
.areacode-26102 {
	background: #60b5e0;
}

.cat_area_sakyo,
.cat_area_3,
.areacode-26103 {
	background: #6478b3;
}

.cat_area_nakagyo,
.cat_area_4,
.areacode-26104 {
	background: #805996;
}

.cat_area_higashiyama,
.cat_area_5,
.areacode-26105 {
	background: #d67497;
}

.cat_area_yamashina,
.cat_area_6,
.areacode-26110 {
	background: #de8a4e;
}

.cat_area_shimogyo,
.cat_area_7,
.areacode-26106 {
	background: #debc4e;
}

.cat_area_minami,
.cat_area_8,
.areacode-26107 {
	background: #a8b551;
}

.cat_area_ukyo,
.cat_area_9,
.areacode-26108 {
	background: #7da866;
}

.cat_area_nishikyo,
.cat_area_10,
.areacode-26111 {
	background: #6478b3;
}

.cat_area_fushimi,
.cat_area_11,
.areacode-26109 {
	background: #284f82;
}

.cat_area_daigo,
.cat_area_12,
.areacode-daigo {
	background: #994848;
}

.areacode-26201 {
	background: #9cf;
}

.areacode-26202 {
	background: #cff;
	color: #000 !important;
}

.areacode-26203 {
	background: #fcc;
}

.areacode-26204 {
	background: #f09;
}

.areacode-26205 {
	background: #c69;
}

.areacode-26206 {
	background: #96c;
}

.areacode-26207 {
	background: #93c;
}

.areacode-26208 {
	background: #33c;
}

.areacode-26209 {
	background: #309;
}

.areacode-26210 {
	background: #939;
}

.areacode-26211 {
	background: #c39;
}

.areacode-26212 {
	background: #f36;
}

.areacode-26213 {
	background: #f30;
}

.areacode-26214 {
	background: #f63;
}

.areacode-26303 {
	background: #0072bc;
}

.areacode-26322 {
	background: #00acd1;
}

.areacode-26343 {
	background: #5a9934;
}

.areacode-26344 {
	background: #aa731c;
}

.areacode-26364 {
	background: #878ddc;
}

.areacode-26365 {
	background: #347293;
}

.areacode-26366 {
	background: #ffcc00;
}

.areacode-26367 {
	background: #ff1493;
}

.areacode-26407 {
	background: #e80000;
}

.areacode-26463 {
	background: #0a318e;
}

.areacode-26465 {
	background: #00b17b;
}

.areacode-5900 {
	background: #000;
}

.cat_job_category {
	background: #f5e4df;
	color: #000 !important;
}

.cat_job_category_1 {
	background: #f0ae8b;
	color: #000 !important;
}

.cat_job_category_2 {
	background: #e6e882;
	color: #000 !important;
}

.cat_job_category_3 {
	background: #b9e0d2;
	color: #000 !important;
}

.cat_job_category_4 {
	background: #c2db95;
	color: #000 !important;
}

.cat_job_category_5 {
	background: #edb2b2;
	color: #000 !important;
}

.cat_job_category_6 {
	background: #b1d9e3;
	color: #000 !important;
}

.cat_employment_status {
	border: solid 1px #f2f1da;
	color: #000 !important;
}

.cat_employment_status_1,
.kjkbn1-1 {
	border: solid 1px #d97641;
	color: #d97641 !important;
}

.cat_employment_status_2,
.kjkbn1-2 {
	border: solid 1px #b3960a;
	color: #b3960a !important;
}

.cat_employment_status_3,
.kjkbn1-3 {
	border: solid 1px #689636;
	color: #689636 !important;
}

.cat_employment_status_4,
.kjkbn1-4 {
	border: solid 1px #468cb8;
	color: #468cb8 !important;
}

.cat_employment_status_5 {
	border: solid 1px #c74e4e;
	color: #c74e4e !important;
}

.cat_employment_status_6 {
	border: solid 1px #553c8f;
	color: #553c8f !important;
}

.cat_employment_status_7 {
	border: solid 1px #666666;
	color: #666666 !important;
}

.result_item table {
	table-layout: fixed;
}

.result_item table tr th {
	width: 130px;
}

@media screen and (max-width: 767px) {
	.result_item table tr {
		border: solid 1px #ccc;
		border-top: none;
		border-bottom: none;
	}

	.result_item table tr:last-child {
		border-bottom: solid 1px #ccc;
	}

	.result_item table tr th {
		width: 100px !important;
		display: inline-block !important;
		vertical-align: top;
		border: none !important;
		border-top: solid 1px #ccc !important;
	}

	.result_item table tr td {
		width: calc(100% - 100px) !important;
		display: inline-block !important;
		vertical-align: top;
		border: none !important;
		border-top: solid 1px #ccc !important;
	}
}

.single-interviews h3 {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
}

@media screen and (max-width: 767px) {
	.post-content h3 {
		font-size: 18px;
		margin: 30px 0 15px;
		line-height: 1.4;
		width: 100%;
	}
}

#sb_instagram h3::after {
	display: none;
}

.post-content h4 {
	font-size: 16px;
	font-weight: 500;
	margin: 30px 0 25px;
	padding: 0 0 0 8px;
	border-left: 5px solid #131d2a;
	clear: both;
}

.post-content h5 {
	font-size: 16px;
	margin: 20px 0 16px 15px;
	clear: both;
	font-weight: 500;
}

.post-content .col2 h5 {
	margin: 10px 0 16px;
}

.post-content h6 {
	font-size: 16px;
	margin: 30px 0 16px;
	clear: both;
}

.post-content blockquote {
	clear: both;
	margin: 0 0 28px;
	padding: 30px 20px 35px 55px;
	position: relative;
	border: 1px #e5e5e5 solid;
	background: #fafafa;
}

.post-content blockquote:before {
	content: "";
	font-family: "FontAwesome";
	font-size: 36px;
	color: #e7e7e7;
	position: absolute;

	top: 20px;
	left: 10px;
}

.post-content blockquote cite {
	position: absolute;
	right: 20px;
	bottom: 10px;
	font-size: 12px;
	color: #808080;
}

.post-content table {
	width: 100%;
	border: none;
	table-layout: fixed;
	border-color: #000;
	border: solid 2px;
}
.post-content table.search-result-table {
	font-size: 13px;
	width: calc(100% + 80px);
	margin: 0 -40px;
}
@media screen and (min-width: 768px) {
	.post-content table.search-result-table .sr-area {
		width: 80px;
	}
	.post-content table.search-result-table .sr-area span {
		width: 100%;
		font-size: 12px;
		font-weight: bold;
	}
	.post-content table.search-result-table .sr-name {
		width: 260px;
	}
	.post-content table.search-result-table .sr-employment {
		width: 100px;
	}
	.post-content table.search-result-table .sr-ninzu {
		width: 50px;
	}
	.post-content table.search-result-table .sr-tel {
		width: 100px;
		padding: 5px 0;
		text-align: center;
	}
}

table.datespace {
	margin-top: 20px;
}

@media screen and (max-width: 767px) {
	.post-content table.datespace {
		margin-top: 20px;
	}
}

.post-content table th,
.post-content table td {
	padding: 15px;
	border: 1px #ccc solid;
}

.post-content table thead th {
	background: #5e6265;
}

.post-content table tbody th {
	padding: 15px 20px;
	font-weight: bold;
}
.post-content table.search-result-table tbody th {
	text-align: center;
}
.post-content table tbody td,
.post-content table tbody td {
	padding: 15px 20px;
}
.post-content table.search-result-table tbody th,
.post-content table.search-result-table tbody td {
	padding: 0.7em;
}

.page-employer .post-content table tbody td [data-class="wpcf7cf_group"],
.page-employer
	.post-content
	table
	tbody
	td
	[data-class="wpcf7cf_group"]
	div:not(:first-of-type) {
	margin-top: 10px;
}

.page-worker .post-content table tbody td [data-name="job-seekers-name1"],
.page-worker .post-content table tbody td [data-name="job-seekers-name2"],
.page-worker .post-content table tbody td [data-name="job-seekers-name-kana1"],
.page-worker .post-content table tbody td [data-name="job-seekers-name-kana2"],
.page-employer
	.post-content
	table
	tbody
	td
	[data-name="representative-surname"],
.page-employer .post-content table tbody td [data-name="representative-name"] {
	display: inline-block;
	max-width: 40%;
}

.page-worker .post-content table tbody td [data-name="job-seekers-name2"],
.page-worker .post-content table tbody td [data-name="job-seekers-name-kana2"],
.page-employer .post-content table tbody td [data-name="representative-name"] {
	margin-left: 20px;
}

.page-worker .post-content table tbody td [data-name="contact-email-check"] {
	display: inline-block;
	max-width: 100%;
}

.required {
	font-size: 12px;
	color: #900;
	margin-left: 0.5em;
}

.note {
	font-size: 14px !important;
	margin-top: 10px;
}

.post-content table.table-line table,
.post-content table.table-line th,
.post-content table.table-line td {
	border-color: #fff;
}

.post-content table.table-line th {
	background: transparent;
	color: #241913;
	font-weight: bold;
}

.sr-num {
	width: 6em;
}
.sr-name {
	width: 12em;
}
.sr-area,
.sr-url,
.sr-link {
	text-align: center;
	width: 6.2em;
}
.sr-ninzu {
	width: 5em;
	text-align: center;
}
.sp-spacer {
	display: none;
}
.result_item .sr-link a.for_sp {
	display: none;
}
@media screen and (max-width: 767px) {
	.post-content table tbody th {
		display: block;
		width: 100%;
		font-size: 13px;
		padding: 10px 15px;
		border-bottom: none;
	}
	.sp-spacer {
		display: inline;
	}
	.post-content table.search-result-table {
		border: none;
		font-size: 16px;
		width: calc(100% - 20px);
		margin: 0 auto;
		border-bottom: 1px solid #ccc;
	}
	.post-content table.search-result-table tr:nth-of-type(1) {
		display: none;
	}
	.search-result-table tr {
		background: beige;
		padding: 10px;
		display: block;
		margin-bottom: 10px;
	}
	.post-content table tbody td.sr-num {
		border: none;
		padding: 4px 0 0;
	}
	.post-content table tbody td.sr-area {
		width: auto;
		border: none;
		text-align: left;
		float: left;
		line-height: 2.2;
	}
	.post-content table tbody td.sr-name {
		width: auto;
		border: none;
		font-size: 16px;
		font-weight: 700;
	}
	.post-content table tbody td.sr-type {
		display: inline;
		border: none;
		padding: 0;
	}
	.post-content table tbody td.sr-employment {
		display: inline;
		border: none;
		padding: 0;
	}
	.post-content table tbody td.sr-ninzu {
		display: inline;
		border: none;
		padding: 0;
	}
	.post-content table tbody td.sr-tel {
		display: inline;
		border: none;
		padding: 0;
	}
	.post-content table tbody td.sr-age {
		display: inline;
		border: none;
		padding: 0;
	}
	.post-content table tbody td.sr-certification {
		display: inline;
		border: none;
		padding: 0;
	}
	.post-content table tbody td.sr-url {
		display: none;
	}
	.post-content table tbody td.sr-link {
		text-align: right;
		padding: 15px 5px 4px;
		border: none;
	}
	.sr-num::before {
		content: "【求人番号】";
	}
	.sr-type::before {
		content: "【募集職種】";
	}
	.sr-employment::before {
		content: "【雇用形態】";
	}
	.sr-ninzu::before {
		content: "【募集人数】";
	}
	.sr-age::before {
		content: "【年齢】";
	}
	.sr-certification::before {
		content: "【必要な資格】";
	}
	.sr-tel::before {
		content: "【電話番号】";
	}
	.result_item .sr-link a.print_btn::after {
		content: "はこちら";
	}
	.result_item .sr-link a.for_sp {
		display: inline-block;
	}
	.result_item .sr-link a {
		margin-left: 0.5em;
	}
}

.post-content table tbody td {
	border: 1px #ccc solid;
	word-break: break-all;
}
.post-content table tbody td.photo_area {
	width: 150px;
}
@media screen and (max-width: 767px) {
	.post-content table tbody td {
		display: block;
		width: 100%;
		font-size: 13px;
		padding: 10px 15px;
	}

	.post-content table tbody tr:not(:last-of-type) td {
		border-bottom: none;
	}

	.post-content table tbody p {
		font-size: 13px;
		line-height: 2;
		margin-bottom: 1em;
	}
}

.post-content table.table-line thead th {
	background: #5e6265;
	color: #fff;
}

.post-content table.table-line tr {
	background: #eee;
}

.post-content table.table-line tr:nth-child(2n + 1) {
	background: #ddd;
}

.post-content img.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.post-content img.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

.post-cta {
	background: #131d2a;
	color: #fff;
}

.post-cta .post-cta-inner {
	padding: 30px 45px;
}

.post-cta .cta-post-title {
	padding: 30px 45px;
	font-size: 36px;
	margin-bottom: 14px;
	text-align: center;
	border-bottom: 1px solid #eee;
}

.post-cta .post-cta-img {
	float: right;
	width: 230px;
	margin: 0 0 20px 20px;
}

.post-cta .post-cta-cont {
	overflow: hidden;
}

.post-cta .post-cta-btn {
	margin: 10px 0;
}

.post-cta .post-cta-btn a {
	background: #f86222;

	color: #fff;
	border-radius: 8px;
	display: block;
	padding: 20px;
	text-align: center;
	text-decoration: none;
	width: 60%;
	margin: 0 auto 20px;
}

.post-cta .post-cta-btn a:hover {
	background: #fa8553;
}

.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 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
	background: #3b4552;
}

.post-cta .btn:hover {
	text-decoration: none;
	background: #ff6c00;
}

.post-share {
	clear: both;
	padding: 30px 45px;
	display: none;
}

.post-share .post-share-list1,
.post-share .post-share-list2,
.post-share .post-share-list3,
.post-share .post-share-list4 {
	overflow: hidden;
	padding: 30px 0;
	margin-left: -2.08%;
}

.post-share .post-share-list1 a,
.post-share .post-share-list2 a,
.post-share .post-share-list3 a,
.post-share .post-share-list4 a {
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: block;
	border: 1px #eee solid;
	border-radius: 3px;
	padding: 20px 0;
}

.post-share .post-share-list1 a:hover,
.post-share .post-share-list2 a:hover,
.post-share .post-share-list3 a:hover,
.post-share .post-share-list4 a:hover {
	text-decoration: none;
	background: #f7f7f7;
}

.post-share .post-share-list1 li,
.post-share .post-share-list2 li,
.post-share .post-share-list3 li,
.post-share .post-share-list4 li {
	text-align: center;
	float: left;
	margin-left: 2.08%;
}

.post-share .post-share-list1 i,
.post-share .post-share-list1 .big,
.post-share .post-share-list2 i,
.post-share .post-share-list2 .big,
.post-share .post-share-list3 i,
.post-share .post-share-list3 .big,
.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {
	font-size: 2em;
}

.post-share .post-share-list1 li {
	width: 97.92%;
}

.post-share .post-share-list2 li {
	width: 47.92%;
}

.post-share .post-share-list3 li {
	width: 31.25%;
	font-size: 0.8em;
}

.post-share .post-share-list4 li {
	width: 22.92%;
}

.post-share .post-share-list4 {
	text-align: center;
}

.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {
	display: block;
}

.post-share .post-share-list4 .big {
	font-size: 1.2em;
}

.post-share .post-share-facebook a:hover {
	color: #305097;
}

.post-share .post-share-twitter a:hover {
	color: #00aced;
}

.post-share .post-share-google a:hover {
	color: #db4a39;
}

.post-share .post-share-feedly a:hover {
	color: #2bb24c;
}

.post-footer {
	border-radius: 0;
	/* padding: 0 64px; */
	margin-top: -50px;
	overflow: hidden;
	clear: both;
	text-align: right;
}

@media screen and (max-width: 767px) {
	.post-footer {
		margin-top: 0;
	}
}

.post-footer-list {
	display: none;
}

.post-footer ul {
	overflow: hidden;
	margin-bottom: 0;
}

.post-footer ul li a:hover {
	text-decoration: underline;
}

.post-footer .bzb-sns-btn {
	margin: 0;
}

.post-footer .bzb-sns-btn li {
	vertical-align: top;
}

.post-footer .bzb-sns-btn li .fb_iframe_widget span {
	vertical-align: top !important;
}

.post-author {
	margin-bottom: 40px;
	padding: 40px 45px;
	border: 1px solid #e5e5e5;
	color: #241913;
	background: #fff;
}

.post-author .post-author-img {
	height: 100%;
	float: left;
}

.post-author .post-author-img img {
	width: 100px;
	height: auto;
	border: 1px solid #e5e5e5;
}

.post-author .post-author-img .inner {
	padding: 0;
}

.post-author .row {
	margin-right: -10px;
	margin-left: -10px;
}

.post-author .row .gr1,
.post-author .row .gr2,
.post-author .row .gr3,
.post-author .row .gr4,
.post-author .row .gr5,
.post-author .row .gr6,
.post-author .row .gr7,
.post-author .row .gr8,
.post-author .row .gr9,
.post-author .row .gr10,
.post-author .row .gr11,
.post-author .row .gr12 {
	padding-left: 10px;
	padding-right: 10px;
}

.post-author a {
	color: #3b4552;
}

.post-author .post-author-meta {
	color: #241913;
	margin-left: 120px;
}

.post-author .post-author-meta h4 {
	margin: 0 40px 10px 0;
}

.post-author .post-author-meta p {
	margin: 0 40px 20px 0;
}

.post-header-meta {
	overflow: hidden;
	margin-bottom: 26px;
}

.post-header-meta .bzb-sns-btn {
	padding: 20px 0 10px;
	float: left;
	width: 400px;
	overflow: hidden;
}

.post-header-meta .post-header-category {
	float: right;
	width: 300px;
	text-align: right;
	padding: 20px 0 10px;
}

.bzb-sns-btn {
	/* padding: 0 15px; */
	margin: 0;
	font-size: 0;
}

@media screen and (max-width: 767px) {
	.bzb-sns-btn {
		padding: 0;
	}
}

.bzb-sns-btn li {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	margin: 4px;
}

/*
	.bzb-sns-btn li.bzb-facebook {
		width: 98px;
	}
	.bzb-sns-btn li.bzb-facebook span {
		vertical-align: top !important;
	}
	.bzb-sns-btn li.bzb-twitter {
		width: 93px;
	}
	.bzb-sns-btn li.bzb-googleplus {
		width: 65px;
	}
	*/

.post-autot #comments {
	padding: 40px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	background: #fff;
}

.post-autot #comments h4,
.post-autot #comments h3 {
	margin: 0 0 24px;
	border-bottom: 5px solid #3b4552;
	font-size: 18px;
	padding: 8px 0;
}

.post-autot #comments h4 i,
.post-autot #comments h3 i {
	color: #3b4552;
}

.comment-list > .comment {
	margin-bottom: 40px;

	border-bottom: 1px #eee solid;
}

.comment-list > .comment > .comment-body {
	padding: 0 20px;
	margin-bottom: 20px;
}

.comment-list .children {
	margin-left: 45px;
}

@media screen and (max-width: 0px) {
	.comment-list .children {
		margin-left: 0;
	}
}

.comment-list .children .comment-body {
	padding: 20px 30px;
	margin-bottom: 20px;
	background: #f7f7f7;
}

.comment-author {
	float: left;
	vertical-align: top;
	font-size: 12px;
	margin-left: 10px;
}

.comment-author img {
	vertical-align: top;
}

.comment-meta {
	font-size: 12px;
	margin-bottom: 12px;
}

.reply a {
	border-radius: 3px;
	padding: 3px 5px;
	font-size: 12px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.reply a:before {
	content: " ";
	font-family: "FontAwesome";
}

.reply a:hover {
	text-decoration: none;
}

.comment-form-comment {
	margin-bottom: 0;
}

.comment-form-comment label {
	display: none;
}

.comment-form-comment textarea {
	width: 80%;
	margin: 20px 0;
	border-radius: 3px;
}

.form-allowed-tags {
	font-size: 12px;
	margin-bottom: 20px;
	display: none;
}

.comment-meta:after {
	content: " ";
	display: block;
	clear: both;
}

.comments-title {
	font-size: 24px;
	padding: 20px 0;
	margin-bottom: 30px;
	margin-top: 0;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	overflow: hidden;
	margin: 10px 0;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
	width: 15%;
	float: left;
	font-size: 12px;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
	width: 40%;
	float: left;
	margin-left: 5%;
	border-radius: 3px;
	padding: 5px;
}

.form-submit #submit {
	width: 240px;
	margin-top: 2em;
	line-height: 24px;
	border: none;
	border-radius: 3px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.form-submit #submit:hover {
	cursor: pointer;
}

.comment-form-comment textarea {
	width: 95%;
	padding-left: 2%;
	padding-right: 2%;
}

.comment-form {
	overflow: hidden;
}

.comment-form-author,
.comment-form-email {
	width: 49%;
	margin: 0;
}

.comment-form-author label,
.comment-form-author input,
.comment-form-email label,
.comment-form-email input {
	width: 90%;
	float: none;
	margin: 0 0 10px;
}

.comment-form-author {
	float: left;
}

.comment-form-email {
	float: right;
}

/* loop
---------------------------------------- */
.cat-content {
	background: #fff;
	padding: 40px;
	margin-bottom: 30px;
}

.post-loop-wrap article {
	width: 100%;
	margin: 0 0 60px;
}

.post-loop-wrap article p {
	margin-top: 0;
}

.post-loop-wrap .post-title {
	margin-bottom: 0;
}

.post-loop-wrap .post-thumbnail {
	width: 100%;
}

.post-loop-wrap .post-thumbnail img {
	max-width: 100%;
	height: auto;
}

.post-loop-wrap .more-link {
	border: 1px #3b4552 solid;
	padding: 8px 20px;
	margin-bottom: 64px;
	color: #3b4552;
}

.post-loop-wrap .more-link:hover {
	background: #3b4552;
	color: #fff;
	text-decoration: none;
}

.post-loop-wrap .post-footer {
	border-top: 1px #eee solid;
	padding: 0;
	overflow: hidden;
}

.post-loop-wrap .post-footer a.morelink {
	display: block;
	background: #3b4552;
	color: #fff;
	text-align: center;
	padding: 12px;
}

/* pager */
.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 16px;
	line-height: 22px;
	overflow: hidden;
}

.pagination a {
	background: #fff;
}

.pagination span,
.pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	text-decoration: none;
	width: auto;
	color: #241913;
}

.pagination a:hover {
	background: #999999;
	color: #fff;
}

.pagination .current {
	padding: 6px 9px 5px 9px;
	background: #999999;
	color: #fff;
}

/* ----------------------------------------
* side
---------------------------------------- */
.side-widget-area {
	padding: 0;
}

.side-widget {
	margin-bottom: 40px;
	padding-bottom: 40px;
	line-height: 1.6;
	font-size: 14px;
}

.side-widget .side-title {
	margin: 0 0 32px;
	font-size: 15px;
	background: #ebebeb;
	border: 1px solid #e4e4e4;
}

.side-widget a {
	color: #47b39d;
	text-decoration: underline;
	display: block;
}

.side-widget a:hover {
	color: #47b39d;
	text-decoration: none;
}

.side-widget ul li {
	padding: 16px 0;
	border-bottom: 1px solid #e5e5e5;
}

.side-widget .side-title {
	margin: 0 0 13px;
	padding: 8px;
	font-size: 16px;
}

.side-widget.widget_recent_comments a {
	background: none;
}

.side-widget .post-date {
	margin: 0 0 0 36px;
	font-size: 13px;
	color: #999999;
}

.side-widget .post-share-fb .pas {
	display: none;
}

/* widget_views */
.widget_views a {
	display: inline;
}

/* search */
.widget_search {
	overflow: hidden;
	background: #fff;
	border: 1px solid #e5e5e5;
	padding-bottom: 0;
	border-radius: 2px;
}

.widget_search form div {
	position: relative;
	padding-right: 40px;
}

.widget_search label {
	display: none;
}

.widget_search input[type="text"] {
	line-height: 18px;
	padding: 8px 13px;
	font-size: 14px;
	width: 100%;
	box-sizing: border-box;
	border: none;
	float: left;
}

.widget_search button {
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	vertical-align: top;
	line-height: 18px;
	border: none;
	border-radius: 3px;
	width: 40px;
	padding: 8px 5px;
	-webkit-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
	background: transparent;
	font-family: "FontAwesome";
	font-size: 21px;
	color: #5e6265;
}

.widget_search button:hover {
	cursor: pointer;
}

#searchform form input[type="text"],
#searchform form input[type="email"],
#searchform form input[type="url"],
#searchform form input[type="tel"],
#searchform form input[type="number"],
#searchform form input[type="date"],
#searchform form textarea {
	border-radius: 3px;
	padding: 12px;
	max-width: 100%;
	font-size: 16px;
}

#searchform form textarea {
	width: 80%;
}

#searchform form input[type="submit"] {
	padding: 12px 20px;
}

/* comment */
.recentcomments {
	color: #808080;
	font-size: 12px;
}

.recentcomments a {
	color: #241913;
	font-size: 14px;
}

/* 実装中止----------- */
/* calendar */
.widget_calendar {
	border-radius: 3px;
	font-size: 16px;
}

.widget_calendar .side-widget-inner {
	border-radius: 3px;
	padding: 0 20px 20px;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar caption {
	border-radius: 3px 3px 0 0;
	padding: 14px 20px;
	margin: 0 -20px 20px;
	font-size: 18px;
	text-align: center;
}

.widget_calendar a {
	color: #666;
}

.widget_calendar li {
	margin-bottom: 1em;
}

.widget_calendar thead,
.widget_calendar tfoot,
.widget_calendar tbody {
	margin: 0 20px;
}

.widget_calendar th,
.widget_calendar td {
	text-align: center;
}

.widget_calendar tbody a {
	display: block;
}

.widget_calendar tbody a:hover {
	text-decoration: none;
}

/* follow */
#side .share-list-wrap {
	margin: 0 -20px 20px;
	background: #fff;
	padding: 20px;
}

#side .share-list-wrap .post-share-list1,
#side .share-list-wrap .post-share-list2,
#side .share-list-wrap .post-share-list3,
#side .share-list-wrap .post-share-list4 {
	overflow: hidden;
	margin-left: -1%;
}

#side .share-list-wrap .post-share-list1 li,
#side .share-list-wrap .post-share-list2 li,
#side .share-list-wrap .post-share-list3 li,
#side .share-list-wrap .post-share-list4 li {
	float: left;
	width: 24%;
	margin-left: 1%;
}

#side .share-list-wrap .post-share-list1 li a,
#side .share-list-wrap .post-share-list2 li a,
#side .share-list-wrap .post-share-list3 li a,
#side .share-list-wrap .post-share-list4 li a {
	border-radius: 100%;
	background: #fff;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 60px;
	height: 60px;
	font-size: 32px;
	color: #5e6265;
}

#side .share-list-wrap .post-share-list1 li a .follow-on,
#side .share-list-wrap .post-share-list1 li a .big,
#side .share-list-wrap .post-share-list2 li a .follow-on,
#side .share-list-wrap .post-share-list2 li a .big,
#side .share-list-wrap .post-share-list3 li a .follow-on,
#side .share-list-wrap .post-share-list3 li a .big,
#side .share-list-wrap .post-share-list4 li a .follow-on,
#side .share-list-wrap .post-share-list4 li a .big {
	display: none;
}

#side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
	color: #305097;
}

#side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
	color: #00aced;
}

#side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
	color: #db4a39;
}

#side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
	color: #2bb24c;
}

/* author */
#side-author {
	overflow: hidden;
	font-size: 12px;
}

#side-author h4 {
	padding: 12px 0;
	margin-bottom: 20px;
	font-size: 16px;
}

#side-author .side-author-img {
	float: left;
	width: 100px;
}

#side-author .side-author-meta {
	float: right;
	width: 180px;
}

/* ----------------------------------------
* footer
---------------------------------------- */
/* Facebook Like Box width: 100% */
.post-share-fb.side-widget {
	text-align: center;
}

div.post-share-fb .fbcomments,
div.post-share-fb .fb_iframe_widget,
div.post-share-fb .fb_iframe_widget[style],
div.post-share-fb .fb_iframe_widget iframe[style],
div.post-share-fb .fbcomments iframe[style] *,
div.post-share-fb .fb_iframe_widget span {
	max-width: 100% !important;
}

#footer .fbcomments,
#footer .fb_iframe_widget,
#footer .fb_iframe_widget[style],
#footer .fb_iframe_widget iframe[style],
#footer .fbcomments iframe[style] *,
#footer .fb_iframe_widget span {
	max-width: 100% !important;
}

#footer {
	color: #000;
	/* border-top: 8px solid #3B4551; */
}

#footer .wrap {
	padding: 0 15px;
}

#footer .fb-like-box,
#footer .fb-like-box > span,
#footer iframe {
	width: 100% !important;
	box-sizing: border-box;
}

#footer .footer-logo {
	font-size: 30px;
	margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
	#footer .footer-logo {
		margin-bottom: 0;
	}
}

#footer a {
	color: #000;
}

#footer .post-share {
	padding-right: 0;
	padding-left: 0;
}

#footer .row {
	margin-left: -15px;
	margin-right: -15px;
}

#footer .row .gr1,
#footer .row .gr2,
#footer .row .gr3,
#footer .row .gr4,
#footer .row .gr5,
#footer .row .gr6,
#footer .row .gr7,
#footer .row .gr8,
#footer .row .gr9,
#footer .row .gr10,
#footer .row .gr11,
#footer .row .gr12 {
	padding-left: 15px;
	padding-right: 15px;
}

#footer-brand-area {
	padding-top: 32px;
}

#footer-content-area {
	font-size: 14px;
}

#footer-content-area h4 {
	font-size: 16px;
}

#footer-content-area i.fa {
	margin-right: 12px;
}

#footer-content-area #footer-cont-about li,
#footer-content-area #footer-cont-content li {
	position: relative;
}

#footer-content-area #footer-cont-about li:before,
#footer-content-area #footer-cont-content li:before {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	top: 7px;
	left: 0;
}

#footer-content-area #footer-cont-about li a,
#footer-content-area #footer-cont-content li a {
	padding: 8px 12px 8px 14px;
	display: inline-block;
}

#footer-content-area #footer-cont-about li a:hover,
#footer-content-area #footer-cont-content li a:hover {
	text-decoration: none;
}

#footer-content-area #footer-cont-sns a {
	display: block;
	padding: 8px 12px 8px 0;
}

#footer-content-area #footer-cont-sns a:hover {
	text-decoration: none;
}

.footer-02 {
	background: #010a17;
}

.footer-02 .footer-copy {
	text-align: center;
	font-size: 12px;
}

/* ----------------------------------------
* LP
---------------------------------------- */
.single-lp {
	padding: 40px 0;
}

.single-lp .lp-wrap {
	width: 1157px;
	border: 1px solid #eee;
	margin: 0 auto;
	background: #fff;
	padding: 0;
}

.single-lp .lp-thumbnail {
	border: 1px #ccc solid;
	float: right;
	margin: 0 0 13px 13px;
	border: 1px #ccc solid;
}

.single-lp .lp-thumbnail img {
	vertical-align: top;
}

.single-lp .post-content {
	padding: 0;
}

.single-lp #lp-header {
	background: #47b39d;
	padding: 56px;
	color: #fff;
}

.single-lp #lp-header h1 {
	font-size: 32px;
	color: #fff;
	text-align: center;
}

.single-lp dt,
.single-lp dd {
	padding: 0;
	margin-left: 0;

	margin-right: 0;
}

.single-lp #content {
	padding: 40px 56px;
}

.single-lp #main {
	width: 100%;
	float: left;
	overflow: hidden;
}

.single-lp .main-inner {
	margin-right: 350px;
}

.single-lp #side {
	width: 320px;
	float: left;
	margin-left: -320px;
}

.single-lp .post-footer {
	padding: 20px 0;
}

.single-lp .post-footer .bzb-sns-btn {
	padding: 0;
}

.single-lp .lp-form {
	background: #494c4e;

	color: #fff;
	padding: 30px;
	width: 100%;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.single-lp .lp-form h3 {
	font-size: 18px;
	margin-bottom: 12px;
	font-weight: bold;
}

.single-lp .lp-form input[type="text"],
.single-lp .lp-form input[type="email"] {
	width: 90%;
	padding: 10px 5%;
	border: none;
}

.single-lp .lp-form input[type="submit"],
.single-lp .lp-form button {
	width: 100%;
	padding: 10px 0;
	background: #f86222;
	color: #fff;
	border-bottom: 5px solid #e04807;
	-webkit-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
	border-radius: 3px;
}

.single-lp .lp-form input[type="submit"]:hover,
.single-lp .lp-form button:hover {
	background: #f9743b;
}

.single-lp .lp-form dl {
	margin-bottom: 13px;
}

/* one-column */
.one-column.single-lp #main {
	float: none;
}

.one-column.single-lp .main-inner {
	margin-left: 0;
	margin-right: 0;
}

.one-column.single-lp #side {
	float: none;

	width: 100%;
	margin-left: 0;

	margin-right: 0;
}

.single-lp #side {
	width: 320px;
	margin-left: -320px;
}

.single-lp.right-content #side {
	width: 320px;
	margin-left: -100%;
}

.single-lp.right-content .main-inner {
	margin-left: 350px;
	margin-right: 0;
}

@media screen and (max-width: 1200px) {
	.single-lp.right-content #side {
		width: 100%;
		margin: 0;
		float: none;
	}

	.single-lp.right-content .main-inner {
		margin: 0 0 40px;
		width: 100%;
	}
}

/* ----------------------------------------
* pagetop
---------------------------------------- */
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	color: #fff;
}

.pagetop span {
	display: block;
	border-radius: 25px;
	background: #88cbd8;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 40px;
	font-size: 36px;
}

@media screen and (max-width: 767px) {
	.pagetop {
		position: static;
		width: 100%;
	}

	.pagetop span {
		width: 100%;
		border-radius: 0;
	}
}
@media print {
	.pagetop {
		display: none !important;
	}
}

/* ----------------------------------------
* レスポンシブ

---------------------------------------- */
#header-nav-btn,
#gnav-sp {
	display: none;
}

@media screen and (max-width: 0px) {
	/*@media screen and (max-width: 1200px) {*/
	/* laptop start */
	body.home .wrap {
		width: auto;
		margin: 0 36px;
	}

	.post-header,
	.post-author {
		padding: 36px;
	}

	.post-content,
	.post-footer {
		padding-left: 36px;
		padding-right: 36px;
	}

	.single-lp #gnav-sp {
		display: none;
	}

	.single-lp .lp-wrap {
		width: auto;
		margin: 0 36px;
	}

	.single-lp #main,
	.single-lp #side,
	.single-lp .main-inner {
		width: 100%;
		float: none;
		margin: 0 0 20px;
	}

	/* end start */
}

/*@media screen and (max-width: 0px) {*/
@media screen and (max-width: 767px) {
	/* tablet */
	body.home .wrap,
	.wrap {
		width: auto;
		margin: 0;
	}

	body.home #front-service {
		background-image: none;
	}

	/* header */
	#header {
		padding: 0;
	}

	#header .wrap {
		width: auto;
		margin: 0;
	}

	.header_right_parts {
		display: none;
	}

	#header-nav-btn {
		display: block;
		width: 50px;
		line-height: 50px;
		position: absolute;
		top: 0;
		right: 0;
	}

	#header-nav-btn a {
		display: block;
		text-align: center;
		display: block;
		font-size: 32px;
		background: #3b4552;
	}

	#header-fnav-area {
		display: none;
	}

	/* gnav */
	#gnav {
		display: none;
	}

	.dummy {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		opacity: 0;
		z-index: 10;
	}

	#gnav-sp {
		display: none;
		background: #88cbd8;
		display: block;
		color: #fff;
		font-family: "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka,
			"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		z-index: 100;
		position: absolute;
		right: 0;
		left: 0;
		width: 100%;
	}

	#gnav-sp .wrap {
		width: 94%;
		margin: 0 3%;
		padding: 15px 0 3px;
	}

	#gnav-sp .wrap a {
		color: #fff;
	}

	#gnav-sp #header-cont-content h4,
	#gnav-sp #header-cont-about h4,
	#gnav-sp #header-cont-sns h4 {
		font-weight: bold;
		margin-bottom: 16px;
	}

	#gnav-sp #header-cont-content li,
	#gnav-sp #header-cont-about li,
	#gnav-sp #header-cont-sns li {
		font-size: 14px;
	}

	#gnav-sp #header-cont-content li a,
	#gnav-sp #header-cont-about li a,
	#gnav-sp #header-cont-sns li a {
		padding: 10px 12px;
	}

	#gnav-sp #header-cont-content ul {
		margin-left: -2%;
	}

	#gnav-sp #header-cont-content li {
		margin-left: 2%;
		float: left;
		width: 48%;
	}

	#gnav-sp #header-cont-content li a {
		display: block;
		position: relative;
	}

	#gnav-sp #header-cont-content li a:before {
		font-family: "FontAwesome";
		content: "\f105";
		position: absolute;
		left: 0;
		top: 8px;
	}

	#gnav-sp #header-cont-content .children {
		display: none;
	}

	#gnav-sp #footer-nav li a {
		display: block;
		padding: 8px 12px;
		position: relative;
	}

	#gnav-sp #footer-nav li a:before {
		font-family: "FontAwesome";
		content: "\f105";
		position: absolute;
		left: 0;
		top: 8px;
	}

	#gnav-sp #footer-nav .children {
		display: none;
	}

	#gnav-sp #header-cont-sns li a {
		display: block;
		padding: 8px 12px 8px 0;
	}

	/* front page */
	body.home #main_visual h2 {
		margin-top: 0;
		font-size: 16px;
		padding: 10px;
		line-height: 2;
		margin-bottom: 0;
	}

	body.home #main_visual p {
		width: 84%;
		margin-right: 8%;
		margin-left: 8%;
	}

	.front-loop {
		margin-left: 0;
	}

	.front-loop .popular_post_box {
		width: 32%;
		margin: 0 0.5%;
	}

	.front-loop .popular_post_box .wrap-a {
		display: block;
		border: 1px solid #e5e5e5;
	}

	.front-loop .popular_post_box .wrap-a:hover {
		background: #fafafa;
		text-decoration: none;
	}

	.front-loop .popular_post_box .wrap-a h3,
	.front-loop .popular_post_box .wrap-a ul {
		margin-left: 10px;
		margin-right: 10px;
	}

	.front-loop .popular_post_box img {
		width: 100%;
		height: auto;
	}

	.front-loop .popular_post_box.rank-4,
	.front-loop .popular_post_box.rank-5,
	.front-loop .popular_post_box.recent-4,
	.front-loop .popular_post_box.recent-5 {
		display: none;
	}

	.front-main-cont .tri-border {
		display: none;
	}

	body.home #front-contents .c_box.c_box_left .c_box_inner,
	body.home #front-contents .c_box.c_box_right .c_box_inner {
		width: 100%;
		float: none;
	}

	body.home #front-contents .c_box.c_box_left .c_title,
	body.home #front-contents .c_box.c_box_right .c_title {
		text-align: center;
	}

	body.home #front-contents .c_box.c_box_left .c_img_box,
	body.home #front-contents .c_box.c_box_right .c_img_box {
		position: relative;
		height: 300px;
		width: 100%;
		margin-bottom: 24px;
	}

	body.home #front-contents .c_box.c_box_left .c_text h4,
	body.home #front-contents .c_box.c_box_right .c_text h4 {
		text-align: center;
	}

	body.home #front-contents .c_box.c_box_left .c_btn,
	body.home #front-contents .c_box.c_box_right .c_btn {
		text-align: center;
	}

	body.home #front-contents .c_box.c_box_left .c_btn a,
	body.home #front-contents .c_box.c_box_right .c_btn a {
		margin-right: auto;
		margin-left: auto;
	}

	body.home #front-service .front-service-inner {
		margin-left: 0;
	}

	body.home #front-service .front-service-inner .c_box {
		width: 100%;
		float: none;
		margin: 0 0 20px;
	}

	body.home #front-company .c_img_box {
		height: 300px;
		position: relative;
	}

	body.home #front-company .c_img_box,
	body.home #front-company .c_box_inner {
		float: none;
		width: 100%;
	}

	.cat-content .post-header,
	article.page .post-header,
	article.post .post-header {
		padding: 56px 44px;
	}

	article.page .post-content {
		padding: 0 0 20px;
	}

	.post-header {
		padding: 0;
		margin-top: 0;
	}

	.post-content {
		padding: 40px;
	}

	.post-content h2 {
		margin: 40px 0 20px;
		padding: 8px 15px 7px;
		font-size: 16px;
	}

	.post-meta-area {
		background: #fff;
		color: #241913;
		margin-bottom: 10px;
	}

	.post-meta-area .post-meta {
		width: 40%;
		float: left;
		text-align: left;
	}

	.post-meta-area .post-meta .date {
		background: transparent;
		text-align: left;
	}

	.post-meta-area .bzb-sns-btn {
		height: auto;
	}

	.post-meta-area .bzb-sns-btn .sharrre {
		margin: 0 5px 0 0;
		float: left !important;
		width: 20%;
		overflow: hidden;
	}

	.post-meta-area .bzb-sns-btn .sharrre.twitter a,
	.post-meta-area .bzb-sns-btn .sharrre.facebook a,
	.post-meta-area .bzb-sns-btn .sharrre.googlePlus a,
	.post-meta-area .bzb-sns-btn .sharrre.hatena a {
		background: transparent;
		display: block;
		padding: 4px 24px;
		color: #241913;
	}

	.post-meta-area .bzb-sns-btn .sharrre.twitter a .share,
	.post-meta-area .bzb-sns-btn .sharrre.facebook a .share,
	.post-meta-area .bzb-sns-btn .sharrre.googlePlus a .share,
	.post-meta-area .bzb-sns-btn .sharrre.hatena a .share {
		display: none;
		text-align: center;
		float: left;
	}

	.post-meta-area .bzb-sns-btn .sharrre.twitter a:hover,
	.post-meta-area .bzb-sns-btn .sharrre.facebook a:hover,
	.post-meta-area .bzb-sns-btn .sharrre.googlePlus a:hover,
	.post-meta-area .bzb-sns-btn .sharrre.hatena a:hover {
		background: transparent;
	}

	.post-meta-area .bzb-sns-btn .s_buttons {
		font-size: 14px;
		padding-top: 20px;
	}

	.post-meta-area .loop-comment-icon {
		padding: 4px 12px;
		background: transparent !important;
		text-align: center;
		float: right;
	}

	#footer-facebook {
		display: none;
	}

	#footer-list-area {
		width: 100%;
	}

	.single-lp #gnav-sp {
		display: none;
	}

	.single-lp .lp-wrap {
		width: auto;
		margin: 0 24px;
	}

	.single-lp .lp-form .submit {
		width: 50%;
	}

	/* tablet end */
}

/*@media screen and (max-width: 0px) {*/
@media screen and (max-width: 767px) {
	/* phone */
	.wrap {
		overflow: hidden;
	}

	.post-title {
		font-size: 18px;
		background-size: 100%;
		padding: 0;
		margin-bottom: 0;
		height: 74px;
		line-height: 76px;
		background-position: center;
		background-size: cover;
	}

	body .wrap,
	.wrap {
		margin: 0;
		width: 100%;
	}

	.post-content table {
		/* overflow-x: auto; */
		width: 100%;
		-webkit-overflow-scrolling: touch;
		/* display: block; */
		/* white-space: nowrap; */
	}

	body.home #front-company dl dt,
	body.home #front-company dl dd {
		float: none;
		width: 100%;
		box-sizing: border-box;
	}

	body.home #front-company dl dt span,
	body.home #front-company dl dd span {
		padding: 0;
	}

	body.home #front-company dl dt {
		font-weight: bold;
		padding: 8px 12px 0;
	}

	body.home #front-company dl dd {
		border-top: none !important;
		padding: 4px 12px 8px;
	}

	#main {
		width: 100%;
		float: none;
	}

	#side {
		width: 100%;
		float: none;
	}

	.left-content #main {
		width: 100%;
		float: none;
	}

	.left-content #side {
		width: 100%;
		float: none;
	}

	.right-content #main {
		width: 100%;
		float: none;
	}

	.right-content #side {
		width: 100%;
		float: none;
	}

	.one-column #content .wrap {
		width: 100%;
		margin: 0;
	}

	.one-column #content .wrap #main {
		width: 100%;
		float: none;
	}

	.one-column #content .wrap #side {
		width: 100%;
		float: none;
	}

	/* header */
	#header {
		padding: 0;
		border-bottom: solid 1px #ccc;
		background-size: 100% auto;
	}

	#header .wrap {
		padding: 0;
		margin: 0;
	}

	#header #logo {
		float: left;
		font-size: 18px;
		width: calc(100% - 50px);
		padding: 0 15px 0;
		margin-top: 0;
		height: 50px;
		line-height: 50px;
	}

	#header #logo img {
		vertical-align: top;
		width: 100%;
		margin-top: 18px;
		max-width: 411px;
	}

	#header #logo img + img {
		margin-top: 0;
	}

	#header #header-right {
		height: auto;
	}

	#header #header-primary-nav {
		display: none;
	}

	#header-nav-btn a {
		display: block;
		text-align: center;
		font-size: 30px;
		padding: 5px 0 6px;
		line-height: 1.2;
		background: #88cbd8;
		width: 100%;
		color: #fff;
	}

	.single-lp #lp-header {
		padding: 20px;
	}

	.single-lp .lp-thumbnail {
		float: none;
		margin: 0 0 13px;
	}

	.single-lp .lp-thumbnail img {
		width: 100%;
		height: auto;
	}

	.single-lp #content {
		padding: 20px;
	}

	#gnav-sp {
		display: none;
		top: 112px;
	}

	#gnav-sp ul {
		margin-bottom: 20px;
	}

	#gnav-sp #header-cont-content ul {
		margin-left: 0;
	}

	#gnav-sp #header-cont-content li {
		margin-left: 0;
		float: left;
		width: 100%;
	}

	#gnav-sp #header-cont-content li.menu-item-has-children > a:after {
		content: "+";
		margin-left: 8px;
		border: solid 1px #fff;
		border-radius: 50%;
		line-height: 1;
		display: inline-block;
		width: 17px;
		height: 17px;
		text-align: center;
	}

	#gnav-sp #header-cont-content li.menu-item-has-children.active > a:after {
		content: "ー";
	}

	#gnav-sp #header-cont-content li.menu-item-has-children ul {
		display: none;
	}

	#gnav-sp #header-cont-content li.menu-item-has-children.active ul {
		display: block;
	}

	/* loop */
	.front-loop .popular_post_box {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

	body.home #front-contents .c_text .c_btn a {
		width: 100%;
	}

	/* single */
	.cat-content .post-header,
	article.page .post-header,
	article.post .post-header {
		padding: 20px;
	}

	.post-author {
		padding: 20px;
	}

	.post-author .post-author-meta {
		padding-top: 12px;
	}

	.post-author .post-author-meta p {
		margin-right: 0;
	}

	.post-meta-area .post-meta,
	.post-meta-area .post-meta-comment {
		float: none;
		width: 100%;
		padding: 0;
	}

	.post-meta-area .post-meta {
		/* border-bottom: 1px solid #e5e5e5; */
		margin-top: 8px;
	}

	.post-meta-area .post-meta .date {
		/* padding: 8px 20px; */
		margin-top: -3px;
	}

	.post-meta-area .post-meta-comment .author {
		border: none;
		padding: 8px 20px;
		text-align: left;
	}

	.post-meta-area .post-meta-comment .comments {
		padding: 8px 20px;
	}

	.post-content,
	.post-footer {
		padding: 0;
	}

	.post-cta .cta-post-title {
		padding: 12px 20px;
		font-size: 18px;
	}

	.post-cta .post-cta-inner {
		padding: 0;
	}

	.post-cta .post-cta-cont {
		padding: 12px 20px;
	}

	.post-cta .post-cta-cont .post-cta-img {
		float: none;
		margin: 0 0 12px;
		width: 100%;
	}

	@media screen and (max-width: 0px) {
		/*@media screen and ( max-width: 767px ){*/
		.post-cta .post-cta-cont .post-cta-img {
			text-align: center;
		}
	}

	.post-cta .post-cta-btn a {
		width: 100%;
	}

	.comment-form-author,
	.comment-form-email {
		float: none;
		width: 100%;
	}

	.single-lp #gnav-sp {
		display: none;
	}

	.single-lp .lp-wrap {
		width: auto;
		margin: 0 24px;
	}

	.single-lp .lp-form input {
		width: 100% !important;
	}

	.single-lp .lp-form .submit {
		width: 100%;
	}

	/* phone end */
}

/* ----------------------------------------
* カラースキーム 01
---------------------------------------- */
/* ----------------------------------------
* frontpage
---------------------------------------- */
body.home.color01 #main_visual {
	background: #1dbbda;
	background-image: -webkit-linear-gradient(bottom right, #1dbbda, #06abc8);
	background-image: linear-gradient(to top left, #1dbbda, #06abc8);
	color: #fff;
}

body.home.color01 .front-loop {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background: #fff;
}

body.home.color01 .front-loop h2 {
	border-bottom: 1px solid #e5e5e5;
}

body.home.color01 .front-loop .popular_post_box h3 {
	color: #2b353e;
}

body.home.color01 .front-loop .popular_post_box h3 a {
	color: #2b353e;
}

body.home.color01 .front-loop .popular_post_box h3 a:hover {
	color: #ffc600;
}

body.home.color01 .front-loop .popular_post_box ul a {
	color: #2b353e;
}

body.home.color01 .front-loop .popular_post_box ul a:hover {
	color: #ffc600;
}

body.home.color01 .front-loop .popular_post_box .p_category {
	background: #06abc8;
	color: #fff;
	color: #fff;
}

body.home.color01 .front-loop .popular_post_box .p_rank {
	background: #900;
	color: #fff;
}

body.home.color01 .front-loop .popular_post_box .p_date {
	background: #2b353e;
	color: #fff;
}

body.home.color01 .front-main-cont .front-cont-header {
	background: #2b353e;
	color: #fff;
}

body.home.color01 .front-main-cont .tri-border span {
	border-left: 28px solid transparent;
	border-left: 56px solid transparent;
	border-right: 56px solid transparent;
	border-top: 18px solid #2b353e;
}

body.home.color01 #front-contents .c_box {
	border-bottom: 1px solid #e5e5e5;
}

body.home.color01 #front-contents .c_box.c_box_left {
	background-color: #fff;
}

body.home.color01 #front-contents .c_box.c_box_right {
	background-color: #fafafa;
}

body.home.color01 #front-contents .c_number {
	background: #06abc8;
	color: #fff;
}

body.home.color01 #front-contents h3 {
	color: #06abc8;
}

body.home.color01 #front-contents .c_english {
	color: #06abc8;
}

body.home.color01 #front-contents .c_text .c_btn a {
	background: #21262c;
	color: #fff;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

body.home.color01 #front-service {
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
}

body.home.color01 #front-service .front-service-inner h3 {
	color: #06abc8;
}

body.home.color01 #front-service .front-service-inner .c_english {
	color: #06abc8;
}

body.home.color01 #front-service .front-service-inner .c_text .c_btn a {
	background: #21262c;
	color: #fff;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

body.home.color01 #front-company {
	background: #fff;
}

body.home.color01 #front-company .c_box {
	border-bottom: 1px solid #e5e5e5;
}

body.home.color01 #front-company dl {
	border-bottom: 1px solid #e5e5e5;
}

body.home.color01 #front-company dl#front-company-1 dt {
	border-top: 2px solid #06abc8;
}

body.home.color01 #front-company dl#front-company-1 dd {
	border-top: 1px solid #e5e5e5;
}

body.home.color01 #front-contact {
	background: #06abc8;
}

body.home.color01 #front-contact .c_box_inner input[type="submit"],
body.home.color01 #front-contact .c_box_inner button {
	background: #131d2a;
}

body.color01 {
	color: #2b353e;
}

body.color01 a {
	color: #06abc8;
}

body.color01 form input[type="submit"],
body.color01 form button {
	background: #2b353e;
	color: #fff;
}

body.color01 #header {
	background: #06abc8;
}

body.color01 #header a {
	color: #fff;
}

body.color01 .breadcrumb-area {
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
}

body.color01 #gnav {
	background: #06abc8;
}

body.color01 #gnav ul li:hover a {
	background: #07c0e1;
}

body.color01 #gnav ul li.current-menu-item a {
	background: #07c0e1;
}

body.color01 #gnav ul li a {
	color: #fff;
	background: #06abc8;
}

body.color01 #gnav ul li a:hover {
	color: #fff;
	background: #07c0e1;
}

body.color01 #gnav ul li .sub-menu {
	background: #fff;
	border: 1px #e5e5e5 solid;
}

body.color01 #gnav ul li .sub-menu li {
	border-bottom: 1px #e5e5e5 solid;
}

body.color01 #gnav ul li .sub-menu li a {
	color: #2b353e;
	background: #fff;
}

body.color01 #gnav ul li .sub-menu li a:hover {
	background: #fafafa;
	color: #2b353e;
}

body.color01 #header-fnav-area #header-fnav-btn a {
	background: #07c0e1;
}

body.color01 #header-fnav-area #header-fnav {
	background: #fff;
	border: 1px #e5e5e5 solid;
}

body.color01 #header-fnav-area #header-fnav li {
	border-bottom: 1px #e5e5e5 solid;
}

body.color01 #header-fnav-area #header-fnav li a {
	color: #2b353e;
	background: #fff;
}

body.color01 #header-fnav-area #header-fnav li a:hover {
	background: #fafafa;
	color: #2b353e;
}

body.color01 .cat-content,
body.color01 article.post,
body.color01 article.page {
	background: #fff;
	border: 1px #e5e5e5 solid;
}

body.color01 .post-header {
	padding: 56px 64px 46px;
	border-bottom: 1px solid #e5e5e5;
}

@media screen and (max-width: 0px) {
	/*@media screen and ( max-width: 767px ){*/
	body.color01 .post-header,
	body.color02 .post-header,
	body.color03 .post-header,
	body.color04 .post-header {
		padding: 20px !important;
	}
}

body.color01 .post-header .cat-name span {
	border: 1px solid #06abc8;
	color: #06abc8;
}

body.color01 .post-title a {
	color: #2b353e;
}

body.color01 .post-title a:hover {
	color: #ffc600;
}

body.color01 .post-title a {
	color: #2b353e;
}

body.color01 .post-title a:hover {
	color: #ffc600;
}

body.color01 .post-meta-area {
	border-bottom: 1px solid #e5e5e5;
}

body.color01 .post-meta-area .post-meta-comment li {
	border-left: 1px solid #e5e5e5;
}

body.color01 .post-content hr {
	border-bottom: 1px solid #eee;
}

body.color01 .post-content h2 {
	border-left: 10px solid #131d2a;
	background: #2b353e;
	color: #fff;
}

body.color01 .post-content h3 {
	border-bottom: 2px solid #2b353e;
}

body.color01 .post-content h4 {
	border-left: 5px solid #131d2a;
	clear: both;
}

body.color01 .post-content blockquote {
	border: 1px #e5e5e5 solid;
	background: #fafafa;
}

body.color01 .post-content blockquote:before {
	color: #e7e7e7;
}

body.color01 .post-content blockquote cite {
	color: #808080;
}

body.color01 .post-content table {
	border: 1px #ddd solid;
}

body.color01 .post-content table th,
body.color01 .post-content table td {
	border: #ddd solid 1px;
}

body.color01 .post-content table th {
	color: #fff;
}

body.color01 .post-content table thead th {
	background: #5e6265;
}

body.color01 .post-content table tbody th {
	background: #919598;
}

body.color01 .post-content table.table-line table,
body.color01 .post-content table.table-line th,
body.color01 .post-content table.table-line td {
	border-color: #fff;
}

body.color01 .post-content table.table-line th {
	color: #2b353e;
}

body.color01 .post-content table.table-line thead th {
	background: #5e6265;
	color: #fff;
}

body.color01 .post-content table.table-line tr {
	background: #eee;
}

body.color01 .post-content table.table-line tr:nth-child(2n + 1) {
	background: #ddd;
}

body.color01 .post-cta {
	background: #131d2a;
	color: #fff;
}

body.color01 .post-cta .cta-post-title {
	border-bottom: 1px solid #eee;
}

body.color01 .post-cta .post-cta-btn a {
	background: #f86222;
	color: #fff;
}

body.color01 .post-cta .post-cta-btn a:hover {
	background: #fa8553;
}

body.color01 .post-cta .btn {
	background: #2b353e;
}

body.color01 .post-cta .btn:hover {
	background: #ffc600;
}

body.color01 .post-share .post-share-list1 a,
body.color01 .post-share .post-share-list2 a,
body.color01 .post-share .post-share-list3 a,
body.color01 .post-share .post-share-list4 a {
	border: 1px #eee solid;
}

body.color01 .post-share .post-share-list1 a:hover,
body.color01 .post-share .post-share-list2 a:hover,
body.color01 .post-share .post-share-list3 a:hover,
body.color01 .post-share .post-share-list4 a:hover {
	background: #f7f7f7;
}

body.color01 .post-author {
	border: 1px solid #e5e5e5;
	color: #2b353e;
	background: #fff;
}

body.color01 .post-author a {
	color: #2b353e;
}

body.color01 .post-author .post-author-meta {
	color: #2b353e;
}

body.color01 #comments {
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 40px 45px;
}

body.color01 #comments h4 {
	border-bottom: 5px solid #2b353e;
}

body.color01 #comments h4 i {
	color: #2b353e;
}

body.color01 .comment-list > .comment {
	border-bottom: 1px #eee solid;
}

body.color01 .comment-list .children .comment-body {
	background: #f7f7f7;
}

body.color01 .cat-content {
	background: #fff;
}

body.color01 .post-loop-wrap .more-link {
	border: 1px #2b353e solid;
	color: #2b353e;
}

body.color01 .post-loop-wrap .more-link:hover {
	background: #2b353e;
	color: #fff;
}

body.color01 .post-loop-wrap .post-footer {
	border-top: 1px #eee solid;
}

body.color01 .post-loop-wrap .post-footer a.morelink {
	background: #2b353e;
	color: #fff;
}

body.color01 .pagination span,
body.color01 .pagination a {
	color: #2b353e;
	background: #fff;
}

body.color01 .pagination a:hover {
	color: #fff;
	background: #3279bb;
}

body.color01 .pagination .current {
	background: #3279bb;
	color: #fff;
}

body.color01 .side-widget .side-title {
	background: #ebebeb;
	border: 1px solid #e4e4e4;
}

body.color01 .side-widget a {
	color: #06abc8;
}

body.color01 .side-widget a:hover {
	color: #06abc8;
}

body.color01 .side-widget ul li {
	border-bottom: 1px solid #e5e5e5;
}

body.color01 .side-widget .post-date {
	color: #999999;
}

body.color01 .widget_search {
	border: 1px solid #e5e5e5;
}

body.color01 .widget_search button {
	color: #5e6265;
}

body.color01 .recentcomments {
	color: #808080;
}

body.color01 .recentcomments a {
	color: #2b353e;
}

body.color01 #side .share-list-wrap {
	background: #fff;
}

body.color01 #footer {
	color: #fff;
	border-top: 8px solid #2b353e;
}

body.color01 #footer a {
	color: #fff;
}

body.color01 #footer a:hover {
	color: #ccc;
}

body.color01 #footer-brand-area {
	border-bottom: 1px solid #2b353e;
}

body.color01 .footer-01 {
	background: #031731;
}

body.color01 .footer-02 {
	background: #010a17;
}

body.color01 .single-lp .lp-wrap {
	border: 1px solid #eee;
	background: #fff;
}

body.color01 .single-lp .lp-thumbnail {
	border: 1px #ccc solid;
	border: 1px #ccc solid;
}

body.color01 .single-lp #lp-header {
	background: #06abc8;
}

body.color01 .single-lp #lp-header h1 {
	color: #2b353e;
	border-bottom: 1px solid #eee;
}

body.color01 .single-lp .lp-form {
	background: #494c4e;
	color: #fff;
}

body.color01 .single-lp .lp-form input[type="submit"],
body.color01 .single-lp .lp-form button {
	background: #f86222;
	color: #fff;
	border-bottom: 5px solid #e04807;
}

body.color01 .single-lp .lp-form input[type="submit"]:hover,
body.color01 .single-lp .lp-form button:hover {
	background: #f9743b;
}

body.color01 .pagetop {
	color: #fff;
}

body.color01 .pagetop span {
	background: #2b2b2b;
}

body.color01.single-lp #lp-header {
	background: #1eabc6;
}

/* ----------------------------------------
* カラースキーム 02 青
---------------------------------------- */
/* ----------------------------------------
* frontpage

---------------------------------------- */
body.color02 .front-loop {
	background: #152459;
}

body.color02 .front-loop .popular_post_box h3 {
	color: #4e4e4e;
}

body.color02 .front-loop .popular_post_box h3 a {
	color: #4e4e4e;
}

body.color02 .front-loop .popular_post_box h3 a:hover {
	color: #14a0ee;
}

body.color02 .front-loop .popular_post_box ul a {
	color: #4e4e4e;
}

body.color02 .front-loop .popular_post_box ul a:hover {
	color: #14a0ee;
}

body.color02 .front-loop .popular_post_box .p_category {
	background: #005990;
	color: #fff;
	color: #fff;
}

body.color02 .front-loop .popular_post_box .p_rank {
	background: #900;
	color: #fff;
}

body.color02 .front-loop .popular_post_box .p_date {
	background: #36373c;
	color: #fff;
}

#front-department {
	border-top: none;
	background: #006;
	color: #fff;
}

body.home #front-guide {
	border-top: none;
	color: #333;
}

#front-guide h3.kyoten {
	margin-top: 0;
	padding-bottom: 4px;
	text-align: left;
	box-shadow: none;
}

#front-guide p {
	text-align: left;
}

#front-guide .col3 {
	width: calc(100% / 3 - 4%);
	float: left;
}

#front-guide .col3 + .col3 {
	margin-left: 6%;
}

body.home.color02 .front-main-cont .front-cont-header {
	background: #36373c;
	color: #fff;
}

body.home.color02 .front-main-cont .tri-border span {
	border-left: 28px solid transparent;
	border-left: 56px solid transparent;
	border-right: 56px solid transparent;
	border-top: 18px solid #36373c;
}

body.home.color02 #front-contents .c_box {
	border-bottom: 1px solid #e5e5e5;
}

body.home.color02 #front-contents .c_box.c_box_left {
	background-color: #fff;
}

body.home.color02 #front-contents .c_box.c_box_right {
	background-color: #fafafa;
}

body.home.color02 #front-contents .c_number {
	background: #005990;
	color: #fff;
}

body.home.color02 #front-contents h3 {
	color: #005990;
}

body.home.color02 #front-contents .c_english {
	color: #005990;
}

body.home.color02 #front-contents .c_text .c_btn a {
	background: #14a0ee;
	color: #fff;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

body.home.color02 #front-service {
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
}

body.home.color02 #front-service .front-service-inner h3 {
	color: #005990;
}

body.home.color02 #front-service .front-service-inner .c_english {
	color: #005990;
}

body.home.color02 #front-service .front-service-inner .c_text .c_btn a {
	background: #005990;
	color: #fff;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

body.home.color02 #front-company {
	background: #fff;
}

body.home.color02 #front-company .c_box {
	border-bottom: 1px solid #e5e5e5;
}

body.home.color02 #front-company dl {
	border-bottom: 1px solid #e5e5e5;
}

body.home.color02 #front-company dl#front-company-1 dt {
	border-top: 2px solid #005990;
}

body.home.color02 #front-company dl#front-company-1 dd {
	border-top: 1px solid #e5e5e5;
}

#front-contact {
	background: #152459;
	color: #fff;
	padding: 0 50px 70px 50px;
}

#front-contact .c_box_inner input[type="submit"],
#front-contact .c_box_inner button {
	background: #fff;
}

body.color02 form input[type="submit"],
body.color02 form button {
	background: #36373c;
	color: #fff;
}

body.color02 #gnav a {
	color: #333;
}

body.color02 #gnav {
	background: #fff;
}

body.color02 #gnav ul li:hover a {
	background: #213a8d;
}

#gnav ul li.menu-item-38 a:after {
	content: " ";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	transform: rotate(225deg);
	margin-left: 10px;
	position: relative;
	top: -3px;
}

body.color02 #gnav ul li.current-menu-item a {
	color: #000 !important;
	background: #fafafa;
	padding-bottom: 7px;
}

body.color02 #gnav ul li a:hover {
	color: #000 !important;
	background: #eee;
	opacity: 1;
}

body.color02 #gnav ul li .sub-menu {
	background: #fff;
	border: 1px #e5e5e5 solid;
}

body.color02 #gnav ul li .sub-menu li {
	border-bottom: 1px #e5e5e5 solid;
}

body.color02 #gnav ul li .sub-menu li a {
	color: #36373c;
	background: #fff;
}

body.color02 #gnav ul li .sub-menu li a:hover {
	background: #fafafa;
	color: #36373c;
}

body.color02 #header-fnav-area #header-fnav-btn a {
	background: #0069aa;
}

body.color02 #header-fnav-area #header-fnav {
	background: #fff;
	border: 1px #e5e5e5 solid;
}

body.color02 #header-fnav-area #header-fnav li {
	border-bottom: 1px #e5e5e5 solid;
}

body.color02 #header-fnav-area #header-fnav li a {
	color: #36373c;
	background: #fff;
}

body.color02 #header-fnav-area #header-fnav li a:hover {
	background: #fafafa;
	color: #36373c;
}

body.color02 .cat-content,
body.color02 article.post,
body.color02 article.page {
	/* background: #fff; */
	border: 1px #e5e5e5 solid;
}

body.color02 .post-header {
	/* padding: 70px 64px 66px; */
	border-bottom: 1px solid #e5e5e5;
	background: #213a8d;
	color: #fff;
	background-image: url("./assets/img/slide.png") !important;
	box-shadow: 0 23px 15px -20px rgba(0, 0, 0, 0.4) inset;
	background: rgba(0, 0, 0, 0.5);
}

body.color02 .post-header .cat-name span {
	border: 1px solid #005990;
	color: #005990;
}

body.color02 .post-title a {
	color: #4e4e4e;
}

body.color02 .post-title a:hover {
	color: #14a0ee;
}

body.color02 .post-title a {
	color: #36373c;
}

body.color02 .post-title a:hover {
	color: #14a0ee;
}

body.color02 .post-meta-area {
	border-bottom: 1px solid #e5e5e5;
}

body.color02 .post-meta-area .post-meta-comment li {
	border-left: 1px solid #e5e5e5;
}

body.color02 .post-content hr {
	border-bottom: 1px solid #eee;
}

body.color02 .post-content h2 {
	background: #eee;
	color: #4e4e4e;
	font-weight: bold;
	border: 1px solid #ccc;
	border-left: 10px solid #213a8d;
}

body.color02 .post-content h3 {
	border-bottom: 2px solid #213a8d;
}

body.color02 .post-content h4 {
	border-left: 5px solid #131d2a;
	clear: both;
}

body.color02 .post-content blockquote {
	border: 1px #e5e5e5 solid;
	background: #fafafa;
}

body.color02 .post-content blockquote:before {
	color: #e7e7e7;
}

body.color02 .post-content blockquote cite {
	color: #808080;
}

body.color02 .post-content table {
	border: 1px #ddd solid;
}

body.color02 .post-content table th,
body.color02 .post-content table td {
	border: #ddd solid 1px;
}

body.color02 .post-content table th {
	color: #fff;
	width: 20%;
}

body.color02 .post-content table thead th {
	background: #5e6265;
}

body.color02 .post-content table tbody th {
	background: #919598;
}

body.color02 .post-content table.table-line table,
body.color02 .post-content table.table-line th,
body.color02 .post-content table.table-line td {
	border-color: #fff;
}

body.color02 .post-content table.table-line th {
	color: #4e4e4e;
}

body.color02 .post-content table.table-line thead th {
	background: #5e6265;
	color: #fff;
}

body.color02 .post-content table.table-line tr {
	background: #eee;
}

body.color02 .post-content table.table-line tr:nth-child(2n + 1) {
	background: #ddd;
}

body.color02 .post-cta {
	background: #131d2a;
	color: #fff;
}

body.color02 .post-cta .cta-post-title {
	border-bottom: 1px solid #eee;
}

body.color02 .post-cta .post-cta-btn a {
	background: #f86222;
	color: #fff;
}

body.color02 .post-cta .post-cta-btn a:hover {
	background: #fa8553;
}

body.color02 .post-cta .btn {
	background: #36373c;
}

body.color02 .post-cta .btn:hover {
	background: #14a0ee;
}

body.color02 .post-share .post-share-list1 a,
body.color02 .post-share .post-share-list2 a,
body.color02 .post-share .post-share-list3 a,
body.color02 .post-share .post-share-list4 a {
	border: 1px #eee solid;
}

body.color02 .post-share .post-share-list1 a:hover,
body.color02 .post-share .post-share-list2 a:hover,
body.color02 .post-share .post-share-list3 a:hover,
body.color02 .post-share .post-share-list4 a:hover {
	background: #f7f7f7;
}

body.color02 .post-author {
	border: 1px solid #e5e5e5;
	color: #4e4e4e;
	background: #fff;
}

body.color02 .post-author a {
	color: #36373c;
}

body.color02 .post-author .post-author-meta {
	color: #4e4e4e;
}

body.color02 #comments {
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 40px 45px;
}

body.color02 #comments h4 {
	border-bottom: 5px solid #36373c;
}

body.color02 #comments h4 i {
	color: #36373c;
}

body.color02 .comment-list > .comment {
	border-bottom: 1px #eee solid;
}

body.color02 .comment-list .children .comment-body {
	background: #f7f7f7;
}

body.color02 .cat-content {
	background: #fff;
}

body.color02 .post-loop-wrap .more-link {
	border: 1px #36373c solid;
	color: #36373c;
}

body.color02 .post-loop-wrap .more-link:hover {
	background: #36373c;
	color: #fff;
}

body.color02 .post-loop-wrap .post-footer {
	border-top: 1px #eee solid;
}

body.color02 .post-loop-wrap .post-footer a.morelink {
	background: #36373c;
	color: #fff;
}

body.color02 .pagination span,
body.color02 .pagination a {
	color: #4e4e4e;
	background: #fff;
}

body.color02 .pagination a:hover {
	color: #fff;
	background: #3279bb;
}

body.color02 .pagination .current {
	background: #3279bb;
	color: #fff;
}

body.color02 .side-widget .side-title {
	background: #ebebeb;
	border: 1px solid #e4e4e4;
}

body.color02 .side-widget a {
	color: #005990;
}

body.color02 .side-widget a:hover {
	color: #005990;
}

body.color02 .side-widget ul li {
	border-bottom: 1px solid #e5e5e5;
}

body.color02 .side-widget .post-date {
	color: #999999;
}

body.color02 .widget_search {
	border: 1px solid #e5e5e5;
}

body.color02 .widget_search button {
	color: #5e6265;
}

body.color02 .recentcomments {
	color: #808080;
}

body.color02 .recentcomments a {
	color: #4e4e4e;
}

body.color02 #side .share-list-wrap {
	background: #fff;
}

body.color02 #footer {
	color: #fff;
	border-top: 1px solid #ccc;
}

body.color02 #footer a {
	color: #000;
}

body.color02 #footer a:hover {
	color: #333;
}

body.color02 #footer-brand-area {
	border-bottom: 1px solid #36373c;
}

body.color02 .footer-01 {
	background: #fff;
}

body.color02 .footer-02 {
	background: #2e2f33;
}

body.color02 .single-lp .lp-wrap {
	border: 1px solid #eee;
	background: #fff;
}

body.color02 .single-lp .lp-thumbnail {
	border: 1px #ccc solid;
	border: 1px #ccc solid;
}

body.color02 .single-lp #lp-header {
	background: #005990;
}

body.color02 .single-lp #lp-header h1 {
	color: #36373c;
	border-bottom: 1px solid #eee;
}

body.color02 .single-lp .lp-form {
	background: #494c4e;
	color: #fff;
}

body.color02 .single-lp .lp-form input[type="submit"],
body.color02 .single-lp .lp-form button {
	background: #f86222;
	color: #fff;
	border-bottom: 5px solid #e04807;
}

body.color02 .single-lp .lp-form input[type="submit"]:hover,
body.color02 .single-lp .lp-form button:hover {
	background: #f9743b;
}

body.color02 .pagetop {
	color: #fff;
}

body.color02 .pagetop span {
	background: #213a8d;
}

body.color02.single-lp #lp-header {
	background: #015a92;
}

/* ----------------------------------------
* カラースキーム 03 紺
---------------------------------------- */
/* ----------------------------------------
* frontpage
---------------------------------------- */
body.home.color03 #main_visual {
	background: #394b57;
	background-image: -webkit-linear-gradient(bottom right, #394b57, #28343c);
	background-image: linear-gradient(to top left, #394b57, #28343c);
	color: #fff;
}

body.home.color03 .front-loop {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background: #fff;
}

body.home.color03 .front-loop h2 {
	border-bottom: 1px solid #e5e5e5;
}

body.home.color03 .front-loop .popular_post_box h3 {
	color: #484a4e;
}

body.home.color03 .front-loop .popular_post_box h3 a {
	color: #484a4e;
}

body.home.color03 .front-loop .popular_post_box h3 a:hover {
	color: #ca6666;
}

body.home.color03 .front-loop .popular_post_box ul a {
	color: #484a4e;
}

body.home.color03 .front-loop .popular_post_box ul a:hover {
	color: #ca6666;
}

body.home.color03 .front-loop .popular_post_box .p_category {
	background: #fff;
	border: 1px solid #ca6666;
	color: #ca6666;
}

body.home.color03 .front-loop .popular_post_box .p_rank {
	background: #900;
	color: #fff;
}

body.home.color03 .front-loop .popular_post_box .p_date {
	background: #343434;
	color: #fff;
}

body.home.color03 .front-main-cont .front-cont-header {
	background: #343434;
	color: #fff;
}

body.home.color03 .front-main-cont .tri-border span {
	border-left: 28px solid transparent;
	border-left: 56px solid transparent;
	border-right: 56px solid transparent;
	border-top: 18px solid #343434;
}

body.home.color03 #front-contents .c_box {
	border-bottom: 1px solid #e5e5e5;
}

body.home.color03 #front-contents .c_box.c_box_left {
	background-color: #fff;
}

body.home.color03 #front-contents .c_box.c_box_right {
	background-color: #fafafa;
}

body.home.color03 #front-contents .c_number {
	background: #27343c;
	color: #fff;
}

body.home.color03 #front-contents h3 {
	color: #27343c;
}

body.home.color03 #front-contents .c_english {
	color: #27343c;
}

body.home.color03 #front-contents .c_text .c_btn a {
	background: #ca6666;
	color: #fff;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

body.home.color03 #front-service {
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
}

body.home.color03 #front-service .front-service-inner h3 {
	color: #27343c;
}

body.home.color03 #front-service .front-service-inner .c_english {
	color: #27343c;
}

body.home.color03 #front-service .front-service-inner .c_text .c_btn a {
	background: #27343c;
	color: #fff;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

body.home.color03 #front-company {
	background: #fff;
}

body.home.color03 #front-company .c_box {
	border-bottom: 1px solid #e5e5e5;
}

body.home.color03 #front-company dl {
	border-bottom: 1px solid #e5e5e5;
}

body.home.color03 #front-company dl#front-company-1 dt {
	border-top: 2px solid #27343c;
}

body.home.color03 #front-company dl#front-company-1 dd {
	border-top: 1px solid #e5e5e5;
}

body.home.color03 #front-contact {
	background: #ca6666;
}

body.home.color03 #front-contact .c_box_inner input[type="submit"],
body.home.color03 #front-contact .c_box_inner button {
	background: #131d2a;
}

/* ----------------------------------------
* all
---------------------------------------- */
body.color03 {
	color: #484a4e;
}

body.color03 a {
	color: #ca6666;
}

body.color03 form input[type="submit"],
body.color03 form button {
	background: #343434;
	color: #fff;
}

body.color03 #header {
	background: #27343c;
}

body.color03 #header a {
	color: #fff;
}

body.color03 .breadcrumb-area {
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
}

body.color03 #gnav {
	background: #27343c;
}

body.color03 #gnav ul li:hover a {
	background: #31414b;
}

body.color03 #gnav ul li.current-menu-item a {
	background: #31414b;
}

body.color03 #gnav ul li a {
	color: #fff;
	background: #27343c;
}

body.color03 #gnav ul li a:hover {
	color: #fff;
	background: #31414b;
}

body.color03 #gnav ul li .sub-menu {
	background: #fff;
	border: 1px #e5e5e5 solid;
}

body.color03 #gnav ul li .sub-menu li {
	border-bottom: 1px #e5e5e5 solid;
}

body.color03 #gnav ul li .sub-menu li a {
	color: #343434;
	background: #fff;
}

body.color03 #gnav ul li .sub-menu li a:hover {
	background: #fafafa;
	color: #343434;
}

body.color03 #header-fnav-area #header-fnav-btn a {
	background: #31414b;
}

body.color03 #header-fnav-area #header-fnav {
	background: #fff;
	border: 1px #e5e5e5 solid;
}

body.color03 #header-fnav-area #header-fnav li {
	border-bottom: 1px #e5e5e5 solid;
}

body.color03 #header-fnav-area #header-fnav li a {
	color: #343434;
	background: #fff;
}

body.color03 #header-fnav-area #header-fnav li a:hover {
	background: #fafafa;
	color: #343434;
}

body.color03 .cat-content,
body.color03 article.post,
body.color03 article.page {
	background: #fff;
	border: 1px #e5e5e5 solid;
}

body.color03 .post-header {
	padding: 56px 64px 46px;
	border-bottom: 1px solid #e5e5e5;
}

body.color03 .post-header .cat-name span {
	border: 1px solid #27343c;
	color: #27343c;
}

body.color03 .post-title a {
	color: #484a4e;
}

body.color03 .post-title a:hover {
	color: #ca6666;
}

body.color03 .post-title a {
	color: #343434;
}

body.color03 .post-title a:hover {
	color: #ca6666;
}

body.color03 .post-meta-area {
	border-bottom: 1px solid #e5e5e5;
}

body.color03 .post-meta-area .post-meta-comment li {
	border-left: 1px solid #e5e5e5;
}

body.color03 .post-content hr {
	border-bottom: 1px solid #eee;
}

body.color03 .post-content h2 {
	border-left: 10px solid #131d2a;
	background: #343434;
	color: #fff;
}

body.color03 .post-content h3 {
	border-bottom: 2px solid #343434;
}

body.color03 .post-content h4 {
	border-left: 5px solid #131d2a;
	clear: both;
}

body.color03 .post-content blockquote {
	border: 1px #e5e5e5 solid;
	background: #fafafa;
}

body.color03 .post-content blockquote:before {
	color: #e7e7e7;
}

body.color03 .post-content blockquote cite {
	color: #808080;
}

body.color03 .post-content table {
	border: 1px #ddd solid;
}

body.color03 .post-content table th,
body.color03 .post-content table td {
	border: #ddd solid 1px;
}

body.color03 .post-content table th {
	color: #fff;
}

body.color03 .post-content table thead th {
	background: #5e6265;
}

body.color03 .post-content table tbody th {
	background: #919598;
}

body.color03 .post-content table.table-line table,
body.color03 .post-content table.table-line th,
body.color03 .post-content table.table-line td {
	border-color: #fff;
}

body.color03 .post-content table.table-line th {
	color: #484a4e;
}

body.color03 .post-content table.table-line thead th {
	background: #5e6265;
	color: #fff;
}

body.color03 .post-content table.table-line tr {
	background: #eee;
}

body.color03 .post-content table.table-line tr:nth-child(2n + 1) {
	background: #ddd;
}

body.color03 .post-cta {
	background: #131d2a;
	color: #fff;
}

body.color03 .post-cta .cta-post-title {
	border-bottom: 1px solid #eee;
}

body.color03 .post-cta .post-cta-btn a {
	background: #f86222;
	color: #fff;
}

body.color03 .post-cta .post-cta-btn a:hover {
	background: #fa8553;
}

body.color03 .post-cta .btn {
	background: #343434;
}

body.color03 .post-cta .btn:hover {
	background: #ca6666;
}

body.color03 .post-share .post-share-list1 a,
body.color03 .post-share .post-share-list2 a,
body.color03 .post-share .post-share-list3 a,
body.color03 .post-share .post-share-list4 a {
	border: 1px #eee solid;
}

body.color03 .post-share .post-share-list1 a:hover,
body.color03 .post-share .post-share-list2 a:hover,
body.color03 .post-share .post-share-list3 a:hover,
body.color03 .post-share .post-share-list4 a:hover {
	background: #f7f7f7;
}

body.color03 .post-author {
	border: 1px solid #e5e5e5;
	color: #484a4e;
	background: #fff;
}

body.color03 .post-author a {
	color: #343434;
}

body.color03 .post-author .post-author-meta {
	color: #484a4e;
}

body.color03 #comments {
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 40px 45px;
}

body.color03 #comments h4 {
	border-bottom: 5px solid #343434;
}

body.color03 #comments h4 i {
	color: #343434;
}

body.color03 .comment-list > .comment {
	border-bottom: 1px #eee solid;
}

body.color03 .comment-list .children .comment-body {
	background: #f7f7f7;
}

body.color03 .cat-content {
	background: #fff;
}

body.color03 .post-loop-wrap .more-link {
	border: 1px #343434 solid;
	color: #343434;
}

body.color03 .post-loop-wrap .more-link:hover {
	background: #343434;
	color: #fff;
}

body.color03 .post-loop-wrap .post-footer {
	border-top: 1px #eee solid;
}

body.color03 .post-loop-wrap .post-footer a.morelink {
	background: #343434;
	color: #fff;
}

body.color03 .pagination span,
body.color03 .pagination a {
	color: #484a4e;
	background: #fff;
}

body.color03 .pagination a:hover {
	color: #fff;
	background: #3279bb;
}

body.color03 .pagination .current {
	background: #3279bb;
	color: #fff;
}

body.color03 .side-widget .side-title {
	background: #ebebeb;
	border: 1px solid #e4e4e4;
}

body.color03 .side-widget a {
	color: #27343c;
}

body.color03 .side-widget a:hover {
	color: #27343c;
}

body.color03 .side-widget ul li {
	border-bottom: 1px solid #e5e5e5;
}

body.color03 .side-widget .post-date {
	color: #999999;
}

body.color03 .widget_search {
	border: 1px solid #e5e5e5;
}

body.color03 .widget_search button {
	color: #5e6265;
}

body.color03 .recentcomments {
	color: #808080;
}

body.color03 .recentcomments a {
	color: #484a4e;
}

body.color03 #side .share-list-wrap {
	background: #fff;
}

body.color03 #footer {
	color: #fff;
	border-top: 8px solid #343434;
}

body.color03 #footer a {
	color: #fff;
}

body.color03 #footer a:hover {
	color: #ccc;
}

body.color03 #footer-brand-area {
	border-bottom: 1px solid #343434;
}

body.color03 .footer-01 {
	background: #343434;
}

body.color03 .footer-02 {
	background: #333333;
}

body.color03 .single-lp .lp-wrap {
	border: 1px solid #eee;
	background: #fff;
}

body.color03 .single-lp .lp-thumbnail {
	border: 1px #ccc solid;
	border: 1px #ccc solid;
}

body.color03 .single-lp #lp-header {
	background: #27343c;
}

body.color03 .single-lp #lp-header h1 {
	color: #343434;
	border-bottom: 1px solid #eee;
}

body.color03 .single-lp .lp-form {
	background: #494c4e;
	color: #fff;
}

body.color03 .single-lp .lp-form input[type="submit"],
body.color03 .single-lp .lp-form button {
	background: #f86222;
	color: #fff;
	border-bottom: 5px solid #e04807;
}

body.color03 .single-lp .lp-form input[type="submit"]:hover,
body.color03 .single-lp .lp-form button:hover {
	background: #f9743b;
}

body.color03 .pagetop {
	color: #fff;
}

body.color03 .pagetop span {
	background: #2b2b2b;
}

body.color03.single-lp #lp-header {
	background: #ca6666;
}

/* ----------------------------------------
* カラースキーム 04
---------------------------------------- */
/* ----------------------------------------
* frontpage
---------------------------------------- */
body.home.color04 #main_visual {
	background: #fb6c4d;
	background-image: -webkit-linear-gradient(bottom right, #fb6c4d, #fb5235);
	background-image: linear-gradient(to top left, #fb6c4d, #fb5235);
	color: #fff;
}

body.home.color04 .front-loop {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background: #fff;
}

body.home.color04 .front-loop h2 {
	border-bottom: 1px solid #e5e5e5;
}

body.home.color04 .front-loop .popular_post_box h3 {
	color: #666666;
}

body.home.color04 .front-loop .popular_post_box h3 a {
	color: #666666;
}

body.home.color04 .front-loop .popular_post_box h3 a:hover {
	color: #2b9cfb;
}

body.home.color04 .front-loop .popular_post_box ul a {
	color: #666666;
}

body.home.color04 .front-loop .popular_post_box ul a:hover {
	color: #2b9cfb;
}

body.home.color04 .front-loop .popular_post_box .p_category {
	background: #333333;
	color: #fff;
}

body.home.color04 .front-loop .popular_post_box .p_rank {
	background: #900;
	color: #fff;
}

body.home.color04 .front-loop .popular_post_box .p_date {
	background: #333333;
	color: #fff;
}

body.home.color04 .front-main-cont .front-cont-header {
	background: #333333;
	color: #fff;
}

body.home.color04 .front-main-cont .tri-border span {
	border-left: 28px solid transparent;
	border-left: 56px solid transparent;
	border-right: 56px solid transparent;
	border-top: 18px solid #333333;
}

body.home.color04 #front-contents .c_box {
	border-bottom: 1px solid #e5e5e5;
}

body.home.color04 #front-contents .c_box.c_box_left {
	background-color: #fff;
}

body.home.color04 #front-contents .c_box.c_box_right {
	background-color: #fafafa;
}

body.home.color04 #front-contents .c_number {
	background: #fb5235;
	color: #fff;
}

body.home.color04 #front-contents h3 {
	color: #fb5235;
}

body.home.color04 #front-contents .c_english {
	color: #fb5235;
}

body.home.color04 #front-contents .c_text .c_btn a {
	background: #343434;
	color: #fff;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

body.home.color04 #front-service {
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
}

body.home.color04 #front-service .front-service-inner h3 {
	color: #fb5235;
}

body.home.color04 #front-service .front-service-inner .c_english {
	color: #fb5235;
}

body.home.color04 #front-service .front-service-inner .c_text .c_btn a {
	background: #343434;
	color: #fff;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

body.home.color04 #front-company {
	background: #fff;
}

body.home.color04 #front-company .c_box {
	border-bottom: 1px solid #e5e5e5;
}

body.home.color04 #front-company dl {
	border-bottom: 1px solid #e5e5e5;
}

body.home.color04 #front-company dl#front-company-1 dt {
	border-top: 2px solid #fb5235;
}

body.home.color04 #front-company dl#front-company-1 dd {
	border-top: 1px solid #e5e5e5;
}

body.home.color04 #front-contact {
	background: #fb5235;
}

body.home.color04 #front-contact .c_box_inner input[type="submit"],
body.home.color04 #front-contact .c_box_inner button {
	background: #131d2a;
}

body.color04 {
	color: #666666;
	/* form
  ---------------------------------------- */
	/* ----------------------------------------
  * header
  ---------------------------------------- */
	/* ----------------------------------------
  * breadcrumb
  ---------------------------------------- */
	/* ----------------------------------------
  * gloval nav & primary nav
  ---------------------------------------- */
	/* ----------------------------------------
  * main
  ---------------------------------------- */
	/* comment
  ---------------------------------------- */
	/* loop
  ---------------------------------------- */
	/* pager */
	/* ----------------------------------------

  * side

  ---------------------------------------- */

	/* search */
	/* comment */
	/* follow */
	/* ----------------------------------------
  * footer
  ---------------------------------------- */
	/* ----------------------------------------
  * LP
  ---------------------------------------- */

	/* ----------------------------------------
  * pagetop
  ---------------------------------------- */
}

body.color04 a {
	color: #fb5235;
}

body.color04 form input[type="submit"],
body.color04 form button {
	background: #333333;
	color: #fff;
}

body.color04 #header {
	background: #fb5235;
}

body.color04 #header a {
	color: #fff;
}

body.color04 .breadcrumb-area {
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
}

body.color04 #gnav {
	background: #fb5235;
}

body.color04 #gnav ul li:hover a {
	background: #fb674e;
}

body.color04 #gnav ul li.current-menu-item a {
	background: #fb674e;
}

body.color04 #gnav ul li a {
	color: #fff;
	background: #fb5235;
}

body.color04 #gnav ul li a:hover {
	color: #fff;
	background: #fb674e;
}

body.color04 #gnav ul li .sub-menu {
	background: #fff;
	border: 1px #e5e5e5 solid;
}

body.color04 #gnav ul li .sub-menu li {
	border-bottom: 1px #e5e5e5 solid;
}

body.color04 #gnav ul li .sub-menu li a {
	color: #333333;
	background: #fff;
}

body.color04 #gnav ul li .sub-menu li a:hover {
	background: #fafafa;
	color: #333333;
}

body.color04 #header-fnav-area #header-fnav-btn a {
	background: #fb674e;
}

body.color04 #header-fnav-area #header-fnav {
	background: #fff;
	border: 1px #e5e5e5 solid;
}

body.color04 #header-fnav-area #header-fnav li {
	border-bottom: 1px #e5e5e5 solid;
}

body.color04 #header-fnav-area #header-fnav li a {
	color: #333333;
	background: #fff;
}

body.color04 #header-fnav-area #header-fnav li a:hover {
	background: #fafafa;
	color: #333333;
}

body.color04 .cat-content,
body.color04 article.post,
body.color04 article.page {
	background: #fff;
	border: 1px #e5e5e5 solid;
}

/* ----------------------------------------
* 汎用　追加class
---------------------------------------- */
a.detail {
	display: inline-block;
	padding: 10px 30px;
	border: solid 1px #21368d;
	margin: 20px auto;
	color: #21368d;
	font-size: 14px;
}

a.detail::before {
	content: "";
	border: 6px solid;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #21368d;
	display: inline-block;
	position: relative;
	top: 1px;
}

/* ----------------------------------------
* footer
---------------------------------------- */
#footer .footer-menu-wrapper {
	display: flex;
	justify-content: space-between;
	text-align: left;
}

@media screen and (max-width: 767px) {
	#footer .footer-menu-wrapper {
		display: none !important;
		text-align: left !important;
	}
}

#footer .footer-menu-wrapper .main-menu > .menu-item::before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin: 5px;
	border-width: 7px 0 7px 9px;
	border-style: solid;
	border-color: transparent transparent transparent #000;
}

#footer .footer-menu-wrapper .main-menu > .menu-item + .menu-item {
	margin-top: 30px;
}

#footer .footer-menu-wrapper .main-menu > .menu-item > a {
	display: inline-block;
	line-height: 24px;
	vertical-align: top;
}

#footer .footer-menu-wrapper .menu-item {
	font-size: 15px;
	font-weight: bold;
}

#footer .footer-menu-wrapper .sub-menu {
	margin-top: 10px;
	margin-left: 19px;
}

#footer .footer-menu-wrapper .sub-menu .menu-item {
	font-size: 14px;
	font-weight: normal;
	line-height: 25px;
	padding-left: 12px;
}

#footer .footer-menu-wrapper .sub-menu .sub-menu {
	margin-top: 0;
	margin-left: 1em;
}

.footer-menu-list {
	width: 25%;
}

@media screen and (max-width: 767px) {
	.footer-menu-list {
		width: 50%;
		float: left;
		display: block;
	}

	.footer-menu-list:nth-child(odd) {
		clear: both;
	}
}

.footer-menu-4 {
	border-left: solid 1px #999;
	padding-left: 50px;
}

#footer .footer-about {
	display: flex;
	align-items: flex-end;
	margin: 0 0 20px;
}

@media screen and (max-width: 767px) {
	#footer .footer-about {
		text-align: center;
		display: block;
		margin: 0 auto 10px;
	}
}

#footer .footer-about .footer-logo a {
	display: block;
}

#footer .footer-about .footer-logo img {
	display: block;
	/* max-width: 314px; */
	height: auto;
}

@media screen and (max-width: 767px) {
	#footer .footer-about .footer-logo img {
		margin: 0 auto;
	}
}

#footer .admin {
	margin-top: 10px;
}

#footer .footer-auth {
	padding: 20px;
	margin-top: 30px;
	border: 1px solid #000;
	font-size: 12px;
}

@media screen and (max-width: 767px) {
	#footer .footer-auth {
		margin: 20px;
		width: calc(100% - 40px);
		text-align: left !important;
	}
}

#footer .copy-right {
	font-size: 14px;
	padding: 20px 0 50px;
	margin: 30px 0 0;
	background: url(./assets/img/footer/footer_bg.png) bottom repeat-x;
}

@media screen and (max-width: 767px) {
	#footer .copy-right {
		font-size: 12px;
		text-align: center;
		background-size: 100% auto;
		padding-bottom: 25px;
		margin-top: 0;
	}
}

.gakusotu table {
	table-layout: auto;
}
tr th {
	width: 25%;
}
@media screen and (max-width: 767px) {
	#toc_container {
		display: none !important;
	}
}

#toc_container ul {
	text-align: center;
	margin: 0 -50px !important;
}

@media screen and (max-width: 767px) {
	#toc_container ul {
		width: 100%;
		text-align: left;
		margin: 0 auto !important;
	}
}

#toc_container li {
	display: inline-block;
	font-size: 14px;
}

@media screen and (max-width: 767px) {
	#toc_container li {
		margin: 2px !important;
	}
}

#toc_container li a {
	display: block;
	padding: 10px 7px;
	/* border: solid 1px #ccc; */
	border-radius: 5px;
	box-shadow: 1px 1px 3px #999;
	background: -moz-linear-gradient(top, #ffffff 50%, #ededed 100%);
	background: -webkit-linear-gradient(top, #ffffff 50%, #ededed 100%);
	background: linear-gradient(to bottom, #ffffff 50%, #ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}

#toc_container li a:hover {
	text-decoration: none;
}

#toc_container li a:before {
	content: "▶ ";
	font-size: 10px;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	color: #ea5c44;
	position: relative;
	top: -1px;
}

#toc_container li + li {
	margin-left: 5px;
}

@media screen and (max-width: 767px) {
	#toc_container li + li {
		margin-left: inherit;
	}
}

#footer {
	text-align: center;
}

#footer .footer_catch {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	letter-spacing: 0.14em;
	margin-bottom: 16px;
}

#footer .footer_catch img {
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
}

#footer .footer-01 {
	padding: 40px 0 0;
	border-top: solid 1px #999;
}

@media screen and (max-width: 767px) {
	#footer .footer-01 {
		padding: 25px 0 0;
	}
}

#footer .footer-menu-wrapper {
	display: flex;
	justify-content: space-between;
	text-align: center;
}

#footer .footer-menu-wrapper .main-menu > .menu-item::before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin: 5px;
	border-width: 7px 0 7px 9px;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
}

#footer .footer-menu-wrapper #menu-footer_menu4.main-menu > .menu-item::before {
	display: none;
}

#footer .footer-menu-wrapper .main-menu > .menu-item + .menu-item {
	margin-top: 10px;
}

#footer .footer-menu-wrapper .main-menu > .menu-item > a {
	display: inline-block;
	line-height: 24px;
	vertical-align: top;
}

#footer .footer-menu-wrapper .main-menu > .menu-item > a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url(./assets/img/footer/footer-menu-brown.png) bottom repeat-x;
	width: 14px;
	height: 14px;
	margin-right: 5px;
	position: relative;
	top: -1px;
}

#footer .footer-menu-wrapper .footer-menu-3 .main-menu > .menu-item > a:before {
	transform: rotate(-90deg);
}

#footer .footer-menu-wrapper .footer-menu-4 .main-menu > .menu-item > a:before {
	background: url(./assets/img/footer/footer-menu-gray.png) bottom repeat-x;
}

#footer .footer-menu-wrapper .sub-menu .menu-item {
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	margin-left: 5px;
	width: 100%;
	border-left: solid 1px #999;
}

@media screen and (max-width: 767px) {
	#footer .footer-menu-wrapper .menu-item {
		display: block;
		font-size: 14px;
		margin-left: 5px;
	}
}

#footer .footer-menu-wrapper .sub-menu {
	margin-top: 1px;
	margin-left: 20px;
}

#footer .footer-menu-wrapper .sub-menu .menu-item {
	font-size: 14px;
	font-weight: 500;
	line-height: 25px;
	padding-bottom: 5px;
}

#footer .footer-menu-wrapper .sub-menu .menu-item:last-child {
	padding-bottom: 0;
}

#footer .footer-menu-wrapper .sub-menu .sub-menu {
	margin-top: 0;
	margin-left: 1em;
}

.footer-sns-icons-wrapper {
	margin-top: 17px;
}

.footer-sns-icons-item {
	display: inline-block;
	margin: 0 10px;
}

.footer-sns-icons-item i {
	font-size: 24px;
}

#footer .footer-about {
	display: block;
	margin-top: 0;
}

#footer .footer-about .footer-logo a {
	display: inline;
}

#footer .footer-about .footer-logo img {
	display: inline;
	/* height: auto; */
	/* max-width: none; */
}

#footer .footer-about .copy-right {
	font-size: 11px;
	margin-left: auto;
	color: #666;
}

.cols.links {
	margin: 0 -50px 0 -80px;
}

@media screen and (max-width: 767px) {
	.cols.links {
		margin: 0;
	}
}

.cols.links .col2 {
	overflow: hidden;
	margin-bottom: 30px;
	margin-left: 30px;
	width: calc(50% - 30px);
}

@media screen and (max-width: 767px) {
	.cols.links .col2 {
		width: 100%;
		margin-left: 0;
		margin-bottom: 10px;
	}
}

.cols.job-info {
	margin-left: 0;
}

.cols.job-info .col2 {
	padding: 30px 30px 10px;
	float: none;
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.cols.job-info .col2 {
		padding: 15px;
		width: 100%;
	}
}

.cols.links .col2 ul li {
	font-size: 16px;
	list-style: none;
	margin-bottom: 10px;
	text-indent: -38px;
	margin-left: 62px;
}

@media screen and (max-width: 767px) {
	.cols.links .col2 ul li {
		margin-left: 28px;
		font-size: 14px;
		text-indent: -34px;
	}
}

.cols.links .col2 ul li a:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 0.5em 0 1em;
	border-width: 7px 0 7px 9px;
	border-style: solid;
	border-color: transparent transparent transparent #333;
	position: relative;
	top: 1px;
}

.label {
	display: inline-block;
	padding: 12px 20px 10px;
	background: #fff;
	border-radius: 10px;
	font-weight: bold;
	color: #333;
	margin-right: 5px;
	font-size: 13px;
}

@media screen and (max-width: 767px) {
	.label {
		margin: 2px;
		border-width: 3px !important;
		padding: 5px 10px 3px;
		font-size: 13px;
	}
}

.event-post-label-school,
.cat-school {
	border: 5px #ffc296 solid;
}

.event-post-label-childminder,
.cat-childminder {
	border: 5px #bae6da solid;
}

.event-post-label-teacher,
.cat-teacher {
	border: 5px #d9c1e8 solid;
}

.event-post-label-job_seeker,
.cat-job_seeker {
	border: 5px #f5e07b solid;
}

.event-post-label-university,
.cat-university {
	border: 5px #bcd7ed solid;
}

.event-post-label-prefecture,
.cat-prefecture {
	border: 5px #e66d3a solid;
	background: #e66d3a;
	color: #fff;
}

.event-post-label-city,
.cat-city {
	border: 5px #5478b3 solid;
	background: #5478b3;
	color: #fff;
}

/*
.label.cat-type{
	background-color:#B0D9CB;
}
.label.cat-target{
	background-color:#F5AA35;
}
.label.cat-range{
	background-color:#F85D47;
}
*/
p.support-categories {
	margin-bottom: 20px;
}

.searchbox input[type="text"] {
	width: 100%;
}

.searchbox .kyotocity_detail {
	margin-left: 1.5em;
	display: block;
}

.searchbox label {
	display: inline-block;
	padding: 5px 0;
	margin-right: 1em;
}

.searchbox label input {
	margin-right: 5px;
}

.list-interviews {
	width: 100%;
	font-size: 0;
	list-style-type: none;
	margin: -20px -20px;
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

@media (max-width: 767px) {
	.list-interviews {
		margin: 0;
		padding: 25px 25px 0;
	}
}

ul.list-interviews {
	margin: -20px -35px 0;
	width: calc(100% + 70px);
}

ul.list-interviews li {
	position: relative;
	display: inline-block;
	width: calc(50% - 70px);
	font-size: 1rem;
	vertical-align: top;
	background-color: #fff;
	margin: 33px 35px;
	border: 1px solid #ccc;
}

@media (max-width: 767px) {
	ul.list-interviews {
		width: 100%;
		margin: -20px auto 0;
		padding-right: 0;
	}

	ul.list-interviews li {
		width: 100%;
		margin: 0 0 25px;
	}
}

.list-interviews a {
	display: block;
	text-decoration: none;
	color: #444;
}

.list-interviews a p {
	color: #000;
}

.list-interviews a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 1;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	opacity: 0;
}

.list-interviews a::after {
	content: "詳細を見る";
	position: absolute;
	top: calc(50% - 20px);
	right: 0;
	left: 0;
	display: block;
	width: 70%;
	color: #fff;
	text-align: center;
	padding: 10px;
	margin: auto;
	border: 1px solid #fff;
	z-index: 1;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	opacity: 0;
}

@media (max-width: 767px) {
	.list-interviews a::after {
		content: "";
		border: none;
	}
}

.list-interviews a:hover {
	cursor: pointer;
}

.list-interviews a:hover::before {
	display: block;
	opacity: 1;
}

.list-interviews a:hover::after {
	display: block;
	opacity: 1;
}

.list-interviews img {
	display: block;
	width: 100%;
	height: auto;
	backface-visibility: hidden;
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
}

.list-interviews p {
	font-size: 14px;
	letter-spacing: 0;
	text-align: center;
	margin: 20px 0 0;
}

.list-interviews span {
	text-align: center;
	display: block;
	width: 100%;
	min-height: 60px;
	line-height: 1.8;
	font-size: 16px;
	padding: 10px 0 10px;
}

.list-interviews span.sp_detail {
	display: none;
}

@media (max-width: 767px) {
	.list-interviews span.sp_detail {
		display: block;
		text-align: center;
		padding: 10px;
		border: 1px #ccc solid;
		width: 75%;
		margin: 0 auto 20px;
		min-height: auto;
	}
}

.event-posts {
	margin: 30px 0 40px;
}

.support_info_list .support_info_item:not(:last-of-type),
.event-posts .event-post:not(:last-of-type) {
	margin-bottom: 40px;
}

.support_info_list .support_info_item::after,
.event-posts .event-post::after {
	content: "";
	display: table;
	clear: both;
}

.event-posts .event-post .event-post-data {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
}

.post-content h4 {
	border-left: none;
	font-weight: 600;
	font-size: 18px;
	margin-left: -10px;
	clear: none;
	color: #00a679;
}

.post-content .wpcf7 h4 {
	color: #4972a6;
	padding-left: 10px;
}
.post-content .wpcf7 h4::before {
	display: none;
}
@media screen and (max-width: 767px) {
	.post-content h4 {
		margin-left: 0;
		font-size: 16px;
		margin-top: 20px;
	}

	.post-content h4:before {
		width: 16px;
		height: 16px;
		background-size: contain;
	}
}

.post-content h4:before {
	content: "";
	background: url(assets/img/page/h4-icon.png) no-repeat center center;
	width: 21px;
	height: 21px;
	display: inline-block;
	vertical-align: sub;
	margin-right: 5px;
}

.post-content h4 a {
	color: #00a679;
}

.event-posts .event-post .event-post-img {
	width: 200px;
	margin: 10px 0 0;
}

.event-posts .event-post .event-post-img img {
	border: 1px solid #ccc;
}

.event-posts .event-post .event-post-labels {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
}

.support_info_list .support_info_item .gaiyou,
.event-posts .event-post .event-post-content p {
	margin-bottom: 16px;
}

.support_info_item .support-datas,
.event-posts .event-post .event-post-datas {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	background-color: #eee;
	padding: 4px 14px;
	margin-bottom: 16px;
}

.support_info_item .support-datas dt,
.event-posts .event-post .event-post-datas dt {
	float: none;
	width: 85px;
	text-align: center;
	background-color: #fff;
	padding: 4px 0;
	margin: 8px 0;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.support_info_item .support-datas dd,
.event-posts .event-post .event-post-datas dd {
	width: calc(100% - 85px);
	padding: 5px 0 0 15px;
	margin: 8px 0;
}

.event-post-content {
	margin-top: 20px;
	width: calc(100% - 240px);
}

@media screen and (max-width: 767px) {
	.event-post-content {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.event-table-wrap {
		width: 100%;
	}
}

.event-images {
	display: flex;
	flex-wrap: wrap;
	margin: -15px;
	justify-content: center;
}

.event-images .event-image {
	float: none;
	width: calc(50% - 30px);
	margin: 15px;
}

.event-images .event-image:first-child:nth-last-child(3),
.event-images .event-image:first-child:nth-last-child(3) ~ .event-image,
.event-images .event-image:first-child:nth-last-child(5),
.event-images .event-image:first-child:nth-last-child(5) ~ .event-image,
.event-images .event-image:first-child:nth-last-child(6),
.event-images .event-image:first-child:nth-last-child(6) ~ .event-image {
	width: calc(33% - 30px);
}

.event-images .event-image:first-child:nth-last-child(4),
.event-images .event-image:first-child:nth-last-child(4) ~ .event-image {
	width: calc(25% - 30px);
}

@media screen and (max-width: 767px) {
	.event-images .event-image:first-child:nth-last-child(3),
	.event-images .event-image:first-child:nth-last-child(3) ~ .event-image,
	.event-images .event-image:first-child:nth-last-child(5),
	.event-images .event-image:first-child:nth-last-child(5) ~ .event-image,
	.event-images .event-image:first-child:nth-last-child(6),
	.event-images .event-image:first-child:nth-last-child(6) ~ .event-image,
	.event-images .event-image:first-child:nth-last-child(4),
	.event-images .event-image:first-child:nth-last-child(4) ~ .event-image {
		width: calc(50% - 30px);
	}
}

/* 保育士の魅力 */
.page-attractions h4 {
	color: #ea5c44;
	padding-bottom: 8px;
	border-bottom: 2px dotted #ccc;
}

.page-attractions h4::before {
	display: none;
}

@media screen and (max-width: 767px) {
	.page-attractions b {
		font-size: 14px;
		font-weight: 500;
	}
}

.page-attractions .fr img {
	padding-left: 30px;
	padding-bottom: 30px;
	margin-right: -20px;
	margin-top: -15px;
	background: #fff;
}

.page-attractions .fl img {
	padding-right: 30px;
	padding-bottom: 30px;
	margin-left: -20px;
	margin-top: -15px;
	background: #fff;
}

@media screen and (max-width: 767px) {
	.page-attractions .fr img,
	.page-attractions .fl img {
		padding: 0;
		margin: 10px 0 30px;
		background: #fff;
	}
}

/* プライバシーポリシー */
.privacy ul li {
	list-style: none;
	text-indent: -2em;
	margin-left: 2em;
}

/* 検索結果 */
.search .search-item {
	margin-bottom: 40px;
}

/* 保育士インタビュー single */
ul.interview-list {
	overflow: hidden;
	margin: 0 -20px;
}

ul.interview-list li {
	width: calc(50% - 45px);
	display: block;
	background: #63c0ab;
	float: left;
	text-align: center;
	margin: 20px;
}

ul.interview-list li:hover {
	cursor: pointer;
	opacity: 0.8;
}

.interview-list li * {
	color: #fff;
	text-decoration: none;
}

.interview-list li .kv {
	width: 100%;
	background: #eee;
	position: relative;
	background-size: cover;
	border: 1px solid #ddd;
}

.interview-list li .kv::after {
	padding-top: 50%;
	display: block;
	content: "";
}

.interview-list h4 {
	font-size: 22px;
	letter-spacing: 2px;
	margin: 20px 0 5px;
}

.interview-list h4::before {
	content: "";
	display: none;
}

.interview-list p {
	font-size: 20px;
}

.interview-list p span {
	font-size: 14px;
}

@media screen and (max-width: 767px) {
	ul.interview-list {
		overflow: hidden;
		margin: 0;
	}

	ul.interview-list li {
		width: 100%;
		float: left;
		margin: 0 0 20px;
	}

	.interview-list h4 {
		font-size: 18px;
		letter-spacing: 2px;
		margin: 20px 0 5px;
	}

	.interview-list h4::before {
		content: "";
		display: none;
	}

	.interview-list p {
		font-size: 16px;
	}

	.interview-list p span {
		font-size: 12px;
	}
}

.interview-content .interview-img {
	float: right;
	margin-top: 6px;
	margin-left: 30px;
	margin-bottom: 30px;
	width: 300px;
	/* border: 1px solid #ccc; */
}

.interview-content:nth-child(even) .interview-img {
	float: left;
	margin-right: 30px;
	margin-left: 0;
}

@media screen and (max-width: 767px) {
	.interview-content .interview-img {
		width: 100%;
		margin-bottom: 20px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/** キャンページ終了（2018.04.28） **/
@media (max-width: 767px) {
	ul.postBox,
	ul.postBox2 {
		margin: 0 auto;
		padding: 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		overflow: hidden;
	}

	ul.postBox li,
	ul.postBox2 li {
		margin: 0 0 5px 0;
		padding: 0;
		width: 100%;
		list-style: none;
	}

	.pageInsta {
		float: none;
		width: 100%;
		padding-top: 0;
		margin-bottom: 1em;
		text-align: right;
	}

	.pageTw {
		float: none;
		width: 100%;
		text-align: left;
	}
}

@media (min-width: 768px) {
	ul.postBox {
		margin: 0 -35px 0 0;
		padding: 0 0 0 10px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 950px;
		overflow: hidden;
	}

	ul.postBox li {
		margin: 0 14px 5px 0;
		padding: 0;
		width: 220px;
		list-style: none;
	}

	ul.postBox2 {
		margin: 0 -35px 0 0;
		padding: 0 0 0 10px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 950px;
		overflow: hidden;
	}

	ul.postBox2 li {
		margin: 0 14px 20px 0;
		padding: 0;
		width: 298px;
		list-style: none;
	}

	.pageInsta {
		float: right;
		width: 48%;
		padding-top: 20px;
		text-align: right;
	}

	.pageTw {
		float: left;
		width: 48%;
		text-align: left;
	}
}

/*
  保育園・認定こども園一覧 / 地図から探す
 */
.pin-remarks {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-bottom: 15px;
}

.pin-remarks-child {
	display: flex;
	align-items: center;
}

.pin-remarks-child:not(:last-of-type) {
	margin-right: 15px;
}

#map .info-window .title {
	font-weight: bold;
}

#map .info-window img {
	width: 100%;
	max-width: 300px;
	height: auto;
}

.move-areas {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	max-width: calc(82px * 9);
	font-size: 12px;
	margin: 20px auto 0;
}

.move-areas a {
	display: block;
	width: 70px;
	text-align: center;
	padding: 5px 0 3px;
	margin: 6px;
	border: 1px solid #999;
	cursor: pointer;
}

.move-areas select {
	display: none;
	width: 80%;
}

@media screen and (max-width: 767px) {
	.pin-remarks {
		justify-content: flex-start;
		margin-bottom: 10px;
	}

	.pin-remarks-child {
		margin: 0 10px 10px 0;
	}

	.pin-remarks-child:not(:last-of-type) {
		margin-right: 10px;
	}

	#map .info-window img {
		max-width: 150px;
	}

	.move-areas a {
		display: none;
	}

	.move-areas select {
		display: block;
	}
}

/*
求人情報検索
 */
.search-recruit {
	position: relative;
	margin-bottom: 140px;
}
.search-recruit:not(.searching) .searching-icon {
	display: none;
}
.search-recruit.searching [type="submit"] {
	background-color: lightgray;
}
.search-recruit.searching::before {
	content: "";
	position: absolute;
	top: -10px;
	left: -40px;
	width: calc(100% + 80px);
	height: calc(100% + 20px);
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 10;
}
.search-recruit.searching .searching-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 20;
	background: #fff;
	border: solid 1px #ccc;
	padding: 10px;
	line-height: 1;
	border-radius: 10px;
	flex-direction: column;
	width: 200px;
	transform: translate(-50%, -50%);
}
.search-recruit.searching .searching-icon::after {
	content: "検索中";
	display: block;
	margin-top: 10px;
}
.search-recruit .region-wrap {
	display: flex;
	flex-wrap: wrap;
}

.search-recruit .region-wrap:not(:last-of-type) {
	margin-bottom: 10px;
}

.search-recruit .region-wrap > label {
	width: 100px;
}

.search-recruit .region-child {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 115px);
}

.search-recruit label {
	margin: 0 15px 0 0;
	line-height: 2;
	display: inline-block;
}

.search-recruit [type="submit"] {
	display: block;
	width: 200px;
	margin: auto;
	margin-top: 40px;
}

.autocomplete-suggestions {
	overflow: auto;
	background-color: #fff;
	border: 1px solid #000;
}

.autocomplete-suggestion {
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	padding: 2px 5px;
}

.autocomplete-selected {
	background-color: #f0f0f0;
}

.autocomplete-group {
	padding: 2px 5px;
}

.autocomplete-group strong {
	display: block;
	border-bottom: 1px solid #000;
}

@media screen and (max-width: 767px) {
	.search-recruit .region-wrap > label {
		width: 100%;
	}

	.search-recruit .region-child {
		width: 100%;
	}
	.search-recruit {
		padding: 0 15px;
		margin-bottom: 40px;
	}
	#recruit-box > div {
		padding: 10px;
	}
	#recruit-box .menu1,
	#recruit-box .menu1:after {
		background: #dceff7;
	}

	#recruit-box .menu2,
	#recruit-box .menu2:after {
		background: #f5e4df;
	}

	#recruit-box .menu3,
	#recruit-box .menu3:after {
		background: #f2f1da;
	}
	#recruit-box .menu4,
	#recruit-box .menu4:after {
		background: #daf2da;
	}

	#recruit-box p {
		margin-bottom: 5px;
		line-height: 1;
		font-weight: bold;
	}
}

/* 求職者登録 */
.page .ui-datepicker-calendar th,
.page .ui-datepicker-calendar td {
	width: auto;
	padding: 0;
}
.wpcf7-form-control-wrap {
	position: relative;
}
.job-seeker-entry-table [data-name="job-seekers-name1"],
.job-seeker-entry-table [data-name="job-seekers-name2"],
.job-seeker-entry-table [data-name="job-seekers-name-kana1"],
.job-seeker-entry-table [data-name="job-seekers-name-kana2"] {
	display: inline-block;
	width: 250px;
}
.job-seeker-entry-table [data-name="job-seekers-name2"],
.job-seeker-entry-table [data-name="job-seekers-name-kana2"] {
	margin-left: 1em;
}
.wpcf7-form-control-wrap[data-name="age"] input,
.job-seeker-entry-table [data-name="dependents"] input {
	width: 60px;
	text-align: right;
	margin-right: 5px;
}
.wpcf7-form-control-wrap[data-name="zipcode"] input {
	width: 90px;
	margin-right: 12px;
}
.job-seeker-entry-table [data-name="line-name"],
.job-seeker-entry-table [data-name="station-busstop-name"],
.job-seeker-entry-table [data-name="time-required"],
.job-seeker-entry-table [school-name],
.job-seeker-entry-table [major],
.job-seeker-entry-table [data-name*="start-date"],
.job-seeker-entry-table [data-name*="retirement-date"],
.job-seeker-entry-table [data-name*="office-name"],
.job-seeker-entry-table [data-name*="target"],
.job-seeker-entry-table [data-name*="target-age"],
.job-seeker-entry-table [data-name*="target-years"] {
	margin-left: 5px;
}
.job-seeker-entry-table [data-name*="target-years"] {
	margin-right: 5px;
}
.job-seeker-entry-table [data-name="graduate"],
.job-seeker-entry-table [data-name="license"] {
	margin-left: 1em;
}
.wpcf7-form-control-wrap[data-name="desired-job-type"] .wpcf7-form-control,
.wpcf7-form-control-wrap[data-name="licenses"] .wpcf7-form-control {
	display: block;
	margin-bottom: -15px;
}

/* カルテ */
.karte-table {
	width: 900px;
	margin: 0 auto;
}
.karte-table table:not(:first-of-type) {
	margin-top: 2em;
}
.karte-table caption {
	font-size: 18px;
	font-weight: bold;
}
.karte-table th,
.karte-table td {
	border-color: #000 !important;
	padding: 5px 10px !important;
}
.karte-table tr th:first-of-type {
	width: auto;
}
.karte-table td.bl-none {
	border-left: none;
}
.karte-table td.br-none {
	border-right: none;
}
.karte-table td.ta-left {
	text-align: left;
}
.karte-table-history {
	margin-bottom: 0 !important;
	border-bottom: none !important;
}
.karte-table-worked {
	margin-top: 0 !important;
	border-top: none !important;
}
.karte-table-history tr:nth-last-of-type(1) td {
	border-bottom: none;
}
.karte-table-history tr:nth-of-type(1) th {
	border-bottom: none !important;
}
.karte-table-history th {
	width: 170px !important;
	text-align: center;
}
.karte-table-worked th {
	width: 170px !important;
	text-align: center;
}
.karte-table-worked td {
	text-align: center;
}
.karte-table-history td:nth-of-type(1) {
	width: 250px;
}
.karte-table-note td {
	display: block;
	border: none !important;
	min-height: 200px;
}
@media print, (min-width: 768px) {
	.karte-table .karte-table-contact {
		margin-top: -11px !important;
	}
	.karte-table .karte-table-basic tr th,
	.karte-table .karte-table-contact tr th,
	.karte-table .karte-table-edu-bg tr th,
	.karte-table .karte-table-license tr th,
	.karte-table .karte-table-job tr th,
	.karte-table .karte-table-support-histories tr th {
		width: 120px;
		text-align: center;
	}
	.karte-table .karte-table-basic tr td:nth-child(4) {
		width: 180px;
	}
	.karte-table .karte-table-basic tr td:nth-child(2) {
		.karte-table .karte-table-contact tr td:nth-child(2) {
			width: 310px;
		}
		.karte-table .karte-table-edu-bg tr th {
			width: 20%;
		}
		.karte-table .karte-table-license tr th {
			width: 20%;
		}
		.karte-table .karte-table-job tr th {
			width: 20%;
		}
		.karte-table .karte-table-worked tr th {
			width: 20%;
		}
		.karte-table .karte-table-worked-details {
			margin-bottom: 0;
		}
		.karte-table .karte-table-support-histories tr th {
			width: 20%;
		}
	}
	@media print {
		.karte-table .karte-table-support-histories-wrap {
			display: none;
		}
	}

	/* 求人情報検索 / 検索結果 */
	.search-recruit-result {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-left: 40%;
	}

	.search-recruit-result:first-of-type {
		margin-top: 40px;
	}

	.search-recruit-result:not(:last-of-type) {
		margin-bottom: 80px;
	}

	.search-recruit-result .nurseries-title {
		width: 100%;
		margin-top: 0;
		margin-bottom: 20px;
	}

	.search-recruit-result .nurseries-img {
		position: absolute;
		top: 0;
		left: 0;
		width: 35%;
	}

	.search-recruit-result .nurseries-img .visual {
		display: block;
		width: 100%;
		height: 250px;
		border: 1px solid #ccc;
		background-color: #eee;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}

	.search-recruit-result .nurseries-labels {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin-bottom: 20px;
	}

	.search-nurserie-result .nurseries-label {
		font-size: 13px;
		font-weight: bold;
		color: #333;
		padding: 7px 20px 5px;
		margin: 0 5px 0 0;
		border-width: 5px;
		border-style: solid;
		border-color: transparent;
		border-radius: 10px;
	}

	.search-recruit-result .nurseries-label.--type {
		border-color: #bcd7ed;
	}

	.search-recruit-result .nurseries-label.--region {
		color: #fff;
		background-color: #e66d3a;
		border-color: #e66d3a;
	}

	.search-recruit-result .nurseries-data {
		width: 100%;
	}

	.search-recruit-result .nurseries-data th {
		width: 150px;
	}

	@media screen and (max-width: 767px) {
		.search-recruit-result {
			padding-left: 0;
		}

		.search-recruit-result .nurseries-label {
			padding: 5px 10px 3px;
			margin: 2px;
			border-width: 3px;
		}

		.search-recruit-result .nurseries-img {
			position: static;
			width: 100%;
			margin-bottom: 20px;
		}

		.search-recruit-result .nurseries-data {
			width: 100%;
		}

		.search-recruit-result .nurseries-data th {
			width: 100%;
		}
	}

	#recruit-box {
		display: flex;
		flex-direction: column;
		width: 800px;
		margin: 0 auto 20px;
	}

	#recruit-box > div {
		padding: 20px 30px;
		position: relative;
	}

	#recruit-box > div::after {
		content: " ";
		display: block;
		width: 20px;
		height: 20px;
		transform: rotate(45deg);
		position: absolute;
		bottom: -10px;
		left: 50%;
		margin-left: -10px;
	}

	#recruit-box > div:not(:first-of-type) {
		margin-top: 15px;
	}

	@media screen and (max-width: 767px) {
		#recruit-box {
			width: 100%;
			display: block;
		}

		#recruit-box > div {
			width: 100%;
			display: block;
			padding: 20px 30px;
			position: relative;
		}

		#recruit-box > div:after {
			content: " ";
			display: block;
			width: 20px;
			height: 20px;
			transform: rotate(45deg);
			position: absolute;
			bottom: -10px;
			left: 50%;
			margin-left: -10px;
		}

		#recruit-box > div + div {
			margin-left: 0;
		}
	}

	#recruit-box .menu1,
	#recruit-box .menu1:after {
		background: #dceff7;
	}

	#recruit-box .menu2,
	#recruit-box .menu2:after {
		background: #f5e4df;
	}

	#recruit-box .menu3,
	#recruit-box .menu3:after {
		background: #f2f1da;
	}
	#recruit-box .menu4,
	#recruit-box .menu4:after {
		background: #daf2da;
	}

	#recruit-box p {
		margin-bottom: 5px;
		line-height: 1;
		font-weight: bold;
	}

	#recruit-box select {
		width: 100%;
	}

	.results_each_areas tr th:first-child {
		width: auto;
	}

	.post-content table.results_each_areas tbody th {
		padding: 10px 0;
		text-align: center;
	}

	/*事業者登録フォーム*/
	.employer-confirm,
	div.entry-ng {
		width: 700px;
		margin: 0 auto;
	}

	p.alert_msg {
		text-align: center;
		color: #c00;
		font-weight: bold;
		font-size: 22px;
		letter-spacing: 1px;
		margin-bottom: 30px;
	}

	p.alert_msg span {
		color: #333;
		font-size: 16px;
	}

	.employer-confirm table th,
	.employer-confirm table td {
		vertical-align: top;
	}

	@media (max-width: 767px) {
		.employer-confirm,
		div.entry-ng {
			width: 100%;
		}

		p.alert_msg {
			font-size: 20px;
			margin-bottom: 0;
			line-height: 1.6;
			text-indent: -1em;
			padding-left: 1em;
		}
	}

	.employer-confirm table ul {
		margin-bottom: 0;
	}

	.employer-entry {
		display: none;
	}

	.employer-entry tr th {
		width: 230px;
	}

	/*ContactForm*/
	span.wpcf7-list-item {
		margin: 0 1em 0 0 !important;
	}

	.archive article img,
	.single-event article img,
	.single-post article img {
		display: block;
		margin: 0 auto 20px;
		border: solid 1px #ccc;
	}

	.wage-total-from input,
	.wage-total-upto input {
		width: 200px;
	}

	.saiyou input {
		width: 80px;
	}

	/*sitemap*/
	.post-content .sitemap {
		display: flex;
	}

	.post-content .sitemap ul {
		width: 33.3%;
		width: calc(100% / 3);
	}

	@media (max-width: 767px) {
		.post-content .sitemap {
			display: block;
		}

		.post-content .sitemap ul {
			width: 100%;
		}
	}

	.post-content .sitemap ul:nth-child(1) li:first-child,
	.post-content .sitemap ul:nth-child(2) li:first-child {
		font-weight: bold;
		margin-bottom: 15px;
	}

	.post-content .sitemap ul:nth-child(3) li:first-child {
		margin-top: 40px;
	}

	.post-content .sitemap ul li {
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}

	.post-content .sitemap ul li a {
		display: inline-block;
		width: 100%;
	}

	.post-content .sitemap ul li a:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		background: url(./assets/img/footer/footer-menu-brown.png) bottom
			repeat-x;
		width: 14px;
		height: 14px;
		margin-right: 5px;
		position: relative;
		top: -1px;
		transform: rotate(-90deg);
	}

	@media (max-width: 767px) {
		.post-content .contact-access-table iframe {
			height: 100vw;
		}
	}

	/* recruit, entities */
	.single-recruit .post-header,
	.single-recruit_gakusotu .post-header,
	.single-entities .post-header,
	.single-hellowork_kyujin .post-header {
		display: none;
	}

	@media print {
		.single-recruit #content,
		.single-entities #content,
		.single-hellowork_kyujin #content {
			padding: 0;
		}

		.single-recruit .wrap,
		.single-entities .wrap,
		.single-hellowork_kyujin .wrap {
			width: auto;
			max-width: 100%;
			padding: 0;
			margin: 0;
		}

		.single-recruit .post-content h2,
		.single-entities .post-content h2,
		.single-hellowork_kyujin .post-content h2 {
			font-size: 24px;
			font-weight: bold;
			line-height: 1;
			color: #4972a6;
			background: none;
			padding: 0;
			margin: 0 0 25px !important;
		}

		.single-recruit header,
		.single-entities header,
		.single-hellowork_kyujin header {
			display: none;
		}

		.single-recruit .breadcrumb-area,
		.single-entities .breadcrumb-area,
		.single-hellowork_kyujin .breadcrumb-area {
			display: none;
		}

		.single-recruit p,
		.single-entities p,
		.single-hellowork_kyujin p {
			display: none;
		}

		.single-recruit table tbody th,
		.single-recruit table tbody td,
		.single-entities:not(.mode-docs-print) table tbody th,
		.single-entities:not(.mode-docs-print) table tbody td,
		.single-hellowork_kyujin table tbody th,
		.single-hellowork_kyujin table tbody td {
			padding: 5px 10px;
		}

		.single-recruit .pagetop,
		.single-entities .pagetop,
		.single-hellowork_kyujin .pagetop {
			display: none !important;
		}

		.single-recruit footer,
		.single-entities footer,
		.single-hellowork_kyujin footer {
			display: none;
		}
	}

	/*求人情報の印刷ボタンを非表示に*/

	/* 求職者一覧 */
	.job-seekers-refine-wrap {
		display: flex;
		justify-content: flex-end;
		margin-bottom: 1em;
	}
	.job-seekers-search {
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 0.5em;
	}
	.job-seekers-refine {
		color: #fff;
		background-color: #88cbd8;
		margin-left: 1em;
		border: 1px solid #88cbd8;
		border-radius: 5px;
		padding: 0.5em 1em;
	}
	.job-seekers-refine:hover {
		color: #88cbd8;
		background-color: #fff;
	}
	.job-seekers-all {
		color: #fff;
		background-color: #aaa;
		margin-left: 1em;
		border: 1px solid #aaa;
		border-radius: 5px;
		padding: 0.5em 1em;
	}
	.job-seekers-all:hover {
		color: #aaa;
		background-color: #fff;
	}
	.post-content .job-seekers-table thead th {
		color: #fff;
		background-color: #aaa;
		background-size: 21px auto;
	}
	.post-content .job-seekers-table thead th.tablesorter-headerDesc,
	.post-content .job-seekers-table thead th.tablesorter-headerAsc {
		background-color: #88cbd8;
		border: none;
	}

	.post-content .job-seekers-table th,
	.post-content .job-seekers-table td {
		padding: 10px;
		line-height: 1.6;
		font-size: 14px;
	}
	.post-content .job-seekers-table .job-seekers-table-cb {
		width: 3%;
	}
	.post-content .job-seekers-table .job-seekers-table-id {
		width: 7%;
	}
	.post-content .job-seekers-table .job-seekers-table-name {
		width: 7%;
	}
	.post-content .job-seekers-table .job-seekers-table-tantou {
		width: 4%;
	}
	.post-content .job-seekers-table .job-seekers-table-desired {
		width: 9%;
	}
	.post-content .job-seekers-table .job-seekers-table-area {
		width: 6%;
	}
	.post-content .job-seekers-table .job-seekers-table-age {
		width: 14%;
	}
	.post-content .job-seekers-table .job-seekers-table-jobarea {
		width: 10%;
	}
	.post-content .job-seekers-table .job-seekers-table-job-type {
		width: 22%;
	}
	.post-content .job-seekers-table .job-seekers-table-timing {
		width: 8%;
	}
	.post-content .job-seekers-table .job-seekers-table-license {
		width: 9%;
	}
	.post-content .job-seekers-table td {
		font-weight: normal;
	}
	.job-seekers-row-hide {
		display: none;
	}
	a.seeker-edit-link {
		text-decoration: none;
		display: block;
		min-width: 3em;
		min-height: 3em;
		text-decoration: underline;
	}
	/* カルテ用 */
	.small {
		font-size: 0.7em;
	}

	@media print {
		.single-job_seeker header,
		.single-job_seeker footer {
			display: none;
		}
		.wrap {
			width: 100% !important;
			max-width: none !important;
		}
	}

	.job-seekers-contact-wrap {
		position: fixed;
		bottom: 0px;
		right: 30px;
		width: 250px;
		z-index: 1;
	}
	button.job-seekers-contact {
		background: #88cbd8;
		color: #fff;
		font-weight: 500;
		letter-spacing: 0;
		border-radius: 10px;
		display: block;
		padding: 10px 15px;
		-webkit-appearance: none;
		border: solid 2px #88cbd8;
		width: 100%;
		line-height: 1.6em;
		text-align: left;
	}
	button.job-seekers-contact:hover {
		color: #88cbd8;
		background: #fff;
		border: solid 2px #88cbd8;
	}
	button.job-seekers-contact::before {
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		position: absolute;
		transform: rotate(45deg);
		border-right: solid 2px #fff;
		border-top: solid 2px #fff;
		right: 15px;
		top: 50px;
	}

	button.job-seekers-contact:hover::before {
		border-color: #88cbd8;
	}

	.grecaptcha-badge {
		display: none !important;
	}

	.post-password-form {
		text-align: center;
	}
}
@media print {
	body {
		overflow: visible;
		width: 1024px;
		min-width: initial;
	}

	body > div:not([id]):not([class]) {
		display: none;
	}

	* {
		overflow: visible !important;
	}

	#content {
		padding: 0;
	}

	#fb-root,
	#header,
	#query-monitor-main,
	.post-header,
	#footer,
	.breadcrumb-area,
	.job-seekers-refine-wrap,
	.post-content h2,
	.post-content h2 + p,
	.job-seekers-contact-wrap {
		display: none;
	}
}

.jobseekers.one-column #content .wrap {
	max-width: 1280px;
	width: 100%;
}

@media (max-width: 768px) {
	.jobseekers table td {
		display: table-cell !important;
	}
}

.email_wrap {
	display: inline-flex;
	flex-direction: column;
	width: calc(100% - 330px);
	vertical-align: middle;
}
.email_wrap br {
	display: none;
}
.email_wrap input {
	width: 100%;
}
.line_wrap {
	width: 300px;
	display: inline-flex;
	vertical-align: middle;
}
@media (max-width: 768px) {
	.email_wrap,
	.line_wrap {
		width: 100%;
		display: flex;
		margin: 5px auto;
		justify-content: center;
		align-items: center;
	}
	.page-id-14 article {
		padding: 0 20px;
	}
}
.line_wrap img {
	width: 100px;
}
.line_btn {
	display: flex;
	text-align: center;
	width: calc(100% - 100px);
	line-height: 1.4;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 190px;
}
.line_btn_bg {
	background: #06c755;
	display: flex;
	width: 170px;
	border-radius: 5px;
	height: 30px;
	justify-content: center;
	align-items: center;
	margin: 5px auto 6px;
}
.line_btn p {
	font-size: 12px !important;
	margin-bottom: 0 !important;
	line-height: 1.4 !important;
}

.docs__content.soufu {
	margin-left: auto;
	margin-right: auto;
}

.page-guide_employer .btn_link {
	display: inline-block;
	padding: 7px 20px;
	margin-top: 10px;
	background: #ed8a96;
	color: #fff;
	text-decoration: none;
	border-radius: 10px;
	font-weight: bold;
}

.gakusotu_sheet {
	position: absolute;
	bottom: -23px;
	right: -40px;
	border: solid 2px #80bc45;
	color: #70b42c;
	background: #fff;
	text-decoration: none !important;
	font-weight: bold;
	letter-spacing: 1px;
	display: block;
	padding: 8px 30px;
	margin: 20px auto;
}
.gakusotu_sheet:before {
	content: "▲";
	display: inline-block;
	transform: rotate(90deg);
	font-size: 0.7em;
	margin-right: 5px;
}
.gakusotu dl dt {
	line-height: 3.4em;
	width: 140px;
}

.gakusei_hoiku {
	position: absolute;
	bottom: -100px;
	right: -40px;
	width: 243px;
}
@media screen and (max-width: 768px) {
	.gakusotu_sheet {
		position: static;
		width: 230px;
		margin-left: auto;
		margin-right: 0;
		margin-top: 40px;
		margin-bottom: 20px;
		padding: 8px 20px;
	}
	.gakusei_hoiku {
		position: static;
		width: 230px;
		display: block;
		margin-left: auto;
	}
}

.grecaptcha-badge {
	display: none !important;
}

.recruit_gakusotu input[type="number"] {
	width: 100px;
}

@media print {
	a.docs-print,
	.bzb-sns-btn {
		display: none !important;
	}
	table.datespace {
		margin-top: -20px;
	}

	.post-content table td p:last-child {
		margin-bottom: 0;
	}
	.post-content table tbody th,
	.post-content table tbody td {
		padding: 5px 10px;
		font-size: 14px;
	}
}

.wpcf7 p {
	margin-bottom: 0.5em;
}

.wpcf7 .wpcf7-not-valid-tip {
	font-weight: bold;
	color: #fff;
	background-color: #dc3232;
	padding: 5px 10px;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	font-weight: bold;
}