@charset "UTF-8";

/*
Theme Name: Emanon Free child
Theme URI: https://wp-emanon.jp
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon Free の子テーマです。
Template: emanon-free
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options

Emanon Free 子テーマ用のスタイルを以下に記述
*/

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {
	font-family: 'Helvetica', 'Arial', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic'sans-serif;
}

.header {
	position: fixed;
	z-index: 9999;
	top: 0;
	width: 100%;
	border-top: 3px solid #26655f;
}

.featured,
.content {
	margin-top: 120px;
}

.home .content {
	margin-top: 0;
}

#popular-post {
	background: #fff;
	padding: 0px 15px;
}

#popular-post .wpp-post-title {
	font-weight: bold;
	font-size: 1.5rem;
}

#popular-post .wpp-list li {
	padding: 15px 0;
}

#popular-post .wpp-list li:before {
	font-size: 1.5rem;
}

.article-header .entry-title {
	border-bottom: 1px solid #ebedf0;
	padding-bottom: 17px;
}

.article-thumbnail {
	margin-bottom: 0;
}

.button-area {
	width: 100%;
	padding-top: 15px;
	margin: 0 0 20px;
	clear: both;
	display: flex;
	justify-content: center;
}

.button-area a {
	display: block;
	color: #fff !important;
	text-decoration: none;
	text-align: center;
	padding: 10px 0;
}

.button-area a i {
	color: #fff !important;
}

.button-whole {
	width: 33.33%;
}

#facebook {
	background-color: #3b5998;
	box-shadow: 0 3px 0 #2d4373;
}

#facebook i.fa-facebook {
	background: #fff;
	color: #3b5998 !important;
	padding: 3px 2px 2px 4px;
	border-radius: 3px;
	font-size: 12px;
}

#twitter {
	background-color: #00acee;
	box-shadow: 0 3px 0 #1887cc;
}

#feedly {
	background-color: #ffc500;
	box-shadow: 0 3px 0 #d89911;
}

.button-link .sns-type {
	font-size: 16px;
}

.related {
	padding: 0px 40px 30px 40px;
}

.related-list li {
	border-bottom: 1px solid #ebedf0;
	margin-bottom: 0 !important;
	padding-top: 20px;
	padding-bottom: 20px;
}

.archive-list {
	border: none;
}

.widget-fixed {
	margin-top: 120px;
}

footer {
	background: #454241;
}

.footer-left-box .logo img {
	width: 230px;
}


/*.footer-widget-box h3{
  color:#989696 !important;
  border-bottom-color:#989696 !important;
}*/

.footer-widget-box a:hover {
	text-decoration: underline;
}

.footer-widget-box .tagcloud a {
	border-color: #989696 !important;
}

.copyright {
	padding: 15px;
	overflow: hidden;
	background: #363636;
	display: flex;
	justify-content: space-between;
}

.copyright .footer-copy-links {
	font-size: 11px;
	display: flex;
}

.copyright .footer-copy-links li {
	margin-right: 15px;
}

.recommended-post {
	margin: 30px 0 30px;
	border: 1px solid #ebedf0;
	padding: 15px;
	overflow: hidden;
}

.recommended-post .recommended-img {
	float: left;
	margin-bottom: 0px !important;
}

.recommended-post .box1 {
	float: left;
	margin-left: 20px;
	width: 570px;
	height: 100px;
}

.recommended-post .recommended-title {
	font-size: 18px;
	font-weight: bold;
	color: #ec9328;
	margin-bottom: 10px !important;
}

.recommended-post .recommended-subtitle {
	margin-bottom: 0px !important;
}

.recommended-post .recommended-text {
	font-size: 14px;
	margin-bottom: 0px !important;
	line-height: 1.6;
}

.article-body .strong-text {
	font-weight: bold;
	color: #f03;
}

.yellow_line {
	background: rgba(0, 0, 0, 0) linear-gradient(transparent 76%, #ffff89 0%) repeat scroll 0 0;
}


/***************** IEの表示 *****************/

@media all and (-ms-high-contrast: none) {
	.featured {
		/*display: none;*/
	}
	.featured,
	.content {
		margin-top: 130px;
	}
	#breadcrumb {
		display: inline-block;
		margin: -64px 0 0;
		padding: 24px 0;
	}
	.rcrumbs>ol>li.show {
		display: inline-block;
		z-index: 1000;
	}
	.rcrumbs>ol>li {
		display: none;
		line-height: 1;
		overflow: hidden;
		font-size: 12px;
		font-size: 1.2rem;
	}
}


/***************** IEの表示ここまで *****************/


/***************** アコーディオンbox *****************/


/*ボックス全体*/

.accbox {
	margin: 2em 0;
	padding: 0;
	max-width: 100%;
	/*最大幅*/
}


/*ラベル*/

.accbox label {
	display: block;
	margin: 1.5px 0;
	padding: 11px 12px;
	color: #ffffff;
	font-weight: bold;
	background: #26655f;
	cursor: pointer;
	transition: all 0.5s;
}


/*ラベルホバー時*/

.accbox label:hover {
	background: #669790;
}


/*チェックは隠す*/

.accbox input {
	display: none;
}


/*中身を非表示にしておく*/

.accbox .accshow {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}


/*クリックで中身表示*/

.cssacc:checked+.accshow {
	height: auto;
	padding: 5px;
	background: #ffffff;
	opacity: 1;
	border: solid 1px #EFEFEF;
}


/***************** アコーディオンboxここまで *****************/


/***************** table装飾用 *****************/

.y1 {
	background-color: #9FC8C5!important;
}

.y2 {
	background-color: #A9B6CF!important;
}

@media screen and (min-width: 1200px) {
	.article-body {
		padding: 0px 40px 32px 40px;
	}
}

