@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , 'メイリオ' ,Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic" , Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 500;
	-webkit-text-size-adjust: none;
	line-height: 2;
	color: #111;
	position: relative;
}

@media screen and (max-width:1039px){
body {
	font-size: 14px;
}
}

@media screen and (max-width:767px){
body {
	position:relative;
}
}

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure, figcaption
{ margin: 0; padding: 0;}

input, textarea
{ margin: 0; font-size: 100%;}

label
{ cursor: pointer;}

table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}

fieldset, img
{ border: 0;}

img
{ max-width: 100%; height: auto; vertical-align: top;}

address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}

ol, ul
{ list-style: none;}

caption, th
{ text-align: left;}

h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}

q:after, q:before
{ content:'';}

a
{ cursor: pointer; }

a, input
{ outline: none; }

input, select, textarea
{ border-radius: 0; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , 'メイリオ' ,Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic" , Verdana, Arial, Helvetica, sans-serif; }

input[type="button"],input[type="submit"]
{ -webkit-appearance: none; appearance: none; background: none; border: none; padding: 0; cursor: pointer;}

abbr, acronym
{ border: 0;}
*
{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.section:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .section
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: left;
}
/* !header
---------------------------------------------------------- */
#tbHeader {
	display:none;
}

#header {
	width:100%;
	height:120px;
}
.headerTop {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

#headerIn {
	/*max-width:1000px;*/
	width:100%;
	margin:0 auto;
	position:relative;
}

nav#headerMenu ul {
	position:absolute;
	width:330px;
	height:40px;
	top:0;
	right:0;
}
	nav#headerMenu ul li {
		list-style:none;
		float:left;
	}
		nav#headerMenu ul li#estimation a {
			display:block;
			width:160px;
			height:40px;
			line-height:40px;
			background:#FF9600;
			color:#111;
			text-align:center;
			-webkit-transition: all 0.7s ease;
			-moz-transition: all 0.7s ease;
			transition: all 0.7s ease;
		}
			nav#headerMenu ul li#estimation a i.fa {
				display:inline-block;
				margin-right:7px;
			}
			nav#headerMenu ul li#estimation a:hover,
			nav#headerMenu ul li#estimation a.current {
				background:#CCC;
			}
		nav#headerMenu ul li#contact a {
			display:block;
			width:170px;
			height:40px;
			line-height:40px;
			background:#F4D700;
			color:#111;
			text-align:center;
			-webkit-transition: all 0.7s ease;
			-moz-transition: all 0.7s ease;
			transition: all 0.7s ease;
		}
			nav#headerMenu ul li#contact a i.fa {
				display:inline-block;
				margin-right:7px;
			}
			nav#headerMenu ul li#contact a:hover,
			nav#headerMenu ul li#contact a.current {
				background:#CCC;
			}

#gnaviSp{
	display:none;
}

@media screen and (max-width:1039px){
#tbHeader {
	display:block;
	width:100%;
	height:60px;
}
	#tbHeaderIn {
		max-width:1000px;
		margin:0 20px;
		position:relative;
	}
	#tbHeader h1 a,
	#tbHeader p a {
		position:absolute;
		font-size:12px;
		height:40px;
		line-height:40px;
		color:#111;
		top:10px;
		right:60px;
	}
	
	#tbHeader a#tbHeaderLogo img{
		display:block;
		position:absolute;
		width:236px;
		height:32px;
		top:14px;
		left:0;
	}
		
#header {
	display:none;
}
		
.naviBtn {
z-index:6;
width: 30px;
height: 60px;
display: block;
float:right;
position:absolute;
top:0;
right:0;
}

.icon-animation {
width: 60px;
height: 60px;
display: block;
background: rgba(255, 255, 255, 0);
position: relative; 
float:right;
cursor:pointer;
}
  .icon-animation span {
width: 30px;
height: 2px;
display: block;
background: #111;
position: absolute;
right: 20px;
top: 50%;
margin-left: 0; }

.type-1 span {
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }

.type-1 .top {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px); }

.type-1 .bottom {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px); }

.type-1.is-open .middle {
background: rgba(255, 255, 255, 0); }

.type-1.is-open .top {
-webkit-transform: rotate(-45deg) translateY(0px);
-ms-transform: rotate(-45deg) translateY(0px);
transform: rotate(-45deg) translateY(0px); }

.type-1.is-open .bottom {
-webkit-transform: rotate(45deg) translateY(0px);
-ms-transform: rotate(45deg) translateY(0px);
transform: rotate(45deg) translateY(0px); }

#gnaviSp{
	font-family: "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , 'メイリオ' ,Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic" , Verdana, Arial, Helvetica, sans-serif;
	display:block;
	width:100%;
	position:absolute;
	z-index:200;
}

#gnaviSp ul{
display:block;
margin:0;
padding:0;
}

#gnaviSp ul li{
list-style:none;
display:block;
margin:0;
line-height:48px;
text-align:left;
border-bottom:1px solid #333;
}

#gnaviSp ul li a{
background:#222;
display:block;
border-top:1px solid #222;
border-bottom:1px solid #222;
padding:0 20px;
color:#FFF;
}

#gnaviSp ul li a:after{
position:absolute;
display: inline-block;
font-family: FontAwesome;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f105";
color:#FFF;
right:15px;
margin-top:18px;
}

#acd-menu dt {
	position: relative;
	height: 48px;
	line-height: 48px;
	padding: 0 30px 0 20px;
	background-color: #222;
	color: #fff;
	cursor: pointer;
}
#acd-menu dt::before {
	content: '';
	position: absolute;
	top: 18px;
	right: 12px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top-color: #FFF;
}
#acd-menu .open::before {
	content: '';
	position: absolute;
	top: 10px;
	right: 12px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-bottom-color: #FFF;
}
#acd-menu dd ul li {
	list-style: none;
}
#acd-menu dd ul li a {
	display: block;
	position: relative;
	height: 48px;
	line-height: 48px;
	padding: 0 20px 0 30px;
	background-color: #333;
	color:#FFF;
	font-size:12px;
	border-bottom:0;
}
}

@media screen and (max-width:767px){
#tbHeader {
	height:60px;
}

#tbHeaderIn {
	margin-left:15px;
	margin-right:15px;
}
	#tbHeader h1 a,
	#tbHeader p a {
		position:absolute;
		font-size:10px;
		height:20px;
		line-height:20px;
		color:#111;
		top:0px;
		left:0;
	}
	#tbHeader a#tbHeaderLogo img{
		display:block;
		position:absolute;
		width:236px;
		height:32px;
		top:20px;
		left:0;
	}
}

@media screen and (max-width:359px){
	#tbHeader h1 a,
	#tbHeader p a {
		font-size:9px;
	}
}

/* !contents
---------------------------------------------------------- */
.container {
	width:100%;
}

.containerIn {
	max-width:1240px;
	padding:0 20px;
	margin:0 auto;
}

/* swell - 左右余白を調整 */
.l-container {
	width: 100%;
	max-width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	overflow-wrap: anywhere;
	word-break: break-all;
	line-break: anywhere;
}
.l-content {
	padding-top: 0;
}

@media screen and (max-width:1039px){
.container {
	width:auto;
}

.containerIn {
	padding:0 20px;
}
}
 
@media screen and (max-width:767px){
.container {
	width:auto;
}

.containerIn {
	max-width:1000px;
	padding:0 15px;
}
	
/* swell - 左右余白を調整 */
.l-container {
	padding-left: 15px;
	padding-right: 15px;
}
}

/* !HP&パンフレット制作パック
---------------------------------------------------------- */
.cmnMarugotoBg a {
	display:block;
	width:100%;
	height:290px;
	padding-top:40px;
	background:url(assets/img/cmn_marugoto_bg.jpg) 50% 50% no-repeat;
	background-size:cover;
	border:10px solid;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-color:rgba(255,255,255,1);
}
	.cmnMarugotoBg a:hover {
		border-color:rgba(128,199,206,1);
	}

.cmnMarugoto {
	width:1000px;
	margin:0 auto;
}
	.cmnMarugoto div.left {
		width:50%;
		float:left;
	}
	.cmnMarugoto div.right {
		width:50%;
		float:left;
	}
	.cmnMarugoto h2 {
		font-size:22px;
		font-weight:bold;
		text-align:center;
		margin-bottom:20px;
	}
		.cmnMarugoto h2 span {
			display:inline-block;
			font-size:16px;
			color:#FFF;
			line-height:1;
			border-radius:16px;
			background:#80C7CE;
			padding:0.6em 1em;
			margin-bottom:5px;
		}
	.cmnMarugoto p {
		font-size:16px;
		text-align:center;
	}
	
@media screen and (max-width:1039px){
.cmnMarugotoBg a {
	display:block;
	width:100%;
	height:250px;
	padding-top:40px;
	background:url(assets/img/cmn_marugoto_bg.jpg) 50% 50% no-repeat;
	background-size:cover;
	border:8px solid;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-color:rgba(255,255,255,1);
}
	.cmnMarugotoBg a:hover {
		border-color:rgba(138,194,196,1);
	}

.cmnMarugoto {
	width:auto;
	margin:0 auto;
}
	.cmnMarugoto div.left {
		width:45%;
	}
	.cmnMarugoto div.right {
		width:55%;
	}
		.cmnMarugoto div.right img {
			display:block;
			width:90%;
			max-width:420px;
			margin:0 auto;
		}
	.cmnMarugoto h2 {
		font-size:20px;
	}
	.cmnMarugoto p {
		font-size:14px;
	}
}
 
@media screen and (max-width:767px){
.cmnMarugotoBg a {
	display:block;
	width:100%;
	height:auto;
	padding:40px 0;
	background:url(assets/img/cmn_marugoto_bg.jpg) 50% 50% no-repeat;
	background-size:cover;
	border:6px solid;
	border-color:rgba(255,255,255,1);
}
	.cmnMarugotoBg a:hover {
		border-color:rgba(255,255,255,1);
	}

.cmnMarugoto {
	width:auto;
	margin:0 auto;
}
	.cmnMarugoto div.left {
		width:100%;
		float:none;
	}
	.cmnMarugoto div.right {
		width:100%;
		float:none;
	}
		.cmnMarugoto div.right img {
			display:block;
			width:90%;
			max-width:400px;
			margin:0 auto;
		}
	.cmnMarugoto h2 {
		font-size:18px;
		margin-bottom:10px;
	}
		.cmnMarugoto h2 span {
			font-size:14px;
		}
	.cmnMarugoto p {
		font-size:13px;
		text-align:center;
		margin-bottom:25px;
	}
}

/* !お問い合わせ
---------------------------------------------------------- */
.cmnContactBg {
	display:block;
	width:100%;
	background:url(assets/img/cmn_contact_bg.jpg) 50% 50% no-repeat;
	background-size:cover;
}

.cmnContact {
	padding:60px 0 70px 0;
	width:630px;
	margin:0 auto;
}
	.cmnContact h2 {
		font-size:16px;
		text-align:center;
		color:#FFF;
		line-height:1.6;
		margin-bottom:30px;
	}
		.cmnContact h2 span {
			font-family: 'Fira Sans Condensed', sans-serif;
			font-size:36px;
			font-weight:bold;
			letter-spacing:0.1em;
		}
		.cmnContact h2 span.home {
			font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , 'メイリオ' ,Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic" , Verdana, Arial, Helvetica, sans-serif;
			font-size:30px;
			line-height:2;
		}
		.cmnContact h2 span.homeEn {
			font-family: 'Fira Sans Condensed', sans-serif;
			font-size:20px;
			font-weight:normal;
			letter-spacing:0.1em;
		}
	.cmnContact ul {
		width:100%;
		margin-bottom:40px;
	}
		.cmnContact ul li {
			width:50%;
			float:left;
		}
			.cmnContact ul li a.estimation {
				display:block;
				width:300px;
				height:60px;
				line-height:60px;
				text-align:center;
				font-size:16px;
				font-weight:bold;
				background:#FF9600;
				border-radius:2px;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}
				.cmnContact ul li a.estimation:hover {
					opacity:0.6;
				}
			.cmnContact ul li a.contact {
				display:block;
				width:300px;
				height:60px;
				line-height:60px;
				text-align:center;
				font-size:16px;
				font-weight:bold;
				background:#F4D700;
				border-radius:2px;
				margin-left:15px;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}
				.cmnContact ul li a.contact:hover {
					opacity:0.6;
				}
			.cmnContact ul li a i.fa {
				display:inline-block;
				margin-right:20px;
			}
		.cmnContact div {
			width:auto;
			background-color:rgba(0,0,0,0.65);
			padding:15px;
		}
			.cmnContact div p.tit {
				font-size:16px;
				text-align:center;
				color:#FFF;
			}
			.cmnContact div p.tel {
				text-align:center;
				line-height:1.5;
				color:#FFF;
			}
			.cmnContact div p.tel span {
				display:inline-block;
				font-family: 'Fira Sans Condensed', sans-serif;
				font-size:26px;
				color:#FFF;
				letter-spacing:0.1em;
			}
				.cmnContact div p.tel span i.fa {
					display:inline-block;
					margin-right:7px;
					font-size:20px;
				}
				.cmnContact div p.tel br {
					display:none;
				}
				
@media screen and (max-width:1039px){
.cmnContact {
	padding:50px 0 60px 0;
}
		.cmnContact h2 span.home {
			font-size:26px;
		}
		.cmnContact h2 span.homeEn {
			font-size:18px;
		}
}

@media screen and (max-width:767px){
.cmnContactBg {
	display:block;
	width:100%;
	background:url(assets/img/cmn_contact_bg.jpg) 50% 50% no-repeat;
	background-size:cover;
}

.cmnContact {
	padding:40px 10px 40px 10px;
	width:auto;
	margin:0 auto;
}
	.cmnContact h2 {
		font-size:14px;
		text-align:center;
		color:#FFF;
		line-height:1.6;
		margin-bottom:30px;
	}
		.cmnContact h2 span {
			font-size:28px;
		}
		.cmnContact h2 span.home {
			font-size:18px;
		}
		.cmnContact h2 span.homeEn {
			font-size:14px;
		}
	.cmnContact ul {
		width:100%;
		margin-bottom:20px;
	}
		.cmnContact ul li {
			width:80%;
			float:none;
			margin:0 auto 10px auto;
		}
			.cmnContact ul li a.estimation {
				display:block;
				width:auto;
				height:50px;
				line-height:50px;
			}
				.cmnContact ul li a.estimation:hover {
					opacity:1;
				}
			.cmnContact ul li a.contact {
				display:block;
				width:auto;
				height:50px;
				line-height:50px;
				margin-left:0;
			}
				.cmnContact ul li a.contact:hover {
					opacity:1;
				}
			.cmnContact ul li a i.fa {
				margin-right:10px;
			}
		.cmnContact div {
			padding:15px;
		}
			.cmnContact div p.tit {
				font-size:14px;
			}
			.cmnContact div p.tel span {
				font-size:24px;
			}
				.cmnContact div p.tel br {
					display:inherit;
				}
				.cmnContact div p.tel a {
					color:#FFF;
				}
}

/* !バナー
---------------------------------------------------------- */
.cmnBnrBg {
	background:#2A2A2A;
}

