@charset "UTF-8";

/**==============================================**/
/*
/*			共通設定
/*
/**==============================================**/
html, body {
	height:100%;
}
body {
	color: #231815;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;

	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}
a {
	color: #231815;
	text-decoration: none;
}
.clear {
	clear:both;
	margin: 0px;
}
.cf:before,
.cf:after{
	display: table;
	content: "";
}
.cf:after{
	clear: both;
}
/*IE6,7対策 （haslayout対策）*/
.cf{
	*zoom:1;
}
.lf {
	float: left;
}
.rg {
	float: right;
}
.hide-text {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.min {
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","游明朝","Yu Mincho","游明朝体","YuMincho","Roboto Slab",Garamond,"Times New Roman","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}
.over-wrap {
	overflow: hidden;
	width: 100%;
}

/* header */
header {
	width: 100%;
	position: relative;
}
header .logo-wrap {}
.logo-wrap h1 {
	line-height: 1;
}
.logo-wrap a {
	display: block;
}
.logo-wrap span {
	background: url(../img/common/logo-type.svg) 50% 50% no-repeat;
	display: inline-block;
}
header .h-nav-wrap {}
.header-nav li {}
.header-nav li > div {
	overflow: hidden;
	display: none;
}

/* content-wrap */
div.content-wrap {
	width: 100%;
	height: auto;
	margin: auto;
}
.inner {
	margin: auto;
}



/* footer */
footer {
/*	padding-bottom: 2%;*/
	width: 100%;
}
div.f-banner-wrap {
	background: #EEEFEF;
	padding: 30px 0;
}
.f-banner-wrap ul.f-banner {}
.f-banner li {}
.f-banner li {
	width: 49%;
	float: left;
	margin-bottom: 2%;
}
.f-banner li:nth-child(even) {
	float: right;
}
.f-banner li a {}
.f-banner li a:hover {
	opacity: .7;
}
.f-banner li a img {
	width: 100%;
	height: auto;
}

footer div.add-wrap {
	background: #FBFBFB;
/*	background: #EEEFEF;*/
}
.add-wrap li dl dt span {
	background: #ffffff;
	display: block;
	width: 100%;
}
.add-wrap li.tel span {
	display: block;
}
.add-wrap li.tel span em {
	font-style: normal;
	min-width: 5em;
	display: inline-block;
}

.add-wrap li.tel span strong {
	font-weight: normal;
	margin-left: .5em;
}
.add-wrap li.com dt span {
	border: 1px solid #ed6c00;
	color: #ed6c00;
}
.add-wrap li.com li.info:before {
	content: "■";
	color: #ed6c00;
}
.add-wrap li.glo dt span {
	border: 1px solid #006934;
	color: #006934;
}
.add-wrap li.glo li.info:before {
	content: "■";
	color: #006934;
}
.add-wrap li.glo li.info:nth-child(3):before {
	float: left;
}
.add-wrap li.glo li.info dl {
	line-height: 1.6;
}
.add-wrap li.glo li.info dt {
	line-height: 1.6;
	letter-spacing: 0;
	text-indent: 0;
	font-size: 14px;
	text-align: left;
	margin-bottom: 0;
	font-weight: normal;
}
.add-wrap li.glo li.info dd {
	padding: 0;
	text-indent: 0;
}

div.copy-wrap {
	margin: 1% auto;
}
div.copy-wrap p {
	font-size: 1.3rem;
	text-align: right;
}



/* page-top */
.page-top {
	position: fixed;
	right: 2%;
	z-index: 15;
	overflow: hidden;
	border-radius: 2px;
	border-radius: 50%;
	z-index: 3;
}
.page-top a {
	display: block;
	width: 47px;
	height: 47px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	line-height: 50px;
	line-height: 46px;
	opacity: .8;
	background: #000000;
}
.page-top a:hover {
	opacity: 1;
}












.headd-wrap {
	width: 100%;
}
.headd-wrap h1 img.icon {
	display: block;
	margin: auto;
}

.headd-wrap h1 span.sub-cap img {
	width: 100%;
	height: auto;
}





/**==============================================**/
/**==============================================**/
/*
/*
/*			共通
/*
/*
/**==============================================**/
/**==============================================**/

html {}
body,
.over-wrap {
	overflow-x: hidden;
	width: 100%;
}
.sp {
	display: block !important;
}
.tab,
.pc {
	display: none !important;
}

.inner {
	width: 94%;
}

header .inner {
/*	height: 52px;*/
}

/* logo-wrap */	
.logo-wrap {
	float: left;
	width: 72%;
	padding: 2% 0;
}
.logo-wrap a img {
	width: 16%;
	height: auto;
}
.logo-wrap a:hover {
	opacity: .7;		
}
.logo-wrap span {
	width: 79.2%;
	height: auto;
	margin-left: 3.8%;
	background-size: 100% auto;
	background-position: 50% 100%;
	padding-top: 5%;
}
header .h-nav-wrap {
	padding-top: 3%;
}

.header-nav {
	width: 94%;
	margin: auto;
}
.header-nav > li:nth-child(-n+6) > a {
	position: relative;
}
.header-nav li {
	padding: 1% 0;
	border-bottom: 1px solid #eeefef;
}
.header-nav > li:last-child {
	border: 0;
}
.header-nav > li a,
.header-nav > li span {
	font-size: 1.8rem;
	text-align: left;
	padding: .2rem 1em;
	box-sizing: border-box;
	display: block;
}
.header-nav > li span:after {
	content: "▶︎";
	display: inline-block;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	float: right;
}
.header-nav > li.active span {
	font-weight: bold;
}
.header-nav > li.active span:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}
.header-nav ul.sub {
	background: #ec6c00;
}
.header-nav ul.sub li {
	text-indent: 1.5em;
	border-bottom: 1px solid #eeefef;
}
.header-nav ul.sub li a {
	color: #ffffff;
}