@media screen and (max-width: 768px) {
	.article-body p {
		margin-bottom: 20px;
	}
	.recommended-post .box1 {
		float: none;
		margin-left: 95px;
		width: auto;
		height: 100%;
	}
	.widget-fixed{
		margin-top: 0;
	}
}


/***************** table装飾用ここまで *****************/


/***************** 記事ボトムバナー用 *****************/

.acctbop-bottom_bnr a img {
	margin-bottom: 1em;
}

.bnr_box {
	overflow: hidden;
}

.bnr_box img {
	float: left;
}

@media screen and (max-width:1199px) {
	.acctbop-bottom_bnr a img {
		display: block;
	}
	.bnr_box img {
		float: none;
		margin: 0 auto;
	}
}

@media screen and (max-width:991px) {
	.bnr_box {
		overflow: hidden;
	}
	.bnr_box img {
		float: left;
	}
}

@media screen and (max-width:756px) {
	.acctbop-bottom_bnr a img {
		display: block;
	}
	.bnr_box img {
		float: none;
		margin: 0 auto;
	}
}


/***************** 記事ボトムバナー用ここまで *****************/


/***************** cta追加用 *****************/

.head_cta {
	width: 600px;
	float: right;
}

#head_cta {
	display: block;
}

.header-logo img {
	top: 44%;
}

.head_cta-bnr {
	width: 610px;
	float: right;
	margin-top: 10px;
}

.head_cta-info {
	width: 610px;
	float: right;
}

.head_cta-info .telphone {
	float: left;
	margin-right: 20px;
}

.head_cta-info .telphone span {
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	margin-top: 4px;
}

.head_cta-info .telphone .tel {
	margin-top: 8px;
	padding-left: 39px;
	font-size: 30px;
	font-weight: bold;
	background: url(https://j-support.jp/wp-content/uploads/2019/01/fc-icon.png) no-repeat left bottom;
	line-height: 1.1;
}

.head_cta-info .telphone .tel span {
	font-size: 34px;
}

.head_cta-info .btn.contact-method-pc {
	float: left;
}

.head_cta-info .btn.contact-method-pc p {
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	text-align: left;
	margin-top: 4px;
}

.head_cta-info .btn.contact-method-pc ul {
	padding-bottom: 0px;
	margin-top: 4px;
}

.head_cta-info .btn.contact-method-pc ul li {
	float: left;
}

.head_cta-info .btn.contact-method-pc ul li a {
	display: block;
	padding: 12px 10px 10px 2px;
	border-radius: 4px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	width: 134px;
	height: 38px;
	text-align: center;
	text-decoration: none;
	position: relative;
	letter-spacing: 2px;
	margin-right: 5px;
}

.head_cta-info .btn.contact-method-pc ul li a:hover {
	-webkit-transform: translate(0, 3px);
	transform: translate(0, 3px);
	background-color: rgba(0, 0, 0, 0.2)!important;
}

.head_cta-info .btn.contact-method-pc ul li a:before {
	position: absolute;
	display: block;
	content: "";
	top: 36%;
	right: 5px;
	border-top: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #fff;
}

._btn-var1 {
	display: block;
	width: 134px;
	background: #bc0a04 !important;
	border-radius: 5px;
	padding: 20px;
	font-size: 20px;
	color: #fff;
	position: relative;
}

._btn-var1-2 {
	display: block;
	width: 134px;
	background: #004098 !important;
	border-radius: 5px;
	padding: 20px;
	font-size: 20px;
	color: #fff;
	position: relative;
}

._btn-var2,
._btn-var2-2,
._btn-var3 {
	display: block;
	width: auto;
	border-radius: 5px;
	padding: 10px 5px;
	font-size: 20px;
	position: relative;
	color: #fff;
}

._btn-var2 {
	background: #bc0a04;
}

._btn-var2-2 {
	background: #004098;
}

._btn-var3 {
	background: #448dea;
}

.btn a {
	/*background: #bc0a04!important;*/
	border-bottom: 3px solid rgba(0, 0, 0, 0.2);
}

.header-logo {
	height: auto!important;
}

@media screen and ( max-width: 991px) {
	.header-logo {
		height: 120px!important;
	}
	.header-logo img {
		height: 96px;
	}
	.header-logo {
		float: none;
	}
	.header-logo {
		height: auto;
	}
	.header-logo img {
		top: 50%;
	}
	#head_cta {
		display: none;
	}
	.head_cta-bnr {
		width: auto;
		float: none;
		text-align: center;
		margin-top: -50px;
		margin-left: 13px;
		margin-right: 13px;
	}
	.head_cta-bnr img {}
}


/***************** cta追加用ここまで *****************/


/***************** 固定footer *****************/

#footerBtn {
	display: none
}

@media screen and (max-width:991px) {
	body {
		overflow: hidden;
		margin-bottom: 62px
	}
	#footerBtn {
		display: block;
		position: fixed;
		z-index: 10;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		transition: all .5s;
		z-index: 400;
	}
	#footerBtn li {
		float: left;
		width: 33.3%
	}
	#footerBtn li a {
		display: block;
		color: #fff;
		padding: 20px 0 20px 0;
		width: auto;
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		border-radius: 0
	}
	#footerBtn .btn-var1 {
		background: #bc0a04;
		letter-spacing: 2px;
	}
	#footerBtn .btn-var1-2 {
		background: #004098;
		letter-spacing: 2px;
	}
	#footerBtn .btn-var2 {
		background: #448dea;
		letter-spacing: 2px;
	}
}


/***************** 固定footerここまで *****************/


/***************** 会社概要SP用スタイル *****************/

.text-company {
	margin-top: 10px;
}

.company-info-table p:last-child {
	margin-bottom: 8px;
}

