@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Mukta:400,500,700');

/*------------------------------------------------------------
	共通
------------------------------------------------------------*/
*,
*:before,
*:after {
	box-sizing: border-box;
}
*:last-child {
	margin-bottom: 0!important;
}
.clearHidden {
	border: none;
	margin: 0;
}
html {
	font-size: 62.5%;
}
body {
	position: relative;
	left: 0;
	color: #19253A;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size: 1.4rem;
	line-height: 1.85714286;
	overflow-x: hidden;
	transition: .3s;
}
.wrap {
	display: none;
	transition: none;
}
_:lang(x)::-ms-backdrop, body {
	font-family: "メイリオ", Meiryo, sans-serif;
}
a,
a:before,
a:after {
	color: #19253A;
	cursor: pointer;
	transition: .3s;
}
a {
	display: block;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
table {
	width: 100%;
}
::-webkit-input-placeholder,
:placeholder-shown {
	color: #B4BABF;
}
select::-ms-expand {
	display: none;
}

@media screen and (min-width: 992px) {
	body {
		font-size: 1.6rem;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
	スクロール時フェードイン・フェードアウト
------------------------------------------------------------*/
.scr_fade {
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-o-transition: all .8s;
	-ms-transition: all .8s;
	transition: all .8s;
	transform : translate(0, 50px);
	opacity: 0;
}
.fade_in {
	opacity: 1;
	transform : translate(0, 0);
}

/*------------------------------------------------------------
	icon font
------------------------------------------------------------*/
@font-face {
	font-family: 'toc';
	src:  url('fonts/toc.eot?loqzhw');
	src:  url('fonts/toc.eot?loqzhw#iefix') format('embedded-opentype'), url('fonts/toc.ttf?loqzhw') format('truetype'), url('fonts/toc.woff?loqzhw') format('woff'), url('fonts/toc.svg?loqzhw#toc') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="ico_"],[class*=" ico_"] {
	font-family: 'toc' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ico_arrow_down:before { content: "\e900";}
.ico_arrow_left:before { content: "\e901"; }
.ico_arrow_long_left:before { content: "\e902"; }
.ico_arrow_long_right:before { content: "\e903"; }
.ico_arrow_nav:before { content: "\e904"; }
.ico_arrow_right:before { content: "\e905"; }
.ico_arrow_up:before { content: "\e906"; }
.ico_blank:before { content: "\e907"; }
.ico_mail:before { content: "\e908"; }
.ico_tel:before { content: "\e909"; }
.pager_list .ico_arrow_long_right {
	font-weight: bold;
}
@font-face {
	font-family: 'toc-official';
	src:
		url('fonts/toc-official.ttf?gbn6by') format('truetype'),
		url('fonts/toc-official.woff?gbn6by') format('woff'),
		url('fonts/toc-official.svg?gbn6by#toc-official') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="ico-"], [class*=" ico-"] {
	font-family: 'toc-official' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ico-find { color: #fff;}
.ico-find:before { content: "\e910"; }
.ico-address:before { content: "\e912"; font-size: 1.6rem; }
.ico-address__in:before {
	content: "\e913";
	margin-right: 5px;
	margin-left: -0.703125em;
	font-size: 1.6rem;
	color: #fff;
}
.ico-copy {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 2.8rem;
}

@media screen and (min-width: 768px) {
	.ico-address:before {
		content: "\e912";
		font-size: 2rem;
	}
	.ico-address__in:before {
		font-size: 2rem;
	}
} /* ----- media END ----- */

@font-face {
	font-family: 'toc-font';
	src:
		url('fonts/toc-font.ttf?jl872k') format('truetype'),
		url('fonts/toc-font.woff?jl872k') format('woff'),
		url('fonts/toc-font.svg?jl872k#toc-font') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="ico__"], [class*=" ico__"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'toc-font' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ico__copy:before { content: "\e911"; color: #fff; }
.ico__arrow_down_new:before { content: "\e914"; font-size: 1.0rem; }
.ico__ico_arrow_left_new:before {
	content: "\e915";
	color: #fff;
}
.ico__ico_arrow_right_new:before {
	content: "\e916";
	color: #fff;
}
.ico__map_btn:before {
	content: "\e917";
	color: #fff;
}
.ico__arrow_right_new {
	-webkit-transform: translateY(-50%) rotate(-90deg)!important;
	transform: translateY(-50%) rotate(-90deg)!important;
}

/*------------------------------------------------------------
	none
------------------------------------------------------------*/
.hidden--s,
.hidden--m,
.hidden--l {
	display: block;
}
.visibility--s,
.visibility--m,
.visibility--l {
	display: none;
}

@media screen and (min-width: 768px) {
	.hidden--s {
		display: none;
	}
	.visibility--s {
		display: block;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.hidden--m {
		display: none;
	}
	.visibility--m {
		display: block;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1200px) {
	.hidden--l {
		display: none;
	}
	.visibility--l {
		display: block;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
	margin
------------------------------------------------------------*/
.mb_xs { margin-bottom: 15px!important; }
.mb_s { margin-bottom: 30px!important; }
.mb_m { margin-bottom: 45px!important; }
.mb_l { margin-bottom: 60px!important; }
.mb_0 { margin-bottom: 0px!important; }
.mb_10 { margin-bottom: 10px!important; }
.mb_15 { margin-bottom: 15px!important; }
.mb_20 { margin-bottom: 20px!important; }
.mb_30 { margin-bottom: 30px!important; }
.mb_40 { margin-bottom: 40px!important; }
.mb_45 { margin-bottom: 45px!important; }
.mb_60 { margin-bottom: 60px!important; }
.mb_90 { margin-bottom: 90px!important; }

@media screen and (min-width: 992px) {
	.mb_xs { margin-bottom: 30px!important; }
	.mb_s { margin-bottom: 60px!important; }
	.mb_m { margin-bottom: 90px!important; }
	.mb_l { margin-bottom: 120px!important; }
} /* ----- media END ----- */

/*------------------------------------------------------------
	テキスト寄せ
------------------------------------------------------------*/
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	background: #fff;
	transition: .3s;
}
.header_inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 70px;
	margin: 0 auto;
}
.header_logo {
	min-width: 159px;
	max-width: 159px;
	transition: .3s;
}
.header_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
}
.header_contact {
	height: 70px;
	width: 70px;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	background: linear-gradient(to right, #FFD000, #FF9300);
}
.header_contact__ico {
	display: block;
	padding: 15px 0 4px;
	font-size: 1.9rem;
}
.header_gnav {
	display: none;
}

@media screen and (max-width: 374px) {
	.header_logo {
		min-width: 145px;
		max-width: 145px;
	}
}

@media screen and (min-width: 768px) {
	.header_logo:hover {
		opacity: .7;
	}
} /* ----- media END ----- */


@media screen and (max-width: 991px) {
	.header_inner.content_area {
		max-width: 100%;
		padding-right: 0;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.header {
		position: relative;
	}
	.header_inner {
		height: 90px;
	}
	.header_gnav {
		display: block;
		margin-right: 20px;
	}
	.header_gnav__list {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		margin: 0 -10px;
	}
	.header_gnav__list li a {
		position: relative;
		padding: 8px;
		font-size: 1.1rem;
		font-weight: bold;
	}
	.header_gnav__list li a:hover {
		color: #289B5C;
	}
	.header_gnav__list li a:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		height: 4px;
		width: 0;
		background: linear-gradient(to right, #7EAB27, #006F32);
	}
	.header_gnav__list li a:hover:after {
		width: 100%;
	}
	.header_contact {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		width: 140px;
		height: 50px;
		border-radius: 60px;
		background: none;
		box-shadow: 0 5px 15px rgba(144, 144, 144, 0.53);
		overflow: hidden;
	}
	.header_contact:before,
	.header_contact:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		z-index: -2;
		width: 100%;
		height: 100%;
		border-radius: 60px;
		background: linear-gradient(to right, #FFD000, #FF9300);
	}
	.header_contact:after {
		z-index: -1;
		width: 0;
		background: #FFBC24;
	}
	.header_contact:hover:after {
		width: 100%;
	}
	.header_contact__ico {
		margin-right: 10px;
		padding: 0;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1200px) {
	.header_inner {
		height: 120px;
	}
	.header_logo {
		min-width: 200px;
		max-width: 200px;
	}
	.header_contact {
		width: 180px;
		height: 60px;
		font-size: 1.6rem;
		font-weight: normal;
	}
	.header_contact__ico {
		margin-right: 15px;
		font-size: 2.3rem;
	}
	.header_gnav__list li a {
		font-size: 1.3rem;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1220px) {
	.header_gnav__list li a {
		padding: 10px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1500px) {
	.header_gnav {
		margin-right: 30px;
	}
	.header_gnav__list {
		margin: 0 -15px;
	}
	.header_contact {
		width: 240px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1570px) {
	.header_gnav__list li a {
		font-size: 1.6rem;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1920px) {
	.header_logo {
		min-width: 285px;
		max-width: 285px;
	}
	.header_gnav__list li a {
		padding: 15px;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
	ハンバーガー
------------------------------------------------------------*/
.humberger_trigger {
	position: relative;
	width: 70px;
	height: 70px;
	background: #F3F3F3;
	cursor: pointer;
}
.humberger_trigger span,
.humberger_trigger span:before,
.humberger_trigger span:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 23px;
	height: 1px;
	background: #19253A;
}
.humberger_trigger span:before {
	top: 8px;
}
.humberger_trigger span:after {
	top: -8px;
}

/*  オープン時
--------------------------------------------- */
.humberger_on,
.humberger_on .header {
	left: -305px;
}
.humberger_on .humberger_trigger span {
	width: 0;
}
.humberger_on .humberger_trigger span:before,
.humberger_on .humberger_trigger span:after {
	top: 0;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
	width: 23px;
}
.humberger_on .humberger_trigger span:after {
	-webkit-transform: translateX(-50%) rotate(-45deg);
	transform: translateX(-50%) rotate(-45deg);
}
.humberger_nav {
	position: fixed;
	right: -305px;
	top: 0;
	z-index: 99;
	padding: 55px 0 100px 0;
	width: 305px;
	height: 100vh;
	background: #19253A;
	overflow-y: scroll;
	transition: .3s;
}
.humberger_on .humberger_nav {
	right: 0;
}
.humberger_nav > li {
	position: relative;
	border-bottom: 1px solid #ACACAF;
}
.humberger_nav > li > a {
	padding: 13px 0 13px 20px;
	color: #fff;
	font-size: 1.8rem;
}
.humberger_accordion {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 0;
	top: 0;
	width: 59px;
	height: 59px;
}
.humberger_accordion.active {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.humberger_accordion:before {
	color: #fff;
}
.humberger_nav__child {
	display: none;
	padding-bottom: 20px;
	transition: 0s;
}
.humberger_nav__child li {
	margin-bottom: 10px;
}
.humberger_nav__child li a {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	padding-left: 40px;
	color: #fff;
	font-size: 1.6rem;
}
.humberger_nav__child li a:before {
	content: '';
	display: block;
	width: 10px;
	height: 1px;
	margin-right: 10px;
	background: #ACACAF;
}

@media screen and (max-width: 374px) {
	.humberger_on,
	.humberger_on .header {
		left: -250px;
	}
	.humberger_nav {
		right: -250px;
		width: 250px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.humberger {
		display: none;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
.footer_main {
	padding: 30px 0;
	border-bottom: 1px solid #303B4E;
	background: #19253A;
}
.footer_content {
	position: relative;
}
.footer_page-top {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -100px;
	right: 0;
	z-index: 0;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	color: #fff;
	font-size: 1.7rem;
	overflow: hidden;
}
.footer_page-top:before,
.footer_page-top:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background: linear-gradient(to right, #7EAB27, #006F32);
}
.footer_page-top:after {
	z-index: -1;
	width: 0;
	background: #619D2A;
}
.footer_logo {
	width: 220px;
	margin-bottom: 15px;
}
.footer_info {
	color: #fff;
	font-size: 1.6rem;
}
.footer_content__left {
	display: none;
}
.footer_copy {
	padding: 15px 0;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	background: #19253A;
}
#btn_fixed {
	position: fixed;
	top: 90%;
	right: 20px;
	z-index: 100;
	opacity: 0;
	pointer-events: none;
}
#btn_fixed.fixed {
	opacity: 1;
	pointer-events: auto;
}

@media screen and (max-width: 767px) {
	.footer .content_area {
		max-width: 100%;
	}
} /* ----- media END ----- */

@media screen and (min-width: 768px) {
	.footer_main {
		padding: 60px 0 90px;
		background: #fff;
		border-bottom: none;
	}
	.footer_content {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
	.footer_page-top {
		top: calc(100% + 10px);
		width: 70px;
		height: 70px;
		right: -20px;
	}
	.footer_page-top:hover:after {
		width: 100%;
	}
	.footer_content__right {
		width: 30%;
		margin-right: 30px;
	}
	.footer_logo {
		width: auto;
		margin-bottom: 30px;
	}
	.footer_info {
		color: #19253A;
	}
	.footer_content__left {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
	.footer_nav:not(:last-child) {
		margin-right: 30px;
	}
	.footer_nav > li {
		margin-bottom: 10px;
	}
	.footer_nav > li > a {
		font-weight: bold;
	}
	.footer_nav > li > a:hover,
	.footer_nav__child li a:hover {
		color: #289B5C;
	}
	.footer_nav__child {
		margin-top: 10px;
	}
	.footer_nav__child li {
		margin-bottom: 10px;
	}
	.footer_nav__child li a {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		font-size: 1.2rem;
	}
	.footer_nav__child li a:before {
		content: "";
		display: block;
		width: 10px;
		height: 1px;
		margin-right: 5px;
		background: #9F9FAD;
	}
	.footer_copy {
		padding: 10px 0;
		font-size: 1.4rem;
	}
	#btn_fixed {
		top: 85%;
		right: 40px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.footer_content__right {
		width: auto;
		margin-right: 60px;
	}
	.footer_nav__child li a {
		font-size: 1.4rem;
	}
	.footer_page-top {
		right: 90px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1200px) {
	.footer_content__right {
		margin-right: 120px;
	}
	.footer_nav:not(:last-child) {
		margin-right: 60px;
	}
	.footer_page-top {
		right: 40px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1500px) {
	.footer_content__right {
		margin-right: 240px;
	}
	.footer_nav:not(:last-child) {
		margin-right: 90px;
	}
	.footer_page-top {
		right: -20px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1920px) {
	.footer_content__right {
		margin-right: 20.3125vw;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
.main {
	margin-top: 70px;
}
.content {
	margin-bottom: 90px;
}
.content_bg {
	margin: -30px 0 60px;
	padding: 60px 0;
}
.content_bg + .content_bg {
	margin-top: -60px;
}
.content_area {
	max-width: 520px;
	margin: 0 auto;
	padding: 0 20px;
}

@media screen and (min-width: 768px) {
	.content_area {
		max-width: 1020px;
	}
	.content_area.content_area__l {
		max-width: 100%;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.main {
		margin-top: 0;
	}
	.content {
		margin-bottom: 120px;
	}
	.content_bg {
		margin: -30px 0 90px;
		padding: 90px 0;
	}
	.content_bg + .content_bg {
		margin-top: -90px;
	}
	.content_area {
		padding: 0 30px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1200px) {
	.content_area {
		max-width: 1080px;
		padding: 0 60px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1500px) {
	.content_area {
		max-width: 1200px;
		padding: 0 120px;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
	パンくず
------------------------------------------------------------*/
.breadcrumb {
	margin-bottom: 30px;
}
.breadcrumb__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-weight: bold;
}
.breadcrumb__list li {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.breadcrumb__list li:not(:last-child):after {
	content: "";
	display: block;
	width: 10px;
	height: 1px;
	margin: 0 7px;
	background: #19253A;
}
.breadcrumb__list li a {
	font-size: 1.4rem;
	font-weight: bold;
	color: #289B5C;
}
.breadcrumb__list li:first-child a {
	font-family: 'Mukta',sans-serif;
	font-size: 1.6rem;
}
.breadcrumb__list li:last-child a {
	color: #19253A;
	pointer-events: none;
}

@media screen and (min-width: 768px) {
	.breadcrumb__list li a:hover {
		color: #19253A;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.breadcrumb {
		margin-bottom: 70px;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
	背景色
------------------------------------------------------------*/
.bg_color__01 {
	background: #F3F3F3;
}

/*------------------------------------------------------------
	タイトル
------------------------------------------------------------*/
.ttl {
	font-weight: bold;
	line-height: 1.3;
}
.ttl_01 {
	display: inline-block;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-bottom: 25px;
	padding-bottom: 10px;
	border-bottom: 2px solid #289B5C;
	color: #289B5C;
	font-size: 3rem;
}
.ttl_02 {
	position: relative;
	margin-bottom: 15px;
	padding-left: 20px;
	font-size: 2rem;
}
.ttl_02:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background: linear-gradient(#7EAB27, #006F32);
}
.ttl_03 {
	margin-bottom: 15px;
	font-size: 2rem;
}
.ttl_04 {
	position: relative;
	margin-bottom: 15px;
	padding: 8px 0 8px 30px;
	font-size: 1.6rem;
	background: #F3F3F3;
}
.ttl_04:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 13px;
	height: 2px;
	background: #289B5C;
}
.ttl_box {
	margin-bottom: 30px;
	text-align: center;
}
.ttl_main {
	font-size: 4.5rem;
}
.ttl_sub {
	font-size: 1.6rem;
}

@media screen and (min-width: 768px) {
	.ttl_box {
		margin-bottom: 35px;
	}
	.ttl_main {
		font-size: 5.8rem;
	}
	.ttl_sub {
		font-size: 1.8rem;
	}
}/* ----- media END ----- */

@media screen and (min-width: 992px) {
	.ttl_01 {
		margin-bottom: 40px;
		font-size: 4rem;
	}
	.ttl_02 {
		margin-bottom: 25px;
		font-size: 3rem;
	}
	.ttl_03 {
		font-size: 2.4rem;
	}
	.ttl_04 {
		padding: 10px 0 10px 30px;
		font-size: 2rem;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
	テキスト
------------------------------------------------------------*/
.txt_box {
	margin-bottom: 30px;
}
.txt_box > p {
	margin-bottom: 10px;
}
.txt_en {
	font-family: 'Mukta',sans-serif;
}
.txt_color__green {
	color: #289B5C;
}
.txt_link {
	position: relative;
	display: inline;
	margin-left: 15px;
	color: #29B1A1;
	border-bottom: 1px solid #29B1A1;
}
.txt_link__blank:before {
	content: "\e907";
	position: absolute;
	left: -20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #29B1A1;
	font-family: 'toc';
}
.txt_strong {
	color: #289B5C;
}
.txt_note {
	display: block;
	position: relative;
	padding-left: 20px;
	color: #ACACAF;
	font-size: 1.2rem;
	text-indent: 0;
}
.txt_note:before {
	content: "※";
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 1.4rem;
	line-height: 1;
}

@media screen and (min-width: 768px) {
	.txt_link:hover {
		border-bottom: 1px solid transparent;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.txt_box {
		margin-bottom: 60px;
	}
	.txt_box > p {
		margin-bottom: 20px;
	}
	.txt_note {
		font-size: 1.4rem;
	}
	.txt_s {
		font-size: 1.4rem;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
	リスト
------------------------------------------------------------*/
.list {
	margin-bottom: 30px;
}
.list li {
	margin-bottom: 10px;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
ul.list li:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 10px;
	border-radius: 100%;
	background: #289B5C;
}
ol.list li {
	counter-increment: ol;
}
ol.list li:before {
	content: counter(ol) '.';
	position: relative;
	top: 2px;
	margin-right: 5px;
	color: #289B5C;
	font-size: 1.8rem;
	font-weight: bold;
	font-family: 'Mukta',sans-serif;
}

/*------------------------------------------------------------
	テーブル
------------------------------------------------------------*/
.tbl tr {
	border-top: 1px solid #DDE1E5;
}
.tbl tr:last-child {
	border-bottom: 1px solid #DDE1E5;
}
.tbl th,
.tbl td {
	display: block;
	padding: 15px 20px;
	text-align: left;
}
.tbl th {
	background: #F3F3F3;
	font-weight: bold;
}

@media screen and (min-width: 768px) {
	.tbl th,
	.tbl td {
		display: table-cell;
		padding: 20px 30px;
	}
	.tbl th {
		min-width: 200px;
		white-space: nowrap;
	}
	.tbl td {
		width: 100%;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
	ボタン
------------------------------------------------------------*/
.btn {
	position: relative;
	z-index: 0;
	width: 100%;
	padding: 17px 0;
	border-radius: 60px;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	box-shadow: 0 5px 15px rgba(144, 144, 144, 0.53);
	overflow: hidden;
	transition: .3s;
}
.btn.txt_en {
	font-weight: bold;
}
.btn_01:before,
.btn_01:after,
.btn_02:before,
.btn_02:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	border-radius: 60px;
	background: #19253A;
	transition: .3s;
}
.btn_01:after {
	z-index: -1;
	width: 0;
	background: #38465D;
}
.btn_02:before {
	background: linear-gradient(to right, #FFD000, #FF9300);
}
.btn_02:after {
	z-index: -1;
	width: 0;
	background: #FFBC24;
}
.btn_01 [class^="ico_"],
.btn_01 [class*=" ico_"],
.btn_02 [class^="ico_"],
.btn_02 [class*=" ico_"]  {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 2.8rem;
}
.btn_01_blank [class^="ico_"],
.btn_01_blank [class*=" ico_"] {
	right: 25px;
	font-size: 1.6rem;
}
.btn_03 {
	display: inline-block;
	width: auto;
	padding: 0 25px 0 0;
	color: #19253A;
	box-shadow: none;
	overflow: visible;
	font-weight: bold;
}
.btn_03 [class^="ico_"],
.btn_03 [class*=" ico_"] {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 0;
	top: calc(50% - 2px);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 19px;
	height: 19px;
	border-radius: 100%;
	color: #fff;
	font-size: .5rem;
	background: linear-gradient(to right, #7EAB27, #006F32);
}
.btn_contact {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
.btn_contact [class^="ico_"],
.btn_contact [class*=" ico_"] {
	position: static;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	margin-right: 20px;
	font-size: 2rem;
}

@media screen and (min-width: 768px) {
	.btn {
		max-width: 315px;
		margin: 0 auto;
	}
	.btn_01:hover:after,
	.btn_02:hover:after {
		width: 100%;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
ページャー
------------------------------------------------------------*/
.pager {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	height: 45px;
	font-family: 'Mukta',sans-serif;
}
.pager_num {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 13px 0;
}
.pager_num > span > span {
	display: none;
}
.pager_num > span > span.cur,
.pager_num > span > span:last-child {
	display: inline;
}
.pager > .cur {
	max-width: 45px;
	min-width: 45px;
	margin-right: 10px;
}
.pager > .cur span {
	display: -webkit-box;
	display: -webkit-flex;
	background: #f3f3f3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.pager > .cur {
	position: relative;
	z-index: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #252E3B;
	width: 100%;
	height: 100%;
}
.pager > .cur::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	background: #fff;
}
.pager > .pager_list {
	max-width: 45px;
	min-width: 45px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}
.pager > .pager_list > span {
	width: 100%;
	height: 100%;
}
.pager > .pager_list a {
	position: relative;
	z-index: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 100%;
	height: 100%;
}
.pager > .pager_list a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	background: #19253A;
}
.pager_prev a,
.pager_next a {
	height: 100%;
	border: 2px solid transparent;
	position: relative;
	z-index: 0;
}
.pager_prev .material-icons {
	margin: 0 20px 0 -35px;
	font-size: 2rem;
	transition: 0s;
}
.pager_next .material-icons {
	margin: 0 -35px 0 20px;
	font-size: 2rem;
	transition: 0s;
}

@media screen and (min-width: 768px) {
	.pager > .pager_list a::after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 100%;
		background: #38465D;
		z-index: -1;
	}
	.pager > .pager_list a:hover::after {
		width: 100%;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
	response
------------------------------------------------------------*/
.response_ttl {
	margin-bottom: 20px;
	text-align: center;
}
.response_ttl__main {
	margin-bottom: -5px;
	font-size: 4.5rem;
}
.response_ttl__sub {
	font-size: 1.6rem;
}
.response_txt {
	margin-bottom: 15px;
}
.response_tel {
	margin-bottom: 20px;
}
.response_tel a {
	padding: 12px 0;
	border: 1px solid #19253A;
	border-radius: 10px;
	text-align: center;
}
.response_tel__num {
	margin-bottom: -2px;
	font-size: 4rem;
	font-weight: bold;
	line-height: 1;
}
.response_tel__num--ico {
	position: relative;
	top: 3px;
	margin-right: 5px;
	font-size: 3.1rem;
}
.response_tel__time {
	font-size: 1.4rem;
}

@media screen and (max-width: 380px) {
	.response_btn .ico_mail {
		margin-top: 2px;
	}
} /* ----- media END ----- */

@media screen and (max-width: 767px) {
	.content_bg.response {
		background: url(../img/common/response.jpg) center bottom / 100% no-repeat;
		margin: 0;
		padding: 0  0 calc(46.4% + 42px) 0;
	}
	.content_bg + .content_bg.response {
		padding: 60px  0 calc(46.4% + 42px);
	}
} /* ----- media END ----- */

@media screen and (min-width: 768px) {
	.response {
		background: url(../img/common/response.jpg) center;
		background-size: cover;
		background-attachment: fixed;
	}
	.response .content_area {
		max-width: 600px;
		padding: 40px 50px 50px 50px;
		background: #fff;
	}
	.response_ttl {
		margin-bottom: 20px;
	}
	.response_ttl__main {
		font-size: 5.8rem;
	}
	.response_ttl__sub {
		font-size: 1.8rem;
	}
	.response_txt {
		margin-bottom: 25px;
	}
	.response_tel a {
		padding: 0;
		border: none;
	}
	.response_tel__num {
		font-size: 4.5rem;
	}
	.response_tel__num--ico {
		font-size: 3.3rem;
	}
	.response_btn {
		max-width: 400px;
	}
	.response_btn .ico_mail {
		font-size: 2.3rem;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
ブログ一覧
------------------------------------------------------------*/
.mv_blog {
	margin-bottom: 10px;
	padding: 23px 0 24px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-image: url(../img/common/mv-bg-sp-blog.jpg);
	background-position: center;
	background-size: cover;
}
.blog-archive__bg {
	margin-bottom: 30px;
	padding-bottom: 60px;
}
.blog-archive {
	margin-bottom: 40px;
}
.blog-archive > li {
	width: 100%;
}
.blog-archive__category {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	margin-bottom: 40px;
	font-size: 1.4rem;
}
.blog-archive__category--ttl {
	white-space: nowrap;
}
.blog-archive__category--list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -10px -5px 0 15px;
	margin-left: 20px;
}
.blog-archive__category--list li {
	margin-top: 10px;
	padding: 0 5px;
}
.blog-archive__category--list a {
	padding: 5px 20px;
	font-size: 1.2rem;
	background: #fff;
}
.blog-archive__category--list .cur a {
	color: #fff;
	background: #289B5C;
	pointer-events: none;
}
.blog-archive__img img {
	width: 100%;
}
.blog-archive__inner {
	position: relative;
	width: 100%;
	padding: 20px;
	background: #fff;
}
.blog-archive__info {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.blog-archive__info--category {
	padding: 1px 28px;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	background: #289B5C;
}
.blog-archive__info--date {
	color: #ACACAF;
	font-size: 1.6rem;
	line-height: 1;
}
.blog-archive__box .blog-archive__txt {
	font-weight: bold;
	transition: .3s;
}
.blog-archive__btn {
	font-size: 1.6rem;
}
.blog-archive__inner--more {
	text-align: right;
	font-weight: bold;
	max-width: 480px;
	margin: 0 auto;
}
.blog-archive .blog_more {
	text-align: right;
	display: none;
}

@media screen and (max-width: 767px) {
	.blog-archive li:nth-child(n+2) .blog-archive__box {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		height: 100%;
	}
	.blog-archive li:nth-child(n+2) .blog-archive__img {
		position: relative;
		min-width: 103px;
		max-width: 103px;
	}
	.blog-archive li:nth-child(n+2) .blog-archive__img img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
} /* ----- media END ----- */

@media screen and (min-width: 768px) {
	.mv_blog {
		padding: 60px 0;
		background-image: url(../img/common/mv-bg-pc-blog.jpg);
	}
	.blog-archive > li {
		width: auto;
	}
	.blog-archive__category--list a:hover {
		color: #fff;
		background: #289B5C;
	}
	.blog-archive__box .blog-archive__txt {
		font-size: 2rem;
	}
	.blog-archive li:hover .blog-archive__txt {
		color: #289B5C;
	}
	.blog-archive__inner::before {
		content: "";
		display: block;
		position: absolute;
		background-color: #DDE1E5;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 1;
		height: 1px;
		transition: width 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	.blog-archive__inner::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 2;
		width: 0;
		height: 1px;
		background-color: #289B5C;
		transition: .3s;
	}
	.blog-archive li:hover .blog-archive__inner::after {
		width: 100%;
	}
	.blog-archive__btn {
		max-width: 340px;
		margin: 0 auto;
	}
	.blog-archive__inner--more {
		max-width: none;
		margin: 0;
	}
	.blog-archive .blog_more {
		display: block;
	}
	.blog-archive li:hover .btn {
		color: #289B5C;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.blog-archive__category--list a {
		padding: 2px 13px;
		font-size: 1.4rem;
	}
	.blog-archive__bg {
		margin-bottom: 30px;
		padding-bottom: 90px;
	}
	.blog-archive {
		margin-bottom: 60px;
	}
	.blog-archive__inner {
		padding: 20px 0 30px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1200px) {
	.mv_blog {
		padding: 94px 0;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
お知らせ一覧
------------------------------------------------------------*/
.mv_news {
	margin-bottom: 10px;
	padding: 23px 0 24px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-image: url(../img/common/mv-bg-sp-news.jpg);
	background-position: center;
	background-size: auto;
}
.news-archive {
	margin-bottom: 40px;
}
.news-ttl {
	border-bottom: none;
	font-size: 2.0rem;
	color: #289B5C;
	margin-bottom: 20px;
}
.news-date {
	font-size: 1.4rem;
	color: #ACACAF;
}
.news-archive__bg {
	margin-bottom: 30px;
	padding-bottom: 60px;
}
.news-archive__box {
	padding: 20px 0;
	border-bottom: 1px solid #ACACAF;
}
.news-archive__info {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.news-archive__info {
	margin-bottom: 10px;
}
.news-archive__info--date {
	color: #ACACAF;
	font-size: 1.2rem;
	line-height: 1;
	margin-right: 20px;
}
.news-archive__info--category {
	padding: 3px 30px;
	font-size: 1.2rem;
	font-weight: bold;
	background: #F3F3F3;
}
.news-archive__txt {
	font-size: 1.4rem;
	transition: .3s;
}

@media screen and (max-width: 375px) {
	.mv_news {
		background-size: cover;
	}
}/* ----- media END ----- */

@media screen and (min-width: 768px) {
	.mv_news {
		padding: 60px 0;
		background-image: url(../img/common/mv-bg-pc-news.jpg);
		background-size: cover;
	}
	.news-archive {
		margin-bottom: 90px;
	}
	.news-ttl {
		font-size: 3.0rem;
	}
	.news-date {
		font-size: 1.6rem;
	}
	.news-archive__box {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		position: relative;
	}
	.news-archive__box:after {
		content: "";
		position: absolute;
		left: 0;
		top: 100%;
		width: 0;
		height: 1px;
		background: #289B5C;
		transition: width 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	.news-archive__box:hover .news-archive__txt {
		color: #289B5C;
	}
	.news-archive__box:hover:after {
		width: 100%;
	}
	.news-archive__info {
		align-items: center;
		margin-bottom: 0;
	}
	.news-archive__info--date {
		margin-right: 0;
	}
	.news-archive__info--category {
		margin: 0 30px 0 20px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.news-archive__bg {
		margin-bottom: 30px;
		padding-bottom: 90px;
	}
	.news-archive__info--date {
		font-size: 1.6rem;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1200px) {
	.mv_news {
		padding: 94px 0;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
詳細ページ
------------------------------------------------------------*/
.detail__head {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}
.share-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin: 0 -12px;
}
.share-item {
	padding: 0 12px;
}
.share-item a {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	color: #fff;
}
.share-item .share-item-facebook {
	background:#3b5999;
}
.share-item .share-item-twitter {
	background:#55acee;
}
.share-item .share-item-gplus {
	background:#dd4b39;
}
.share-item [class*=acms-icon] {
	font-size:1.6rem;
}

/*------------------------------------------------------------
詳細ページ 2カラム
------------------------------------------------------------*/
.detail__2column--main {
	margin-bottom: 60px;
}
.detail-sidebar__banner {
	display: block;
	margin: 0 auto 40px;
}
.detail-sidebar__search {
	position: relative;
	margin-bottom: 40px;
}
.detail-sidebar__search input[type="search"] {
	width: 100%;
	padding: 15.5px 10px;
	border: 1px solid #DDE1E5;
}
.detail-sidebar__search button {
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
	height: 50px;
	padding-top: 4px;
	color: #fff;
	background: #289B5C;
}
.detail-sidebar__list {
	margin-bottom: 40px;
}
.detail-sidebar__list .ttl {
	font-size: 2rem;
}
.detail-sidebar__list ul li a {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	padding: 15px 0;
	border-bottom: 1px solid #F0F3F5;
	font-size: 1.4rem;
}
.detail-sidebar__list ul li a .material-icons {
	margin-right: 7px;
	color: #289B5C;
	font-size: 2rem;
}
.detail-sidebar__list--archive ul li a .material-icons {
	font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
	.detail-2column {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		max-width: 1440px;
	}
	.detail-main {
		width: 100%;
		margin-bottom: 0;
		margin-right: 30px;
	}
	.detail-sidebar {
		min-width: 200px;
	}
	.detail-sidebar__list ul li a:hover {
		color: #289B5C;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.detail-2column {
		max-width: 960px;
	}
	.detail-main {
		margin-right: 60px;
	}
	.detail-sidebar {
		min-width: 250px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1200px) {
	.detail-2column {
		max-width: 1200px;
	}
	.detail-main {
		margin-right: 80px;
	}
	.detail-sidebar {
		min-width: 300px;
	}

} /* ----- media END ----- */

@media screen and (min-width: 1500px) {
	.detail-2column {
		max-width: 1440px;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
詳細ページ パーツ
------------------------------------------------------------*/
.detail > div {
	margin-bottom: 40px;
}
.detail > p {
	margin-bottom: 30px;
}
.detail h1,
.detail h2,
.detail h3,
.detail h4 {
	color: #289B5C;
	font-weight: bold;
	line-height: 1.3;
}
.detail h1 {
	margin-bottom: 30px;
	font-size: 2.4rem;
	text-align: center;
}
.detail h2 {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 2px solid #289B5C;
	font-size: 2rem;
}
.detail h3 {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 10px;
	font-size: 1.8rem;
}
.detail h3:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 30px;
	height: 2px;
	background: #289B5C;
}
.detail h4 {
	margin-bottom: 10px;
	font-size: 1.8rem;
}
.detail a {
	display: inline;
	color: #289B5C;
}
.detail a span {
	border-bottom: 1px solid #289B5C;
}
.detail ol,
.detail ul {
	margin-bottom: 30px;
	padding-left: 30px;
}
.detail li {
	margin-bottom: 10px;
	padding-left: 2em;
	text-indent: -2em;
}
.detail ol li {
	counter-increment: ol;
}
.detail ol li:before {
	content: counter(ol) '.';
	margin-right: 15px;
	color: #289B5C;
	font-size: 1.6rem;
	font-weight: bold;
}
.detail ul li:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 15px 0 5px;
	border-radius: 100%;
	vertical-align: middle;
	background: #289B5C;
}
.detail table {
	margin-bottom: 40px;
}
.detail table tr {
	border-top: 1px solid #DDE1E5;
}
.detail table tr:last-child {
	border-bottom: 1px solid #DDE1E5;
}
.detail table th,
.detail table td {
	display: block;
	padding: 15px;
	text-align: center;
}
.detail table th {
	background: #F2F4F6;
	font-weight: bold;
}

@media screen and (min-width: 768px) {
	.detail a:hover span {
		border-bottom: 1px solid transparent;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.detail > p {
		margin-bottom: 50px;
	}
	.detail h1 {
		margin-bottom: 50px;
		font-size: 4rem;
	}
	.detail h2 {
		margin-bottom: 25px;
		padding-bottom: 15px;
		font-size: 2.8rem;
	}
	.detail h3 {
		margin-bottom: 25px;
		padding-bottom: 15px;
		font-size: 2.4rem;
	}
	.detail h3:after {
		width: 40px;
	}
	.detail h4 {
		margin-bottom: 20px;
		font-size: 2.4rem;
	}
	.detail ol,
	.detail ul {
		margin-bottom: 50px;
		padding-left: 40px;
	}
	.detail li {
		margin-bottom: 20px;
	}
	.detail table th,
	.detail table td {
		display: table-cell;
		padding: 20px 30px;
		text-align: left;
	}
	.detail table th {
		white-space: nowrap;
	}
	.detail table td {
		width: 100%;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
製作実績一覧
------------------------------------------------------------*/
.mv_works {
	margin-bottom: 10px;
	padding: 23px 0 24px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-image: url(../img/common/mv-bg-sp-works.jpg);
	background-position: center;
	background-size: cover;
}
.works-archive {
	margin-bottom: 30px;
	padding-bottom: 60px;
}
.works_category {
	margin-bottom: 60px;
}
.works_category .blog-archive__category--list {
	margin-top: -20px;
	margin-left: -10px;
	margin-right: -10px;
}
.works_category__ttl {
	font-size: 3.0rem;
	font-weight: bold;
	color: #289B5C;
}
.works_category__list li {
	margin-top: 0;
}
.works_category__list li a {
	display: flex;
	align-items: center;
	position: relative;
	color: #289B5C;
	border: 1px solid #289B5C;
	padding: 10px 30px 10px 10px;
	font-size: 1.6rem;
	line-height: 1.4;
}
.works_category__list li a .ico__arrow_down_new {
	position: absolute;
	top: 45%;
	right: 15px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: none;
}
.works-archive__list {
	margin-bottom: 40px;
}
.works-archive__list li:nth-child(odd) {
	border-right: 0.5px solid #fff;
	border-bottom: 1px solid #fff;
}
.works-archive__list li:nth-child(even) {
	border-left: 0.5px solid #fff;
}
.works-archive__box {
	position: relative;
	overflow: hidden;
}
.works-archive__img {
	position: relative;
}
.works-archive__img > img {
	width: 100%;
}
.works-archive__over {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100%;
	right: 0;
	background: rgba(127,171,39,0.7);
	background: -moz-linear-gradient(left, rgba(127,171,39,0.7) 0%, rgba(0,111,50,0.7) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(127,171,39,0.7)), color-stop(100%, rgba(0,111,50,0.7)));
	background: -webkit-linear-gradient(left, rgba(127,171,39,0.7) 0%, rgba(0,111,50,0.7) 100%);
	background: -o-linear-gradient(left, rgba(127,171,39,0.7) 0%, rgba(0,111,50,0.7) 100%);
	background: -ms-linear-gradient(left, rgba(127,171,39,0.7) 0%, rgba(0,111,50,0.7) 100%);
	background: linear-gradient(to right, rgba(127,171,39,0.7) 0%, rgba(0,111,50,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fab27', endColorstr='#006f32', GradientType=1 );
	opacity: 1;
	color: #fff;
	font-size: 2.0rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px;
	transition: .2s;
	z-index: 1;
}
.works-archive__info--category {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 1.0rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 5px 10px;
}
.rooftop {
	background-color: #9AD259;
}
.pole {
	background-color: #29B1A1;
}
.planting {
	background-color: #ACACAF;
}
.wall {
	background-color: #668EB2;
}
.sheet {
	background-color: #FFBD00;
}
.sleeve {
	background-color: #289B5C;
}
.tent {
	background-color: #19253A;
}
.banner {
	background-color: #d15ec5;
}
.solid {
	background-color: #d15e5e;
}
.led {
	background-color: #d3601a;
}
.facade {
	background-color: #5ec2d1;
}
.stand {
	background-color: #6d66b2;
}
.tent {
	background-color: #3d3d3d;
}

@media screen and (min-width: 768px) {
	.mv_works {
		padding: 60px 0;
		background-image: url(../img/common/mv-bg-pc-works.jpg);
	}
	.works_category__ttl {
		font-size: 4.0rem;
	}
	.works_category__list li a .ico__arrow_down_new {
		right: 20px;
	}
	.works_category__list li a:hover {
		color: #fff;
		background: none;
	}
	.works_category__list li a {
		overflow: hidden;
		padding: 25px 50px 25px 25px;
	}
	.works_category__list li a::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -2;
	}
	.works_category__list li a::after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 100%;
		background-color: #289B5C;
		z-index: -1;
	}
	.works_category__list li a:hover::after {
		width: 100%;
		z-index: -1;
	}
	.detail a:hover span {
		border-bottom: 1px solid transparent;
	}
	.works-archive__info--category {
		font-size: 1.2rem;
		padding: 10px 10px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.works-archive {
		padding-bottom: 90px;
	}
	.works-archive__list {
		margin-bottom: 90px;
	}
	.works_category {
		margin-bottom: 90px;
	}
	.works_category .blog-archive__category--list {
		margin-top: -40px;
		margin-left: -20px;
		margin-right: -20px;
	}
	.works-archive__list li:nth-child(odd) {
		border-right: none;
		border-bottom: none;
	}
	.works-archive__list li:nth-child(even) {
		border-left: none;
	}
	.works-archive__box:hover .works-archive__over {
		left: 0;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1045px) {
	.works_category__list li a {
		font-size: 1.8rem;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1200px) {
	.mv_works {
		padding: 94px 0;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1921px) {
	.content_area.content_works {
		max-width: 1620px;
		padding: 0;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
製作実績 詳細ページ
------------------------------------------------------------*/
.works-detail-main {
	max-width: 400px;
	margin: 0 auto;
}
.works-detail_slider_box {
	max-width: 900px;
	margin: 0 auto 80px;
}
.catch_img {
	margin-bottom: 30px;
}
.works-detail_slider .slick-prev, .works-detail_slider .slick-next {
	display: none;
}
.works_slider .slick-slide img {
	margin: 0 auto;
	object-fit: cover;
}
.slick-track {
	transition: none;
}
.works_slider .slick-prev {
	left: -30px;
	z-index: 5;
}
.works_slider .slick-next {
	right: -30px;
}
.works_slider .slick-prev, .works_slider .slick-next {
	background-color: #289B5C;
	width: 60px;
	height: 60px;
}
.works_slider .slick-prev::before, .works_slider .slick-next::before {
	font-family: 'toc' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 1;
	font-weight: bold;
}
.works_slider .slick-prev::before {

}
.works_slider .slick-next::before {

}
.slick-dots > li:first-child:last-child {
	display: none;
}

@media screen and (min-width: 768px) {
	.works-detail-main {
		max-width: 960px;
		width: 100%;
	}
	.works-detail__inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		margin-bottom: 60px;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
製作実績 詳細ページ
------------------------------------------------------------*/
.works2-detail-mainimg {
	margin-bottom: 40px;
}
.works2-detail__inner {
	margin-bottom: 45px !important;
}
.works2-detail__image {
		margin-bottom: 45px;
		padding: 0 20px;
	}
.works2-detail__images {
	margin-bottom: 30px;
}
.works2-detail__images {
	height: 82px;
}
.works2-detail__images img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit:cover;';
}

@media screen and (min-width: 768px) {
	.works2-detail__image {
		margin-bottom: 90px;
		padding: 0;
	}
	.works2-detail__images {
		margin-bottom: 60px;
	}
	.works2-detail-mainimg {
		margin-bottom: 80px;
	}
	.works2-detail__inner {
		margin-bottom: 90px !important;
	}
	.works2-detail__images {
		height: 150px;
	}
}

@media screen and (min-width: 1200px) {
	.works2-detail__images {
		height: 232px;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
看板募集一覧
------------------------------------------------------------*/
.mv_recruitment {
	margin-bottom: 10px;
	padding: 23px 0 24px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-image: url(../img/common/mv-bg-sp-recruitment.jpg);
	background-position: center;
	background-size: cover;
}
.recruitment_category {
	margin-bottom: 40px;
	padding: 0;
}
.find-right .recruitment_category__ttl {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 7px;
}
.recruitment_category__archive .recruitment_category__ttl {
	font-size: 1.8rem;
	font-weight: bold;
	color: #289B5C;
	margin-bottom: 7px;
}
.recruitment_category__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -10px -5px 0 0;
	margin-left: 0;
}
.recruitment_category__list li a {
	border: 1px solid #289B5C;
}
.offering-archive {
	margin-bottom: 30px;
	padding-bottom: 60px;
}
.recruitment-common__txt {
	margin-bottom: 40px;
}
.offering-archive__inner {
	position: relative;
	width: 100%;
	padding: 20px;
	background: #fff;
	text-align: left;
}
.offering-archive__ico {
	text-align: right;
	margin-top: 20px;
}
.find {
	background-color: #F3F3F3;
	margin-bottom: 40px;
	padding: 15px;
}
.find-right {
	margin-top: 30px;
}
.find_title {
	font-size: 2.0rem;
	font-weight: bold;
}
.find_inner {
	width: 40px;
	height: 40px;
	position: relative;
}
.find_inner::before {
	position: absolute;
	cursor: pointer;
	top: 50%;
	left: 50%;
	transform : translate(-50%, -50%);
}
.search-form {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.search-form select {
	width: 100%;
	height: 40px;
	background-color: #fff;
	border-radius: 0;
	padding-left: 15px;
}
.search-form input[type="search"] {
	width: 100%;
	height: 40px;
	background-color: #fff;
	padding-left: 15px;
}
.search-form button[type="submit"] {
	width: 40px;
	height: 40px;
	background-color: #19253A;
}
.ico_place {
	position: relative;
	width: 90%;
}
.ico_place::before {
	content: "\e900";
	font-size: 1.6rem;
	position: absolute;
	top: 6px;
	right: 10px;
	color: #289B5C;
	border-left: 1px solid #DDE1E5;
	line-height: 28px;
	padding-left: 10px;
	pointer-events: none;
}
.management_num {
	font-size: 1.4rem;
	color: #ACACAF;
	font-weight: bold;
}

@media screen and (min-width: 768px) {
	.mv_recruitment {
		padding: 60px 0;
		background-image: url(../img/common/mv-bg-pc-recruitment.jpg);
	}
	.find {
		position: relative;
		z-index: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
	.find-left {
		width: 50%;
	}
	.find-right {
		width: 50%;
		margin-top: 0;
		margin-left: 30px;
	}
	.recruitment_category__ttl {
		font-size: 1.8rem;
	}
	.recruitment_category__archive .recruitment_category__ttl {
		font-size: 2.4rem;
	}
	.recruitment_category .blog-archive__category--list a:hover {
		color: #fff;
		background: none;
	}
	.recruitment_category__list li a {
		position: relative;
		background: none;
		overflow: hidden;
	}
	.recruitment_category__list li a::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #FFF;
		z-index: -2;
	}
	.recruitment_category__list li a::after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 100%;
		background-color: #289B5C;
		z-index: -1;
	}
	.recruitment_category__list li a:hover::after {
		width: 100%;
		z-index: -1;
	}
	.recruitment_list li a {
		border: 1px solid #DDE1E5;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.offering-archive {
		margin-bottom: 30px;
		padding-bottom: 90px;
	}
	.find {
		padding: 30px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1200px) {
	.mv_recruitment {
		padding: 94px 0;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
看板募集 詳細ページ
------------------------------------------------------------*/
.recruitment-detail {
	margin-bottom: 40px;
}
.recruitment-detail__left {
	margin-bottom: 40px;
}
.detail-main.print-page {
	margin-right: 0;
}
.recruitment-detail__tbl {
	font-size: 1.4rem;
}
.recruitment-detail__left-map {
	position: relative;
	color: #fff;
	font-size: 1.2rem;
	font-weight: inherit;
	background-color: #19253A;
	border-radius: 5px;
	margin-left: 10px;
	padding: 3px 4px 3px 10px;
	display: inline-block;
}
.recruitment-detail__left-map .ico__map_btn::before {
	font-size: 1.5rem;
}
.ico__map_btn {
	vertical-align: middle;
}
.recruitment-detail__txt {
	position: relative;
	color: #ACACAF;
	margin: 30px 0 30px 20px;
}
.recruitment-detail__txt::before {
	content: "※";
	position: absolute;
	top: 0;
	left: -20px;
}
.js-open-street-map {
	width: 100%!important;
}
.recruitment-detail__right .images_looks:first-child {
	margin-bottom: 30px;
}
.recruitment-detail__right .images_looks {
	position: relative;
	text-align: right;
}
.images_inner_txt {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 1.0rem;
	color: #fff;
	text-align: center;
	padding: 10px 10px;
	background-color: #19253A;
}
.recruitment-btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}
.recruitment-btn .btn {
	margin: 0;
}
.recruitment-btn .btn:first-child {
	margin-right: 30px;
}
.print-off {
	display: none;
}
.btn.print-btn, .btn.back-btn {
	font-weight: inherit;
}
.recruitment-detail__left iframe {
	width: 100%;
	height: 300px;
}

@media screen and (min-width: 1500px) {
	.recruitment-detail__tbl {
		font-size: 1.6rem;
	}
} /* ----- media END ----- */

@media screen and (min-width: 768px) {
	.recruitment-detail {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		margin-bottom: 60px;
	}
	.recruitment-detail__left {
		width: 50%;
		margin-bottom: 0;
	}
	.recruitment-detail__right {
		width: 50%;
		margin-left: 30px;
	}
	.images_inner_txt {
		font-size: 1.4rem;
		width: 100px;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
サービス一覧
------------------------------------------------------------*/
.mv_service {
	margin-bottom: 10px;
	padding: 23px 0 24px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-image: url(../img/service/mv-bg-sp-service.jpg);
	background-position: center;
	background-size: cover;
}
.services {
	margin-bottom: 30px;
	padding-bottom: 60px;
}
.service-page__box > li:not(:first-child) {
	margin-top: 20px;
}
.service-page__list {
	position: relative;
	z-index: 1;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #DDE1E5;
	cursor: pointer;
	padding: 50px 25px 20px;
}
.service-page__list::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100.1%;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(180deg, #006F32 0%, #7EAB27 100%);
	background: linear-gradient(270deg, #006F32 0%, #7EAB27 100%);
	z-index: -1;
	-webkit-transform: skewX(180deg);
	-moz-transform: skewX(180deg);
	-ms-transform: skewX(180deg);
	transform: skewX(180deg);
	transition: .2s;
}
.service-page__list .hv_img {
	display: none;
}
.service-page__inner {
	text-align: center;
}
.service-page__img {
	text-align: center;
	padding-bottom: 20px;
}
.service-page__ttl {
	color: #19253A;
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 1;
	padding-bottom: 15px;
}
.service-page__ttl___sub {
	text-align: center;
	font-size: 1.6rem;
	color: #289B5C;
	background: -webkit-linear-gradient(0deg, #7EAB27, #006F32);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.service-page__txt {
	text-align: left;
}
.service-page__more {
	text-align: right;
	padding-left: 25px;
}

@media screen and (min-width: 768px) {
	.mv_service {
		padding: 60px 0;
		background-image: url(../img/service/mv-bg-pc-service.jpg);
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.services {
		margin-bottom: 30px;
		padding-bottom: 90px;
	}
	.service-page__box {
		box-shadow: 0 5px 13px -3px rgba(144, 144, 144, 0.53);
	}
	.service-page__box > li:not(:first-child) {
		margin-top: 0px;
	}
	.service-page__box > li:not(:last-child) {
		border-right: 1px solid #F3F3F3;
	}
	.service-page__list {
		padding: 60px 40px 40px;
	}
	.service-page__list:hover.service-page__list::before {
		left: 0;
	}
	.service-page__list:hover .service-page__inner {
		color: #fff;
	}
	.service-page__list:hover .service-page__ttl {
		color: #fff;
	}
	.service-page__list:hover .service-page__ttl___sub {
		color: #fff;
		background: -webkit-linear-gradient(0deg, #fff, #fff);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.service-page__list:hover .normal_img {
		display: none;
	}
	.service-page__list:hover .hv_img {
		display: inline-block;
	}
	.service-page__list:hover p {
		color: #fff;
	}
	.service-page__ttl {
		font-size: 2.8rem;
		padding-bottom: 20px;
	}
	.service-page__ttl___sub {
		font-size: 2.0rem;
	}
	.service-page__txt {
		transition: 0s;
	}
	.service-page__more {
		padding-left: 40px;
		padding-right: 40px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1200px) {
	.mv_service {
		padding: 94px 0;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
サービス-イベント事業・共通
------------------------------------------------------------*/
.service-archive {
	margin-bottom: 90px;
}
.service-archive__page {
	padding-bottom: 60px;
}
.service-archive__box___ttl {
	font-size: 3.0rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.event-ttl__inner {
	position: relative;
	margin-left: 50px;
}
.event-ttl__inner::before {
	content: "";
	position: absolute;
	top: 30%;
	left: -70px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: url(../img/service/img_event_ttl.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 170%;
}
.service-archive__img {
	margin-bottom: 30px;
}
.service-archive__txtbox {
	padding-bottom: 40px;
}
.event-inner__list {
	position: relative;
}
.event-inner__list::after {
	content: "（五十音順、敬称略）";
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 1.0rem;
}

.event-inner__list > li {
	position: relative;
	font-size: 1.0rem;
	margin-bottom: 5px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.event-inner__list > li::before {
	content: "●";
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #289B5C;
}
.event-inner__list > li > p {
	margin-left: 25px;
}
.service-archive__common {
	background-color: #F3F3F3;
	padding: 60px 20px;
	max-width: none;
}
.common___list:not(:first-child) {
	margin-top: 20px;
}
.common___list {
	position: relative;
	z-index: 1;
	overflow: hidden;
	cursor: pointer;
	background-color: #fff;
	margin: 0 auto;
}
.common___list > a {
	padding-top: 50px;
	padding-bottom: 20px;
}
.common___list::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100.1%;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(180deg, #006F32 0%, #7EAB27 100%);
	background: linear-gradient(270deg, #006F32 0%, #7EAB27 100%);
	z-index: -1;
	-webkit-transform: skewX(180deg);
	-moz-transform: skewX(180deg);
	-ms-transform: skewX(180deg);
	transform: skewX(180deg);
	transition: .2s;
}
.common___list .hv_img {
	display: none;
}
.common___list-box {
	text-align: center;
}
.common___list-img {
	text-align: center;
	padding-bottom: 20px;
}
.common___list-ttl {
	color: #19253A;
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 1;
	padding-bottom: 15px;
}
.common___list-ttl_sub {
	text-align: center;
	font-size: 1.6rem;
	color: #289B5C;
	background: -webkit-linear-gradient(0deg, #7EAB27, #006F32);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.common___list-txt {
	text-align: left;
	padding-left: 25px;
	padding-right: 25px;
}
.common___list-more {
	text-align: right;
	padding-left: 25px;
	padding-right: 25px;
}
.gray_list {
	pointer-events: none;
}
.gray_list .common___list-ttl {
	color: #ACACAF;
}
.gray_list .common___list-ttl_sub {
	color: #ACACAF;
	background: -webkit-linear-gradient(0deg, #ACACAF, #ACACAF);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gray_list .common___list-txt {
	color: #ACACAF;
}
.gray_list .normal_img {
	display: none;
}
.design-sample {
	margin-bottom: 40px;
}
.signboard-img__box {
	margin-bottom: 40px;
}
.service_detail__slider {
	margin: 0 -20px 12px;
}
.service_detail__slider--nav {
	padding: 15px 45px;
}
.service_detail__slider--nav .slick-prev {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	left: 10px;
}
.service_detail__slider--nav .slick-next {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	right: 10px;
}
.service_detail__slider--nav .slick-prev, .service_detail__slider--nav .slick-next {
	width: 30px;
	height: 100%;
	background: #289B5C;
	transition: .3s;
}
.service_detail__slider--nav .slick-prev:before, .service_detail__slider--nav .slick-next:before {
	font-family: 'toc-font' !important;
	font-weight: normal;
	text-transform: none;
	line-height: 1;
	opacity: 1;
	color: #fff;
	font-size: 1.1rem;
}
.service_detail__slider--nav .slick-prev:before {
	content: "\e915";
}
.service_detail__slider--nav .slick-next:before {
	content: "\e916";
}
.service_detail__slider--nav li {
	padding: 0 10px;
}
.service_detail__slider--nav li:not(.slick-current) p {
	border: 3px solid transparent;
}
.service_detail__slider--nav .slick-current p {
	border: 3px solid #24A56D;
}

@media screen and (min-width: 450px) {
	.service-archive {
		margin-bottom: 30px;
	}
	.event-inner__list::after {
		font-size: 1.4rem;
	}

	.event-inner__list > li {
		font-size: 1.4rem;
	}
} /* ----- media END ----- */

@media screen and (min-width: 768px) {
	.service-archive {
		margin-bottom: 30px;
	}
	.service-archive__ttl {
		text-align: center;
	}
	.event-ttl__inner::before {
		top: 40%;
		height: 185%;
	}
	.event-inner__list::after {
		font-size: 1.4rem;
	}
	.event-inner__list > li {
		font-size: 1.4rem;
	}
	.service_detail__slider {
		margin: 0 0 12px;
	}
	.service_detail__slider--nav {
		margin-bottom: 0;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.service-archive__page {
		padding-bottom: 90px;
	}
	.service-archive__box___ttl {
		font-size: 4.0rem;
	}
	.event-ttl__inner::before {
		height: 125%;
	}
	.service-archive__txtbox {
		padding-bottom: 60px;
	}
	.service-archive__ttl {
		/*margin-bottom: 30px;*/
	}
	.service-archive__common {
		padding: 90px 120px;
	}
	.service-archive__common___list {
		box-shadow: 0 15px 15px rgba(144,144,144,0.1);
	}
	.common___list > a {
		padding-top: 60px;
		padding-bottom: 40px;
	}
	.common___list:not(:first-child) {
		margin-top: 0px;
	}
	.common___list:not(:last-child) {
		border-right: 1px solid #F3F3F3;
	}
	.common___list:hover.common___list::before {
		left: 0;
	}
	.common___list:hover .common___list-box {
		color: #fff;
	}
	.common___list:hover .common___list-ttl {
		color: #fff;
	}
	.common___list:hover .common___list-ttl_sub {
		color: #fff;
		background: -webkit-linear-gradient(0deg, #fff, #fff);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.common___list:hover .normal_img {
		display: none;
	}
	.common___list:hover .hv_img {
		display: inline-block;
	}
	.common___list-ttl {
		font-size: 2.8rem;
		padding-bottom: 20px;
	}
	.common___list-ttl_sub {
		font-size: 2.0rem;
	}
	.common___list-txt {
		transition: 0s;
		padding-left: 40px;
		padding-right: 40px;
	}
	.common___list-more {
		padding-left: 40px;
		padding-right: 40px;
	}
	.service_detail__slider {
		margin: 0 0 20px;
	}
	.service_detail__slider--nav {
		padding: 11px 54px;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
サービス-デザイン事業
------------------------------------------------------------*/
.design-ttl__inner {
	position: relative;
	margin-left: 50px;
}
.design-ttl__inner::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -70px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: url(../img/service/img_design_ttl.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 170%;
}
.design-box__ttl {
	text-align: center;
}
.service-archive__inbox {
	padding-bottom: 60px;
}
.service-archive__inbox___img {
	margin-bottom: 20px;
}
.design-inner__ttl {
	text-align: center;
	margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
	.design-ttl__inner::before {
		top: 45%;
		height: 155%;
	}
	.design-box__txtbox {
		padding-bottom: 90px;
	}
	.service-page__ttl {
		margin-bottom: 30px;
	}
	.service-archive__inbox {
		padding-bottom: 90px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.design-ttl__inner::before {
		top: 45%;
		height: 125%;
	}
}

/*------------------------------------------------------------
サービス-看板事業
------------------------------------------------------------*/
.signboard-ttl__inner {
	position: relative;
	margin-left: 50px;
}
.signboard-ttl__inner::before {
	content: "";
	position: absolute;
	top: 20%;
	left: -110px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: url(../img/service/img_signboard_ttl.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 220%;
}

@media screen and (min-width: 992px) {
	.signboard-ttl__inner::before {
		top: 40%;
		height: 170%;
	}
}

/*------------------------------------------------------------
サービス-野立看板事業
------------------------------------------------------------*/
.nodate-ttl__inner {
	position: relative;
	margin-left: 80px;
}
.nodate-ttl__inner::before {
	content: "";
	position: absolute;
	top: 30%;
	left: -105px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: url(../img/service/img_nodate_ttl.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 170%;
}

@media screen and (min-width: 768px) {
	.nodate-ttl__inner::before {
		top: 35%;
		height: 155%;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.nodate-ttl__inner::before {
		top: 45%;
		height: 125%;
	}
}

/*------------------------------------------------------------
ページャー
------------------------------------------------------------*/
.pager > .cur span {
	background-color: #F3F3F3;
	font-family: 'Mukta',sans-serif;
}

/*------------------------------------------------------------
ボタン
------------------------------------------------------------*/
.blog-archive .blog_more .btn_03 [class^="ico_"],
.blog-archive .blog_more .btn_03 [class*=" ico_"],
.offering-archive__inner .btn_03 [class^="ico_"],
.offering-archive__inner .btn_03 [class*=" ico_"] {
	color: #289B5C;
	background: none;
}

@media screen and (min-width: 768px) {
	.blog-archive .blog_more .btn_03 [class^="ico_"],
	.blog-archive .blog_more .btn_03 [class*=" ico_"],
	.offering-archive__inner .btn_03 [class^="ico_"],
	.offering-archive__inner .btn_03 [class*=" ico_"] {
		color: #fff;
		background: linear-gradient(to right, #7EAB27, #006F32);
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
ブログ一覧
------------------------------------------------------------*/
.blog-archive__info--date {
	padding-bottom: 5px;
}

.blog-archive .blog_more {
	display: inline-block;
	margin-top: -15px;
	position: absolute;
	top: 40%;
	right: -5px;
}
.blog-archive li:first-child .blog_more {
	top: 50%;
}
.blog-archive li {
	border-bottom: 1px solid #DDE1E5;
}

.blog-archive li .blog-archive__inner {
	padding: 20px 20px 40px 20px;
}
.blog-archive li:first-child .blog-archive__inner {
	padding: 20px 20px 20px 0;
}

@media screen and (max-width: 767px) {
	.blog-archive li:nth-child(n+2) .blog-archive__box {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		height: 100%;
	}
	.blog-archive li:nth-child(n+2) .blog-archive__img {
		margin-bottom: 20px;
	}
} /* ----- media END ----- */

@media screen and (min-width: 768px) {
	.blog-archive__box .blog-archive__txt {
		margin-bottom: 5px;
	}
	.blog-archive .blog_more {
		display: block;
		margin-top: 20px;
		position: static;
	}
	.blog-archive li {
		border-bottom: none;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.blog-archive__category--list a {
		padding: 5px 15px;
		font-size: 1.2rem;
	}
	.blog-archive {
		margin-bottom: 90px;
	}

	.blog-archive li .blog-archive__inner,
	.blog-archive li:first-child .blog-archive__inner {
		padding: 20px 0 30px;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
製作実績一覧
------------------------------------------------------------*/
.works_category__list li a {
	font-size: 1.2rem;
}
.works_category__list li a .ico__arrow_down_new {
	top: 50%;
	right: 2px;
}
.works_category .ico__arrow_down_new:before {
	font-size: 2.0rem;
}

.works-archive__info--category {
	font-weight: normal;
}

@media screen and (min-width: 768px) {
	.works_category .ico__arrow_down_new:before {
		font-size: 2.8rem;
	}
	.works_category__list li a {
		font-size: 1.6rem;
	}
	.works_category__list li a .ico__arrow_down_new {
		top: 50%;
		right: 13px;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
看板募集一覧
------------------------------------------------------------*/
.recruitment_list [class^="ico-"], .recruitment_list [class*=" ico-"] {
	line-height: 1.5;
}
.recruitment_category__list li a {
	color: #289B5C;
}
.recruitment_category__list {
	margin-left: -5px;
}
.find {
	padding: 20px;
}
.find_title {
	font-size: 1.8rem;
	margin-bottom: 7px;
}
.search-form input[type="search"] {
	-webkit-appearance: none;
	border-radius: 0;
	font-size: 1.4rem;
}
.search-form button[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
	font-size: 1.7rem;
}
.search-form button[type="submit"] .ico-find {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}
.offering-archive__inner {
	padding: 20px 40px 20px 20px;
}
.offering-archive__ico {
	margin-top: -15px;
	position: absolute;
	top: 50%;
	right: 10px;
}
.management_num {
	font-family: 'Mukta',sans-serif;
}

@media screen and (min-width: 768px) {
	.find {
		padding: 30px;
	}
	.search-form input[type="search"] {
		font-size: 1.6rem;
	}
	.offering-archive__inner {
		padding: 20px;
	}
	.offering-archive__ico {
		text-align: right;
		margin-top: 20px;
		position: static;
	}
} /* ----- media END ----- */

/*------------------------------------------------------------
会社概要
------------------------------------------------------------*/
.rinen_box {
	text-align: center;
	font-size: 1.4rem;
}
.rinen_ttl {
	font-weight: bold;
	margin-bottom: 30px;
}
.rinen_ttl h2 {
	font-size: 2.8rem;
}
.rinen_ttl p {
	margin-bottom: 30px;
}
.rinen_ttl span {
	color: #289B5C;
}
.rinen_sub_ttl {
	font-size: 1.5rem;
}
.rinen_txt {
	text-align: left;
}
.rinen_txt span{
	font-weight: bold;
	color: #289B5C;
}

@media screen and (min-width: 768px) {
	.rinen_box {
		font-size: 2.0rem;
	}
	.rinen_ttl h2 {
		font-size: 3.6rem;
	}
	.rinen_ttl p {
		margin-bottom: 40px;
	}
	.rinen_sub_ttl {
		font-size: 2.2rem;
		text-align: center;
	}
	.rinen_txt {
		text-align: center;
	}
} /* ----- media END ----- */