/* ナビ */
.nav-toggle {
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	width: 34px;
	height: 28px;
	padding: 12px;
	cursor: pointer;
	z-index: 101;
	background: rgba(255,255,255,.4);
}
.nav-toggle div {
	position: relative;
}
.nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #000000;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
.nav-toggle span:nth-child(1) {
	top: 0;
}
.nav-toggle span:nth-child(2) {
	top: 11px;
}
.nav-toggle span:nth-child(3) {
	top: 22px;
}
.h-nav-wrap {
	position: fixed;
	top: -500px;
	margin-left: -3%;
	background: #ffffff;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	z-index: 9;
}
.h-nav-wrap > ul {
	list-style: none;
	position: static;
	right: 0;
	bottom: 0;
	font-size: 14px;
}
.h-nav-wrap > ul > li {
	float: none;
	position: static;
}
.h-nav-wrap > ul > li > a,
.h-nav-wrap > ul > li > a {
	width: 100%;
	display: block;
	color: #231815;
	padding: 18px 0;
}
.nav-toggle {
	display: block;
}
/* .nav-toggle 切り替え */
.open .nav-toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.open .nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open .nav-toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
/* .h-nav-wrap スライド */
.open .h-nav-wrap {
	overflow: scroll;
	-moz-transform: translateY(500px);
	-webkit-transform: translateY(500px);
	transform: translateY(500px);
	box-shadow: 0 0 10px 5px rgba(0,0,0,.7);
}



/* 言語切り替え */
/*
.header {
	position: relative;
}
*/
div.lang-btn {
	position: absolute;
	top: 60px;
	right: 1%;
	background: #ec6c00;
	text-align: center;
	z-index: 2;
	min-width: 8em;
}
div.lang-btn a {
	padding: 1% 15%;
	display: block;
	color: #ffffff;
	font-size: 1.4rem;
}




/* mi-bottom-cap */
div.mi-bottom-cap {
	text-align: center;
}
.mi-bottom-cap h2,
.mi-bottom-cap h2 strong {
	font-weight: normal;
}




/* サブページ main-img */
div.main-img {
	position: relative;
}
.main-img > img {
	width: 100%;
	height: auto;
}
.main-img > div.headd-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.main-img > div.headd-wrap h1 {
	color: #ffffff;
	text-align: center;
}
.headd-wrap h1 img.icon {
	width: 16%;
}
.main-img > div.headd-wrap h1 strong {
	display: block;
	line-height: 1;
}
.main-img > div.headd-wrap h1 span {
	display: block;
	margin: auto;
	padding: 0 5%;
}


.headd-wrap.on-img h1,
.headd-wrap.no-img h1 {
	margin-bottom: 2%;
/*
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
*/
}

.headd-wrap.no-img h1 {
	text-shadow: 0 0 7px rgba(0,0,0,1);
	letter-spacing: .2em;
	text-indent: .2em;
}
.headd-wrap.no-img h1 span {
	font-weight: normal;
	letter-spacing: .1em;
	text-indent: .1em;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","游明朝","Yu Mincho","游明朝体","YuMincho","Roboto Slab",Garamond,"Times New Roman","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}