@media screen and (max-width:991px) {
	.company-info-table p {
		border-bottom: 1px solid #e2e5e8;
		padding-bottom: 8px;
		margin-bottom: 20px;
	}
	.company-info-table p:last-child {
		border-bottom: none;
	}
	.company-info-table tr th,
	.company-info-table tr td {
		width: 100%;
		display: block;
	}
	.footer-left-box {
		text-align: center;
	}
}


/***************** 会社概要SP用スタイルここまで *****************/


/***************** SP時のヘッダ高さ変更 *****************/

@media screen and (max-width:991px) {
	.header,
	.header-logo {
		height: 96px!important;
	}
}


/***************** SP時のヘッダ高さ変更ここまで *****************/


/***************** 記事下CTAホバーアクション追加 *****************/


/*#pryc-wp-acctbop-bottom .acctbop-bottom_bnr a img{
  transition: 0.4s ;
}
#pryc-wp-acctbop-bottom .acctbop-bottom_bnr a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}*/

.acctbop-bottom_bnr a img {
	transition: 0.4s;
}

.acctbop-bottom_bnr a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


/***************** 記事下CTAホバーアクション追加ここまで *****************/


/***************** サイバナーホバーアクション追加 *****************/

.widget_text a img {
	transition: 0.4s;
}

.widget_text a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


/***************** 記事下CTAホバーアクション追加ここまで *****************/


/***************** ロゴ下文言 *****************/

.header .container .text {
	top: 84%;
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	color: #1f665e;
}

@media screen and ( max-width: 991px) {
	.header .container .text {
		display: none;
	}
}


/***************** ロゴ下文言ここまで *****************/


/***************** SPヘッダ固定解除ここから *****************/

@media screen and ( max-width: 991px) {
	.header {
		position: static;
		width: 100%;
		border-top: 3px solid #26655f;
	}
	.featured,
	.content {
		margin-top: 0;
	}
}


/***************** SPヘッダ固定解除ここまで *****************/


/***************** ネイティブアド対応 *****************/

.post-meta.nativead {
	display: inline-block;
	background: #0cc8af;
	color: #fff;
	width: 35px;
	height: 18px;
	text-align: center;
	font-size: 12px;
}


/***************** ネイティブアド対応ここまで *****************/


/***************** サイドバーがフッターにかぶる問題一時対策 *****************/

.sidebar-footer {
	margin-top: 32px;
}
/*
.fit-sidebar-fixed {
	margin-top: 130px;
}
*/

/***************** サイドバーがフッターにかぶる問題一時対策ここまで *****************/


/***************** サイドバナーをSPで中央寄せ *****************/

@media screen and ( max-width: 991px) {
	.widget_text a img {
		display: block;
		width: ;
		margin: 0 auto;
	}
}


/***************** サイドバナーをSPで中央寄せここまで *****************/


/***************** popularposts *****************/

.pppost {
	height: 100px;
	margin: 10px 0;
}

.col-sm-4 {
	float: left;
}

.col-sm-4 img {
	height: 100px;
	width: 100px;
	object-fit: cover;
}

.col-sm-8 {
	margin-left: 110px;
	font-size: 14px;
}


/***************** 働き方改革ページ *****************/


/*<!-- -- 共通パーツ -- -->*/

.heading-var2 {
	font-size: 2.4rem;
	font-weight: bold;
	color: #2e665f;
	text-align: center;
	background: initial;
	border-top: solid 2px #2e665f;
	border-bottom: solid 2px #2e665f;
	border-left: initial;
}


/*<!-- -- メインV -- -->*/

#mainv .mainv-box-pc {
	display: block;
	padding: initial;
	margin-bottom: -40px;
}

#mainv .mainv-box-sp {
	display: none;
}


/*<!-- -- 説明 -- -->*/

#col1 {
	background: #dcf3f2;
	padding: 1px 16px 1px 16px;
	margin-bottom: -40px;
}

#col1 .heading-var1-out {
	position: relative;
}

#col1 .heading-var1-out:before {
	content: "";
	display: inline-block;
	width: 92px;
	height: 70px;
	background: url(https://j-support.jp/wp-content/uploads/2019/04/h2_icon01.png) no-repeat;
	position: absolute;
	top: -2px;
	left: 0px;
}

#col1 .heading-var1 {
	font-size: 2rem;
	font-weight: bold;
	color: #2e665f;
	text-align: center;
	background: initial;
	padding: 15px 0;
	border-top: solid 2px #2e665f;
	border-bottom: solid 2px #2e665f;
}

.col1-txt {
	font-size: 1.4rem;
	color: #313131;
	margin: 50px auto;
	padding: 0 10px;
}


/*<!-- -- CTA -- -->*/

#CTA .cta-box {
	background: repeating-linear-gradient(#67e6d5 0, #67e6d5 3px, #5ae4d1 3px, #5ae4d1 4px);
	padding-bottom: 30px;
}

#CTA .cta-box .cta-txt1 {
	font-size: 1.8rem;
	font-weight: bold;
	color: #313131;
	text-align: center;
	padding-top: 4%;
	margin-bottom: -10px;
	position: relative;
	margin-bottom: 5px;
}

#CTA .cta-box .cta-txt1:before {
	position: absolute;
	width: 0;
	height: 0;
	content: "";
	left: 18%;
	top: 32%;
	border: 5px solid transparent;
	transform: rotate(-35deg);
	border-top: 35px solid #f93249;
	border-left-width: 0px;
	border-right-width: 0px;
	padding: 1px;
}

#CTA .cta-box .cta-txt1:after {
	position: absolute;
	width: 0;
	height: 0;
	content: "";
	right: 18%;
	top: 32%;
	border: 5px solid transparent;
	transform: rotate(35deg);
	border-top: 35px solid #f93249;
	border-left-width: 0px;
	border-right-width: 0px;
	padding: 1px;
}