.cmnBnr {
	padding:70px 0 50px 0;
	width:1000px;
	margin:0 auto;
}
	.cmnBnr ul {
		width:100%;
	}
		.cmnBnr ul li {
			width:23%;
			margin:0 1% 20px 1%;
			float:left;
		}
			.cmnBnr ul li section {
				position: relative;
				overflow: hidden;
				width: 230px;
			}
			.cmnBnr ul li section div {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
				width: 100%;
				height: 100%;
				color:#FFF;
				background: rgba(0,0,0,.7);
				-webkit-transition: .3s;
				transition: .3s;
				opacity: 0;
				text-align:center;
				padding-top:38px;
			}
				.cmnBnr ul li section:hover div {
					opacity: 1;
					text-align:center;
				}
.transform02 {
	-webkit-transform: rotate(8deg) scale(1.31);
	transform: rotate(8deg) scale(1.31);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
section.inner:hover .transform02 {
		-webkit-transform: rotate(0) scale(1);
		transform: rotate(0) scale(1);
	}

@media screen and (max-width:1039px){
.cmnBnr {
	padding:60px 0 40px 0;
	width:auto;
	margin:0 auto;
}
	.cmnBnr ul {
		width:100%;
	}
		.cmnBnr ul li {
			width:31.3%;
			margin:0 1% 20px 1%;
		}
			.cmnBnr ul li section {
				margin:0 auto 0 auto;
			}
			.cmnBnr ul li section div {
				background: rgba(0,0,0,.6);
				opacity: 1;
				padding-top:38px;
			}
.transform02 {
	-webkit-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
	section.inner:hover .transform02 {
		-webkit-transform: rotate(0) scale(1);
		transform: rotate(0) scale(1);
	}
}

@media screen and (max-width:767px){
.cmnBnr {
	padding:40px 0 30px 0;
	width:auto;
	margin:0 auto;
}
	.cmnBnr ul {
		width:100%;
	}
		.cmnBnr ul li {
			width:100%;
			margin:0 0 10px 0;
			float:none;
		}
			.cmnBnr ul li section {
				margin:0 auto;
			}
}

/* !pageTop
---------------------------------------------------------- */
.pagetop {
	display: none;
	position: fixed;
	width:60px;
	height:60px;
	background-color:#95c112;
	bottom: 0;
	right: 0;
	z-index: 99;
}
	.pagetop p {
		font-family: 'Fira Sans Condensed', sans-serif;
		text-align:center;
		color:#FFF;
		font-size:10px;
		letter-spacing:0.1em;
		margin-top:15px;
	}
		.pagetop p img {
			display:block;
			width:26px;
			margin:0 auto 5px auto;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}
			.pagetop:hover p img {
				margin-top:-5px;
				margin-bottom:10px;
			}
	
@media screen and (max-width:1039px){
			.pagetop:hover p img {
				margin-top:15px;
				margin-bottom:5px;
			}
}

@media screen and (max-width:767px){
.pagetop {
	width:50px;
	height:50px;
	bottom: 50px;
}
	.pagetop p {
		letter-spacing:0.04em;
		margin-top:10px;
	}
		.pagetop p img {
			width:22px;
			margin:0 auto 5px auto;
		}
			.pagetop:hover p img {
				margin-top:0;
				margin-bottom:5px;
			}
}

/* !footer
---------------------------------------------------------- */
#footer {
	margin: 0 auto;
	width: 100%;
	background:#222;
	padding:0 0 50px 0;
	overflow:hidden;
}
#footerIn {
	max-width:1240px;
	margin:0 auto;
	padding:60px 20px 0 20px;
	position:relative;
}
			
ul.footerLink {
	font-size:13px;
	color:#FFF;
	margin-bottom:10px;
}
	ul.footerLink li {
		margin-right:30px;
		margin-bottom:5px;
		display:inline-block;
	}
		ul.footerLink li a {
			color:#FFF;
			text-decoration:none;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
			ul.footerLink li a:hover {
				opacity:0.5;
			}
	
.footerBtm {
	margin-top:50px;
}
	#footerIn div#footerL {
		width:32%;
		float:left;
		border-right:1px solid #3C3C3C;
	}
		#footerIn div#footerL p#footerLogo img {
			display:block;
			width:180px;
			height:33px;
			margin-bottom:20px;
		}
			#footerIn div#footerL p#footerLogo a {
			display:block;
			width:180px;
			height:33px;
			margin-bottom:20px;
		}
		#footerIn div#footerL h2 {
			font-size:14px;
			color:#FFF;
		}
		#footerIn div#footerL p.add {
			font-size:12px;
			color:#FFF;
			margin-bottom:15px;
		}
		#footerIn div#footerL p.tel {
			font-size:12px;
			color:#FFF;
			line-height:1.5;
		}
			#footerIn div#footerL p.tel span {
				font-family: 'Fira Sans Condensed', sans-serif;
				font-size:20px;
				letter-spacing:0.1em;
			}
				#footerIn div#footerL p.tel span i.fa {
					display:inline-block;
					margin-right:7px;
					font-size:16px;
				}
			#footerIn div#footerL p.tel a {
				color:#FFF;
			}

	#footerIn div#footerR {
		width:68%;
		float:left;
	}
		#footerIn div#footerR p {
			margin-left:70px;
			font-size:12px;
			color:#777;
		}
			#footerIn div#footerR p a {
				color:#CCC;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}
				#footerIn div#footerR p a:hover {
					color:#777;
				}
				
ul.spFooterNavi {
	display:none;
}

.footerBtm a.yokohamaBtn {
	display:inline-block;
	font-size:12px;
	line-height:1.6;
	background:#95C112;
	padding:0.6em 1.6em;
	border-radius:20px;
	transition:.6s;
	margin-bottom:20px;
}
	.footerBtm a.yokohamaBtn i.fa {
		margin-left:0.8em;
	}
	.footerBtm a.yokohamaBtn:hover {
		opacity:.7;
	}

@media screen and (max-width:1039px){	
#footer {
	padding:0 0 40px 0;
}
#footerIn {
	max-width:1000px;
	margin:0 20px;
	padding:50px 0 0 0;
}
			
ul.footerLink {
	font-size:11px;
}
	ul.footerLink li {
		margin-right:14px;
	}
		ul.footerLink li:last-child {
			margin-right:0;
			margin-bottom:0;
		}
	
.footerBtm {
	margin-top:50px;
}
	#footerIn div#footerL {
		width:40%;
	}
	#footerIn div#footerR {
		width:60%;
	}
		#footerIn div#footerR p {
			margin-left:60px;
		}
}

@media screen and (max-width:767px){	
#footer {
	padding:0 0 50px 0;
	margin-bottom:50px;
}
#footerIn {
	margin:0 15px;
	padding:40px 0 0 0;
}
			
ul.footerLink {
	text-align:center;
	color:#FFF;
	float:none;
	margin-bottom:0;
}
	ul.footerLink li {
		width:100%;
		display:block;
		border-bottom:1px solid #222;
		margin-bottom:0;
	}
		ul.footerLink li a {
			display:block;
			height:44px;
			line-height:44px;
			background:#2E2E2E;
			padding:0 12px;
			color:#FFF;
		}
			ul.footerLink li a:hover {
				opacity:1;
			}
	
.footerBtm {
	margin-top:50px;
}
	#footerIn div#footerL {
		width:100%;
		float:none;
		border-right:0;
	}
		#footerIn div#footerL p#footerLogo img {
			display:block;
			width:180px;
			height:33px;
			margin:0 auto 20px auto;
		}
			#footerIn div#footerL p#footerLogo a {
			display:block;
			width:180px;
			height:33px;
			margin:0 auto 20px auto;
		}
		#footerIn div#footerL h2 {
			text-align:center;
		}
		#footerIn div#footerL p.add {
			text-align:center;
		}
		#footerIn div#footerL p.tel {
			text-align:center;
		}
			#footerIn div#footerL p.tel span {
				font-size:18px;
			}

	#footerIn div#footerR {
		width:100%;
		float:none;
		margin-top:30px;
	}
		#footerIn div#footerR p {
			margin-left:0;
		}
		
ul.spFooterNavi {
	display:block;
	position:fixed;
	width:100%;
	height:50px;
	bottom:0;
	left:0;
	z-index:199;
}
	ul.spFooterNavi li {
		width:50%;
		float:left;
	}
		ul.spFooterNavi li a {
			display:block;
			width:100%;
			height:50px;
			line-height:50px;
			font-weight:bold;
			text-align:center;
			color:#111;
		}
			ul.spFooterNavi li a i.fa {
				margin-right:0.6em;
			}
			ul.spFooterNavi li:first-child a {
				background:#A6D635;
			}
			ul.spFooterNavi li:last-child a {
				background:#F4D700;
			}
			
.footerBtm a.yokohamaBtn {
	display:block;
	width:250px;
	text-align:center;
	padding:0.6em 0;
	margin:0 auto 20px auto;
}
	.footerBtm a.yokohamaBtn:hover {
		opacity:1;
	}
}

/* !box
---------------------------------------------------------- */
.box01 {
	width:auto;
	background:#F6F6F6;
	padding:10px;
}
	.box01 div.inner {
		width:auto;
		background:#FFF;
		padding:30px;
		border:1px solid #E7E7E7;
	}
		.box01 div.inner .tit {
			font-size:24px;
			font-weight: 500;
			text-align:center;
			line-height:1.5;
			margin-bottom:25px;
		}

.box02 {
	width:auto;
	background:#F6F6F6;
	padding:30px;
	border-radius: 6px;
}
		.box02 div.inner .tit {
			font-size:24px;
			font-weight: 500;
			text-align:center;
			line-height:1.5;
			margin-bottom:25px;
		}
		
.greenBgBox {
	width:auto;
	background:#F3FCD8;
	padding:20px;
}
.orangeBgBox {
	width:auto;
	background:#FFF3EE;
	padding:20px;
}

@media screen and (max-width:1039px){
.box01 {
	width:auto;
	background:#F6F6F6;
	padding:10px;
}
	.box01 div.inner {
		width:auto;
		background:#FFF;
		padding:25px 20px;
		border:1px solid #E7E7E7;
	}
		.box01 div.inner .tit {
			font-size:22px;
			text-align:center;
			line-height:1.5;
			margin-bottom:25px;
		}
	
.box02 {
	padding:25px 20px;
}
		.box02 div.inner .tit {
			font-size:22px;
		}
}
@media screen and (max-width:767px){
.box01 {
	padding:7px;
}
	.box01 div.inner {
		padding:15px;
	}
		.box01 div.inner .tit {
			font-size:16px;
			line-height:1.6;
		}

.box02 {
	padding:15px;
}
		.box02 div.inner .tit {
			font-size:16px;
			line-height:1.6;
		}
		
.greenBgBox {
	padding:15px;
}
.orangeBgBox {
	padding:15px;
}
}

/* !h(n)eading
---------------------------------------------------------- */
.tit_basic01 {
	font-size:36px;
	text-align:center;
	margin-bottom:50px;
}
	.tit_basic01 span {
		display:inline-block;
		background:url(assets/img/wave.gif) left bottom repeat-x;
		padding-bottom:20px;
	}
	.tit_basic01 br {
		display: none;
	}
	
.tit_basic02 {
	font-size:24px;
	font-weight:bold;
	margin-bottom:30px;
	background-image:url(assets/img/tit_basic01_bg.gif), url(assets/img/tit_basic02_bg.png);
	background-position:0 0, 0 bottom;
	background-repeat:no-repeat, repeat-x;
	padding:8px 0 8px 0;
}

.tit_basic03 {
	font-size:20px;
	font-weight:bold;
	margin-bottom:30px;
}
	.tit_basic03 i.fa {
		display:inline-block;
		margin-right:7px;
		color:#95C112;
	}

.tit_basic04 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:12px;
}
	.tit_basic04 span {
		display: inline-block;
		color:#FFF;
		background:#111;
		line-height:1.4;
		padding:0.4em 0.6em;
		border-radius:4px;
	}

.tit_basic05 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:12px;
}
	.tit_basic05 span {
		display: inline-block;
		border:1px solid #CCC;
		background: #F3F3F3;
		line-height:1.4;
		padding:0.4em 0.6em;
		border-radius:4px;
	}

@media screen and (max-width:1039px){
.tit_basic01 {
	font-size:32px;
}

.tit_basic02 {
	font-size:22px;
}

.tit_basic03 {
	font-size:18px;
}
}

@media screen and (max-width:767px){
.tit_basic01 {
	font-size:20px;
	text-align:center;
	line-height:1.8;
}
	.tit_basic01 span {
		background-size:700px 6px;
	}
	.tit_basic01 br {
		display: inherit;
	}

.tit_basic02 {
	font-size:16px;
	line-height:1.6;
	padding:10px 0 8px 0;
}

.tit_basic03 {
	font-size:16px;
	margin-bottom:20px;
}

.tit_basic04 {
	font-size:14px;
}
	
.tit_basic05 {
	font-size:14px;
}
}

/* !Listing
---------------------------------------------------------- */
ul.circle li {
	list-style:circle;
	margin:0 0 10px 15px;
}
	ul.circle li:last-child {
		margin-bottom:0;
	}

ul.icon {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
	ul.icon li {
		width:48%;
		font-weight: bold;
		padding-left:1em;
		position: relative;
		margin-bottom: 5px;
	}
		ul.icon li:before {
			position: absolute;
			content:"";
			width:6px;
			height: 6px;
			background: #ff9600;
			border-radius: 50%;
			top:12px;
			left:0;
		}

ol.num li {
	list-style:decimal;
	margin:0 0 10px 15px;
}
	ol.num li:last-child {
		margin-bottom:0;
	}

@media screen and (max-width:1039px){
		ul.icon li:before {
			top:11px;
		}
}

@media screen and (max-width:767px){
	ul.icon li {
		width:100%;
	}
}

/* !Table
---------------------------------------------------------- */
.table_basic01 {
	width: 100%;
	border-collapse: separate;
	border-top:1px dotted #CCC;
}
	.table_basic01 th,
	.table_basic01 td {
		padding: 15px 0;
		border-bottom:1px dotted #CCC;
	}
	.table_basic01 th {
		width:30%;
		vertical-align:top;
	}
	.table_basic01 td {
		width:70%;
		vertical-align:top;
	}
	
@media screen and (max-width:1039px){
.table_basic01 th {
	width:40%;
}
.table_basic01 td {
	width:60%;
}

}

@media screen and (max-width:767px){
.table_basic01 {
	width: 100%;
	
}
	.table_basic01,
	.table_basic01 thead,
	.table_basic01 tbody,
	.table_basic01 tr,
	.table_basic01 th,
	.table_basic01 td {
		width: 100%;
		display: block;
	}
	.table_basic01 th,
	.table_basic01 td {
		padding: 10px 10px;
		
	}
	.table_basic01 th {
		background:#EDF5D6;
	}
}

/* !追随CTA
---------------------------------------------------------- */
ul.fixCta {
	display: none;
	position:fixed;
	width:50px;
	height: 356px;
	top:32%;
	right:0;
	z-index: 100;
	-webkit-animation: ctaBnr 1.6s 1 ease;
	-moz-animation: ctaBnr 1.6s 1 ease;
	animation: ctaBnr 1.6s 1 ease ;
}
	ul.fixCta li {
		display: flex;
		flex-wrap: wrap;
		width:100%;
	}
	ul.fixCta li:first-child {
		margin-bottom: 10px;
	}
		ul.fixCta li a {
			display: block;
			width:100%;
			padding:15px 0;
			font-size:16px;
			font-weight: 700;
			line-height: 48px;
			text-align: right;
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
			transition: .6s;
			border-radius:3px 0 0 3px;
			position: relative;
		}
		ul.fixCta li:first-child a {
			height: 165px;
			background: #ff9600;
		}
		ul.fixCta li:last-child a {
			height: 181px;
			background: #f4d700;
		}
			ul.fixCta li a i {
				padding-bottom:0.4em;
			}
			ul.fixCta li a:hover {
				background:#CCC;
			}
	
@media screen and (max-width:1039px){
ul.fixCta {
	height: 345px;
}
		ul.fixCta li a {
			font-size:15px;
		}
		ul.fixCta li:first-child a {
			height: 160px;
		}
		ul.fixCta li:last-child a {
			height: 175px;
		}
			ul.fixCta li:first-child a:hover {
				background: #ff9600;
			}
			ul.fixCta li:last-child a:hover {
				background: #f4d700;
			}
}

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

/* !sub_layout
---------------------------------------------------------- */
#header p a {
	position:absolute;
	font-size:12px;
	height:40px;
	line-height:40px;
	color:#111;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	top:0;
	right:360px;
}
 