/* sub-nav-wrap */
div.sub-nav-wrap {
	background: #EEEFEF;
}
.sub-nav li a:before {
	content: "";
	margin-right: .5em;
	line-height: 2;
	display: inline-block;
	width: 1em;
	height: 1em;
	background-image: url(../img/common/icon-arrow-orange-line.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}
.sub-nav {}
.sub-nav li {
/*	width: 50%;*/
	float: left;
	padding: 1% 2%;
	box-sizing: border-box;
}
.sub-nav li a {
	display: block;
	font-size: 1.3rem;
	padding-left: 1em;
	box-sizing: border-box;
}
/*
.sub-nav.bis li:nth-child(odd) {
	width: 40%;
}
.sub-nav.bis li:nth-child(even) {
	width: 60%;
}
*/
.sub-nav.bis li a {
	font-size: 1.6rem;
}

/* corporate */
.sub-nav.corporate li {
/*	width: 25%;*/
}







/* bottom-nav-wrap */
div.bottom-nav-wrap {
	width: 94%;
	max-width: 1150px;
	margin: 60px auto 0;
}
ul.bottom-nav.bis {}
ul.bottom-nav li {}
ul.bottom-nav li a {
	color: #EC6C00;
	display: block;
}
ul.bottom-nav li img {
	width: 100%;
	height: auto;
}
ul.bottom-nav li p {
	line-height: 24px;
	font-size: 1.6rem;
	margin: 1% auto 5%;
}
ul.bottom-nav.biz li p:before {
	content: url(../img/common/icon-arrow-orange-white.svg);
	display: inline-block;
	height: 24px;
	float: left;
	padding-right: .5em;
}


ul.bottom-nav.ser li a {
	position: relative;
}
ul.bottom-nav.ser li p {
	border: 1px solid #ec6c00;
	background: #ffffff;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
ul.bottom-nav.ser li p:after {
	content: url(../img/common/icon-arrow-orange-white.svg);
	display: inline-block;
	height: 24px;
	float: right;
	position: absolute;
	right: 4%;
	top: 0;
	bottom: 0;
	margin: auto;
	line-height: 1;
}



/* service */
.con-wrap {
	padding: 5.5% 0;
}

.con-wrap {
	background: #f7f7f7;
}
.catalog-wrap {
	border-top: 1px solid #9f9fa0;
	border-bottom: 1px solid #9f9fa0;
}

.catalog-wrap .fase-inner,
.con-wrap .fase-inner {
	width: 94%;
	max-width: 1070px;
	margin-right: auto;
	margin-left: auto;
}


.catalog-wrap a,
.con-wrap a.btn {
	color: #eb6000;
	border: 1px solid #eb6000;
	background: #ffffff;
	position: relative;
}
.catalog-wrap a:after,
.con-wrap a.btn:after {
	content: url(../img/common/icon-arrow-orange-white.svg);
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 9%;
	margin: auto;
	width: 24px;
	height: 24px;
	line-height: 1;
}

.con-wrap {
	text-align: center;
}
.con-wrap a {
	color: #eb6000;
}
.con-wrap a.btn {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.con-wrap strong {
	display: block;

}




/**==============================================**/
/**==============================================**/
/*
/*
/*			〜 SP 599px
/*
/*
/**==============================================**/
/**==============================================**/


@media all and (max-width: 599px) {

	html {
		font-size: 62.5%;
	}
	body,
	.over-wrap {
		overflow-x: hidden;
		width: 100%;
		font-size: 1.0rem;
	}
	.main-img > div.headd-wrap h1 strong {
		margin: 3% auto;
		font-size: 1.6rem;
	}
	.main-img > div.headd-wrap h1 span {
		font-size: 1.3rem;
	}
	div.sub-nav-wrap {
		margin-bottom: 5%;
	}

	.mi-bottom-cap h2 {
		margin: 3% auto 8%;
	}

	
	
	
	ul.bottom-nav.bis {
		margin: 10% auto 5%;
	}
	.bottom-nav.biz li {
		margin-bottom: 5%;
	}


	ul.bottom-nav.ser li {
		width: 100%;
	}
	.bottom-nav.ser li:nth-child(2) {
		margin: 1px auto;
	}
	ul.bottom-nav.ser li a {
		position: relative;
		width: 100%;
	}
	ul.bottom-nav.ser li p {
		width: 80%;
		line-height: 3em;
		font-size: 1.4rem;
		line-height: 2.2;
		background: rgba(255,255,255,.7);
	}
	ul.bottom-nav.ser li p:after {
		position: relative;
		float: none;
		display: block;
		right: 0;
		margin-bottom: 3%;
	}








/* footer */	
	div.f-nav-wrap {
		display: none;
	}


	footer div.add-wrap {
		padding: 5% 0;
	}
	.add-wrap li.com {
		margin-bottom: 5%;
	}
	.add-wrap dl dt {
		font-size: 1.6rem;
		text-align: center;
		margin-bottom: 3%;
		line-height: 2.6;
		font-weight: bold;
/*
		letter-spacing: .2em;
		text-indent: .2em;
*/
	}
	.add-wrap dl dd {
		font-size: 1.4rem;
		padding: 1%;
	}
	.add-wrap dl dd li {
		margin-bottom: 1%;
		text-indent: -1em;
		padding-left: 1em;
	}
	.add-wrap li.add br.sp {
		display: none !important;
	}
	.add-wrap li.tel img {
		margin: 2% 1em 1% 0;
		display: block;
	}
	.add-wrap li.tel span {
		font-size: 1.5rem;
		letter-spacing: .04em;
	}
	.add-wrap li.tel span strong {
		font-size: 1.9rem;
	}
	.add-wrap li.info span {
		display: block;
		text-indent: 0em;
	}

	.add-wrap li.com dt {}

	div.copy-wrap {
		line-height: 2;
	}




	
	
	/* service contact */
	div.catalog-wrap .fase-inner {
		margin: auto;
		position: relative;
	}
	.catalog-wrap .fase-inner:before {
		content: "";
		display: block;
		padding-top: 40%;
	}
	div.catalog-wrap .catalog {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.catalog img {
		width: 40%;
		height: auto;
		float: left;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 0;
	}
	.catalog div {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
	}
	.catalog p {
		width: 73%;
		margin-left: 30%;
		font-size: 1.3rem;
		font-weight: bold;
		line-height: 1.5;
	}
	.catalog a {
		width: 69.4%;
		line-height: 3;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
		float: right;
		margin-top: 2%;
	}




	div.con-wrap {
		font-size: 1.4rem;
		line-height: 1.8;
		padding-bottom: 15%;
	}
	.con-wrap a.btn {
		width: 90%;
		line-height: 3;
		font-size: 1.6rem;
		font-weight: bold;
		text-align: center;
	}
	.con-wrap strong {
		margin: 2% auto .5%;
	}
	.con-wrap p a:hover {
		text-decoration: underline;
	}
	.con-wrap strong span,
	.con-wrap p span {
		display: block;
	}


	.add-wrap li.tel span em {
		min-width: 4em;
		padding-left: 1em;
	}






}








/**==============================================**/
/**==============================================**/
/*
/*
/*			tab 600px 〜
/*
/*
/**==============================================**/
/**==============================================**/

@media all and (min-width: 600px) {

	header .inner {
/*		height: auto;*/
	}
	.headd-wrap h1 img.icon {
		width: 102px;
		margin: 2% auto 3%;
	}

	/* logo-wrap */	
	.logo-wrap {
		width: 32%;
	}

	.logo-wrap span {
/*
		height: inherit;
		padding: 0;
*/
	}

	/* footer */
	div.f-banner-wrap {
		padding: 30px 0;
	}
	.f-banner-wrap ul.f-banner {}
	.f-banner li {
		width: 23.5%;
		float: left;
		background: #ffffff;
		margin-bottom: 0;
	}
	.f-banner li:nth-child(-n+3) {
		margin-right: 2%;
	}
	.f-banner li:nth-child(2n) {
		float: left;
	}
	.f-banner li a {}
	.f-banner li a:hover {
		opacity: .7;
	}
	.f-banner li a img {
		width: 100%;
		height: auto;
	}

	div.f-nav-wrap {
		width: 68%;
		float: right;
		margin: 3% 0 0;
	}
	ul.footer-nav {
		float: right;
	}
	.footer-nav li {
		float: left;
		text-align: center;
		margin-left: 1em;
	}
	.footer-nav li a {
		font-size: 13px;
		display: inline-block;
		padding: 0 .5em;
		line-height: 40px;
	}
	


	footer div.add-wrap {
		padding: 5% 0;
	}
	.add-wrap li.com {
		float: left;
		width: 49%;
	}
	.add-wrap li.glo {
		float: right;
		width: 49%;
	}
	.add-wrap dl dt {
		font-size: 16px;
		text-align: center;
		margin-bottom: 5px;
		line-height: 2.6;
		font-weight: bold;
		letter-spacing: .2em;
		text-indent: .2em;
	}
	.add-wrap dl dd {
		font-size: 15px;
		padding: 1%;
	}
	.add-wrap dl dd li.tel {
		margin-bottom: 3%;
	}

	.add-wrap li.tel img {
		margin: 2% 1em 1% 0;
	}
	.add-wrap li.tel span {
		letter-spacing: .04em;
	}
	.add-wrap li.info {
		margin: 0;
		text-indent: -1em;
		padding-left: 1em;
	}
	.add-wrap li.info span {
		display: block;
		text-indent: 0em;
	}
	.add-wrap li.com dt {
		letter-spacing: .5em;
		text-indent: .5em;
	}

	
	
	div.copy-wrap {
		margin: 0 auto;
	}
	div.copy-wrap p {
		font-size: 13px;
		line-height: 46px;
	}







	.main-img > div.headd-wrap h1 {
		font-size: 30px;
	}
	.main-img > div.headd-wrap h1 strong {
		letter-spacing: .3rem;
		text-indent: .3rem;
		line-height: 1;
		margin-bottom: 2%;
	}
	.main-img > div.headd-wrap h1 span {
		font-size: 20px;
		letter-spacing: .1rem;
		text-indent: -.1rem;
		font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","游明朝","Yu Mincho","游明朝体","YuMincho","Roboto Slab",Garamond,"Times New Roman","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	}
	/* tab pc mi-bottom-cap */
	div.mi-bottom-cap {
		margin: 30px auto 30px; 
		padding: 0 2%;
	}
	.mi-bottom-cap h2 {
		line-height: 2.2;
	}
	.top.mi-bottom-cap h2,
	.top.mi-bottom-cap h2 strong {
		font-size: 15px;
	}
	.mi-bottom-cap h2,
	.mi-bottom-cap h2 strong {
		font-size: 17px;
	}














	/* bottom-nav-wrap */
	ul.bottom-nav.bis {
		margin: 10% auto 5%;
	}
	ul.bottom-nav.bis li {
		width: 48%;
	}
	
	.bottom-nav li a {
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.bottom-nav li a:hover {
		opacity: .8;
	}
	.bottom-nav.bis li:nth-child(-n+4) {
		margin-bottom: 3%;
	}

	.bottom-nav.bis li:nth-child(odd) {
		float: left;
	}
	.bottom-nav.bis li:nth-child(even) {
		float: right;
	}
	ul.bottom-nav li p {
		font-size: 16px;
			margin: 3% auto 4%;
	}

	ul.bottom-nav.ser li {
		width: 33.3%;
		float: left !important;
	}
	.bottom-nav.ser li:nth-child(2) {
		position: relative;
		
	}
	.bottom-nav.ser li:nth-child(2):before,
	.bottom-nav.ser li:nth-child(2):after {
		content: "";
		display: block;
		width: 1px;
		height: 100%;
		background: #ffffff;
		position: absolute;
		top: 0;
		z-index: 2;
	}
	.bottom-nav.ser li:nth-child(2):before {
		left: 0;
	}
	.bottom-nav.ser li:nth-child(2):after {
		right: -1px;
	}
	.bottom-nav.ser li:last-child {
		float: right !important;
	}
	ul.bottom-nav.ser li a {
		position: relative;
		width: 100%;
	}
	ul.bottom-nav.ser li p {
		width: 80%;
		line-height: 3em;
		font-size: 14px;
		line-height: 2.2;
		background: rgba(255,255,255,.7);
	}
	ul.bottom-nav.ser li p:after {
		position: relative;
		float: none;
		display: block;
		right: 0;
		margin-bottom: 3%;
	}



/* service contact */
	/* service */
	.service.sub-nav li {
		width: auto;
	}

	
	div.catalog-wrap .fase-inner {
		margin: auto;
		position: relative;
	}
	.catalog-wrap .fase-inner:before {
		content: "";
		display: block;
		padding-top: 40%;
	}
	div.catalog-wrap .catalog {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.catalog img {
		width: 40%;
		height: auto;
		float: left;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 0;
	}
	.catalog div {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
	}
	.catalog p {
		width: 73%;
		margin-left: 30%;
		font-size: 1.3rem;
		font-weight: bold;
		line-height: 1.5;
	}
	.catalog a {
		width: 69.4%;
		line-height: 3;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
		float: right;
		margin-top: 2%;
	}



	div.con-wrap {
		font-size: 15px;
		line-height: 1.8;
	}
	.con-wrap a.btn {
		width: 90%;
		line-height: 3;
		font-size: 19px;
		font-weight: bold;
		text-align: center;
	}
	.con-wrap strong {
		margin: 2% auto .5%;
	}
	.con-wrap p a:hover {
		text-decoration: underline;
	}





}











/**==============================================**/
/**==============================================**/
/*
/*
/*			PC 960px 〜
/*
/*
/**==============================================**/
/**==============================================**/

@media all and (min-width: 960px) {

	html, body {
		font-size: 15px;
	}
	.sp {
		display: none !important;
	}
	.tab,
	.pc {
		display: block !important;
	}
	.inner {
		max-width: 1150px;
	}

	.nav-toggle {
		display: none;
	}
	.logo-wrap a,
	.header-nav li:last-child,
	.f-banner li a,
	.sub-nav li a {
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}


	/* header */
	header {}
	.header.inner {
		max-width: 1136px;
	}
	
	/* logo-wrap */	
	header .logo-wrap {
		float: left;
/*		width: 34.3%;*/
		padding: 15px 0 0;
		width: calc(94.5% - 685px);
	}
	.logo-wrap a:hover {
		opacity: .7;		
	}

	header .h-nav-wrap {
		float: right;
		padding: 48px 0 0;
		position: relative;
		top: 0;
		width: auto;
		background: none;
	}
	ul.header-nav {
		display: flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: -webkit-flex;
		height: 62px;
		width: auto;
	}
	.header-nav > li {
		padding: 0;
		border: 0;
	}

	.header-nav > li {
		text-align: center;
		position: relative;
	}
	.header-nav > li:nth-child(-n+3):after {
		content: "／";
		margin: 0 .5em;
	}
	.header-nav > li:nth-child(-n+5) > a {
		display: inline-block;
		padding: 0 .5em;
	}
	.header-nav > li:nth-child(-n+6) {
		height: 100%
	}
	.header-nav > li:nth-child(-n+6) > a {
		width: auto;
		padding: 10px .5em 0;
		display: inline-block !important;
		height: 100%;
		box-sizing: border-box;
		font-size: 15px;
		position: relative;
	}
	.header-nav > li:last-child {
		background: #EC6C00;
		border-radius: 10px;
		margin-left: 25px;
		height: 27px;
		margin-top: 6px;
	}
	.header-nav > li:last-child > a {
		width: 105px;
		text-align: right;
		line-height: 27px;
		color: #ffffff;
		display: block;
		font-size: 14px;
		background: url(../img/common/icon-mail.svg) 10% 50% no-repeat;
		padding: 0 20px 0;
		box-sizing: content-box;
	}
	.header-nav > li:last-child:hover {
		opacity: .8;
	}
	.header-nav > li:nth-child(-n+6):hover div {
		display: block;
	}

	.header-nav > li:nth-child(2):hover > a:before,
	.header-nav > li:nth-child(4):hover > a:before {
/*	.header-nav > li:nth-child(n+1):nth-child(-n+4):hover > a:before {*/
		content: "▼";
		color: #ec6c00;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		display: block;
		margin: auto;
		font-size: 20px;
		text-align: center;
	}
	.header-nav li > div {
		display: block;
		opacity: 0;
		position: fixed;
		left: 0;
		top: 110px;
		width: 100%;
		height: 0;
		background: #ec6c00;
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
		box-sizing: border-box;
	}
	.header-nav li:hover div {
		height: auto;
/*		height: 136px;*/
		padding: 23px 0;
		opacity: 1;
	}
	.header-nav ul.sub {
		flex-wrap: wrap;
		max-width: 936px;
		margin: auto;
/*
		display: flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: -webkit-flex;
*/
/*		justify-content: center;*/
	}
	.header-nav ul.sub li{
		width: 33.3%;
		border: 0;
		padding: 0;
		float: left;
	}
	.header-nav ul.sub.about {
		justify-content: center;
	}
/*
	.header-nav ul.sub.about li {
		width: auto;
	}
*/
	.header-nav .sub a {
		display: block;
		width: 100%;
		height: 100%;
		text-align: left;
		font-size: 16px;
		line-height: 40px;
		color: #ffffff;
	}
	.header-nav .sub a:before {
		content: url(../img/common/icon-arrow-orange-white.svg);
		display: inline-block;
		width: 24px;
		height: 24px;
		float: left;
		margin: 5px .5em 0 0;
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
		box-sizing: border-box;
	}
	.header-nav .sub a:hover {
		text-decoration: underline;
	}
	.header-nav .sub a:hover:before {
		margin: 5px .2em 0 .3em;
	}


	/* lang-btn */
	.header-nav > li:last-child a.lang-btn {
		position: absolute;
		top: -130%;
		left: -15px;
		border: 1px solid #EC6C00;
		border-radius: 10px;
		margin-left: 15px;
		height: 27px;
		color: #EC6C00;
		text-align: center;
		width: 100%;
		box-sizing: border-box;
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
		background: none;
	}
	.header-nav > li:last-child a.lang-btn:hover {
		background-color: #EC6C00;
		color: #ffffff;
	}

	
	

	/* footer */
	footer {
		border-top: 1px solid #EEEFEF;
/*		padding-bottom: 30px;*/
	}
	footer .inner {}
	footer .f-nav-wrap {
		padding-top: 58px;
		margin: 0 0 20px;
	}
	.footer-nav li {
		float: left;
		text-align: center;
		margin-left: 1em;
	}
	.footer-nav li a {
		font-size: 16px;
		display: inline-block;
		padding: 0 .5em;
		line-height: 40px;
	}

	footer div.add-wrap {
		padding: 5% 0 4%;
	}
	.add-wrap li {}
	.add-wrap li dt {
		width: 40%;
	}
	.add-wrap li dd {
		width: 90%;
	}
	.add-wrap li.com {
		float: left;
		width: 50%;
	}
/*
	.add-wrap li.com dt {
		width: 21.4%;
	}
*/
/*
	.add-wrap li.com dd {
		width: 73.3%;
	}
*/
	.add-wrap li.glo {
		float: right;
		width: 50%;
	}
/*
	.add-wrap li.glo dt {
		width: 16%;
	}
*/
/*
	.add-wrap li.glo dd {
		width: 79.8%;
	}
*/
	
	
	.add-wrap dl dt {
		font-size: 16px;
		text-align: center;
		margin-bottom: 5px;
		line-height: 1.8;
		font-weight: normal;
/*		float: left;*/
/*		width: 13.2%;*/
	}
	.add-wrap dl dt span {
		display: table-cell !important;
		vertical-align: middle;
		width: 230px !important;
		height: 52px;
		font-size: 16px;
		letter-spacing: 0;
		text-indent: 0;
		line-height: 1.4;
	}
	.add-wrap dl dd {
/*		float: right;*/
		font-size: 15px;
		padding: 7px 1%;
	}
	.add-wrap dl dd li.tel {
		margin-bottom: 4%;
	}
	.add-wrap li.tel img {
		margin: 2% 3% 1% 0;
		width: auto !important;
	}
	.add-wrap li.tel span {
		letter-spacing: .04em;
		display: block;
	}
	.add-wrap li.tel span strong {
		margin-left: .5em;
	}
	.add-wrap li.tel span:first-child,
	.add-wrap li.tel span:first-child strong {
		font-weight: bold;
	}
	.add-wrap li.info {
		margin: 0;
		font-size: 14px;
		text-indent: -1em;
		padding-left: 1em;
	}
	.add-wrap li.info span {
		display: inline;
		padding-left: 0;
	}

	div.copy-wrap p {
		font-size: 12px;
		line-height: 60px;
	}








	.main-img > div.headd-wrap h1 {
		font-size: 45px;
	}






	/* sub-nav-wrap */
	div.sub-nav-wrap {}
	.sub-nav-wrap ul.sub-nav {
		max-width: 1070px;
		margin: 0 auto 0;
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		-js-display: flex;
		justify-content: center;
		-webkit-justify-content: center;
	}
	.sub-nav li {
		-webkit-flex-grow: 1;
		-ms-flex-grow: 1;
		flex-grow: 1;
		position: relative;
		max-width: auto;
		float: none;
		padding: 0;
	}
	.sub-nav li:before {
		content: "";
		display: block;
		position: absolute;
		top: 15px;
		left: 0;
		width: 1px;
		height: 30px;
		background: #B4B5B5;
	}
	.sub-nav li:last-child:after {
		content: "";
		display: block;
		position: absolute;
		top: 15px;
		right: 0;
		width: 1px;
		height: 30px;
		background: #B4B5B5;
	}
	.sub-nav li a {
		display:block;
		text-decoration:none;
		text-align:center;
		line-height: 60px;
		font-size: 15px !important;
		padding: 0;
	}
	.sub-nav li a:hover {
		color: #ec6c00;
	}

	/* about */
/*
	.sub-nav-wrap ul.sub-nav.corporate {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-items: inherit;
		align-items: inherit;
	}
*/
/*
	.sub-nav.corporate li {
		width: 20%;
	}
	.sub-nav.corporate li:before,
	.sub-nav.corporate li:last-child:after {
		top: 0;
		height: 80%;
		bottom: 0;
		margin: auto;
	}
	*/
/*
	.sub-nav.corporate li a {
		line-height: 1.6;
		padding: 3% 1%;
		display: flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: -webkit-flex;
		-webkit-align-items: center;
		align-items: center;
		justify-content: center;
		height: 100%;
	}
*/
	/*
	.sub-nav.corporate li:nth-child(2) a:before {
		position: absolute;
		left: .5em;
	}
	.sub-nav.corporate li:nth-child(3) a:before {
	}
*/






	/* bottom-nav-wrap */
	ul.bottom-nav.bis {
		margin: 80px auto 40px;
	}
	ul.bottom-nav.biz li {
		width: 30.8%;
		float: left !important;
		margin-right: 3.8%;
	}
	.bottom-nav.biz li:nth-child(-n+3) {
		margin-bottom: 20px;
	}
	.bottom-nav.biz li:nth-child(3n+3) {
		margin-right: 0;
	}
	ul.bottom-nav.biz li p {
		font-size: 17px;
		margin: 3% auto 4%;
	}
	
	ul.bottom-nav.ser li {
		width: 33.3%;
		float: left !important;
	}
	.bottom-nav.ser li:nth-child(2) {
		
	}
	ul.bottom-nav.ser li a {
		position: relative;
		width: 100%;
	}
	ul.bottom-nav.ser li p {
		font-size: 17px;
		width: 69.9%;
		margin: 3% auto 4%;
		line-height: 44px;
		background: #ffffff;
	}
	ul.bottom-nav.ser li p:after {
		float: right;
		position: absolute;
		right: 4%;
		line-height: 1;
	}



/* service contact */
	div.catalog-wrap .fase-inner {
		margin: auto;
		position: relative;
	}
	.catalog-wrap .fase-inner:before {
		content: "";
		display: block;
		padding-top: 19.3%;
	}
	.catalog-wrap .catalog {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.catalog img {
		width: 32.8%;
		height: auto;
		float: left;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 2;
	}
	.catalog div {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
	}
	.catalog p {
		width: 40.4%;
		float: left;
		margin-left: 32.8%;
		font-size: 21px;
		font-weight: bold;
		line-height: 1.8;
	}
	.catalog a {
		width: 26.5%;
		float: right;
		line-height: 84px;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.catalog a:hover {
		box-shadow: 0 0 10px 2px rgba(0,0,0,.2);
	}

	div.con-wrap {
		font-size: 16px;
		line-height: 1.8;
	}
	.con-wrap a.btn {
		width: 704px;
		line-height: 90px;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.con-wrap a.btn:hover {
		box-shadow: 0 0 10px 2px rgba(0,0,0,.2);
	}
	.con-wrap strong {
		margin: 2% auto .5%;
	}
	.con-wrap p a:hover {
		text-decoration: underline;
	}









}




















/**==============================================**/
/**==============================================**/
/*
/*
/*			PC 〜 1280px 以上 
/*
/*
/**==============================================**/
/**==============================================**/

@media all and (min-width: 1281px) {

	header .inner {
		height: 110px;
	}

	.logo-wrap span {
/*		width: 309px;*/
		height: 57px;
		margin-left: 15px;
	}

	.header-nav > li:nth-child(-n+6) > a {
		font-size: 15px;
	}
















	/* sub-nav-wrap */
	div.sub-nav-wrap {}






}













/* print */
@media print {
	body,
	.over-wrap {
/*		overflow-y: visible !important;*/
	}
	header {
		position: relative !important;
	}
	.page-top {
		display: none !important;
	}
	section {
		page-break-inside: avoid !important;
	}
/*
	.access-list li {
		page-break-after: avoid !important;
	}
*/

	.fase {
		display: block !important;
		opacity: 1 !important;
	}
	
	
}