#CTA .cta-box .cta-txt3 a.cta-btn:before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -172px;
	margin: auto;
	content: "";
	vertical-align: middle;
	left: 0px;
	box-sizing: border-box;
	width: 0px;
	height: 10px;
	border: 7px solid transparent;
	border-left: 7px solid #fff;
}

#CTA .cta-box .cta-txt3 a.cta-btn {
	font-size: 1.8rem;
	color: #fff;
	text-align: center;
	background: #f93249;
	display: block;
	max-width: 472px;
	padding: 10px 0 10px 0;
	margin: 0 auto;
	position: relative;
	text-decoration: none;
	margin-bottom: -30px;
}

#CTA .cta-box .cta-txt3 a.cta-btn:after {
	position: absolute;
	display: block;
	width: 100%;
	height: 6px;
	content: "";
	right: 0%;
	top: 100%;
	background: repeating-linear-gradient(-45deg, #c62739 0, #c62739 4px, #da4d51 4px, #da4d51 8px);
}

#CTA .cta-box .cta-txt3 a.cta-btn:hover {
	top: 3px;
	opacity: 0.9;
}

#CTA .cta-box .cta-txt3 a.cta-btn:hover:after {
	height: 3px;
}


/*<!-- -- ポイント -- -->*/

#col2 {
	padding: 0 16px 0 16px;
}

#col2 .col2-ttl {
	font-size: 1.8rem;
	font-weight: bold;
	color: #2e665f;
	padding: 10px auto;
	border-bottom: solid 2px #eaf8f7;
	position: relative;
	border-left: solid 4px #2e665f;
	margin-bottom: 20px;
	padding-left: 20px;
	margin-top: 20px;
}

#col2 .col2-ttl:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	left: 0px;
	box-sizing: border-box;
	width: 0px;
	height: 10px;
	border: 18px solid transparent;
	border-left: 13px solid #2e665f;
}

#col2 .col2-box2 {
	overflow: hidden;
	width: 100%;
	margin-bottom: 45px;
}

#col2 .col2-pic {
	float: left;
	width: 41%;
}

#col2 .col2-pic img {
	text-align: center;
	margin-bottom: 20px;
}

#col2 .col2-txt {
	float: left;
	width: 50%;
	margin: 0 16px 0 16px;
	font-size: 1.4rem;
}


/*<!-- -- お悩み -- -->*/

#col2_2 {
	background: #bfbfbf;
	padding: 1px 16px 10px;
	margin-bottom: -40px;
}

#col2_2 .col2-box2 {
	overflow: hidden;
	width: 100%;
	margin-bottom: 45px;
}

#col2_2 .col2-box2 {
	overflow: hidden;
	width: 100%;
	margin-bottom: 45px;
}

#col2_2 .col2-pic {
	margin-top: -20px;
}

#col2_2 .col2-pic img {
	text-align: center;
}


/*<!-- -- 選ばれる理由 -- -->*/

#col3 {
	background: #caedeb;
	padding: 1px 16px 40px 16px;
	margin-bottom: -40px;
}

#col3 .col3-box {
	overflow: hidden;
	margin-top: 30px;
}

#col3 .col3-box2 {
	width: 31.5%;
	background: #fff;
	float: left;
	min-height: 490px;
	margin: 0 4.9px 0 4.9px;
}

#col3 .col3-ttl {
	font-size: 2.0rem;
	font-weight: bold;
	color: #2e665f;
	text-align: center;
	padding: 15px 0 15px 0;
	line-height: 2.5rem;
	border-bottom: solid 2px #caedeb;
	height: 78px;
	width: 424px;
	display: table-cell;
	vertical-align: middle;
}

#col3 .col3-pic img {
	margin: 14px auto;
}

#col3 .col3-txt {
	color: #313131;
	margin: 14px auto;
	width: 90%;
	font-size: 1.4rem;
}


/*<!-- -- 導入までの流れ -- -->*/

#col6 {
	padding: 0 16px 0 16px;
}

#col6 .col6-tbl {
	position: relative;
	width: 100%;
	border: 2px solid #2e665f;
	height: 140px;
	margin-bottom: 30px;
	margin-top: 30px;
}

#col6 .col6-tbl:before {
	content: "";
	border: 46px solid transparent;
	border-top: 18px solid #caedeb;
	position: absolute;
	top: 105%;
	margin-left: -46px;
	left: 50%;
}

#col6 .col6-tbl:after {
	content: "";
	width: 92px;
	height: 4px;
	background: #caedeb;
	position: absolute;
	top: 102%;
	margin-left: -46px;
	left: 50%;
}

#col6 .ttl {
	width: 7%;
	background: #2e665f;
	color: #fff;
	font-size: 1.4rem;
	vertical-align: middle;
	padding: initial;
	text-align: center;
	border: none;
}

#col6 .ttl span {
	font-size: 3.0rem;
	font-weight: bold;
	line-height: 1.2;
	vertical-align: middle;
}

#col6 .pic {
	width: 35%;
	padding: 6px 0 6px 0;
	vertical-align: middle;
	border: none;
}

#col6 .pic img {
	margin: 0 auto;
}

#col6 .txt {
	width: 58%;
	font-size: 1.4rem;
	color: #313131;
	text-align: left;
	/*padding: 16px 16px 0 0;*/
	border: none;
}

#col6 .txt span {
	font-size: 2.0rem;
	font-weight: bold;
}

@media screen and (min-width: 1200px) {
	.article-body {
		padding: 0px 40px 32px 40px;
	}
}