#header a#headerLogo img {
	display:block;
	position:absolute;
	width:226px;
	height:72px;
	top:25px;
	left:30px;
}
	
#gnavi {
	position:absolute;
	clear:both;
	width:730px;
	height:60px;
	top:60px;
	right:20px;
}
	#gnavi ul {
		position:absolute;
		display:block;
		width:730px;
		height:60px;
		z-index:100;
	}
		#gnavi ul * {
			box-sizing: border-box;
		}
		#gnavi ul:before, .dropmenu:after {
			content: "";
			display: table;
		}
		#gnavi ul:after {
			clear: both;
		}
		#gnavi ul li {
			float:left;
			line-height:1.8;
			font-weight:bold;
			list-style: outside none none;
			
			position: relative;
		}
			#gnavi ul li span {
				font-family: 'Fira Sans Condensed', sans-serif;
				font-size:10px;
				font-weight:normal;
				letter-spacing:0.1em;
				display:block;
			}
		#gnavi ul li a {
			display:block;
			font-size:14px;
			height:60px;
			text-align:center;
			color: #111;
			-webkit-transition: all 0.7s ease;
			-moz-transition: all 0.7s ease;
			transition: all 0.7s ease;
			padding: 0 0 10px 0;
			color: rgba(0, 0, 0, 1);
			position: relative;
			text-decoration: none;
		}
			#gnavi ul li a:before,
			#gnavi ul li a:after {
				position: absolute;
				-webkit-transition: all 0.35s ease;
				transition: all 0.35s ease;
			}
			#gnavi ul li a:before {
				bottom: 0;
				display: block;
				height: 3px;
				width: 0%;
				content: "";
				background-color: #FF9600;
			}
			#gnavi ul li a:after {
				left: 0;
				top: 0;
				padding: 0 0 0 0;
				position: absolute;
				content: attr(data-hover);
				color: #111;
				white-space: nowrap;
				max-width: 0%;
				overflow: hidden;
			}
			#gnavi ul li a:hover,
			#gnavi ul li.current a {
				color: #111;
			}
			#gnavi ul li a:hover:before,
			#gnavi ul li.current a:before {
				opacity: 1;
				width: 100%;
			}
			#gnavi ul li a:hover:after,
			#gnavi ul li .current a:after {
				max-width: 100%;
			}
			#gnavi ul > li#merit a {
				width:140px;
				color:#111;
				margin:0 5px;
			}
			#gnavi ul > li#works a {
				width:130px;
				color:#111;
				margin:0 5px;
			}
			#gnavi ul > li#price a {
				width:160px;
				color:#111;
				margin:0 5px;
			}
			#gnavi ul > li#flow a {
				width:80px;
				color:#111;
				margin:0 5px;
			}
			#gnavi ul > li#specification a {
				width:70px;
				color:#111;
				margin:0 5px;
			}
			#gnavi ul > li#faq a {
				width:90px;
				color:#111;
				margin:0 5px;
			}
			
			#gnavi ul li ul {
				width: 420px;
				list-style: none;
				position: absolute;
				z-index: 100;
				top: 100%;
				left: 0;
				margin: 0px 0 0 0;
				padding: 0;
			}
				#gnavi ul li ul li {
					width:auto;
					float:none;
				}
					#gnavi ul li#merit ul li a {
						width: 220px;
						font-size:14px;
						font-weight:normal;
						height:46px;
						line-height:46px;
						margin: 0px 5px 1px 5px;
						padding:0 0 0 15px;
						border-radius:0;
						background:rgba(0,0,0,0.65);
						color:#FFF;
						text-align: left;
						transition: .5s;
					}
						#gnavi ul li#merit ul li a:hover {
							color:#F8B141;
						}
					#gnavi ul li#works ul li a {
						width: 260px;
						font-size:14px;
						font-weight:normal;
						height:46px;
						line-height:46px;
						margin: 0px 5px 1px 5px;
						padding:0 0 0 15px;
						border-radius:0;
						background:rgba(0,0,0,0.65);
						color:#FFF;
						text-align: left;
						transition: .5s;
					}
						#gnavi ul li#works ul li a:hover {
							color:#F8B141;
						}
					#gnavi ul li#price ul li a {
						width: 325px;
						font-size:14px;
						font-weight:normal;
						height:46px;
						line-height:46px;
						margin: 0px 5px 1px 5px;
						padding:0 0 0 15px;
						border-radius:0;
						background:rgba(0,0,0,0.65);
						color:#FFF;
						text-align: left;
						transition: .5s;
					}
						#gnavi ul li#price ul li a:hover {
							color:#F8B141;
						}
							#gnavi ul li ul li a:before {
								display:none;
							}
						#gnavi ul#fade-in2 li ul{
							opacity: 0;
							top: 100%;
							left:-15px;
							visibility: hidden;
							transition: .5s;
						}
						#gnavi ul#fade-in2 li:hover ul{
							top: 100%;
							left:0;
							visibility: visible;
							opacity: 1;
						}

@media screen and (max-width:1039px){

}
 
/* !mainvisual
---------------------------------------------------------- */
.subMain {
	width:100%;
	height:200px;
	background:url(assets/img/sub_main.jpg) 50% top no-repeat;
	background-size:cover;
}
	.subMain h1,
	.subMain p{
		font-size:38px;
		font-weight:bold;
		text-shadow: rgba(0,0,0,0.7) 1px 1px 2px;
		color:#FFF;
		text-align:center;
		line-height:1.7;
		padding-top:58px;
	}
		.subMain h1 span,
		.subMain p span{
			display:block;
			font-size:18px;
		}
		.subMain h1 i,
		.subMain p i{
			font-size:60%;
			font-style: normal;
		}

@media screen and (max-width:1039px){
.subMain {
	width:100%;
	height:200px;
}

}

@media screen and (max-width:767px){
.subMain {
	width:100%;
	height:180px;
}
	.subMain h1,
	.subMain p{
		font-size:24px;
		padding-top:60px;
	}
		.subMain h1 span,
		.subMain p span{
			display:block;
			font-size:12px;
		}
}

/* !パンくずリスト
---------------------------------------------------------- */
.breadcrumb {
	width:100%;
}
.marugotoBg {
	background:#f3f3f3;
}
	.breadcrumb ul {
		width:100%;
		max-width:1240px;
		padding:0 20px;
		margin:0 auto;
	}
		.breadcrumb ul li {
			display:inline-block;
			color:#333;
			font-size:13px;
			line-height:1.6;
			padding:18px 0 0 12px;
		}
		.breadcrumb ul li:first-child {
			padding-left:0;
		}
			.breadcrumb ul li:before {
				display: inline-block;
				font-family: FontAwesome;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				content: "\f105";
				color:#333;
				padding-right:10px;
			}
				.breadcrumb ul li:first-child:before {
					content: "";
					padding-right:0;
				}
			.breadcrumb ul li a {
				color:#999;
				-webkit-transition: all 0.4s ease;
				-moz-transition: all 0.4s ease;
				transition: all 0.4s ease;
				text-decoration:underline;
			}
				.breadcrumb ul li a:hover {
					opacity:.6;
				}

/* swell - パンくずリスト調整 */
.p-breadcrumb {
	width:100%;
}
.p-breadcrumb:not(.-bg-on){
	padding-top:18px
}
.p-breadcrumb__list{
	width:100%;
	max-width:1240px;
	font-size:13px;
	gap:12px;
	flex-wrap: wrap;
    overflow: visible;
}
.p-breadcrumb__list li {
	color:#333;
	line-height:1.6;
}
.p-breadcrumb__list li:first-child {
	padding-left:0;
}
.p-breadcrumb__list li a {
	color:#999;
	transition: all 0.4s ease;
	text-decoration:underline;
}
.p-breadcrumb__list li a:hover {
	opacity:.6;
}
.p-breadcrumb__item{
	gap:12px;
}
.p-breadcrumb__item:last-child span {
	opacity: 1
}
.single .p-breadcrumb__item:last-child>span.p-breadcrumb__text {
	display: block;
}
			
@media screen and (max-width:1039px){
	.breadcrumb ul {
		padding:0 20px;
	}
				.breadcrumb ul li a:hover {
					opacity:1;
				}

/* swell - パンくずリスト調整 */
.p-breadcrumb__list li a:hover {
	opacity:1;
}
}
			
@media screen and (max-width:767px){
.breadcrumb {
	padding:5px 0 0 0;
}
	.breadcrumb ul {
		padding:0 15px;
	}
		.breadcrumb ul li {
			font-size:12px;
			line-height:1.6;
			padding:10px 0 0 8px;
		}
			.breadcrumb ul li:before {
				padding-right:8px;
			}
	
/* swell - パンくずリスト調整 */
.p-breadcrumb:not(.-bg-on){
	padding-top:15px
}
.p-breadcrumb__list{
	font-size:12px;
	gap:8px;
}
.p-breadcrumb__item{
	gap:8px;
}
}

/* !ローカルナビ
---------------------------------------------------------- */
.lnavi {
	width:100%;
	background:#666;
	padding-top:0.8em;
}
	.lnavi div {
		width:100%;
		max-width:1240px;
		padding:0 20px;
		margin:0 auto;
	}
		.lnavi div p {
			font-family: 'Fira Sans Condensed', sans-serif;
			font-size:20px;
			font-weight:normal;
			color:#FFF;
			text-align:center;
			letter-spacing:0.2em;
			height:30px;
			position:relative;
		}
			.lnavi div p span {
				position:absolute;
				display:block;
				width:180px;
				height:40px;
				line-height:40px;
				text-align:center;
				left:50%;
				margin-left:-90px;
			}
				.lnavi div p span:before {
					position:absolute;
					content:"";
					width:16px;
					height:1px;
					background:#FFF;
					top:20px;
					left:0;
				}
				.lnavi div p span:after {
					position:absolute;
					content:"";
					width:16px;
					height:1px;
					background:#FFF;
					top:20px;
					left:162px;
				}
		.lnavi div ul {
			text-align:center;
		}
			.lnavi div ul li {
				font-size:16px;
				position:relative;
				display:inline-block;
				padding:1em 0;
				margin-right:20px;
			}
			.lnavi div ul li:last-child {
				margin-right:0;
			}
				.lnavi div ul li a {
					color:#FFF;
					-webkit-transition: all 0.5s ease;
					-moz-transition: all 0.5s ease;
					transition: all 0.5s ease;
				}
					.lnavi div ul li a:hover {
						color:#FF9600;
					}
					.lnavi div ul li a.current {
						color:#FF9600;
					}
					.lnavi div ul li a i.fa {
						display:inline-block;
						margin-right:10px;
					}
		
@media screen and (max-width:1039px){
.lnavi {
	padding-top:1em;
	padding-bottom:0.8em;
}
	.lnavi div {
		padding:0 20px;
		margin:0 auto;
		position:relative;
	}
			.lnavi div p {
				height:40px;
				margin-bottom:5px;
			}
				.lnavi div ul li {
					width:100%;
					font-size:15px;
					padding:0 0;
				}
					.lnavi div ul li a {
						display:block;
						padding:0;
						line-height:44px;
					}
						.lnavi div ul li a:hover {
							color:#FFF;
						}
						.lnavi div ul li a.current:hover {
							color:#FF9600;
						}
}

@media screen and (max-width:767px){
	.lnavi div {
		padding:0 ;
	}
			.lnavi div p {
				font-size:18px;
			}
			.lnavi div p span {
				width:160px;
				margin-left:-80px;
			}
				.lnavi div p span:after {
					left:142px;
				}
				.lnavi div ul li {
					width:100%;
					font-size:14px;
					float:none;
					margin-right:0;
				}
					.lnavi div ul li a {
						line-height:44px;
					}
						.lnavi div ul li a:hover {
							color:#FFF;
						}
						.lnavi div ul li a.current:hover {
							color:#FF9600;
						}
						.lnavi div ul li a i.fa {
							display:none;
						}
}


/* !コンテンツ
---------------------------------------------------------- */
.subContactBox {
	width:70%;
	background:#F1F1F1;
	padding:20px 10px;
	margin-left:auto;
	margin-right:auto;
}
	.subContactBox p.tit {
		font-size:16px;
		text-align:center;
	}
	.subContactBox p.tel {
		text-align:center;
		line-height:1.5;
	}
		.subContactBox p.tel span {
			display:inline-block;
			font-family: 'Fira Sans Condensed', sans-serif;
			font-size:26px;
			letter-spacing:0.1em;
		}
			.subContactBox p.tel span i,fa {
				display:inline-block;
				margin-right:7px;
				font-size:20px;
			}
			.subContactBox p.tel br {
				display:none;
			}
			