@media screen and (max-width: 1199px) {
	#col1 .heading-var1 {
		font-size: 2.0rem;
	}
	#col1 .heading-var1-out:before {
		content: "";
		display: inline-block;
		width: 60px;
		height: 70px;
		background: url(https://j-support.jp/wp-content/uploads/2019/04/h2_icon01.png) no-repeat;
		background-size: contain;
		position: absolute;
		background-size: contain;
		top: 6px;
		left: 0;
	}
	#CTA .cta-box .cta-txt1:before {
		display: none;
	}
	#CTA .cta-box .cta-txt1:after {
		display: none;
	}
	#col3 .col3-ttl {
		font-size: 1.8rem;
	}
	#col3 .col3-box2 {
		min-height: 518px;
	}
	#col5 .col5-ttl {
		font-size: 1.6rem;
	}
	#col5 .col5-ttl-s {
		font-size: 1.6rem;
		padding: 16px 16px 16px 16px;
	}
	#col5 .col5-txt {
		min-height: 416px;
	}
	#col6 .ttl {
		height: 136px;
	}
}

@media screen and (max-width: 991px) {
	#col5 .col5-txt {
		min-height: 332px;
	}
}

@media screen and (max-width: 768px) {
	.sidebar {
		padding: 32px 16px;
	}
	#mainv .mainv-box-pc {
		display: none;
	}
	#mainv .mainv-box-sp {
		display: block;
		margin-bottom: -50px;
	}
	/*<!-- -- SP 商材説明 -- -->*/
	#col1 {
		margin-top: -20px;
		margin-bottom: -20px;
	}
	#col1 .heading-var1 {
		font-size: 1.7rem;
	}
	#col1 .heading-var1-out:before {
		content: "";
		display: inline-block;
		width: 60px;
		height: 70px;
		background: url(https://j-support.jp/wp-content/uploads/2019/04/h2_icon01.png) no-repeat;
		background-size: contain;
		position: absolute;
		background-size: contain;
		top: 6px;
		left: 0px;
	}
	/*<!-- -- SP CTA -- -->*/
	#CTA .cta-box {
		padding: 10px 16px 40px 16px;
	}
	#CTA .cta-box .cta-txt1:before {
		display: none;
	}
	#CTA .cta-box .cta-txt1:after {
		display: none;
	}
	#CTA .cta-box .cta-txt3 a.cta-btn {
		max-width: initial;
	}
	#CTA .cta-box .cta-txt3:after {
		position: absolute;
		width: 100%;
		height: 6px;
		content: "";
	}
	/*<!-- -- SP ポイント -- -->*/
	#col2 .col2-ttl {
		height: 40px;
		padding-left: 20px;
		padding-top: 12px;
		line-height: 1;
	}
	#col2 .col2-txt {
		float: left;
		width: 100%;
		margin: initial;
	}
	#col2 .col2-pic {
		float: initial;
		margin: 0 auto;
	}
	#col2 .col2-list {
		width: 360px;
		float: left;
		margin: initial;
	}
	/*<!-- -- SP 選ばれる理由 -- -->*/
	#col3 .col3-box2 {
		width: 100%;
		min-height: initial;
		margin: 0 4px 20px 4px;
	}
	#col3 .col3-ttl {
		height: initial;
		width: 718px;
	}
	#col3 .col3-ttl br {
		display: none;
	}
	#col3 .col3-txt {
		text-align: left;
	}
	/*<!-- -- SP 導入までの流れ -- -->*/
	#col6 .ttl {
		display: block;
		width: 100%;
		height: initial;
		font-size: 1.4rem;
		vertical-align: middle;
	}
	#col6 .ttl span {
		font-size: 2.2rem;
		font-weight: bold;
		line-height: 1.2;
		vertical-align: middle;
	}
	#col6 .ttl br {
		display: none;
	}
	#col6 .pic {
		display: block;
		width: 100%;
		padding: 6px 0 6px 0;
		vertical-align: middle;
	}
	#col6 .pic img {
		margin: 10px auto;
	}
	#col6 .txt {
		display: block;
		width: 100%;
		font-size: 1.4rem;
		text-align: center;
		padding: 0 16px 0 16px;
	}
	#col6 .col6-tbl {
		margin-bottom: 40px;
		height: auto;
		position: relative;
	}
	#col6 .txt span {
		font-size: 2.0rem;
		font-weight: bold;
	}
	#col6 .col6-tbl:after {
		content: "";
		width: 92px;
		height: 4px;
		background: #caedeb;
		position: absolute;
		top: 101%;
		margin-left: -46px;
		left: 50%;
	}
	#col6 .col6-tbl:before {
		content: "";
		border: 46px solid transparent;
		border-top: 18px solid #caedeb;
		position: absolute;
		top: 102.5%;
		margin-left: -46px;
		left: 50%;
	}
}

@media screen and (max-width: 583px) {
	#col1 .heading-var1 {
		font-size: 1.4rem;
	}
	#col1 .heading-var1-out:before {
		content: "";
		display: inline-block;
		width: 40px;
		height: 70px;
		background: url(https://j-support.jp/wp-content/uploads/2019/04/h2_icon01.png) no-repeat;
		background-size: contain;
		position: absolute;
		background-size: contain;
		top: 12px;
		left: 0px;
	}
	#col6 .col6-tbl {
		margin-bottom: 25px;
	}
	#col6 .col6-tbl:after {
		content: "";
		width: 92px;
		height: 4px;
		background: #caedeb;
		position: absolute;
		top: 101%;
		margin-left: -46px;
		left: 50%;
	}
	#col6 .col6-tbl:before {
		content: "";
		border: 46px solid transparent;
		border-top: 18px solid #caedeb;
		position: absolute;
		top: 101.9%;
		%;
		margin-left: -46px;
		left: 50%;
	}
}

@media screen and (max-width: 468px) {
	#col1 .heading-var1 {
		font-size: 1.4rem;
	}
	#col1 .heading-var1-out:before {
		display: none;
	}
	#col6 .txt {
		font-size: 1.3rem;
	}
}

@media screen and (max-width: 375px) {
	#col1 {
		padding: 32px 8px;
	}
	#col1 .heading-var1 {
		font-size: 1.1rem;
	}
	.col1-txt {
		margin: 50px auto;
		padding: 0px 8px 0 8px;
	}
	#CTA .cta-box {
		padding: 30px 16px 10px 16px;
	}
	#CTA .cta-box .cta-txt1 {
		font-size: 1.6rem;
		margin-bottom: 5px;
		position: relative;
		padding: initial;
	}
	#CTA .cta-box .cta-txt3 a.cta-btn {
		font-size: 1.6rem;
		max-width: initial;
		margin: initial;
		width: 100%;
	}
	#col2 {
		padding: 0 16px 0 16px;
	}
	#col2 .col2-ttl {
		font-size: 1.5rem;
		line-height: 1.1;
	}
	#col2 .col2-txt {
		font-size: 1.4rem;
	}
	#col2 .col2-list {
		padding: 0 8px 0 16px;
	}
	#col3 {
		padding: 1px 16px 30px 16px;
	}
	#col3 .col3-ttl {
		font-size: 1.6rem;
	}
	#col6 {
		padding: 0px 8px 0 16px;
	}
	#col6 .ttl span {
		font-size: 1.6rem;
	}
	#col6 .txt span {
		font-size: 1.6rem;
	}
	#col6 .col6-tbl:after {
		display: none;
	}
	#col6 .col6-tbl:before {
		content: "";
		border: 46px solid transparent;
		border-top: 18px solid #caedeb;
		position: absolute;
		top: 101%;
		margin-left: -46px;
		left: 50%;
	}
}

.profile {
	border: 2px solid #26655f;
	padding: 40px 10px 10px;
	margin: 20px 0;
	position: relative;
}

.prof_title {
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
	background: #26655f;
	color: white;
	padding: 2px 5px;
}

.prof_image {
	float: left;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	margin-top: 10px;
}

.carrer {
	margin-left: 120px;
}

.prof_name {
	font-size: 20px;
	color: #276560;
	margin-bottom: 10px;
	font-weight: bold;
}

span.position {
	font-size: 16px;
}

@media screen and (max-width: 1199px) {
	.prof_image {
		float: none;
		margin: auto;
		display: block;
	}
	.carrer {
		margin-left: 0;
	}
	.prof_name {
		text-align: center;
	}
}


/***************** 働き方改革ページここまで *****************/


/***************** 助成金の詳細ページここから *****************/

.detail dl {
	border-bottom: 1px dotted #e8e8e8;
}

.detail dl dt,
.detail dl dd {
	display: inline-block;
	font-size: 14px;
}

.detail dl dd {
	float: right;
	max-width: 50vmin;
}

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


/***************** 助成金の一覧ページここから *****************/

main h1 {
	color: #1f665e;
	padding-left: 10px;
	font-size: 2.0rem;
}

.filter_box {
	background: #fff;
	padding: 10px;
	margin-bottom: 20px;
}

a.filter_btn {
	margin: 20px auto;
	display: block;
	text-align: center;
	width: 30vmin;
	background: #26655f;
	color: #fff;
	padding: 15px;
	border-radius: 5px;
	font-size: 20px;
	font-weight: 900;
}

a.filter_btn::before {
	font-family: "Font Awesome 5 Free";
	content: "\f002";
}

a.filter_btn:hover {
	color: #fff;
	opacity: .8;
}

.resulut {
	background: #fff;
	padding: 10px;
}

.subsidy_content {
	padding: 10px;
	margin-bottom: 20px;
}

h2.subsidy_name {
	margin-bottom: 10px;
}

h2.subsidy_name a {
	text-decoration: none;
}

.subsidy_content dl {
	display: inline-block;
	margin: 0;
}

.subsidy_content dl dd {
	margin-right: 10px;
}

p.description {
	margin: 10px 0 20px;
}

a.readmore {
	background: #26655f;
	color: #fff;
	font-weight: 900;
	padding: 5px 20px;
	border-radius: 5px;
	clear: both;
}

a.readmore:hover {
	color: #fff;
	opacity: .8;
}

@media screen and (max-width: 1199px) {
	a.filter_btn {
		width: 100%;
		padding: 10px;
		font-size: 16px;
	}
	.subsidy_content dl dd {
		margin-right: 0;
	}
	.subsidy_content {
		font-size: 14px;
	}
	h2.subsidy_name {
		font-size: 16px;
	}
	p.jurisdiction {
		font-size: 14px;
	}
	.income p {
		display: block;
		margin-right: 0;
	}
	.detail dl dt,
	.detail dl dd {
		width: 45vmin;
	}
}

.related_subsidy dl {
	display: inline-block;
	margin: 0 10px 0 0;
}

.related_subsidy dt,
.related_subsidy dd {
	display: inline-block;
}

@media screen and (max-width: 1199px) {
	.related_subsidy {
		padding: 16px;
		font-size: 12px;
	}
	a.sidy_title {
		font-size: 14px;
	}
}


/*20190725 助成金を検索するコンテンツデザイン*/


/*selectリセット*/

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

.filter_box select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 200px;
	margin: 0;
	border: 0;
	outline: none;
	padding: 0;
	background: transparent;
}


/*selectリセットここまで*/

.filter_box {
	padding-top: 10px;
}

.filter_box h2 {
	font-size: 2.8rem;
	font-weight: bold;
	color: #1f665e;
	position: relative;
	padding-bottom: 0.3em;
	margin-bottom: 16px;
}