a.estimationBtn {
	display:block;
	width:300px;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	background:#FF9600;
	border-radius:2px;
	margin-left:auto;
	margin-right:auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
	a.estimationBtn:hover {
		opacity:0.7;
	}
	a.estimationBtn i.fa {
		display:inline-block;
		margin-right:20px;
	}
	
ul.subNavi {
	width:100%;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-bottom: 30px;
}
	ul.subNavi li {
		width: calc(25% - 4px);
	}
		ul.subNavi li a {
			display:block;
			padding:0.7em;
			line-height:1.6;
			text-align:center;
			color:#111;
			background:#E5E5E5;
			border-radius: 3px;
			transition: all 0.5s ease;
		}
			ul.subNavi li a:hover {
				background:#F8B141;
			}
			ul.subNavi li a i.fa {
				display:inline-block;
				margin-right:1em;
			}
			ul.subNavi li.current-cat a {
				background:#F8B141;
			}
			
@media screen and (max-width:1039px){
.subContactBox {
	width:80%;
}
			ul.subNavi li a:hover {
				background:#E5E5E5;
			}
			ul.subNavi li a i.fa {
				margin-right:10px;
			}
			ul.subNavi li.current-cat a:hover {
				background:#F8B141;
			}
}

@media screen and (max-width:767px){
.subContactBox {
	width:100%;
	padding:15px;
}
	.subContactBox p.tit {
		font-size:14px;
	}
	.subContactBox p.tel {
		text-align:center;
		line-height:1.5;
	}
		.subContactBox p.tel span {
			font-size:22px;
		}
			.subContactBox p.tel span i.fa {
				margin-right:4px;
				font-size:18px;
			}
			.subContactBox p.tel br {
				display:inherit;
			}
			
a.estimationBtn {
	width:80%;
	height:50px;
	line-height:50px;
}
	a.estimationBtn i.fa {
		margin-right:10px;
	}
	
ul.subNavi {
	width:100%;
}
	ul.subNavi li {
		width: calc(50% - 2.5px);
	}
		ul.subNavi li a span {
			display:none;
		}
			ul.subNavi li a:hover {
				background:#E5E5E5;
			}
			ul.subNavi li a i.fa {
				display:inline-block;
				margin-right:7px;
			}
}

/* !お問い合わせブロック
---------------------------------------------------------- */
.contactBox {
	width:100%;
	padding:50px 30px 50px 30px;
	background: #f6f6f6;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	margin-bottom: 30px;
}
	.contactBox h2 {
		font-size:16px;
		font-weight:bold;
		text-align:center;
		line-height:1.6;
		margin-bottom:30px;
	}
		.contactBox h2 span {
			display: block;
			font-family: 'Fira Sans Condensed', sans-serif;
			font-size:36px;
			font-weight:bold;
			letter-spacing:0.1em;
		}
	.contactBox p.read {
		text-align: center;
		margin-bottom: 30px;
	}
	.contactBox ul {
		width:100%;
		max-width:620px;
		margin:0 auto 40px auto;
	}
		.contactBox ul li {
			width:50%;
			float:left;
		}
			.contactBox ul li a.estimation {
				display:block;
				width:300px;
				height:60px;
				line-height:60px;
				text-align:center;
				font-size:16px;
				font-weight:bold;
				background:#FF9600;
				border-radius:4px;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}
				.contactBox ul li a.estimation:hover {
					opacity:0.6;
				}
			.contactBox ul li a.contact {
				display:block;
				width:300px;
				height:60px;
				line-height:60px;
				text-align:center;
				font-size:16px;
				font-weight:bold;
				background:#F4D700;
				border-radius:4px;
				margin-left:15px;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}
				.contactBox ul li a.contact:hover {
					opacity:0.6;
				}
			.contactBox ul li a i.fa {
				display:inline-block;
				margin-right:20px;
			}
		.contactBox div {
			width:100%;
			max-width:620px;
			background-color:rgba(0,0,0,0.65);
			padding:15px;
			margin: 0 auto;
		}
			.contactBox div p.tit {
				font-size:16px;
				text-align:center;
				color:#FFF;
			}
			.contactBox div p.tel {
				text-align:center;
				line-height:1.5;
				color:#FFF;
			}
			.contactBox div p.tel span {
				display:inline-block;
				font-family: 'Fira Sans Condensed', sans-serif;
				font-size:26px;
				color:#FFF;
				letter-spacing:0.1em;
			}
				.contactBox div p.tel span i.fa {
					display:inline-block;
					margin-right:7px;
					font-size:20px;
				}
				.contactBox div p.tel br {
					display:none;
				}
				
@media screen and (max-width:1039px){
.contactBox {
	padding:40px 20px 40px 20px;
}
}

@media screen and (max-width:767px){
.contactBox {
	padding:40px 15px 40px 15px;
	width:auto;
	margin:0 auto 20px auto;
}
	.contactBox h2 {
		font-size:14px;
		text-align:center;
		line-height:1.6;
		margin-bottom:30px;
	}
		.contactBox h2 span {
			font-size:28px;
		}
	.contactBox ul {
		width:100%;
		margin-bottom:20px;
	}
		.contactBox ul li {
			width:80%;
			float:none;
			margin:0 auto 10px auto;
		}
			.contactBox ul li a.estimation {
				display:block;
				width:auto;
				height:50px;
				line-height:50px;
			}
				.contactBox ul li a.estimation:hover {
					opacity:1;
				}
			.contactBox ul li a.contact {
				display:block;
				width:auto;
				height:50px;
				line-height:50px;
				margin-left:0;
			}
				.contactBox ul li a.contact:hover {
					opacity:1;
				}
			.contactBox ul li a i.fa {
				margin-right:10px;
			}
		.contactBox div {
			padding:15px;
		}
			.contactBox div p.tit {
				font-size:14px;
			}
			.contactBox div p.tel span {
				font-size:24px;
			}
				.contactBox div p.tel br {
					display:inherit;
				}
				.contactBox div p.tel a {
					color:#FFF;
				}
}

@media screen and (max-width:359px){
		.contactBox ul li {
			width:100%;
		}
}

/* !works
---------------------------------------------------------- */
.worksCts01 {
	max-width:1240px;
	margin:0 auto;
	padding:70px 20px 80px 20px;
}
.worksCts02 {
	max-width:1240px;
	margin:0 auto;
	padding:0 20px 80px 20px;
}

.panphTit {
	font-size:30px;
	font-weight: 700;
	line-height: 1.5;
	background:url(assets/img/icon_panph.png) top center no-repeat;
	background-size:76px 90px;
	padding-top:105px;
}
	.panphTit span {
		display: inline-block;
		font-size:20px;
	}
.recruitTit {
	font-size:20px;
	background:url(assets/img/icon_recruit.png) top center no-repeat;
	background-size:76px 90px;
	padding-top:100px;
}
.corpTit {
	font-size:20px;
	background:url(assets/img/icon_corp.png) top center no-repeat;
	background-size:76px 90px;
	padding-top:100px;
}
.catalogTit {
	font-size:20px;
	background:url(assets/img/icon_catalog.png) top center no-repeat;
	background-size:76px 90px;
	padding-top:100px;
}
.posterTit {
	font-size:20px;
	background:url(assets/img/icon_poster.png) top center no-repeat;
	background-size:76px 90px;
	padding-top:100px;
}
.leafletTit {
	font-size:20px;
	background:url(assets/img/icon_leaflet.png) top center no-repeat;
	background-size:76px 90px;
	padding-top:100px;
}

.worksList {
	width:100%;
	display: flex;
	flex-wrap: wrap;
    border-left: 1px solid #E7E7E7;
}
	.worksList > li {
		width:25%;
		display: flex;
		flex-direction: column; 
		padding: 10px;
		background: #FFF;
		box-sizing: border-box;
		border-right: 1px solid #E7E7E7;
		border-bottom: 1px solid #E7E7E7;
	}
	.worksList > li:nth-child(-n + 4) {
		border-top: 1px solid #E7E7E7;
	}

	.worksList-recomend > li {
		width:calc(100% / 6);
		display: flex;
		flex-direction: column; 
		background: #FFF;
		box-sizing: border-box;
		border-right: 1px solid #E7E7E7;
		border-bottom: 1px solid #E7E7E7;
	}
	.worksList-recomend > li:nth-child(-n + 6) {
		border-top: 1px solid #E7E7E7;
	}
		.worksList-recomend > li a {
			display:block;
			width:auto;
			height: 100%;
			transition: .5s;
		}
			.worksList-recomend > li a:hover {
				opacity:.7;
			}
			.worksList-recomend > li a figure.c-postThumb__figure:before {
				display: none;
			}
			.worksList-recomend > li a h2 {
				text-align:center;
				font-size:12px;
				line-height:1.6;
				margin-bottom: 10px;
			}
			.worksList-recomend > li a img {
				margin-bottom: 10px;
			}
			.worksList-recomend > li a .cat p {
				text-align:center;
				font-size:12px;
				line-height:1.6;
				opacity:.6;
			}
		/* .worksList li a {
			display:block;
			width:auto;
			height: 100%;
			padding:10px;
			border:1px solid #E7E7E7;
			border-top:0;
			border-left:0;
			background:#FFF;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		.worksList li:nth-child(-n + 4) a {
			border-top:1px solid #E7E7E7;
		}
		.worksList li:nth-child(4n + 1) a {
			border-left:1px solid #E7E7E7;
		}
			.worksList li a:hover {
				background:#E3F2C1;
			}
			.worksList li a figure.c-postThumb__figure:before {
				display: none;
			}
			.worksList li a img {
				display:block;
				width:100%;
				margin-bottom:10px;
			}
			.worksList li a h2 {
				text-align:center;
				font-size:13px;
				line-height:1.6;
				margin-bottom: 10px;
			}
			.worksList li a p {
				text-align:center;
				font-size:12px;
				line-height:1.6;
				opacity:.6;
			}
			.worksList li a div.cat p {
				text-align:center;
				font-size:12px;
				line-height:1.6;
				opacity:.6;
			} */

/* --- カード全体のクリッカブル化（疑似要素による拡張） --- */
.works-card__inner {
    position: relative; /* 疑似要素の基準点 */
    display: flex; /* 追加 */
    flex-direction: column; /* 追加 */
    height: 100%; /* 追加 */
	transition:0.5s;
}
.works-card__inner:hover {
    opacity:.7;
}
.works-card__thumb {
	margin-bottom: 10px;
}
/* タイトルのリンクをカード全体に広げる */
.works-card__title a::after {
    content: "";
    position: absolute;
    inset: 0; /* top:0; left:0; right:0; bottom:0; と同義 */
    z-index: 1;
}
/* バッジやタグはリンクの上に配置してクリック可能にする */
.works-card__badges a, 
.works-card__badges span,
.works-card__tags {
    position: relative;
    z-index: 2; /* 疑似要素より上に出す */
    pointer-events: auto;
}
/* --- バッジのデザイン（インラインから移動） --- */
.works-card__badges {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    gap: 6px;
    margin-bottom: 8px;
}
.badge {
    font-size: 0.75rem;
    color: #111;
    background: #fff;
    padding: 2px 6px;
	border:1px solid #ddd;
    border-radius: 2px;
    text-decoration: none;
    transition: background 0.5s ease;
}
a.badge:hover {
    background: #ddd; 
}
.works-card__title a {
	display: block;
	font-size: 0.9rem;
	line-height: 1.6;
	border-left: 3px solid #ff9600;
	padding-left:0.6em;
	margin-top: 15px;
	margin-bottom: 12px;
}
/* タイトルに付与した業種名のスタイル（お好みで調整） */
.works-card__title .title-suffix {
    font-size: 0.75rem;
    font-weight: normal;
}
.works-card__tags {
	margin-top: 8px;
}
.works-card__tags li {
	margin-bottom: 1px;
	display: flex;
	flex-wrap: wrap;
}
.works-card__tags li span {
	font-size: 11px;
	line-height: 1.5;
	color:#999;
	margin-right:5px;
	border-bottom: 1px solid #DDD;
}
.works-card__tags li span:last-child {
	margin-right:0;
}
.works-card__catch {
	font-size:0.75rem;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 8px;
}
.works-card__read {
	font-size:0.75rem;
	line-height: 1.6;
}

.p-postList {
	width:100%;
	display: flex;
	flex-wrap: wrap;
}
	.p-postList li {
		width:25%;
	}
		.p-postList li a {
			display:block;
			width:auto;
			height: 100%;
			padding:10px;
			border:1px solid #E7E7E7;
			border-top:0;
			border-left:0;
			background:#FFF;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		.p-postList li:nth-child(-n + 4) a {
			border-top:1px solid #E7E7E7;
		}
		.p-postList li:nth-child(4n + 1) a {
			border-left:1px solid #E7E7E7;
		}
			.p-postList li a:hover {
				background:#E3F2C1;
			}
			.p-postList li a figure.c-postThumb__figure:before {
				display: none;
			}
			.p-postList li a img {
				display:block;
				width:100%;
				margin-bottom:10px;
			}
			.p-postList li a h2 {
				text-align:center;
				font-size:13px;
				line-height:1.6;
				margin-bottom: 10px;
			}
			.p-postList li a p {
				text-align:center;
				font-size:12px;
				line-height:1.6;
				opacity:.6;
			}
			.p-postList li a div.cat p {
				text-align:center;
				font-size:12px;
				line-height:1.6;
				opacity:.6;
			}
			
.worksNavi {
	width:100%;
	max-width:1000px;
	height:50px;
	background:#FF9600;
	margin:0 auto;
	display: flex
}
	.worksNavi li.prev {
		width:33.3%;
		line-height:50px;
	}
		.worksNavi li.prev a {
			margin-left:20px;
			font-size:16px;
			font-weight:bold;
			color:#FFF;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
			.worksNavi li.prev a:hover {
				color:#F4D700;
			}
			.worksNavi li.prev a i.fa {
				display:inline-block;
				margin-right:7px;
			}
	.worksNavi li.list {
		width:33.3%;
		line-height:50px;
		text-align:center;
		float:left;
	}
		.worksNavi li.list a {
			font-size:16px;
			font-weight:bold;
			color:#FFF;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
			.worksNavi li.list a:hover {
				color:#F4D700;
			}
			.worksNavi li.list a i.fa {
				display:inline-block;
				margin-right:7px;
			}
	.worksNavi li.next {
		width:33.3%;
		float:right;
		line-height:50px;
		text-align:right;
	}
		.worksNavi li.next a {
			margin-right:20px;
			font-size:16px;
			font-weight:bold;
			color:#FFF;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
			.worksNavi li.next a:hover {
				color:#F4D700;
			}
			.worksNavi li.next a i.fa {
				display:inline-block;
				margin-left:7px;
			}

dl.worksInfo {
	width:100%;
	max-width: 1000px;
	margin:0 auto 50px auto;
	background:url(assets/img/dot_line.png) 0 0 repeat-x;
	display: flex;
	flex-wrap: wrap;
}
	dl.worksInfo dt {
		width:20%;
		font-size:16px;
		padding:12px;
		font-weight:bold;
		background:url(assets/img/dot_line.png) bottom repeat-x;
	}
		dl.worksInfo dt i.fa {
			display:inline-block;
			margin-right:7px;
		}
	dl.worksInfo dd {
		width:80%;
		font-size:16px;
		padding:12px;
		background:url(assets/img/dot_line.png) bottom repeat-x;
	}
		dl.worksInfo dd span {
			display:inline-block;
			color:#FFF;
			line-height:1;
			background:#999;
			padding:0.4em 0.4em;
			border-radius:4px;
			margin-right:5px;
		}
			dl.worksInfo dd span a {
				color:#FDEB68;
				position:relative;
				padding-left:10px;
				transition: all 0.5s ease;
			}
				dl.worksInfo dd span a:before {
					position:absolute;
					display: inline-block;
					font-family: FontAwesome;
					line-height: 1;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
					content: "\f0da";
					color:#FDEB68;
					left:0;
					top:3px;
					transition: all 0.5s ease;
				}
					dl.worksInfo dd span a:hover {
						color:#FFF;
					}
					dl.worksInfo dd span a:hover:before {
						color:#FFF;
					}
	
.worksDetail {
	width:100%;
	max-width:1000px;
	background:url(assets/img/works_bg.png) 50% 50% repeat;
	padding:40px 0 40px 0;
	margin:0 auto 40px auto;
}
	.worksDetail h2.copy {
		font-size:24px;
		font-weight: 700;
		line-height: 1.6;
		text-align: center;
		padding:0 30px;
		margin-bottom: 40px;
	}
	.worksDetail p {
		text-align:center;
	}
	.worksDetail p.mgn {
		text-align:center;
		margin-bottom:50px;
	}

.relationLink {
	width:100%;
	margin: 70px 0 0 0;
	display: flex;
	justify-content: center;
	align-items: stretch; 
	height: 80px;
}
	.relationLink li {
		width:49%;
		margin-left: 2%;
		height: 80px;
	}
	.relationLink li:first-child {
		margin-left: 0;
	}
		.relationLink li a {
			position: relative;
			display: block;
			width:100%;
			height: 100%;
			font-size:16px;
			font-weight: 700;
			color: #FFF;
			line-height: 1.6;
			text-align: center;
			transition: .6s;
			border-radius:4px;
		}
			.relationLink li:first-child a {
				padding-top:15px;
				background: #95c112;
			}
			.relationLink li:nth-child(2) a {
				padding-top:27px;
				background: #80c7ce;
			}
			.relationLink li a:hover {
				opacity:.7;
			}
			.relationLink li a i.fa {
				position: absolute;
				font-size:120%;
				top:40%;
				right:20px;
			}

.otherWorks {
	width:100%;
	margin-top: 70px;
}
	.otherWorks h2 {
		text-align: center;
		margin-bottom: 30px;
	}
		.otherWorks h2 span {
			display: inline-block;
			font-size:22px;
			font-weight: 700;
			line-height: 1.5;
			color: #95c112;
			border:2px solid #95c112;
			padding:0.3em 1.4em;
			border-radius: 40px;
		}

@media screen and (max-width:1039px){
.worksCts01 {
	padding:60px 20px 70px 20px;
}
.worksCts02 {
	padding:0 20px 70px 20px;
}

.panphTit {
	font-size:26px;
	background:url(assets/img/icon_panph.png) top center no-repeat;
	background-size:71px 84px;
	padding-top:100px;
	margin-bottom:40px;
}
	.panphTit span {
		font-size:18px;
	}
.recruitTit {
	background:url(assets/img/icon_recruit.png) top center no-repeat;
	background-size:71px 84px;
	padding-top:94px;
}
.corpTit {
	background:url(assets/img/icon_corp.png) top center no-repeat;
	background-size:71px 84px;
	padding-top:94px;
}
.catalogTit {
	background:url(assets/img/icon_catalog.png) top center no-repeat;
	background-size:71px 84px;
	padding-top:94px;
}
.posterTit {
	background:url(assets/img/icon_poster.png) top center no-repeat;
	background-size:71px 84px;
	padding-top:94px;
}
.leafletTit {
	background:url(assets/img/icon_leaflet.png) top center no-repeat;
	background-size:71px 84px;
	padding-top:94px;
}
	
	.worksList > li {
		width:33.33%;
	}
	.worksList > li:nth-child(-n + 4) {
		border-top: 0;
	}
	.worksList > li:nth-child(-n + 3) {
		border-top: 1px solid #E7E7E7;
	}

	.worksList-recomend > li {
		width:calc(100% / 3);
	}
	.worksList-recomend > li:nth-child(-n + 6) {
		border-top: 0;
	}
	.worksList-recomend > li:nth-child(-n + 3) {
		border-top: 1px solid #E7E7E7;
	}
			.worksList-recomend > li a:hover {
				opacity:1;
			}
			.worksList-recomend > li a h2 {
				font-size:13px;
			}
			.worksList-recomend > li a .cat p {
				font-size:12px;
			}

.works-card__inner:hover {
    opacity:1;
}
a.badge:hover {
    background: #fff;
}
	
	dl.worksInfo dt {
		width:30%;
		font-size:15px;
	}
	dl.worksInfo dd {
		width:70%;
		font-size:15px;
	}
	

	.worksNavi li.prev {
		width:25%;
	}
	.worksNavi li.list {
		width:50%;
	}
	.worksNavi li.next {
		width:25%;
	}
	
.worksDetail {
	width:100%;
	padding:35px 0 35px 0;
}
	.worksDetail h2.copy {
		font-size:22px;
		padding:0 20px;
		margin-bottom: 35px;
	}
	.worksDetail p.mgn {
		margin:0 20px 40px 20px;
	}
	
.relationLink { 
	height: 70px;
}
	.relationLink li {
		height: 70px;
	}
		.relationLink li a {
			font-size:15px;
		}
			.relationLink li:first-child a {
				padding-top:11px;
			}
			.relationLink li:nth-child(2) a {
				padding-top:23px;
			}
			.relationLink li a:hover {
				opacity:1;
			}
			.relationLink li a i.fa {
				top:39%;
				right:15px;
			}
	
.otherWorks {
	margin-top: 60px;
}
		.otherWorks h2 span {
			font-size:20px;
		}
}

@media screen and (max-width:767px){
.worksCts01 {
	padding:50px 15px 60px 15px;
}
.worksCts02 {
	padding:0 15px 60px 15px;
}

.panphTit {
	font-size:18px;
	background:url(assets/img/icon_panph.png) top center no-repeat;
	background-size:59px 70px;
	padding-top:90px;
	margin-bottom:35px;
}
	.panphTit span {
		font-size:15px;
	}
.panphTit {
	
	padding-top:80px;
}
.recruitTit {
	font-size:18px;
	background:url(assets/img/icon_recruit.png) top center no-repeat;
	background-size:59px 70px;
	padding-top:80px;
}
.corpTit {
	font-size:18px;
	background:url(assets/img/icon_corp.png) top center no-repeat;
	background-size:59px 70px;
	padding-top:80px;
}
.catalogTit {
	font-size:18px;
	background:url(assets/img/icon_catalog.png) top center no-repeat;
	background-size:59px 70px;
	padding-top:80px;
}
.posterTit {
	font-size:18px;
	background:url(assets/img/icon_poster.png) top center no-repeat;
	background-size:59px 70px;
	padding-top:80px;
}
.leafletTit {
	font-size:18px;
	background:url(assets/img/icon_leaflet.png) top center no-repeat;
	background-size:59px 70px;
	padding-top:80px;
}

.worksList {
	width:100%;
	display: flex;
	flex-wrap: wrap;
}
	.worksList > li {
		width:50%;
	}
	.worksList > li:nth-child(-n + 3) {
		border-top: 0;
	}
	.worksList > li:nth-child(-n + 2) {
		border-top: 1px solid #E7E7E7;
	}

	.worksList-recomend > li {
		width:calc(100% / 2);
	}
	.worksList-recomend > li:nth-child(-n + 3) {
		border-top: 0;
	}
	.worksList-recomend > li:nth-child(-n + 2) {
		border-top: 1px solid #E7E7E7;
	}
			.worksList-recomend > li a h2 {
				font-size:12px;
			}
			.worksList-recomend > li a .cat p {
				font-size:12px;
			}

.badge {
    font-size: 10px;
}
.works-card__title a {
	font-size:12px;
	border-left: 2px solid #ff9600;
}
.works-card__title .title-suffix {
    font-size: 10px;
}
.works-card__badges {
    flex-direction: column;
	align-items: flex-start;
    gap: 5px;
}
.works-card__catch {
	font-size:12px;
}
.works-card__read {
	font-size:10px;
}

.works-card__tags li span {
	font-size: 10px;
}
			
.worksNavi {
	height:44px;
}
	.worksNavi li.prev {
		line-height:44px;
	}
		.worksNavi li.prev a {
			margin-left:10px;
			font-size:12px;
			font-weight:normal;
			color:#FFF;
		}
			.worksNavi li.prev a:hover {
				color:#FFF;
			}
	.worksNavi li.list {
		line-height:44px;
	}
		.worksNavi li.list span {
			display:none;
		}
		.worksNavi li.list a {
			font-size:12px;
			font-weight:normal;
			color:#FFF;
		}
			.worksNavi li.list a:hover {
				color:#FFF;
			}
	.worksNavi li.next {
		line-height:44px;
	}
		.worksNavi li.next a {
			margin-right:10px;
			font-size:12px;
			font-weight:normal;
		}
			.worksNavi li.next a:hover {
				color:#FFF;
			}

dl.worksInfo {
	width:100%;
	margin-bottom:50px;
	background:url(assets/img/dot_line.png) 0 0 repeat-x;
}
	dl.worksInfo dt {
		width:100%;
		font-size:14px;
		padding:10px 0 0 0;
		background:none;
	}
		dl.worksInfo dt i.fa {
			display:inline-block;
			margin-right:7px;
		}
	dl.worksInfo dd {
		width:100%;
		font-size:14px;
		padding:0 0 10px 0;
	}
	
.worksDetail {
	padding:25px 0 25px 0;
	margin-bottom:30px;
}
	.worksDetail h2.copy {
		font-size:16px;
		text-align: left;
		margin-bottom: 30px;
	}
		.worksDetail h2.copy br {
			display: none;
		}
	.worksDetail p.mgn {
		margin:0 15px;
		margin-bottom:30px;
	}
	
.relationLink {
	margin: 50px 0 70px 0;
	flex-wrap: wrap;
	height: 65px;
}
	.relationLink li {
		width:100%;
		margin-left: 0;
		margin-top: 10px;
		height: 65px;
	}
	.relationLink li:first-child {
		margin-left: 0;
		margin-top: 0;
	}
		.relationLink li a {
			width:100%;
			height: 100%;
			font-size:14px;
		}
			.relationLink li:first-child a {
				padding-top:10px;
			}
			.relationLink li:nth-child(2) a {
				padding-top:21px;
			}
			.relationLink li a i.fa {
				font-size:110%;
				top:39%;
				right:10px;
			}
	
.otherWorks {
	margin-top: 50px;
}
		.otherWorks h2 span {
			font-size:16px;
			padding:0.4em 1.4em;
		}
}

ul.industryNavi {
	width:100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
	ul.industryNavi li {
		display: inline-block;
		margin-right: 6px;
		margin-bottom: 6px;
	}
		ul.industryNavi li a {
			display: inline-block;
			padding: 0.2em 1.07em;
			font-size:14px;
			color: #111;
			border:1px solid #DDD;
			border-radius: 30px;
			background: #FFF;
			transition: .6s;
		}
			ul.industryNavi li a:hover {
				border:1px solid #f8b141;
				background: #f8b141;
			}
			ul.industryNavi li.current-cat a {
				border:1px solid #f8b141;
				background: #f8b141;
			}
			ul.industryNavi li a i {
				margin-right: 0.5em;
			}

ul.industryList {
	width:100%;
	display: flex;
	flex-wrap: wrap;
}
	ul.industryList li {
		width:23%;
		margin-right: 2.66%;
		margin-bottom: 25px;
	}
	ul.industryList li:nth-child(4n) {
		margin-right: 0;
	}
		ul.industryList li a {
			display: block;
			width:100%;
			padding:30px 0 35px 0;
			background: #FFF;
			border-radius: 6px;
			box-shadow:0px 0px 4px rgba(0,0,0,0.20);
			transition: .5s;
			position:relative;
			overflow:hidden;
		}
			ul.industryList li a:before {
				font-family: FontAwesome;
				content:"\f107";
				font-size:40px;
				color:#95C112;
				transition: 0.5s;
				position:absolute;
				left:50%;
				bottom:-50px;
				margin-left:-12px;
				overflow:hidden;
			}
				ul.industryList li a:hover:before {
					bottom:-20px;
					overflow:hidden;
				}
			ul.industryList li a:hover {
				background: #F6F6F6;
			}
			ul.industryList li a div.icon {
				width:100px;
				height: 100px;
				background: #FFF;
				border:1px solid #D4E6A0;
				border-radius:50%;
				margin: 0 auto 15px auto;
			}
				ul.industryList li a div.icon img {
					display: block;
					width:50px;
					margin: 25px auto;
				}
			ul.industryList li a p {
				color: #111;
				text-align: center;
				line-height: 1.6;
				transition: .6s;
			}
				ul.industryList li a p br {
					display: none;
				}
				ul.industryList li a p span {
					display: block;
					font-weight: 600;
				}
				ul.industryList li a:hover p {
					color: #95C112;
				}

ul.industryWorks {
	width:100%;
}
	ul.industryWorks li {
		margin-bottom: 80px;
	}
	ul.industryWorks li:last-child {
		margin-bottom: 0;
	}

@media screen and (max-width:1039px){
		ul.industryNavi li a {
			font-size:13px;
		}
			ul.industryNavi li a:hover {
				border:1px solid #DDD;
				background: #FFF;
			}
			ul.industryNavi li.current-cat a:hover {
				border:1px solid #f8b141;
				background: #f8b141;
			}
	
	ul.industryList li {
		margin-bottom: 20px;
	}
			ul.industryList li a:before {
				font-size:32px;
				bottom:-12px;
				margin-left:-9px;
			}
				ul.industryList li a:hover:before {
					bottom:-12px;
				}
			ul.industryList li a:hover {
				background: #FFF;
			}
			ul.industryList li a div.icon {
				width:90px;
				height: 90px;
			}
				ul.industryList li a div.icon img {
					width:50px;
					margin: 20px auto;
				}
				ul.industryList li a p br {
					display: inherit;
				}
				ul.industryList li a:hover p {
					color: #111;
				}
	
	ul.industryWorks li {
		margin-bottom: 70px;
	}
}

@media screen and (max-width:767px){
	ul.industryNavi li {
		margin-right: 5px;
		margin-bottom: 5px;
	}
		ul.industryNavi li a {
			font-size:12px;
		}
	
ul.industryList {
	max-width:280px;
	margin: 0 auto;
}
	ul.industryList li {
		width:100%;
		margin-bottom: 25px;
	}
		ul.industryList li a {
			display: block;
			width:100%;
			padding:20px 0 35px 0;
			background: #FFF;
			border-radius: 6px;
			box-shadow:0px 0px 3px rgba(0,0,0,0.20);
			transition: .5s;
			position:relative;
			overflow:hidden;
		}
			ul.industryList li a:before {
				font-family: FontAwesome;
				content:"\f107";
				font-size:32px;
				color:#95C112;
				transition: 0.5s;
				position:absolute;
				left:50%;
				bottom:-12px;
				margin-left:-9px;
				overflow:hidden;
			}
				ul.industryList li a:hover:before {
					bottom:-12px;
					overflow:hidden;
				}
			ul.industryList li a:hover {
				background: #FFF;
			}
			ul.industryList li a div.icon {
				width:80px;
				height: 80px;
				background: #FFF;
				border:1px solid #D4E6A0;
				border-radius:50%;
				margin: 0 auto 15px auto;
			}
				ul.industryList li a div.icon img {
					display: block;
					width:40px;
					margin: 20px auto;
				}
			ul.industryList li a p {
				color: #111;
				text-align: center;
				line-height: 1.6;
				transition: .6s;
			}
				ul.industryList li a p br {
					display: none;
				}
				ul.industryList li a p span {
					display: block;
					font-weight: 600;
				}
				ul.industryList li a:hover p {
					color: #111;
				}
	
	ul.industryWorks li {
		margin-bottom: 60px;
	}
}

a.guideBtn {
	position: relative;
	display: block;
	width:100%;
	max-width:420px;
	height: 70%;
	font-size:16px;
	font-weight: 700;
	color: #FFF;
	line-height: 70px;
	text-align: center;
	background: #95C112;
	transition: .6s;
	border-radius:4px;
	margin: 0 auto;
}
	a.guideBtn:hover {
		opacity:.7;
	}
	a.guideBtn i.fa {
		position: absolute;
		font-size:120%;
		top:36%;
		right:20px;
	}

@media screen and (max-width:1039px){
a.guideBtn {
	max-width:400px;
	height: 60px;
	font-size:15px;
	line-height: 60px;
}
	a.guideBtn:hover {
		opacity:1;
	}
}

@media screen and (max-width:767px){
a.guideBtn {
	max-width:360px;
	font-size:14px;
}
	a.guideBtn i.fa {
		position: absolute;
		font-size:120%;
		top:36%;
		right:15px;
	}
}

@media screen and (max-width:360px){
a.guideBtn {
	max-width:320px;
	font-size:13px;
}
	a.guideBtn i.fa {
		right:10px;
	}
}

/* !Format ------------------------------------------------------------------ */
a {
	color: #111;
	text-decoration: none;
}
a:hover,
a:active,
a:focus {  text-decoration: none;}

/* !実績一覧ページ ------------------------------------------------------------------ */
.works-archive__inner {
	width:100%;
	max-width:1200px;
	margin-left: auto;
	margin-right: auto;
}

.search-section {
	margin-bottom: 40px;
}
.category-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
	.category-grid label {
		width: calc(25% - 4px);
		cursor: pointer;
		background-color: #E5E5E5;
		border-radius: 3px;
		transition: all 0.5s ease;
	}
	.category-grid input[type="radio"] {
		display: none;
	}
	.category-grid span {
		display: flex;
		align-items: center;
		justify-content: center;
		padding:0.7em;
		color: #111;
	}
		.category-grid span i {
			margin-right:1em;
		}
		.category-grid label:hover {
			background-color: #F8B141;
		}
		.category-grid input[type="radio"]:checked + span {
			background-color: #F8B141;
			border-radius: 3px;
		}

.industry-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 40px;
}
	.industry-grid label {
		cursor: pointer;
		background-color: #fff;
		border: 1px solid #DDD;
		border-radius: 30px;
		transition: all 0.5s ease;
		text-align: center;
	}
	.industry-grid input[type="radio"] {
		display: none;
	}
	.industry-grid span {
		display: block;
		padding: 0.2em 1.07em;
		font-size:14px;
		color: #111;
		font-weight: 500;
	}
		.industry-grid span i {
			margin-right: 0.5em;
		}
	.industry-grid label:hover {
		border:1px solid #f8b141;
		background-color: #f8b141;
	}
		.industry-grid label:has(input:checked) {
			border:1px solid #f8b141;
			background-color: #f8b141;
		}

/* 絞り込み検索 */
.search-filter {
    margin: 0 0 20px;
}
.filter-header {
    width: 100%;
    background: none;
    border: none;
    padding: 0 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    outline: none;
	border-bottom: 1px solid #ddd;
	transition: .5s;
}
	.filter-header i {
		margin-right: .6em;
	}
	.filter-header:hover {
		color: #ff9600;
	}
.arrow-icon {
    position: absolute;
	font-size:120%;
    right: 15px;
    transition: transform 0.4s ease;
}
.filter-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
	padding:0 25px;
	background: #F6F6F6;
}
.filter-header.is-active .arrow-icon {
    transform: rotate(180deg);
}
.filter-body.is-open {
    max-height: 1000px;
    transition: max-height 0.5s ease-in-out;
    padding-bottom: 30px;
}
.filter-row { margin-top: 20px; }
.filter-row h3 { font-size: 16px; font-weight: 700; margin-bottom: 10px; }
.filter-options { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.filter-options label { cursor: pointer; font-size: 14px; display: flex; align-items: center; }
.filter-options input { margin-right: 5px; }

a.refineSearchBtn {
	display: block;
	width:100%;
	max-width: 320px;
	font-size:16px;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	padding:0.8em 2em;
	background: #e5e5e5;
	border-radius: 3px;
	transition: .6s;
	margin: 0 auto 20px auto
}
	a.refineSearchBtn i {
		margin-right: .6em
	}
	a.refineSearchBtn:hover {
		background: #f8b141
	}

.works-archive__header {
	width:100%;
	margin-top:70px;
	margin-bottom: 80px;
}
	.works-archive__header h1 {
		font-size:20px;
		font-weight: 700;
		line-height: 1.5;
		text-align:center;
		padding-top:105px;
		margin-bottom:50px;
	}
		.works-archive__header h1 span {
			display:inline-block;
			background:url(assets/img/wave.gif) left bottom repeat-x;
			padding-bottom:20px;
		}
	.works-archive__header h1.term-3 {
		background:url(assets/img/icon_panph.png) top center no-repeat;
		background-size:76px 90px;
	}
	.works-archive__header h1.term-5 {
		background:url(assets/img/icon_catalog.png) top center no-repeat;
		background-size:76px 90px;
	}
	.works-archive__header h1.term-6 {
		background:url(assets/img/icon_poster.png) top center no-repeat;
		background-size:76px 90px;
	}
	.works-archive__header h1.term-8 {
		background:url(assets/img/icon_recruit.png) top center no-repeat;
		background-size:76px 90px;
	}
	.works-archive__header h1.term-9 {
		background:url(assets/img/icon_corp.png) top center no-repeat;
		background-size:76px 90px;
	}
	.works-archive__header h1.term-10 {
		background:url(assets/img/icon_leaflet.png) top center no-repeat;
		background-size:76px 90px;
	}

.works-category-lead {
	margin-bottom: 60px;
}

.works-category-lead__title {
	font-size:18px;
	font-weight: 700;
	margin-bottom: 15px;
}

.works-category-body {
	padding:40px;
	background: #F6F6F6;
	border-radius: 4px;
	margin-bottom: 40px;
}
	.works-category-body h2 {
		font-size:18px;
		text-align: center;
		margin-bottom: 15px;
	}
	.works-category-body h3 {
		font-size:16px;
		font-weight: 700;
		padding-left:0.6em;
		border-left:4px solid #FF9600;
		margin-top: 30px;
	}
	.works-category-body ul {
		margin-top: 15px;
	}
		.works-category-body ul li {
			position: relative;
			padding-left:1em;
		}
		.works-category-body ul li:not(:last-child) {
			margin-bottom: 10px;
		}
			.works-category-body ul li:before {
				position: absolute;
				content:"";
				width:5px;
				height: 5px;
				background: #95C112;
				border-radius: 50%;
				top:12px;
				left:0;
			}
	.works-category-body p {
		margin-top: 15px;
	}

.works-category-point {
	padding:40px;
	background: #F6F6F6;
	border-radius: 4px;
	margin-bottom: 40px;
}
	.works-category-point h2 {
		font-size:18px;
		text-align: center;
		margin-bottom: 15px;
	}
	.works-category-point ul {
		margin-top: 15px;
	}
		.works-category-point ul li {
			position: relative;
			padding-left:1em;
		}
		.works-category-point ul li:not(:last-child) {
			margin-bottom: 10px;
		}
			.works-category-point ul li:before {
				position: absolute;
				content:"";
				width:5px;
				height: 5px;
				background: #95C112;
				border-radius: 50%;
				top:12px;
				left:0;
			}

.works-category-faq {
	padding:40px;
	background: #F6F6F6;
	margin-bottom: 40px;
}
	.works-category-faq h2 {
		font-size:18px;
		text-align: center;
		margin-bottom: 15px;
	}

.works-category-faq__q {
	display: flex;
	margin-bottom: 10px;
}
	.works-category-faq__q span {
		display: inline-block;
		width:22px;
		height: 22px;
		font-size:12px;
		color: #FFF;
		font-weight: 700;
		line-height: 22px;
		text-align: center;
		background: #95C112;
		border-radius: 50%;
		vertical-align: middle;
		margin-top: 4px;
		margin-right: 10px;
	}
	.works-category-faq__q p {
		width:calc(100% - 32px);
	}

.works-category-faq__a {
	display: flex;
	margin-bottom: 20px;
}
.works-category-faq__a:last-child {
	margin-bottom: 0;
}
	.works-category-faq__a span {
		flex:1;
		display: inline-block;
		width:22px;
		height: 22px;
		font-size:12px;
		color: #FFF;
		font-weight: 700;
		line-height: 22px;
		text-align: center;
		background: #FF9600;
		border-radius: 50%;
		vertical-align: middle;
		margin-top: 4px;
		margin-right: 10px;
	}
	.works-category-faq__a p {
		width:calc(100% - 32px);
	}

.works-category-cta {
	padding:40px;
	background: #F6F6F6;
	margin-bottom: 40px;
}
	.works-category-cta h2 {
		font-size:18px;
		text-align: center;
		margin-bottom: 15px;
	}

.filteringBox {
	width:auto;
	background:#F6F6F6;
	padding:10px;
	margin-top: 65px;
}
	.filteringBox div.inner {
		width:auto;
		background:#FFF;
		padding:30px;
		border:1px solid #E7E7E7;
	}
		.filteringBox div.inner .tit {
			font-size:24px;
			font-weight: 500;
			text-align:center;
			line-height:1.5;
			margin-bottom:25px;
		}
		.filteringBox div.inner div.portfolio-nav-block:first-child div.portfolio-nav-grid {
			margin-bottom:40px;
		}

.portfolio-nav-grid {
	display:flex;
	flex-wrap:wrap;
	gap:7px;
}
.portfolio-nav-item {
	display:inline-flex;
	align-items:center;
	font-size:14px;
	color: #111;
	gap:8px;
	padding: 0.2em 1.07em;
	border:1px solid #DDD;
	border-radius:999px;
	text-decoration:none;
	background:#fff;
	transition: .6s;
}
.portfolio-nav-item:hover {
	border:1px solid #f8b141;
	background: #f8b141;
}
.portfolio-nav-item.is-active {
	border:1px solid #f8b141;
	background: #f8b141;
	font-weight:700;
}
.portfolio-nav-item .nav-arrow { 
	opacity:.7;
}
.portfolio-nav-item .nav-arrow i { 
	margin-right: 0.5em;
}

.wp-block-vk-filter-search-filter-search {
	margin-bottom: 20px !important;
}
.wp-block-vk-filter-search-filter-search button.btn-primary {
	color: #FFF;
	font-weight: 700;
	background: #ff9600;
	border: 0;
	border-radius: 3px;
	transition:.6s
}
.wp-block-vk-filter-search-filter-search button.vkfs_submit {
	margin-bottom: 0
}
	.wp-block-vk-filter-search-filter-search button.btn-primary:hover {
		opacity:.7
	}

p.search-result-count {
	text-align: center
}
	p.search-result-count strong {
		font-size:130%;
		color: #ff9600
	}

@media screen and (max-width:1039px){
.search-section {
	margin-bottom: 30px;
}
		.category-grid label:hover {
			background-color: #E5E5E5;
		}
	
.industry-grid {
    margin-bottom: 30px;
}
	.industry-grid span {
		font-size:13px;
	}
	.industry-grid label:hover {
		border:1px solid #DDD;
		background-color: #fff;
	}
	
.filter-header {
    font-size: 16px;
}
	.filter-header:hover {
		color: #111;
	}
.filter-row h3 { font-size: 15px; }
	
	a.refineSearchBtn i {
		margin-right: .6em
	}
	a.refineSearchBtn:hover {
		background: #e5e5e5
	}
	
.works-archive__header {
	margin-top:60px;
	margin-bottom: 60px;
}
	.works-archive__header h1 {
		font-size:18px;
		padding-top:94px;
		margin-bottom:40px;
	}
	.works-archive__header h1.term-3 {
		background-size:71px 84px;
	}
	.works-archive__header h1.term-5 {
		background-size:71px 84px;
	}
	.works-archive__header h1.term-6 {
		background-size:71px 84px;
	}
	.works-archive__header h1.term-8 {
		background-size:71px 84px;
	}
	.works-archive__header h1.term-9 {
		background-size:71px 84px;
	}
	.works-archive__header h1.term-10 {
		background-size:71px 84px;
	}

.works-category-lead {
	margin-bottom: 50px;
}

.works-category-body {
	padding:30px;
}

.works-category-point {
	padding:30px;
}

.works-category-faq {
	padding:30px;
}

.works-category-cta {
	padding:30px;
}
	
.filteringBox {
	margin-top: 55px;
}
	.filteringBox div.inner {
		padding:25px 20px;
	}
		.filteringBox div.inner .tit {
			font-size:22px;
		}
		.filteringBox div.inner div.portfolio-nav-block:first-child div.portfolio-nav-grid {
			margin-bottom:30px;
		}
	
.portfolio-nav-item {
	font-size:13px;
}
.portfolio-nav-item:hover {
	border:1px solid #DDD;
	background: #fff;
}
.portfolio-nav-item.is-active {
	border:1px solid #f8b141;
	background: #f8b141;
	font-weight:700;
}
	
	.wp-block-vk-filter-search-filter-search button.btn-primary:hover {
		opacity:1
	}
}

@media screen and (max-width:767px){
.category-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
	.category-grid label {
		width: calc(50% - 2.5px);
		cursor: pointer;
		background-color: #E5E5E5;
		transition: all 0.5s ease;
	}
	.category-grid input[type="radio"] {
		display: none;
	}
	.category-grid span {
		display: flex;
		align-items: center;
		justify-content: center;
		padding:0.7em;
		color: #111;
	}
		.category-grid span i {
			margin-right:.6em;
		}
		.category-grid label:hover {
			background-color: #E5E5E5;
		}
		.category-grid input[type="radio"]:checked + span {
			background-color: #F8B141;
		}
	
	.industry-grid span {
		font-size:12px;
	}
	
.filter-header {
    padding: 0 0 15px;
    font-size: 15px;
}
	.filter-header i {
		margin-right: .4em;
	}
.arrow-icon {
	font-size:140%;
	right: 0;
}
.filter-body {
	padding:0 15px;
}
.filter-row h3 { font-size: 14px; }
	
a.refineSearchBtn {
	max-width: 280px;
	font-size:14px;
}
	
.works-archive__header {
	margin-top:50px;
	margin-bottom: 50px;
}
	.works-archive__header h1 {
		font-size:15px;
		padding-top:80px;
		margin-bottom:35px;
	}
	.works-archive__header h1.term-3 {
		background-size:59px 70px;
	}
	.works-archive__header h1.term-5 {
		background-size:59px 70px;
	}
	.works-archive__header h1.term-6 {
		background-size:59px 70px;
	}
	.works-archive__header h1.term-8 {
		background-size:59px 70px;
	}
	.works-archive__header h1.term-9 {
		background-size:59px 70px;
	}
	.works-archive__header h1.term-10 {
		background-size:59px 70px;
	}

.works-category-lead {
	margin-bottom: 40px;
}

.works-category-lead__title {
	font-size:16px;
}

.works-category-body {
	padding:20px;
	margin-bottom: 30px;
}
	.works-category-body h2 {
		font-size:16px;
	}
	.works-category-body h3 {
		font-size:15px;
		border-left:3px solid #FF9600;
		margin-top: 25px;
	}
	.works-category-body p {
		margin-top: 15px;
	}

.works-category-point {
	padding:20px;
	margin-bottom: 30px;
}
	.works-category-point h2 {
		font-size:16px;
	}

.works-category-faq {
	padding:20px;
	margin-bottom: 30px;
}
	.works-category-faq h2 {
		font-size:16px;
	}

.works-category-faq__q {
	display: flex;
	margin-bottom: 10px;
}
	.works-category-faq__q span {
		margin-right: 8px;
	}
	.works-category-faq__q p {
		width:calc(100% - 30px);
	}
	
.works-category-faq__a {
	display: flex;
	margin-bottom: 20px;
}
	.works-category-faq__a span {
		margin-right: 8px;
	}
	.works-category-faq__a p {
		width:calc(100% - 30px);
	}

.works-category-cta {
	padding:20px;
	margin-bottom: 30px;
}
	.works-category-cta h2 {
		font-size:16px;
	}
	
.filteringBox {
	margin-top: 45px;
	padding:7px;
}
	.filteringBox div.inner {
		padding:15px;
	}
		.filteringBox div.inner .tit {
			font-size:18px;
			line-height:1.6;
		}
		.filteringBox div.inner div.portfolio-nav-block:first-child div.portfolio-nav-grid {
			margin-bottom:20px;
		}
	
.portfolio-nav-grid {
	gap:5px;
}
.portfolio-nav-item {
	font-size:12px;
}
}

/* !ページャー ------------------------------------------------------------------ */
.worksPager {
	width:100%;
	text-align: center;
	margin-top: 60px;
}
	.worksPager a.page-numbers {
		display: inline-block;
		font-size:14px;
		color: #111;
		border: 1px solid #ff9600;
	}
		.worksPager a:hover.page-numbers {
			color: #FFF;
			background: #ff9600;
			border: 1px solid #ff9600;
		}
	.worksPager span.page-numbers {
		display: inline-block;
		font-size:14px;
		color: #111;
		background: #ff9600;
		border: 1px solid #ff9600;
	}
		.worksPager span:hover.page-numbers {
			display: inline-block;
			color: #111;
			background: #ff9600;
			border: 1px solid #ff9600;
		}
		.worksPager span.page-numbers.current {
			background: #ff9600;
		}

@media screen and (max-width:1039px){
.worksPager {
	margin-top: 50px;
}
	.worksPager a.page-numbers {
		font-size:13px;
		color: #111;
		border: 1px solid #ff9600;
	}
		.worksPager a:hover.page-numbers {
			color: #111;
			background: #fff;
		}
	.worksPager span.page-numbers {
		display: inline-block;
		font-size:13px;
		color: #111;
		background: #ff9600;
		border: 1px solid #ff9600;
	}
		.worksPager span:hover.page-numbers {
			color: #111;
			background: #ff9600;
			border: 1px solid #ff9600;
		}
}

@media screen and (max-width:767px){
	.worksPager a.page-numbers {
		font-size:12px;
	}
	.worksPager span.page-numbers {
		font-size:12px;
		color: #111;
	}
}

/* !実績詳細ページ ------------------------------------------------------------------ */
.works-single {
	width:100%;
	max-width:1200px;
	margin-left: auto;
	margin-right: auto;
	padding-top:70px;
}
.works-single .works-single__header {
	width:100%;
	max-width:1000px;
	margin-left: auto;
	margin-right: auto;
}
	.works-single .works-single__header h1 {
		font-size:20px;
		font-weight: 700;
		line-height: 1.5;
		text-align:center;
		padding-top:105px;
		margin-bottom:50px;
	}
		.works-single .works-single__header h1 span {
			display:inline-block;
			background:url(assets/img/wave.gif) left bottom repeat-x;
			padding-bottom:20px;
		}
	.works-single .works-single__header h1.term-3 {
		background:url(assets/img/icon_panph.png) top center no-repeat;
		background-size:76px 90px;
	}
	.works-single .works-single__header h1.term-5 {
		background:url(assets/img/icon_catalog.png) top center no-repeat;
		background-size:76px 90px;
	}
	.works-single .works-single__header h1.term-6 {
		background:url(assets/img/icon_poster.png) top center no-repeat;
		background-size:76px 90px;
	}
	.works-single .works-single__header h1.term-8 {
		background:url(assets/img/icon_recruit.png) top center no-repeat;
		background-size:76px 90px;
	}
	.works-single .works-single__header h1.term-9 {
		background:url(assets/img/icon_corp.png) top center no-repeat;
		background-size:76px 90px;
	}
	.works-single .works-single__header h1.term-10 {
		background:url(assets/img/icon_leaflet.png) top center no-repeat;
		background-size:76px 90px;
	}

.works-detail-gallery {
	width:100%;
	max-width:1000px;
	background:url(assets/img/works_bg.png) 50% 50% repeat;
	padding:40px 0 40px 0;
	margin:0 auto 60px auto;
}
	.works-detail-gallery .works-detail-item {
		text-align:center;
	}
	.works-detail-gallery .works-detail-item:nth-child(2) img {
		margin-top: 40px;
	}

.p-worksSpec {
	width:100%;
	max-width:1000px;
	margin:0 auto 0 auto;
}

.c-worksTable {
	width: 100%;
	border-collapse: separate;
	background:url(assets/img/dot_line.png) 0 0 repeat-x;
	margin-bottom: 30px;
}
	.c-worksTable th,
	.c-worksTable td {
		font-size:15px;
		padding:8px;
		background:url(assets/img/dot_line.png) bottom repeat-x;
	}
	.c-worksTable th {
		width:120px;
	}
	.c-worksTable th::before {
		font-family: "FontAwesome";
		margin-right: 0.6em;
		font-weight: normal;
		display: inline-block;
	}
	.c-worksTable th.client::before { content: "\f007"; }
	.c-worksTable th.AREA_PLACEHOLDER::before { content: "\f041"; }
	.c-worksTable th.budget_display::before { content: "\f157"; }
	.c-worksTable th.target_suggestion::before { content: "\f140"; }
	.c-worksTable th.industry::before { content: "\f1ad"; }
	.c-worksTable th.works_category::before { content: "\f02b"; }
	.c-worksTable th.page_count::before { content: "\f0f6"; }
	.c-worksTable th.binding_type::before { content: "\f0ea"; }
	.c-worksTable td {
		width:calc(100% - 120px);
	}
		.c-worksTable td h3 {
			display: inline-block;
			color: #FFF;
			padding:0.2em 0.6em;
			background: #666;
			border-radius: 4px;
			margin-bottom: 15px;
		}
		.c-worksTable td h3:nth-child(n + 2) {
			margin-top: 25px;
		}
		.c-worksTable td a {
			color: #95c112;
			transition: .6s;
		}
			.c-worksTable td a:hover {
				opacity:.7;
			}

.p-worksOptions {
	width:100%;
	margin-bottom: 50px;
}
	.p-worksOptions h3.optionsTit {
		display: inline-block;
		font-size:16px;
		font-weight: 700;
		line-height: 1.4;
		vertical-align: bottom;
		padding:0.9em 1em 0 1em;
		background: #f6f6f6;
		border-radius: 6px 6px 0 0;
	}
		.p-worksOptions h3.optionsTit i {
			margin-right: 0.6em;
		}
	.p-worksOptions div.box {
		width:100%;
		background: #f6f6f6;
		border-radius: 0 6px 6px 6px;
		padding:20px 30px 20px 30px;
	}
		.p-worksOptions div.box ul.p-worksOptions__list {
			width:100%;
			display: flex;
			flex-wrap: wrap;
		}
			.p-worksOptions div.box ul.p-worksOptions__list li {
				width:50%;
				display: flex;
			}
				.p-worksOptions div.box ul.p-worksOptions__list li span.p-worksOptions__label {
					width:120px;
				}
				.p-worksOptions div.box ul.p-worksOptions__list li span.p-worksOptions__status {
					width:calc(100% - 130px);
				}

.worksPoint {
	width:100%;
	max-width:1000px;
	margin:0 auto 50px auto;
}
	.worksPoint p.catchCopy {
		font-size:24px;
		font-weight: 700;
		line-height: 1.6;
		color: #ff9600;
		text-align: center;
		margin-bottom: 20px;
	}
	.worksPoint p.read {
		text-align: center;
		margin-bottom: 40px;
	}
	.worksPoint h2.tit {
		font-size:20px;
		font-weight:700;
		margin-bottom:15px;
	}
		.worksPoint h2.tit i {
			margin-right: 0.6em;
		}
	.worksPoint h3 {
		font-size:16px;
		font-weight: 700;
		padding-left:26px;
		position: relative;
		margin-bottom: 10px;
	}
		.worksPoint h3:before {
			position: absolute;
			content:"";
			width:15px;
			height: 3px;
			background: #95C112;
			top:14px;
			left:0;
		}
	.worksPoint p {
		margin-bottom: 25px;
	}

.p-worksTags {
	width:100%;
	max-width: 1000px;
	background: #f6f6f6;
	border-radius: 0 6px 6px 6px;
	padding:20px 30px 20px 30px;
	margin: 0 auto 0 auto;
}

.works-single__content {
	width:100%;
	max-width: 1000px;
	margin: 0 auto 40px auto;
}

a.contactLinkBtn {
	display: block;
	width:100%;
	max-width: 320px;
	font-size:16px;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	padding:0.8em 2em;
	background: #f4d700;
	border-radius: 3px;
	transition: .6s;
	margin: 0 auto 15px auto
}
	a.contactLinkBtn span {
		display: block;
		font-size:80%;
		font-weight: 500;
	}
	a.contactLinkBtn i {
		margin-right: .6em
	}
	a.contactLinkBtn:hover {
		opacity:.7
	}

a.priceLinkBtn {
	display: block;
	width:100%;
	max-width: 320px;
	font-size:16px;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	padding:0.8em 2em;
	background: #95c112;
	border-radius: 3px;
	transition: .6s;
	margin: 0 auto 20px auto
}
	a.priceLinkBtn i {
		margin-right: .6em
	}
	a.priceLinkBtn:hover {
		opacity:.7
	}

.worksBasicInfo {
	width:100%;
	max-width: 1000px;
	margin: 0 auto 60px auto;
}

ul.c-worksTitle {
	width:100%;
	padding:0.6em 1em;
	background: #F6F6F6;
	display: flex;
	margin-bottom: 30px;
}
	ul.c-worksTitle li {
		font-size:18px;
		font-weight: 700;
		line-height: 1.6;
		margin-right: 30px;
	}
	ul.c-worksTitle li:last-child {
		margin-right: 0;
	}
		ul.c-worksTitle li span {
			font-size:90%;
			font-weight: 700;
			line-height: 1.6;
			display: inline-block;
			color: #FF9600;
			padding:4px 8px;
			background: #FFF;
			border:1px solid #FF9600;
			border-radius: 3px;
		}

	.worksBasicInfo div.inner {
		width:100%;
		display: flex;
		justify-content: space-between;
	}
		.worksBasicInfo div.inner div.colLeft {
			width:55%;
		}
			.worksBasicInfo div.inner div.colLeft div.worksSpecs {
				width:100%;
			}
				.worksBasicInfo div.inner div.colLeft div.worksSpecs h3.tit {
					font-size:18px;
					font-weight: 700;
					margin-bottom: 10px;
				}
					.worksBasicInfo div.inner div.colLeft div.worksSpecs h3.tit i {
						margin-right: 0.6em;
					}
			.worksBasicInfo div.inner div.colLeft div.worksOptions {
				margin-bottom: 30px;
			}
				.worksBasicInfo div.inner div.colLeft div.worksOptions h3.tit {
					font-size:18px;
					font-weight: 700;
					margin-bottom: 10px;
				}
					.worksBasicInfo div.inner div.colLeft div.worksOptions h3.tit i {
						margin-right: 0.6em;
					}
				.worksBasicInfo div.inner div.colLeft div.worksOptions ul.optionsList {
					width: calc(100px * 3 + 10px * 2);
					display: flex;
					flex-wrap: wrap;
					list-style: none;
					gap: 10px;
				}
					.worksBasicInfo div.inner div.colLeft div.worksOptions ul.optionsList li.optionsItem {
						text-align: center;
						font-size:14px;
						padding: 0.2em 0;
						flex: 0 0 100px; /* 幅を100pxで固定 */
						border: 1px solid #CCC;
					}
					.worksBasicInfo div.inner div.colLeft div.worksOptions ul.optionsList li.optionsItem.-active {
						background: #95c112;
						color: #FFF;
						border-color: #95c112;
					}
					.worksBasicInfo div.inner div.colLeft div.worksOptions ul.optionsList li.optionsItem.-inactive {
						color: #BBB;
					}
			.worksBasicInfo div.inner div.colLeft div.worksCustomerInfo {
				width:100%;
			}
				.worksBasicInfo div.inner div.colLeft div.worksCustomerInfoContent {
					width:100%;
					padding:10px 20px 10px 20px;
					background: #F6F6F6;
					border-radius: 4px;
				}
					.worksBasicInfo div.inner div.colLeft div.worksCustomerInfoContent h3.tit {
						font-size:18px;
						font-weight: 700;
						display: inline-block;
						margin-bottom: 10px;
					}
						.worksBasicInfo div.inner div.colLeft div.worksCustomerInfoContent h3.tit i {
							margin-right: 0.6em;
						}
					.worksBasicInfo div.inner div.colLeft div.worksCustomerInfoContent dl {
						width:100%;
						display: flex;
						flex-wrap: wrap;
					}
						.worksBasicInfo div.inner div.colLeft div.worksCustomerInfoContent dt {
							width: 80px;
						}
						.worksBasicInfo div.inner div.colLeft div.worksCustomerInfoContent dd {
							width: calc(100% - 80px);
							margin-bottom: 5px;
						}
							.worksBasicInfo div.inner div.colLeft div.worksCustomerInfoContent dd a {
								color: #95C112;
								transition: .6s;
							}
								.worksBasicInfo div.inner div.colLeft div.worksCustomerInfoContent dd a:hover {
									opacity:.7;
								}
		.worksBasicInfo div.inner div.colRight {
			width:40%;
		}
			.worksBasicInfo div.inner div.colRight img {
				width: 100%;
				height: auto;
				display: block;
			}

.worksTags {
	width:100%;
	max-width:1000px;
	padding:20px 30px 15px 30px;
	background: #F6F6F6;
	border-radius: 4px;
	margin:0 auto 60px auto;
}
	.worksTags h2.tit {
		font-size:18px;
		font-weight: 700;
		display: inline-block;
		margin-bottom: 10px;
	}
		.worksTags h2.tit i {
			margin-right: 0.6em;
		}
	.worksTags div.worksTagsList {
		width:100%;
	}
		.worksTags div.worksTagsList div.worksTagsRow {
			display:flex;
			align-items:baseline;
			flex-wrap:wrap;
			margin-bottom: 5px;
		}
			.worksTags div.worksTagsList div.worksTagsRow span.tit {
				min-width:80px;
				font-size:12px;
			}
			.worksTags div.worksTagsList div.worksTagsRow ul {
				width:auto;
				display: flex;
				flex-wrap: wrap;
			}
				.worksTags div.worksTagsList div.worksTagsRow ul li {
					display:inline-block;
					margin:0 5px 5px 0;
				}
				.worksTags div.worksTagsList div.worksTagsRow ul li a {
					display:block;
					background:#fff;
					padding:4px 10px;
					border:1px solid #ddd;
					border-radius:20px;
					font-size:12px;
					text-decoration:none;
					color:#111;
					transition: .5s;
				}
					.worksTags div.worksTagsList div.worksTagsRow ul li a:hover {
						background:#FF9600;
						border:1px solid #FF9600;
						color:#FFF;
					}
	
.relatedPosts {
	width:100%;
	margin-top: 70px;
}
	.relatedPosts p.read {
		margin-bottom: 30px;
	}

a.categoryTopBtn {
	display: block;
	width:100%;
	max-width: 320px;
	font-size:16px;
	font-weight: 700;
	color: #FFF;
	line-height: 1.5;
	text-align: center;
	padding:0.8em 2em;
	background: #FF9600;
	border-radius: 3px;
	transition: .6s;
	margin: 40px auto 15px auto
}
	a.categoryTopBtn i {
		margin-right: .6em
	}
	a.categoryTopBtn:hover {
		opacity:.7
	}

@media screen and (max-width:1039px){
.works-single {
	padding-top:60px;
}
	.works-single .works-single__header h1 {
		font-size:18px;
		padding-top:94px;
		margin-bottom:40px;
	}
	.works-single .works-single__header h1.term-3 {
		background-size:71px 84px;
	}
	.works-single .works-single__header h1.term-5 {
		background-size:71px 84px;
	}
	.works-single .works-single__header h1.term-6 {
		background-size:71px 84px;
	}
	.works-single .works-single__header h1.term-8 {
		background-size:71px 84px;
	}
	.works-single .works-single__header h1.term-9 {
		background-size:71px 84px;
	}
	.works-single .works-single__header h1.term-10 {
		background-size:71px 84px;
	}
	
.works-detail-gallery {
	width:100%;
	padding:35px 0 35px 0;
	margin:0 auto 50px auto;
}
	.works-detail-gallery .works-detail-item img {
		width:100%;
	}
	.works-detail-gallery .works-detail-item:first-child img {
		padding:0 20px;
	}
	.works-detail-gallery .works-detail-item:nth-child(2) img {
		margin-top: 30px;
	}
	
	.c-worksTable th,
	.c-worksTable td {
		font-size:14px;
	}
	.c-worksTable th {
		width:110px;
	}
	.c-worksTable td {
		width:calc(100% - 110px);
	}
			.c-worksTable td a:hover {
				opacity:1;
			}
	
.worksPoint {
	margin:0 auto 50px auto;
}
	.worksPoint p.catchCopy {
		font-size:22px;
	}
	.worksPoint h2.tit {
		font-size:18px;
		margin-bottom:15px;
	}
	.worksPoint h3 {
		font-size:15px;
	}
	
	.c-shareBtns__list a:hover,
	.c-shareBtns__list button:hover {
		opacity:1;
		transform: translateY(0)
	}

								.worksBasicInfo div.inner div.colLeft div.worksCustomerInfoContent dd a:hover {
									opacity:1;
								}
	
	a.contactLinkBtn span {
		display: block;
		font-size:80%;
		font-weight: 500;
	}
	a.contactLinkBtn i {
		margin-right: .6em
	}
	a.contactLinkBtn:hover {
		opacity:1
	}
	
	a.priceLinkBtn i {
		margin-right: .6em
	}
	a.priceLinkBtn:hover {
		opacity:1
	}
	
.worksBasicInfo {
	margin: 0 auto 50px auto;
}
	ul.c-worksTitle li {
		font-size:17px;
		margin-right: 20px;
	}
	ul.c-worksTitle li:last-child {
		margin-right: 0;
	}
				.worksBasicInfo div.inner div.colLeft div.worksSpecs h3.tit {
					font-size:17px;
				}
				.worksBasicInfo div.inner div.colLeft div.worksOptions h3.tit {
					font-size:17px;
				}
					.worksBasicInfo div.inner div.colLeft div.worksOptions ul.optionsList li.optionsItem {
						font-size:13px;
					}
				.worksBasicInfo div.inner div.colLeft div.worksCustomerInfoContent h3.tit {
					font-size:17px;
				}
	
.worksTags {
	padding:20px 25px 20px 25px;
	margin:0 auto 50px auto;
}
	.worksTags h2.tit {
		font-size:17px;
		margin-bottom: 10px;
	}
					.worksTags div.worksTagsList div.worksTagsRow ul li a:hover {
						background:#fff;
						border:1px solid #ddd;
						color:#111;
					}
	
.relatedPosts {
	margin-top: 60px;
}
	.relatedPosts p.read {
		margin-bottom: 25px;
	}

	a.categoryTopBtn:hover {
		opacity:1
	}
}

@media screen and (max-width:767px){
.works-single {
	padding-top:50px;
}
	.works-single .works-single__header h1 {
		font-size:15px;
		padding-top:80px;
		margin-bottom:35px;
	}
	.works-single .works-single__header h1.term-3 {
		background-size:59px 70px;
	}
	.works-single .works-single__header h1.term-5 {
		background-size:59px 70px;
	}
	.works-single .works-single__header h1.term-6 {
		background-size:59px 70px;
	}
	.works-single .works-single__header h1.term-8 {
		background-size:59px 70px;
	}
	.works-single .works-single__header h1.term-9 {
		background-size:59px 70px;
	}
	.works-single .works-single__header h1.term-10 {
		background-size:59px 70px;
	}
	
.works-detail-gallery {
	padding:35px 0 35px 0;
	margin:0 auto 50px auto;
}
	.works-detail-gallery .works-detail-item:first-child img {
		padding:0 15px;
	}
	.works-detail-gallery .works-detail-item:nth-child(2) img {
		margin-top: 20px;
	}
	
.worksDetail {
	padding:25px 0 25px 0;
	margin-bottom:30px;
}
	.worksDetail h2.copy {
		font-size:16px;
		text-align: left;
		margin-bottom: 30px;
	}
		.worksDetail h2.copy br {
			display: none;
		}
	.worksDetail p.mgn {
		margin:0 15px;
		margin-bottom:30px;
	}
	
.c-worksTable {
	margin-bottom: 30px;
}
	.c-worksTable th,
	.c-worksTable td {
		font-size:14px;
	}
	.c-worksTable th {
		width:100px;
	}
	.c-worksTable td {
		width:calc(100% - 100px);
	}
	
.worksPoint {
	margin:0 auto 40px auto;
}
	.worksPoint p.catchCopy {
		font-size:18px;
		text-align: left;
		margin-bottom: 16px;
	}
	.worksPoint p.read {
		text-align: left;
		margin-bottom: 30px;
	}
	.worksPoint h2.tit {
		font-size:16px;
		margin-bottom:15px;
	}
	.worksPoint h3 {
		font-size:15px;
		padding-left:25px;
	}
		.worksPoint h3:before {
			top:13px;
		}
	
.p-worksOptions {
	margin-bottom: 40px;
}
	.p-worksOptions h3.optionsTit {
		font-size:15px;
		padding:0.9em 1em 0 1em;
		background: #f6f6f6;
		border-radius: 6px 6px 0 0;
	}
		.p-worksOptions h3.optionsTit i {
			margin-right: 0.6em;
		}
	.p-worksOptions div.box {
		padding:15px 15px 15px 15px;
	}
				.p-worksOptions div.box ul.p-worksOptions__list li span.p-worksOptions__label {
					width:80px;
				}
				.p-worksOptions div.box ul.p-worksOptions__list li span.p-worksOptions__status {
					width:calc(100% - 80px);
				}
	
a.contactLinkBtn {
	max-width: 280px;
	font-size:14px;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	padding:0.8em 2em;
	background: #f4d700;
	border-radius: 3px;
	transition: .6s;
	margin: 0 auto 10px auto
}
	a.contactLinkBtn span {
		font-size:80%;
	}
	
a.priceLinkBtn {
	max-width: 280px;
	font-size:14px;
}
	
.worksBasicInfo {
	margin: 0 auto 50px auto;
}
ul.c-worksTitle {
	padding:0.5em 1em;
	margin-bottom: 30px;
}
ul.c-worksTitle {
	flex-wrap: wrap;
}
	ul.c-worksTitle li {
		width:100%;
		font-size:14px;
		margin-right: 20px;
		margin-bottom: 5px;
	}
	ul.c-worksTitle li:last-child {
		margin-right: 0;
		margin-bottom: 0;
	}

	.worksBasicInfo div.inner {
		flex-direction: column-reverse
	}
		.worksBasicInfo div.inner div.colLeft {
			width:100%;
		}
				.worksBasicInfo div.inner div.colLeft div.worksSpecs h3.tit {
					font-size:16px;
				}
				.worksBasicInfo div.inner div.colLeft div.worksOptions h3.tit {
					font-size:16px;
				}
				.worksBasicInfo div.inner div.colLeft div.worksOptions ul.optionsList {
					width: calc(90px * 3 + 5px * 2);
					gap: 5px;
				}
					.worksBasicInfo div.inner div.colLeft div.worksOptions ul.optionsList li.optionsItem {
						font-size:12px;
						padding: 0.2em 0;
						flex: 0 0 90px; /* 幅を90pxで固定 */
					}
				.worksBasicInfo div.inner div.colLeft div.worksCustomerInfoContent h3.tit {
					font-size:16px;
				}
				.worksBasicInfo div.inner div.colLeft div.worksCustomerInfoContent {
					padding:10px 15px 5px 15px;
				}
						.worksBasicInfo div.inner div.colLeft div.worksCustomerInfoContent dt {
							width: 70px;
						}
						.worksBasicInfo div.inner div.colLeft div.worksCustomerInfoContent dd {
							width: calc(100% - 70px);
						}
		.worksBasicInfo div.inner div.colRight {
			width:100%;
			max-width:280px;
			margin: 0 auto 40px auto;
		}

.worksTags {
	padding:15px 15px 15px 15px;
	margin:0 auto 50px auto;
}
	.worksTags h2.tit {
		font-size:16px;
	}
			.worksTags div.worksTagsList div.worksTagsRow span.tit {
				min-width:70px;
				font-size:11px;
			}
				.worksTags div.worksTagsList div.worksTagsRow ul li a {
					font-size:11px;
				}
	
.relatedPosts {
	margin-top: 50px;
}
	.relatedPosts p.read {
		margin-bottom: 20px;
	}
	
a.categoryTopBtn {
	max-width: 280px;
	font-size:14px;
}
}

/* !お見積り、問い合わせ
---------------------------------------------------------- */
.estimationCts01 {
	max-width:1000px;
	margin:0 auto;
	padding:70px 0 50px 0;
}

.estimationCts02 {
	max-width:1000px;
	margin:0 auto;
	padding:0;
}
	
ul.priceWorksLink {
	width:100%;
	max-width:600px;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between; 
	margin:0 auto 15px auto;
}
	ul.priceWorksLink li {
		width:48%;
	}
		ul.priceWorksLink li a {
			display:block;
			width:100%;
			height:50px;
			text-align:center;
			line-height:50px;
			color:#FFF;
			border-radius:4px;
			transition:.6s;
		}
			ul.priceWorksLink li a:hover {
				opacity:.7;
			}
			ul.priceWorksLink li a i.fa {
				margin-right:0.8em;
			}
			ul.priceWorksLink li:first-child a {
				background:#95c112;
			}
			ul.priceWorksLink li:last-child a {
				background:#ff9600;
			}
			
.hiddenInput {
	display:none;
}
.hiddenInput2 {
	display:none;
}
.hiddenInput3 {
	display:none;
}
.hiddenInput4 {
	display:none;
}
.hiddenInput5 {
	display:none;
}
.hiddenInput6 {
	display: none;
}

@media screen and (max-width:1039px){
.estimationCts01 {
	/* margin:0 20px; */
	padding:60px 0 40px 0;
}
.estimationCts02 {
	/* margin:0 20px; */
}

			ul.priceWorksLink li a:hover {
				opacity:1;
			}
}

@media screen and (max-width:767px){
.estimationCts01 {
	/* margin:0 15px; */
	padding:50px 0 30px 0;
}
.estimationCts02 {
	/* margin:0 15px; */
}

ul.priceWorksLink {
	width:100%;
	max-width:240px;
	margin:0 auto 15px auto;
}
	ul.priceWorksLink li {
		width:100%;
		margin-bottom:10px;
	}
	ul.priceWorksLink li:last-child {
		margin-bottom:0;
	}
		ul.priceWorksLink li a {
			height:48px;
			line-height:48px;
		}
}

/*フォーム--------------------------------------*/
select {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #000;
  border-radius: 0px;
}

span.label {
	display:inline-block;
	padding:1px 5px;
	background-color:#F44138;
	color:#FFF;
	font-size:10px;
	margin-left:7px;
	border-radius:4px;
}

input.norm {
	width:80%;
	border:1px solid #CCC;
	background-color: #FFF;
	padding:8px 10px;
	border-radius:4px;
}

input.short {
	width:50%;
	border:1px solid #CCC;
	background-color: #FFF;
	padding:8px 10px;
	border-radius:4px;
}

input.exshort {
	width:30%;
	border:1px solid #CCC;
	background-color: #FFF;
	padding:8px 10px;
	border-radius:4px;
}

select.norm {
	font-size:15px;
	border:1px solid #CCC;
	background-color: #FFF;
	padding:10px 10px;
	border-radius:4px;
}
	select.norm option{
		margin-bottom:5px;
	}

textarea.norm {
	width:80%;
	height:150px;
	border:1px solid #CCC;
	background-color: #FFF;
	padding:8px 10px;
	border-radius:4px;
}

.wpcf7-form label {
	display:inline-block;
	padding:6px 12px;
	border:1px solid #CCC;
	border-radius:4px;
	margin-bottom:10px;
}

input.btn_submit {
	margin:5px 0 0 0;
	padding:12px 20px;
	background-color:#95C112;
	font-size:18px;
	border-radius:4px;
	color:#FFF;
	transition: .5s;
}
	input.btn_submit:hover {
		opacity: .7;
	}

input.btn_back {
	margin:5px 0 0 0;
	padding:12px 15px;
	background-color:#999;
	font-size:18px;
	border-radius:4px;
	color:#FFF;
}
	input.btn_back:hover {
		opacity: .7;
	}
 
.radio + .radio_image {
	width:140px;
	border: 2px #EAF3D0 solid;
	background-color: #EAF3D0;
}
.radio:checked + .radio_image {
	border: 2px #FF6666 solid;
	background-color: #FFE3E3;
}

label img {
	margin:5px;
}

@media screen and (max-width:1039px){
input.norm {
	width:100%;
}

input.short {
	width:60%;
}

input.exshort {
	width:60%;
}

.wpcf7-form label {
	width:100%;
}

textarea.norm {
	width:100%;
}

input.btn_submit {
	font-size:14px;
}

input.btn_back {
	font-size:14px;
}
}

@media screen and (max-width:767px){
input.norm {
	width:100%;
}

input.short {
	width:100%;
}

input.exshort {
	width:60%;
}

.wpcf7-form label {
	width:100%;
}

select.norm {
	font-size:14px;
	color:#111;
	padding:10px 10px;
}
select.norm option span{
	display:none;
}

textarea.norm {
	width:100%;
}

input.btn_submit {
	font-size:14px;
}

input.btn_back {
	font-size:14px;
}

.radio + .radio_image {
	width:130px;
}
}

@media screen and (max-width:360px){
.radio + .radio_image {
	width:110px;
}
}

/* !component ------------------------------------------------------------------ */
.taC { text-align: center !important;}
.fcRed{ color:#F20000;}
.fcGreen{ color:#73940E;}
.fcOrange{ color:#FD8602;}
strong.bgGreen{ background:#C6E47E;}

a.link {
	display:inline-block;
	padding:0.6em 1.6em;
	background:#95C112;
	color:#FFF;
	border-radius:2px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
	a.link i.fa {
		display:inline-block;
		margin-right:7px;
	}
	a.link:hover {
		opacity:0.8;
	}

.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}