.filter_box h2:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7px;
	box-sizing: border-box;
	border-top: 3px solid #26655e;
	border-bottom: 1px solid #26655e;
}

.filter_box h3 {
	position: relative;
	border-bottom: solid 1px #e2e5e8;
	margin: 32px auto 10px;
}

.filter_box h3:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 1px #26655f;
	bottom: -1px;
	width: 10.0em;
}

.filter_box label {
	position: relative;
}

.filter_box label:after {
	font-family: "Font Awesome 5 Free";
	content: '\f078';
	color: #1f665e;
	font-weight: bold;
	line-height: 1;
	right: 10px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.filter_box select {
	width: calc(100% / 2 - 3px);
	padding: 0 10px;
	height: 40px;
	cursor: pointer;
	background-color: #fff;
	box-shadow: 0 2px 0 #fff;
	border-radius: 1px;
	position: relative;
	border: 1px solid #e2e5e8;
}

.filter_box button {
	position: relative;
	display: block;
	color: #fff;
	background: #f39800;
	box-shadow: 0 6px 0px #b47000;
	text-align: center;
	border-radius: 6px;
	text-decoration: none;
	border: none;
	width: 270px;
	height: 60px;
	margin: 25px auto;
	font-size: 22px;
	font-weight: bold;
	cursor: pointer;
}

.filter_box button:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.filter_box button:active {
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	border-bottom: none;
}

.filter_box textarea {
	font-size: 16px;
}


/*検索結果*/

#result {
	margin-top: -130px;
	padding-top: 130px;
}

#result .result_amount {
	color: #909090;
	font-size: 14px;
	margin-bottom: 10px;
}

#result .subsidy_content>p {
	margin-bottom: 10px;
}

#result .subsidy_content {
	background: #fff;
	border: solid 2px #e2e5e8;
	padding: 15px 25px;
	min-width: 100%;
	font-size: 1.6rem;
	color: #303030;
}

#result .subsidy_content .deadline {
	float: right;
	color: #26655f;
	font-weight: bold;
}

#result .subsidy_content .subsidy_name {
	position: relative;
	border-bottom: solid 1px #e2e5e8;
}

#result .subsidy_content .subsidy_name a {
	transition: all 0.1s;
	color: #26655f;
}

#result .subsidy_content .subsidy_name a:after {
	position: absolute;
	content: '';
	left: 0;
	width: 0;
	height: 1px;
	bottom: -1px;
	background: #26655f;
	transition: all 0.3s ease 0s;
}

#result .subsidy_content .subsidy_name a:hover {
	cursor: pointer;
}

#result .subsidy_content .subsidy_name a:hover:after {
	width: 100%;
}

#result .subsidy_content .jurisdiction {
	color: #909090;
	font-weight: bold;
	font-size: 16px;
}

#result .subsidy_content dl {
	margin-bottom: 10px;
	margin-right: 10px;
}

#result .subsidy_content dl dt,
#result .subsidy_content dl dd {
	display: inline-block;
	padding: 0;
}

#result .subsidy_content dl dt {
	padding: 0px 10px;
	margin-right: 5px;
	font-size: 12px;
	color: #26655f;
	background: #e3faf8;
	border: 1px solid #26655f;
	display: inline-block;
	border-radius: 4px;
}

#result .subsidy_content dl.subsidy_detail dt:before,
#result .subsidy_content dl.target_business dt:before,
#result .subsidy_content dl.use dt:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 5px;
}

#result .subsidy_content dl.subsidy_detail dt:before {
	content: "\f3c5";
}

#result .subsidy_content dl.target_business dt:before {
	content: "\f0b1";
}

#result .subsidy_content dl.use dt:before {
	content: "\f058";
}

#result .subsidy_content .income p {
	display: inline-block;
	margin-right: 10px;
	color: #303030;
	border-radius: 4px;
	font-size: 12px;
	padding: 5px;
}

#result .subsidy_content .income p strong {
	color: #f39800;
	font-size: 16px;
	margin: 0 5px;
}

#result .subsidy_content .income p:first-of-type:before {
	font-family: "Font Awesome 5 Free";
	content: "\f51e";
	font-weight: 900;
	color: #f39800;
	margin-right: 5px;
}

#result .subsidy_content .more {
	display: block;
	text-align: right;
}

#result .subsidy_content .more a {
	background: #26655f;
	font-weight: 900;
	clear: both;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

#result .subsidy_content .more a:before {
	font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
	padding-right: .3em;
}

#more-button {
	position: relative;
	display: block;
	width: 50%;
	background-color: #fff;
	text-align: center;
	font-size: 14px;
	color: #26655f;
	border-radius: 20px;
	height: auto;
	border: solid 2px #e2e5e8;
	;
	margin: 0 auto;
	padding: 8px 13px;
	cursor: pointer;
	font-weight: bold;
}

#more-button:before {
	font-family: "Font Awesome 5 Free";
	content: '\f078';
	color: #1f665e;
	font-weight: bold;
	line-height: 1;
	right: 10px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#more-button span {
	text-align: center;
	font-size: 14px;
}

.br:before {
	white-space: normal;
}

@media screen and (max-width: 768px) {
	.filter_box select {
		width: 100%;
		margin-bottom: 10px;
	}
	.filter_box button {
		margin: 25px auto 0;
	}
	#result {
		margin: -20px 15px 0;
		padding-top: 20px;
	}
	#result .description {
		font-size: 14px;
	}
	#result .subsidy_content {
		padding: 15px 10px;
	}
	#result .subsidy_content dl dt {
		padding: 5px 5px;
	}
	#result .subsidy_content .deadline {
		float: none;
		display: block;
	}
	#result .subsidy_content .jurisdiction {
		display: block;
	}
	#result .subsidy_content .subsidy_name {
		font-size: 2.0rem;
	}
	#result .subsidy_content .income p {
		display: block;
		margin-right: 0px;
	}
	.br:before {
		white-space: pre;
	}
	#result .subsidy_content .more {}
	#result .subsidy_content .more a {
		display: block;
		text-align: center;
		width: 100%;
	}
}


/*20190725 助成金を検索するコンテンツ個別デザイン*/

.article-body h1 {
	font-size: 2.8rem;
	font-weight: bold;
	color: #1f665e;
	position: relative;
	padding-bottom: 0.3em;
	margin: 16px 0;
	padding-top: 10px;
}

.article-body h1:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7px;
	box-sizing: border-box;
	border-top: 3px solid #26655e;
	border-bottom: 1px solid #26655e;
}

.article-body .detail {
	background: #fff;
	border: solid 2px #e2e5e8;
	padding: 15px 25px;
	min-width: 100%;
	font-size: 1.6rem;
	color: #303030;
	margin-bottom: 20px;
}

.related_subsidy {
	background: #fff;
	margin-top: 40px;
}

.related_subsidy h3 {
	font-size: 2.8rem;
	font-weight: bold;
	color: #1f665e;
	position: relative;
	padding-bottom: 0.3em;
	margin: 16px 0;
}

.related_subsidy h3:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7px;
	box-sizing: border-box;
	border-top: 3px solid #26655e;
	border-bottom: 1px solid #26655e;
}

.related_subsidy .sidy_content {
	background: #fff;
	border: solid 2px #e2e5e8;
	padding: 15px 25px;
	margin-bottom: 20px;
	min-width: 100%;
	color: #303030;
}

.related_subsidy .sidy_content a.sidy_title {
	display: block;
	position: relative;
	color: #26655f;
	border-bottom: solid 1px #e2e5e8;
	margin-bottom: 10px;
	font-size: 2.4rem;
	font-weight: bold;
	transition: all 0.1s;
}

.related_subsidy .sidy_content a.sidy_title:after {
	position: absolute;
	content: '';
	left: 0;
	width: 0;
	height: 1px;
	bottom: -1px;
	background: #26655f;
	transition: all 0.3s ease 0s;
}

.related_subsidy .sidy_content a.sidy_title:hover {
	cursor: pointer;
}

.related_subsidy .sidy_content a.sidy_title:hover:after {
	width: 100%;
}

.related_subsidy dl.subsidy_detail dt:before,
.related_subsidy dl.target_business dt:before,
.related_subsidy dl.use dt:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 5px;
}

.related_subsidy dl.subsidy_detail dt:before {
	content: "\f3c5";
}

.related_subsidy dl.target_business dt:before {
	content: "\f0b1";
}

.related_subsidy dl.use dt:before {
	content: "\f058";
}

.related_subsidy dl {
	margin-bottom: 10px;
	margin-right: 10px;
}

.related_subsidy dl dt,
.related_subsidy dl dd {
	display: inline-block;
	padding: 0;
}

.related_subsidy dl dt {
	padding: 0px 10px;
	margin-right: 5px;
	font-size: 12px;
	color: #26655f;
	background: #e3faf8;
	border: 1px solid #26655f;
	display: inline-block;
	border-radius: 4px;
}

.related_subsidy .sidy_content .sidy_description {
	margin-bottom: 10px;
}

.related_subsidy .sidy_content .more {
	display: block;
	text-align: right;
}

.related_subsidy .sidy_content .more a {
	background: #26655f;
	font-weight: 900;
	clear: both;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.related_subsidy .sidy_content .more a:before {
	font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
	padding-right: .3em;
}

@media screen and (max-width: 768px) {
	.related_subsidy .sidy_content a.sidy_title {
		font-size: 2.0rem;
	}
	.article-body .detail dl dt,
	.article-body .detail dl dd {
		width: 100%;
		display: block;
		float: none;
	}
	.related_subsidy .sidy_content .more a {
		display: block;
		text-align: center;
		width: 100%;
	}
}


/*loading animation*/

.loader-wheel {
	font-size: 64px;
	/* change size here */
	position: relative;
	height: 1em;
	width: 1em;
	padding-left: 0.45em;
	overflow: hidden;
	margin: 0 auto;
	animation: loader-wheel-rotate 0.5s steps(12) infinite;
}

.loader-wheel i {
	display: block;
	position: absolute;
	height: 0.3em;
	width: 0.1em;
	border-radius: 0.05em;
	background: #333;
	/* change color here */
	opacity: 0.8;
	transform: rotate(-30deg);
	transform-origin: center 0.5em;
}

@keyframes loader-wheel-rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}


/*------------------------------------------
記事中のLinkBox
------------------------------------------*/

.whatever {
	position: relative;
	padding: 2em 1em;
	border: 2px solid #daf3ff;
	border-radius: 5px;
}

.whatever span {
	position: absolute;
	top: -2.5rem;
	padding: 1rem;
	background: #fff;
	font-size: 2rem;
	font-weight: 900;
	color: #00A0E9;
}

.whatever span::before {
	content: "\f304";
	font-family: "Font Awesome 5 Free";
}

.whatever a {
	position: absolute;
	right: 1em;
	bottom: 1em;
	font-weight: 900;
}

.whatever a::before {
	content: "\f101";
	font-family: "Font Awesome 5 Free";
}

@media screen and (max-width: 768px) {
	.whatever a {
		position: relative;
		right: 0;
		bottom: 0;
	}
}


/* moraeru導線 */
.bnr__bottom-link {
	display: block;
	margin-bottom: 20px;
}

.bnr__bottom-link:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.bnr__bottom-sp {
	display: none;
}

@media screen and (max-width: 768px) {
	.bnr__bottom-pc {
		display: none;
	}
	
	.bnr__bottom-sp {
		display: block;
	}
	
}