@charset "UTF-8";

/* --------------------------------------------------------------------------------------
 基本設定
--------------------------------------------------------------------------------------- */

/* 基本フォント ------------------------------ */

body {
	color: #1d292e;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
}

input,
textarea,
select {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
	vertical-align: top;
}

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


/* 基本タグ ------------------------------ */

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
cite,
code,
caption,
form,
fieldset,
legend,
input,
textarea,
select,
option,
label {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF;
	text-align: center;
}

img,
table {
	border: none;
}

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

table {
	border-collapse: collapse;
}

ul {
	list-style: none;
}

address,
em,
cite {
	font-style: normal;
}

.green {
	background: #4cba7b;
}

.blue {
	background: #039be5;
}

.yellow {
	background: #ffc107;
}

.pink {
	background: #e57373;
}

.violet {
	background: #9575cd;
}

.aqua {
	background: #00b8d4;
}

.none {
	display: none;
}

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

	.sp_block {
		display: block;
	}
}

.green a:link,
.blue a:link,
.yellow a:link,
.pink a:link,
.violet a:link,
.aqua a:link,
.green a:visited,
.blue a:visited,
.yellow a:visited,
.pink a:visited,
.violet a:visited,
.aqua a:visited,
.green a:hover,
.blue a:hover,
.yellow a:hover,
.pink a:hover,
.violet a:hover,
.aqua a:hover,
.green a:active,
.blue a:active,
.yellow a:active,
.pink a:active,
.violet a:active,
.aqua a:active {
	color: #FFF;
}

/* 基本テキストリンク ------------------------------ */

a {
	text-decoration: underline;
}

a:link {
	color: #1d292e;
	text-decoration: none;
}

a:visited {
	color: #1d292e;
}

a:hover {
	color: #1d292e;
	text-decoration: none;
}

a:active {
	color: #1d292e;
}

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

.hvr-glow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
}

.hvr-glow:active,
.hvr-glow:focus,
.hvr-glow:hover {
	position: relative;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	z-index: 3;
}

/* --------------------------------------------------------------------------------------
 float解除
--------------------------------------------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: .1em;
}

.clearfix {
	display: inline-block;
}

/*\*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/**/


/* --------------------------------------------------------------------------------------
 コンテンツ
--------------------------------------------------------------------------------------- */

.pcHide {
	display: none;
}

#wrapper {
	min-width: auto;
	margin: 0 auto;
	padding-top: 80px;
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #ffffff;
	z-index: 100;
}

#header .hd_inner {
	max-width: 1100px;
	margin: 0 auto;
}

#header .hd_inner h1 {
	float: left;
}

#header .hd_inner .right_area {
	position: absolute;
	top: 0;
	right: 0;
	width: 211px;
	margin: 10px 0;
}

#header .hd_inner .right_area p {
	float: left;
}

#header .hd_inner p.contact {
	width: 130px;
	margin: 0 11px 0 0;
}

#header .hd_inner p.contact a {
	display: block;
	padding: 16.5px 0;
	color: #ffffff;
	font-size: 150%;
	background: #eb5e01;
}

#header .hd_inner p.menu {
	width: 60px;
	margin: 0 10px 0 0;
	cursor: pointer;
}

#gnav {
	display: none;
}

#gnav>ul {
	position: absolute;
	top: -10px;
	right: -440px;
	width: 250px;
	padding: 80px 0 0 0;
	background: url(https://www.digiasa.co.jp/images/menu_bg.png);
	box-shadow: -3px 0 2px -2px rgba(100, 100, 100, 0.50);
	z-index: 3
}

#gnav>ul>li {
	font-size: 167%;
	line-height: 250%;
	border-bottom: 1px solid #dcdcdc;
}

#gnav>ul>li a {
	display: block;
}

#gnav>ul>li>a:hover {
	color: #ffffff;
	background: #eb5e01;
}

@media screen and (min-width: 641px) {
	#gnav>ul>li.gnav02:hover {
		color: #ffffff;
		background: #eb5e01;
	}
}

#gnav>ul>li.gnav02 {
	background: url(https://www.digiasa.co.jp/images/plus.png) no-repeat 20px center;
}

#gnav .inner {
	display: none;
	position: absolute;
	top: 130px;
	left: -190px;
	width: 190px;
	z-index: 2;
}

#gnav .inner ul li {
	font-size: 80%;
	box-shadow: -3px 0 2px -2px rgba(100, 100, 100, 0.50) inset;
	border-bottom: 1px solid #dcdcdc;
}

#gnav .inner ul li a {
	color: #ffffff;
}

#gnav .inner ul li:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#gnav .inner .gnav02-01 {
	background: #4cba7b;
}

#gnav .inner .gnav02-02 {
	background: #ffc107;
}

#gnav .inner .gnav02-03 {
	background: #1976d2;
}

#gnav .inner .gnav02-04 {
	background: #e57373;
}

#gnav .inner .gnav02-05 {
	background: #9575cd;
}

#gnav .inner .gnav02-06 {
	background: #00b8d4;
}

.mainimage {
	min-width: 1100px;
	margin: 0 0 5px;
}


.mainimage ul .kv01 a {
	display: block;
	background: #4cba7b;
}

.mainimage ul .kv02 a {
	display: block;
	background: #ffc107;
}

.mainimage ul .kv03 a {
	display: block;
	background: #1976d2;
}

.mainimage ul .kv04 a {
	display: block;
	background: #e57373;
}

.mainimage ul .kv05 a {
	display: block;
	background: #9575cd;
}

.mainimage ul .kv06 a {
	display: block;
	background: #00b8d4;
}

.mainimage ul .kv01 span.out {
	display: block;
	max-width: 1300px;
	margin: 0 auto;
	background: url(../images/top_kv_01.jpg) no-repeat center top;
}

.mainimage ul .kv02 span.out {
	display: block;
	max-width: 1300px;
	margin: 0 auto;
	background: url(../images/top_kv_02.jpg) no-repeat center top;
}

.mainimage ul .kv03 span.out {
	display: block;
	max-width: 1300px;
	margin: 0 auto;
	background: url(../images/top_kv_03.jpg) no-repeat center top;
}

.mainimage ul .kv04 span.out {
	display: block;
	max-width: 1300px;
	margin: 0 auto;
	background: url(../images/top_kv_04.jpg) no-repeat center top;
}

.mainimage ul .kv05 span.out {
	display: block;
	max-width: 1300px;
	margin: 0 auto;
	background: url(../images/top_kv_05.jpg) no-repeat center top;
}

.mainimage ul .kv06 span.out {
	display: block;
	max-width: 1300px;
	margin: 0 auto;
	background: url(../images/top_kv_06.jpg) no-repeat center top;
}

.mainimage ul li span.out:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.mainimage ul li span.in {
	display: block;
	max-width: 1100px;
	margin: 0 auto;
	padding: 102px 0 118px;
	box-sizing: border-box;
}

.mainimage .bx-pager {
	bottom: -36px;
}

.mainimage .bx-wrapper .bx-pager.bx-default-pager a {
	margin: 0 9px;
	border: 1px solid #cfd8dc;
	background: #cfd8dc;
}

.mainimage .bx-wrapper .bx-pager.bx-default-pager a.active {
	border: 1px solid #eb5e01;
	background: #eb5e01;
}




.breadcrumb ul {
	width: 1100px;
	margin: 25px auto;
	text-align: left;
	letter-spacing: -0.4em;
}

.breadcrumb ul li {
	display: inline-block;
	margin: 0 10px 0 0;
	color: #333333;
	font-size: 117%;
	letter-spacing: 0;
	vertical-align: top;
}

.breadcrumb ul li a {
	color: #eb5e01;
	text-decoration: underline;
}

#contents {
	min-width: 1100px;
}

.indexWrap h2 {
	padding: 45px 0 31px;
	color: #eb5e01;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 184%;
}

.indexWrap .ttl {
	font-size: 250%;
}

.indexWrap p {
	font-size: 184%;
}

.block01 ul {
	width: 1100px;
	margin: 50px auto 60px;
	letter-spacing: -0.4em;
}

.block01 ul li {
	display: inline-block;
	letter-spacing: 0;
	vertical-align: top;
}

.block01 ul li.web {
	background: url(../images/top_content01_ov.gif) no-repeat;
}

.block01 ul li.mobile {
	background: url(../images/top_content02_ov.gif) no-repeat;
}

.block01 ul li.data {
	background: url(../images/top_content03_ov.gif) no-repeat;
}

.block01 ul li.live {
	background: url(../images/top_content04_ov.gif) no-repeat;
}

.block01 ul li.subtitle {
	background: url(../images/top_content05_ov.gif) no-repeat;
}

.block01 ul li.system {
	background: url(../images/top_content06_ov.gif) no-repeat;
}

.block01 ul li a:hover {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}

.block02 {
	padding: 8px 0 60px 0;
	background: url(../images/top_works_bg.jpg) no-repeat center top;
	background-size: cover;
}

.block02 ul {
	width: 1100px;
	margin: 61.5px auto 60px;
	letter-spacing: -0.4em;
}

.block02 ul li {
	position: relative;
	display: inline-block;
	letter-spacing: 0;
	text-align: left;
	vertical-align: top;
	background: #ffffff;
}

.block02 ul li:nth-child(2n) {
	background: #eceff1;
}

.block02 ul li p.ttl {
	width: 265px;
	margin: 0 auto;
	padding: 19.5px 0;
	font-size: 117%;
	text-align: center;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.block02 ul li span {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: top;
}

.block02 ul li a {
	display: block;
	color: #212121;
}

.block02 ul li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.block02 .link {
	width: 410px;
	margin: 0 auto;
}

.block02 .link a {
	display: block;
	padding: 21.5px 0;
	color: #ffffff;
	font-size: 82%;
	background: #eb5e01;
}

#newprodact {
	background: #F5F5F5;
	padding: 60px 0;
}

.block03 h2 {
	padding: 53px 0 42px;
}

.block03 p {
	width: 900px;
	margin: 0 auto 20.5px;
	font-size: 125%;
	line-height: 187%;
	text-align: left;
}

.block03 p.name {
	margin: 0 auto 55px;
	text-align: right;
}

.block04 {
	width: 100%;
	margin: 0 auto;
	background: url(../images/top_recruit.jpg) no-repeat center center;
	background-size: cover;
}

.block04 .right_area {
	float: right;
	width: 50%;
	text-align: left;
}

.block04 .right_area .rec_area {
	width: 520px;
	margin: 0 auto 0 0;
	padding: 6px 0 0 30px;
	text-align: center;
}

.block04 .right_area p {
	margin: 0 0 35px 0;
	line-height: 137%;
}

.block04 .right_area p.ttl {
	margin: 0 0 20px 0;
	padding: 5px 0 2px;
	line-height: 134%;
}

.block04 p.txt_right {
	text-align: right;
}


.block04 .right_area .txt_area {
	width: 520px;
	margin: 0 auto 60px;
	background: #fefefe;
}

.block04 .right_area .txt_area p {
	width: 460px;
	margin: 0 auto;
	padding: 30px 0 48px;
	font-size: 125%;
	line-height: 200%;
	text-align: left;
	border-bottom: 1px solid #cfd8dc;
}

.block04 .right_area .txt_area .link {
	width: 410px;
	margin: 0 auto;
	padding: 28px 0;
	border-bottom: none;
}

.block04 .right_area .txt_area .link a {
	display: block;
	padding: 20px 0;
	color: #ffffff;
	font-size: 120%;
	text-align: center;
	background: #eb5e01;
}

.block05 {
	width: 100%;
	margin: 0 auto;
}

.block05 .left_area {
	float: left;
	width: 50%;
	margin: 0;
}

.block05 .left_area .access_area {
	width: 460px;
	margin: 0 90px 0 auto;
}


.block05 .left_area h2 {
	padding: 52px 0 22px;
}

#map {
	float: right;
	width: 50%;
	height: 500px;
}

.block05 .left_area ul {
	width: 460px;
	margin: 0 auto;
	padding: 26px 0 18px;
	text-align: left;
}

.block05 .left_area ul.address {
	padding: 67px 0 18px;
	border-bottom: 1px solid #cfd8dc;
}

.block05 .left_area ul li {
	font-size: 125%;
	line-height: 160%;
}

#footer {
	position: relative;
	min-width: 1100px;
	padding: 41px 0;
	background: #1d292e;
}

#footer p {
	color: #ffffff;
}

#footer p.pagetop {
	position: fixed;
	bottom: 100px;
	right: 0;
	z-index: 3;
	width: 60px;
}

/*add 170619*/
#newprodact ul {
	text-align: center;
}

#newprodact li {
	display: inline-block;
	margin: 0;
	padding: 0;
	margin: 0 10px;
}

/* add 220209 */


.copyright_ar {
	width: 1100px;
	margin: 0 auto;
	justify-content: space-between;
	display: flex;
}

#footer .privacy_link {
	font-size: 100%;
}

#footer .privacy_link a {
	color: #fff;
	transition: 0.3s;
}

#footer .privacy_link:hover a {
	color: #f18f4e;
}



/*↓↓↓↓↓↓↓↓↓↓mobile display↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

/* add 220308 */
@media screen and (max-width: 1200px) {
	.copyright_ar {
		width: 90%;
	}
}

/* ----------- */

@media screen and (max-width: 640px) {
	.imgOver :hover {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}

	.spHide {
		display: none !important;
	}

	.pcHide {
		display: block;
	}

	.hvr-glow:active,
	.hvr-glow:focus,
	.hvr-glow:hover {
		box-shadow: none;
	}


	#wrapper {
		min-width: 100%;
		margin: 0 auto;
		padding-top: 40px;
	}

	#header {
		position: fixed;
		top: 0;
		left: 0;
		min-width: inherit;
		z-index: 100;
	}

	#header .hd_inner h1 {
		float: left;
		width: 87.5%;
		margin: 0;
	}

	#header .hd_inner .right_area {
		float: right;
		width: 12.5%;
		margin: 0;
		padding-right: 0 !important;
	}

	#header .hd_inner .right_area p {
		float: left;
	}

	#header .hd_inner p.menu {
		width: auto;
		margin: 0;
	}

	#gnav {
		position: absolute;
		top: 100%;
		right: 0;
		z-index: 3;
		width: 800%;
		height: 280px;
		padding: 0;
		background: url(https://digiasa.co.jp/images/menu_bg.png);
	}

	#gnav>ul {
		position: static;
		width: 50%;
		margin: 0 0 0 auto;
		padding: 0;
		box-shadow: none;
		background: none;
	}

	#gnav>ul>li {
		font-size: 109%;
		line-height: 270%;
	}

	#gnav .inner {
		position: absolute;
		top: 0;
		left: inherit;
		right: 50%;
		width: 50%;
		padding: 36px 0 155px 0;
		z-index: 2;
	}

	#gnav .inner ul li {
		font-size: 100%;
		box-shadow: none;
	}

	.mainimage {
		min-width: inherit;
		margin: 0 0 10px;
	}

	.mainimage ul li a {
		padding-top: 59.375%;
	}

	.mainimage ul .kv01 a {
		background: url(../images/top_kvbtn_01_sp.png) no-repeat center top;
		background-size: contain;
	}

	.mainimage ul .kv02 a {
		background: url(../images/top_kvbtn_02_sp.png) no-repeat center top;
		background-size: contain;
	}

	.mainimage ul .kv03 a {
		background: url(../images/top_kvbtn_03_sp.png) no-repeat center top;
		background-size: contain;
	}

	.mainimage ul .kv04 a {
		background: url(../images/top_kvbtn_04_sp.png) no-repeat center top;
		background-size: contain;
	}

	.mainimage ul .kv05 a {
		background: url(../images/top_kvbtn_05_sp.png) no-repeat center top;
		background-size: contain;
	}

	.mainimage ul .kv06 a {
		background: url(../images/top_kvbtn_06_sp.png) no-repeat center top;
		background-size: contain;
	}

	.mainimage ul li img {
		display: none;
	}

	.mainimage ul .kv01 span.out,
	.mainimage ul .kv02 span.out,
	.mainimage ul .kv03 span.out,
	.mainimage ul .kv04 span.out,
	.mainimage ul .kv05 span.out,
	.mainimage ul .kv06 span.out {
		max-width: inherit;
		background: none;
	}

	.mainimage ul li span.out:hover {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}

	.mainimage ul li span.in {
		max-width: inherit;
		margin: 0 auto;
		padding: 0;
		box-sizing: border-box;
	}

	.mainimage .bx-pager {
		bottom: -25px;
	}

	.mainimage .bx-wrapper .bx-pager.bx-default-pager a {
		width: 8px;
		height: 8px;
		margin: 0 6px;
		border-radius: 4px;
	}

	#contents {
		min-width: inherit;
	}

	.indexWrap h2 {
		padding: 5.6% 0 2.5%;
		font-size: 109%;
	}

	.indexWrap .ttl {
		margin: 0 0 2.2% 0;
		font-size: 134%;
		line-height: 125%;
	}

	.indexWrap p {
		font-size: 100%;
		line-height: 137%
	}

	.block01 ul {
		width: auto;
		margin: 5.2% auto 0;
		letter-spacing: 0;
	}

	.block01 ul li {
		display: block;
		float: left;
		width: 50%;
	}

	.block01 ul li a:hover {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}

	.block02 {
		padding: 0 0 7.5%;
		background: url(../images/top_works_bg.jpg) no-repeat center top;
		background-size: cover;
	}

	.block02 .bxslider {
		width: 93.75%;
		margin: 5% auto 0;
	}

	.block02 ul {
		width: auto;
		margin: 0 auto;
		letter-spacing: -0.4em;
	}

	.block02 ul li {
		position: relative;
		display: inline-block;
		letter-spacing: 0;
		text-align: left;
		vertical-align: top;
		background: #ffffff;
	}

	.block02 ul li.gray {
		background: #eceff1;
	}

	.block02 ul li p.ttl {
		width: auto;
		min-height: 26px;
		padding: 7% 0 4%;
		font-size: 92%;
		text-align: center;
	}

	.block02 ul li span {
		display: inline-block;
		width: 15px;
		height: 15px;
		vertical-align: bottom;
	}

	.block02 ul li a:hover {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}

	.block02 ul li a {
		display: block;
		color: #212121;
	}

	.block02 .link {
		width: 100%;
		margin: 11% auto 0;
	}

	.block02 .link a {
		display: block;
		width: 93.75%;
		margin: 0 auto;
		padding: 4% 0;
		color: #ffffff;
		font-size: 128%;
		background: #eb5e01;
	}

	#newprodact {
		padding: 7.5% 0;
	}

	.block03 h2 {
		padding: 7% 0 3.5%;
	}

	.block03 p {
		width: 93.75%;
		margin: 0 auto 3.5%;
		font-size: 100%;
		line-height: 150%;
		text-align: left;
	}

	.block03 p.name {
		margin: 6.5% auto 8%;
		text-align: right;
	}

	.block04 {
		width: auto;
		margin: 0 auto;
		background: #f5f5f5;
	}

	.block04 .right_area {
		float: none;
		width: auto;
		padding: 0;
	}

	.block04 .right_area .rec_area {
		width: auto;
		margin: 0;
		padding: 0;
		text-align: center;
	}

	.block04>p {
		width: auto;
	}

	.block04 .right_area p {
		margin: 0 0 6% 0;
		line-height: 137%;
	}

	.block04 p.txt {
		margin: 0 3.33% 4%;
	}

	.block04 p.txt_right {
		text-align: right;
		margin: 0 3.33% 4%;
	}

	.block04 p.br_none br {
		display: none;
	}


	.block04 .right_area p.ttl {
		margin: 0 0 3.5% 0;
		padding: 0;
		line-height: 125%;
	}

	.block04 .right_area .txt_area {
		width: 93.75%;
		margin: 0 auto;
	}

	.block04 .right_area .txt_area p {
		width: 90%;
		margin: 0 auto;
		padding: 5% 0 6%;
		font-size: 100%;
		line-height: 182%;
	}

	.block04 .right_area .txt_area .link {
		width: 90%;
		margin: 0 auto 7%;
		padding: 5.5% 0 7.5%;
	}

	.block04 .right_area .txt_area .link a {
		padding: 3.5% 0;
		font-size: 130%;
	}

	.block05 {
		width: auto;
		margin: 0 auto;
	}

	.block05 .left_area {
		float: none;
		width: auto;
		margin: 0;
	}

	.block05 .left_area .access_area {
		width: auto;
		margin: 0;
	}

	.block05 .left_area h2 {
		padding: 6% 0 2%;
	}

	#map {
		float: none;
		width: auto;
		height: 200px;
	}

	.block05 .left_area ul {
		width: 93.75%;
		margin: 0 auto;
		padding: 4% 0 7%;
	}

	.block05 .left_area ul.address {
		padding: 4% 0 3%;
	}

	.block05 .left_area ul li {
		font-size: 100%;
		line-height: 164%;
	}

	.indexWrap .contact {
		width: 93.75%;
		margin: 9.375% auto;
	}

	.indexWrap .contact a {
		display: block;
		padding: 4% 0;
		color: #ffffff;
		font-size: 128%;
		background: #eb5e01;
	}

	#footer {
		position: relative;
		min-width: inherit;
		padding: 7% 0;
		background: #1d292e;
	}

	#footer p {
		font-size: 84%;
	}

	#footer p.pagetop {
		bottom: 130px;
		right: 0;
		width: 12.5%;
	}

	#footer .privacy_link {
		margin-bottom: 40px;
		font-size: 84%;
	}
}

/* --------------------------------------------------------------------------------------
 COMPANY
--------------------------------------------------------------------------------------- */

.com_main {
	width: 100%;
	min-width: 1100px;
	margin: 0 auto;
	background: url(../company/images/com_mainvisual.jpg) no-repeat center center;
	background-size: cover;
}

.com_main h2 {
	padding: 63.5px 0;
	color: #eb5e01;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 184%;
}

.companyWrap table {
	width: 1100px;
	margin: 0 auto 68px;
	color: #333333;
	font-size: 117%;
	text-align: left;
}

.companyWrap table th {
	width: 122px;
	padding: 12px 18px;
	background: #eceff1;
	border: 1px solid #cfd8dc;
}

.companyWrap table td {
	padding: 12px 20px;
	line-height: 172%;
	vertical-align: top;
	border: 1px solid #cfd8dc;
}

.companyWrap table td span {
	display: inline-block;
	width: 115px;
}

.companyWrap #map {
	width: 100%;
	height: 401px;
}

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

	.com_main {
		width: auto;
		min-width: inherit;
		margin: 0 auto;
		background: url(../company/images/com_mainvisual_sp.jpg) no-repeat center center;
		background-size: cover;
	}

	.com_main h2 {
		padding: 13.45% 0;
		font-size: 109%;
	}

	.companyWrap table {
		width: 93.75%;
		margin: 4% auto;
		color: #333333;
		font-size: 100%;
	}

	.companyWrap table th {
		width: 600px;
		padding: 1.6% 3%;
		font-weight: normal;
	}

	.companyWrap table td {
		padding: 2.4% 3%;
		line-height: 150%;
	}

	.companyWrap #map {
		width: 100%;
		height: 200px;
	}

	#newprodact li {
		margin: 0 0 5px 0;
		width: 46%;
	}


}

/*end @media*/


/* --------------------------------------------------------------------------------------
 RECRUIT
--------------------------------------------------------------------------------------- */

.rec_main {
	width: 100%;
	min-width: 1100px;
	margin: 0 auto;
	background: url(../recruit/images/rec_mainvisual.jpg) no-repeat center center;
	background-size: cover;
}

.rec_main h2 {
	padding: 63.5px 0;
	color: #eb5e01;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 184%;
}

.recruitWrap .block01>p {
	width: 1100px;
	margin: -4px auto 28px;
	font-size: 125%;
	text-align: left;
}

.recruitWrap table {
	width: 1100px;
	margin: 0 auto 52px;
	color: #333333;
	font-size: 117%;
	text-align: left;
}

.recruitWrap table th {
	width: 121px;
	padding: 12px 18px;
	line-height: 172%;
	background: #eceff1;
	border: 1px solid #cfd8dc;
}

.recruitWrap table td {
	padding: 12px 22px;
	line-height: 172%;
	vertical-align: top;
	border: 1px solid #cfd8dc;
}

.recruitWrap table td p {
	margin: 0 0 22px 0;
}

.recruitWrap table td p.ttl {
	margin: 0 0 6px 0;
	font-weight: bold;
}

.recruitWrap table td p.first {
	margin: 0 0 8px 0;
}

.recruitWrap table td p.last {
	margin: 0 0 5px 0;
}

.recruitWrap table td .bold {
	font-weight: bold;
}

.recruitWrap h3 {
	display: block;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	text-align: left;
	font-size: 217%;
	border-bottom: solid 1px #cfd8dc;
}

.recruitWrap h3 span {
	font-size: 60%;
}

#contents .recruitWrap .recruit_bnr {
	display: block;
	text-align: center;
	width: 100%;
}

.recruit_bnr img {
	margin: 30px;
	margin-top: 0px;
	width: 480px;
}

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

	.rec_main {
		width: auto;
		min-width: inherit;
		margin: 0 auto;
		background: url(../recruit/images/rec_mainvisual_sp.jpg) no-repeat center center;
		background-size: cover;
	}

	.rec_main h2 {
		padding: 13.45% 0;
		font-size: 109%;
	}

	.recruitWrap .block01>p {
		width: 93.75%;
		margin: 5% auto 7%;
		font-size: 109%;
		line-height: 154%;
	}

	.recruitWrap table {
		width: 93.75%;
		margin: 4% auto 12%;
		color: #333333;
		font-size: 100%;
	}

	.recruitWrap table th {
		width: 600px;
		padding: 1.6% 3%;
		font-weight: normal;
	}

	.recruitWrap table td {
		padding: 2.4% 3%;
		font-size: 100%;
		line-height: 150%;
	}

	.recruitWrap table td p {
		margin: 0 0 4% 0;
	}

	.recruitWrap table td p.ttl {
		margin: 0 0 3% 0;
		font-size: 109%;
	}

	.recruitWrap table td p.first {
		margin: 0 0 3% 0;
	}

	.recruitWrap table td p.last {
		margin: 0 0 2% 0;
	}

	.recruitWrap table td .bold {
		font-size: 100%;
	}

	.recruitWrap h3 {
		width: 93.75%;
		margin-top: 4%;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0px;
		font-size: 180%;

	}

	.recruit_bnr img {
		margin-top: 0;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 2%;
		width: 90%;
	}


}

/* --------------------------------------------------------------------------------------
 CONTACT
--------------------------------------------------------------------------------------- */

.con_main {
	width: 100%;
	min-width: 1100px;
	margin: 0 auto;
	background: url(../contact/images/con_mainvisual.jpg) no-repeat center center;
	background-size: cover;
}

.con_main h2 {
	padding: 63.5px 0;
	color: #eb5e01;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 184%;
}

.contactWrap .block01 {
	width: 1100px;
	margin: 0 auto;
	text-align: left;
}

.contactWrap .block01 .red {
	color: #dd2c00;
	font-size: 125%;
}

.contactWrap .block01 ul {
	margin: 13px 0;
}

.contactWrap .block01 ul li {
	display: block;
	font-size: 109%;
	line-height: 139%;
}

.contactWrap .block01 ul li a {
	color: #4f81bd;
	text-decoration: underline;
}

.contactWrap .block01 ul li a:hover {
	opacity: 100;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}

.contactWrap .block02 {
	width: 1100px;
	margin: 0 auto;
	padding: 8px 0 0 0;
	text-align: left;
	background: none;
}

.contactWrap .block02 dl {
	font-size: 116%;
	color: #333333;
	letter-spacing: -0.4em;
	border: 1px solid #cfd8dc;
	border-top: none;
	background: #eceff1;
}

.contactWrap .block02 dt {
	display: inline-block;
	width: 229px;
	padding: 18px 18px;
	letter-spacing: 0;
	vertical-align: top;
	border-top: 1px solid #cfd8dc;
	box-sizing: border-box;
}

.contactWrap .block02 dt span {
	color: #dd2c00;
}

.contactWrap .block02 dt p {
	padding: 52px 0;
}

.contactWrap .block02 dd {
	display: inline-block;
	width: 869px;
	padding: 13px;
	letter-spacing: 0;
	vertical-align: top;
	border-top: 1px solid #cfd8dc;
	border-left: 1px solid #cfd8dc;
	box-sizing: border-box;
	background: #ffffff;
}

.contactWrap .block02 dd select {
	width: 354px;
	padding: 3.5px;
	border: 1px solid #cfd8dc;
}

.contactWrap .block02 dd input {
	width: 343px;
	padding: 3.5px;
	border: 1px solid #cfd8dc;
}

.contactWrap .block02 dd textarea {
	width: 840px;
	padding: 3.5px;
	border: 1px solid #cfd8dc;
}

.contactWrap .block02 .txt_area {
	padding: 15px 0 0 0;
	border: 1px solid #cfd8dc;
	border-top: none;
}

.contactWrap .block02 .txt_area p {
	margin: 0 0 24px 17px;
	font-size: 117%;
	line-height: 172%;
}

.contactWrap .block02 .txt_area p.last {
	margin: 0 0 18px 17px;
}

.contactWrap .block02 .txt_area p .bold {
	font-weight: bold;
}

.contactWrap .block02 .btn {
	width: 500px;
	margin: 37px auto 47px;
	display: flex;
	justify-content: space-between;
}

.contactWrap .block02 .btn input {
	padding: 16.5px 0;
	color: #ffffff;
	font-size: 150%;
	border-style: none;
	cursor: pointer;
}

.contactWrap .block02 .btn .reset {
	width: 245px;
	/* margin:0 9px 0 0; */
	background: #455a64;
}

.contactWrap .block02 .btn .submit {
	width: 245px;
	background: #eb5e01;
}


/* add 20220209  start　⇓　*/


input[type="submit"],
input[type="reset"],
input[type="button"] {
	-webkit-appearance: none;
	border-radius: 0;
}

.privacy_txt_area {
	padding: 50px 0;
	text-align: center;
}

.privacy_txt_area p {
	font-size: 116%;
	font-weight: 500;
}

.privacy_txt_area a {
	color: #4f81bd;
	text-decoration: underline;
}

.privacy_txt_area a svg {
	margin: 0 0.3em;
}

.privacy_txt_area .sp_only {
	display: none;
}

.privacy_txt_area .ck_ar {
	padding-top: 30px;
}

.privacy_txt_area input {
	margin-right: 0.5em;
	transform: scale(1.5);
	vertical-align: baseline;
}

.privacy_txt_area .ag_check {
	font-size: 116%;
}

.privacy_txt_area #m_agree {
	font-size: 116%;
}

.comp-p_bbtn {
	display: block;
	width: 245px;
	margin: 150px auto;
	padding: 16.5px 0;
	background: #eb5e01;
	border-style: none;
	cursor: pointer;
}

.comp-p_bbtn :hover {
	opacity: 0.7;
}

.contactWrap .block01 .comp-p_bbtn p {
	margin: 0;
	text-align: center;
	color: #ffffff;
	font-size: 150%;
}


/* -------add 220209----end-------- */

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

	.con_main {
		width: auto;
		min-width: inherit;
		margin: 0 auto;
		background: url(../contact/images/con_mainvisual_sp.jpg) no-repeat center center;
		background-size: cover;
	}

	.con_main h2 {
		padding: 13.45% 0;
		font-size: 109%;
	}

	.contactWrap .block01 {
		width: 93.75%;
		margin: 5% auto 7%;
		text-align: left;
	}

	.contactWrap .block01 p {
		margin: 0 0 0 0;
		font-size: 109%;
		line-height: 154%;
	}

	.contactWrap .block01 p.red {
		margin: 0;
		padding: 0 0 0 1em;
		font-size: 100%;
		line-height: 150%;
		text-indent: -1em;
	}

	.contactWrap .block01 ul {
		margin: 4% 0;
	}

	.contactWrap .block01 ul li {
		display: block;
		float: none;
		width: 100%;
		padding: 0 0 0 1em;
		font-size: 100%;
		line-height: 150%;
		text-indent: -1em;
		box-sizing: border-box;
	}


	.contactWrap .block02 {
		width: 93.75%;
		margin: 0 auto;
		padding: 0;
	}

	.contactWrap .block02 dl {
		font-size: 100%;
		border: 1px solid #cfd8dc;
		border-top: none;
	}

	.contactWrap .block02 dt {
		display: block;
		width: 100%;
		padding: 1.1% 3.32%;
		border-top: 1px solid #cfd8dc;
		box-sizing: border-box;
	}

	.contactWrap .block02 dt span {
		color: #dd2c00;
	}

	.contactWrap .block02 dt p {
		padding: 0;
	}

	.contactWrap .block02 dd {
		display: block;
		width: 100%;
		padding: 2.4% 3.32%;
		border-top: 1px solid #cfd8dc;
		border-left: none;
	}

	.contactWrap .block02 dd select {
		width: 100%;
		padding: 2px;
	}

	.contactWrap .block02 dd input {
		width: 97%;
		padding: 3px;
	}

	.contactWrap .block02 dd textarea {
		width: 97%;
		padding: 3.5% 2px;
	}

	.contactWrap .block02 .txt_area {
		padding: 3% 3.33% 0;
	}

	.contactWrap .block02 .txt_area p {
		margin: 0 0 6%;
		font-size: 100%;
		line-height: 150%;
	}

	.contactWrap .block02 .txt_area p.last {
		margin: 0 0 4%;
	}

	.contactWrap .block02 .btn {
		width: 100%;
		margin: 8.2% auto 15%;
	}

	.contactWrap .block02 .btn input {
		padding: 3.33% 0;
		font-size: 109%;
	}

	.contactWrap .block02 .btn .reset {
		float: left;
		width: 49%;
		margin: 0;
	}

	.contactWrap .block02 .btn .submit {
		float: right;
		width: 49%;
	}

	.contactWrap .block02 .btn input:hover {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}




	/* --------add 220209----start⇓------ */



	#footer .copyright_ar {
		width: 100%;
		flex-direction: column-reverse;
	}

	.privacy_txt_area {
		padding: 25px 0;
	}

	.privacy_txt_area p {
		font-size: 100%;
	}

	.privacy_txt_area .sp_only {
		display: block;
	}

	.privacy_txt_area .ag_check {
		font-size: 100%;
	}

	.privacy_txt_area #m_agree {
		font-size: 100%;
	}

	.privacy_txt_area input {
		vertical-align: middle;
	}

	.comp-p_bbtn {
		width: 75%;
		margin: 100px auto;
		padding: 3.33% 0;
	}

	.contactWrap .block01 .comp-p_bbtn p {
		font-size: 109%;
	}
}

@media screen and (max-width: 319px) {
	.contactWrap .block02 .btn input {
		font-size: 100%;
	}

	#footer .copyright_ar {
		flex-direction: column-reverse;
	}

	#footer .privacy_link {
		padding-bottom: 5px;
	}
}

@media screen and (max-width: 280px) {
	.privacy_txt_area .sp_only {
		display: none;
	}
}



/* --------------------------------------------------------------------------------------
privacy policy
--------------------------------------------------------------------------------------- */

.pp-contents_wrap {
	width: 1000px;
	margin: 80px auto;
	text-align: left;
}

.pp-contents_wrap h3 {
	padding-bottom: 50px;
	font-size: 3rem;
	color: #1d292e;
}


.pp-contents_wrap div {
	padding-top: 40px;
}

.pp-contents_wrap h4 {
	margin-bottom: 30px;
	line-height: 2;
	font-size: 24px;
	font-weight: bold;
	color: #1d292e;
}

.pp-contents_wrap h4:after {
	content: '';
	display: block;
	width: 50px;
	height: 3px;
	background: #EB5E01;

}

.pp-contents_wrap p {
	font-size: 116%;
	line-height: 1.7;
	word-break: break-all;
}

.pp-contents_wrap a {
	color: #Eb5e01;
	word-break: break-all;
}

.pp-contents_wrap a svg {
	width: 14px;
	height: 14px;
	padding-left: 0.3em;
	vertical-align: middle;
	fill: #Eb5e01;
}

.pp-contents_wrap div ul {
	padding-top: 20px;
}

.pp-contents_wrap ul li {
	/* padding-top: 5px;
	padding-left: 1rem; */
	text-indent: -1rem;
	line-height: 1.7;
	font-size: 116%;
	padding: 0.5rem 0 0.5rem 1rem;
}

.pp-contents_wrap table {
	width: 100%;
	margin-top: 30px;
	border: 1px solid #333;
	table-layout: fixed;
}

.pp-contents_wrap .col1 {
	width: 400px;
}

.pp-contents_wrap table ul {
	padding-top: 0;
}

.pp-contents_wrap tr {
	border-bottom: 1px solid #333;
}

.pp-contents_wrap tr.t-h {
	border-bottom: 3px double #000;
	background: #d1d1d1;
}

.pp-contents_wrap tr.bg_yel {
	background: #fdffd7;
}

.pp-contents_wrap tr li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 100%;
}

.pp-contents_wrap th {
	/* width: 500px; */
	padding: 10px;
	border-right: 1px solid #333;
}

.pp-contents_wrap tr:not(.t-h, .bg_yel) th {
	background: #f5f5f5;
}



.pp-contents_wrap th p {
	font-size: 100%;
	padding-left: 2.5em;
	text-indent: -2.5em;
}

.pp-contents_wrap th p.no-indent {
	padding-left: 0;
	text-indent: 0;
}

.pp-contents_wrap td {
	padding: 10px;
}

@media screen and (max-width: 1200px) {
	.pp-contents_wrap {
		width: 90%;
	}
}

@media screen and (max-width: 640px) {
	.pp-contents_wrap {
		margin: 40px auto;
	}

	.pp-contents_wrap h3 {
		padding-bottom: 10px;
		font-size: 2rem;
	}

	.pp-contents_wrap h4 {
		font-size: 20px;
	}

	.pp-contents_wrap p {
		font-size: 100%;
	}

	.pp-contents_wrap ul li {
		font-size: 100%;
	}

	.pp-contents_wrap .col1 {
		width: 40%;
	}

	.pp-contents_wrap th {
		padding: 5px;
	}

	#footer .privacy_link a {
		font-size: 84%;
	}
}

/* --------------------------------------------------------------------------------------
 SERVICE
--------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------
 data
--------------------------------------------------------------------------------------- */
.data_main {
	width: auto;
	min-width: 1100px;
	margin: 0 auto;
	background: url(../service/images/data_mainvisual.jpg) no-repeat center center;
	background-size: cover;
	border-bottom: 5px solid #1976d2;
}

.data_main h2 {
	padding: 63.5px 0;
	color: #eb5e01;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 184%;
}

.serviceWrap .block01 {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 30px;
	text-align: left;
	border-bottom: 1px solid #cfd8dc;
}

.serviceWrap .block01>div {
	width: 1100px;
	margin: 0 auto 25px;
}

.serviceWrap .block01 .left_area {
	float: left;
	width: 275px;
	padding: 18px 0 22px 118px;
}

.dataWrap .block01 .left_area {
	background: url(../service/images/data_logo.png) no-repeat left center;
}

.serviceWrap .block01 .left_area h2 {
	font-size: 250%;
	line-height: 130%;
}

.serviceWrap .block01 .left_area p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 117%;
}

.dataWrap .color {
	color: #1976d2;
}

.serviceWrap .block01 .right_area {
	float: left;
	width: 705px;
	margin: 20px 0;
	border-left: 2px solid #cfd8dc;
}

.serviceWrap .block01 .right_area ul {
	width: auto;
	margin: 6px 0 6px 30px;
}

.serviceWrap .block01 .right_area ul li {
	display: block;
	font-size: 117%;
	line-height: 172%;
}

.serviceWrap .block01>p {
	width: 1100px;
	margin: 0 auto;
	font-size: 125%;
	line-height: 187%;
}

.serviceWrap .block02 {
	padding: 0;
	background: none;
}

.serviceWrap .block02 h2 {
	padding: 36px 0 30px;
	font-size: 217%;
}

.serviceWrap .block02 ul {
	width: 1098px;
	margin: 0 auto;
	text-align: left;
	letter-spacing: -0.4em;
	border-top: 1px solid #cfd8dc;
	border-left: 1px solid #cfd8dc;
}

.serviceWrap .block02 ul li {
	width: 365px;
	display: inline-block;
	font-size: 134%;
	line-height: 113%;
	letter-spacing: 0;
	text-align: center;
	vertical-align: top;
	border-bottom: 1px solid #cfd8dc;
	border-right: 1px solid #cfd8dc;
}

.serviceWrap .block02 ul li:nth-child(2n) {
	background: none;
}

.dataWrap .block02 ul li a {
	color: #1976d2;
}

.serviceWrap .block02 ul li span {
	display: block;
	width: 340px;
	height: auto;
	margin: 0 auto;
	padding: 24px 0;
	text-align: left;
	border-top: 1px solid #eceff1;
}

.serviceWrap .block02 ul li span.double {
	padding: 15px 0;
}

.serviceWrap .block02>p {
	width: 410px;
	margin: 54px auto;
	font-size: 150%;
}

.serviceWrap .block02>p a {
	display: block;
	padding: 16.5px 0;
	color: #ffffff;
	background: #eb5e01;
}

/* ----------add 250707----start------- */

.serviceWrap .block01 .DS_banner{
	text-align: center;
	margin-top: 60PX;
}
.serviceWrap .DS_banner img{
	width: 40%;
}

/* ----------add 250707----end------- */


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

	.data_main {
		width: auto;
		min-width: inherit;
		margin: 0 auto;
		background: url(../service/images/data_mainvisual_sp.jpg) no-repeat center center;
		background-size: cover;
		border-bottom: none;
	}

	.data_main h2 {
		padding: 13.45% 0;
		font-size: 109%;
	}

	.serviceWrap .block01 {
		width: 93.75%;
		margin: 0;
		padding: 0 3.125% 7%;
		border-bottom: 1px solid #cfd8dc;
	}

	.serviceWrap .block01>div {
		width: auto;
		margin: 0 0 3% 0;
	}

	.serviceWrap .block01 .left_area {
		float: none;
		width: auto;
		margin: 3.33% 0 0 0;
		padding: 5.4% 0 22px 29.1%;
	}

	.dataWrap .block01 .left_area {
		background: url(../service/images/data_logo_sp.png) no-repeat left top;
		background-size: 75px 75px;
	}

	.serviceWrap .block01 .left_area h2 {
		font-size: 184%;
		line-height: 130%;
	}

	.serviceWrap .block01 .left_area p {
		font-size: 93%;
	}

	.serviceWrap .block01 .right_area {
		float: none;
		width: auto;
		margin: 2% 0;
		border-left: none;
	}

	.serviceWrap .block01 .right_area ul {
		margin: 2% 0;
	}

	.serviceWrap .block01 .right_area ul li {
		display: block;
		width: 100%;
		padding: 0 0 0 1em;
		text-indent: -1em;
		font-size: 100%;
		line-height: 150%;
		box-sizing: border-box;
	}

	.serviceWrap .block01>p {
		width: auto;
		font-size: 100%;
		line-height: 170%;
	}

	.serviceWrap .block02 {
		padding: 0;
		background: none;
	}

	.serviceWrap .block02 h2 {
		padding: 7% 0 6.2%;
		font-size: 150%;
	}

	.serviceWrap .block02 ul {
		width: 93.75%;
		margin: 0 auto;
		text-align: left;
		overflow: hidden;
	}

	.serviceWrap .block02 ul li {
		float: left;
		display: block;
		width: 50%;
		font-size: 84%;
		padding: 1px 0;
		line-height: 113%;
		vertical-align: top;
		background: none;
		box-sizing: border-box;
		overflow: hidden;
	}

	.dataWrap .block02 ul li a {
		display: block;
		overflow: hidden;
	}

	.serviceWrap .block02 ul li img {
		width: 88%;
		padding: 0 0 0.5% 0;
	}

	.serviceWrap .block02 ul li span {
		width: auto;
		height: auto;
		margin: 0 6%;
		padding: 5% 0 14.5%;
	}

	.serviceWrap .block02 ul li span.double {
		min-height: 33px;
		padding: 5% 0;
	}

	.serviceWrap .block02 ul li span.mh {
		min-height: 33px;
		padding: 5% 0;
	}

	.serviceWrap .block02>p {
		width: 93.75%;
		margin: 9% auto 10.5%;
		font-size: 109%;
	}

	.serviceWrap .block02>p a {
		padding: 3.5% 0;
	}

	/* ----------add 250707----start------- */
	.serviceWrap .block01 .DS_banner{
		margin-top: 30PX;
		margin-bottom: 30px;
	}
	.serviceWrap .DS_banner img{
		width:86%;
	}
	/* ----------add 250707----end------- */

}

/* --------------------------------------------------------------------------------------
 live
--------------------------------------------------------------------------------------- */

.live_main {
	width: 100%;
	min-width: 1100px;
	margin: 0 auto;
	background: url(../service/images/live_mainvisual.jpg) no-repeat center center;
	background-size: cover;
	border-bottom: 5px solid #e57373;
}

.live_main h2 {
	padding: 63.5px 0;
	color: #eb5e01;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 184%;
}

.liveWrap .block01 .left_area {
	background: url(../service/images/live_logo.png) no-repeat left center;
}

.liveWrap .color {
	color: #e57373;
}

.liveWrap .block02 ul li a {
	color: #e57373;
}

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

	.live_main {
		width: auto;
		min-width: inherit;
		margin: 0 auto;
		background: url(../service/images/live_mainvisual_sp.jpg) no-repeat center center;
		background-size: cover;
		border-bottom: none;
	}

	.live_main h2 {
		padding: 13.45% 0;
		font-size: 109%;
	}

	.liveWrap .block01 .left_area {
		background: url(../service/images/live_logo_sp.png) no-repeat left top;
		background-size: 75px 75px;
	}

	.liveWrap .block02 ul li {
		padding: 0 0 1px 0;
	}
}

/* --------------------------------------------------------------------------------------
 mobile
--------------------------------------------------------------------------------------- */

.mobile_main {
	width: 100%;
	min-width: 1100px;
	margin: 0 auto;
	background: url(../service/images/mobile_mainvisual.jpg) no-repeat center center;
	background-size: cover;
	border-bottom: 5px solid #ffc107;
}

.mobile_main h2 {
	padding: 63.5px 0;
	color: #eb5e01;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 184%;
}

.mobileWrap .block01 .left_area {
	background: url(../service/images/mobile_logo.png) no-repeat left center;
}

.mobileWrap .block01 .right_area {
	height: 60px;
}

.mobileWrap .block01 .right_area ul {
	margin: -6px 0 6px 30px;
}

.mobileWrap .block01>p {
	margin: 0 auto 30px;
}

.mobileWrap .color {
	color: #ffc107;
}

.mobileWrap .block02 ul li a {
	color: #c99806;
}

.mobileWrap .block02 ul li span {
	padding: 10.5px 0;
}

.serviceWrap .block02 ul li .elem01 {
	width: 113px;
	margin: 0 auto 6px 12.5px;
	padding: 1px 0;
	color: #333333;
	font-size: 75%;
	text-align: center;
	border: 1px solid #cfd8dc;
}

.serviceWrap .block02 ul li .elem02 {
	width: 77px;
	margin: 0 auto 6px 12.5px;
	padding: 1px 0;
	color: #333333;
	font-size: 75%;
	text-align: center;
	border: 1px solid #cfd8dc;
}

.mobileWrap .block02 ul li .mh04 {
	padding: 19.5px 0;
}

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

	.mobile_main {
		width: auto;
		min-width: inherit;
		margin: 0 auto;
		background: url(../service/images/mobile_mainvisual_sp.jpg) no-repeat center center;
		background-size: cover;
		border-bottom: none;
	}

	.mobile_main h2 {
		padding: 13.45% 0;
		font-size: 109%;
	}

	.mobileWrap .block01 {
		padding: 0 3.125%;
	}

	.mobileWrap .block01 .left_area {
		background: url(../service/images/mobile_logo_sp.png) no-repeat left top;
		background-size: 75px 75px;
	}

	.mobileWrap .block01 .right_area {
		height: auto;
	}

	.mobileWrap .block01 .right_area ul {
		margin: 2% 0;
	}

	.mobileWrap .block01>p {
		margin: 0 0 7% 0;
	}

	#contents .mobileWrap .block02 ul li img {
		width: 36.66%;
		padding: 0 0 1% 0;
	}

	.mobileWrap .block02 ul li span {
		padding: 5% 0;
	}

	.serviceWrap .block02 ul li .elem01 {
		width: 60%;
		margin: 0 auto 3.5% 6%;
		padding: 1px 0;
	}

	.serviceWrap .block02 ul li .elem02 {
		width: 25%;
		margin: 0 auto 3.5% 6%;
		padding: 1px 0;
	}

	.mobileWrap .block02 ul li .mh04 {
		min-height: 22px;
		padding: 5% 0;
	}

	.mobileWrap .block02 ul li .sp-double02 {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

}

/* --------------------------------------------------------------------------------------
 subtitle
--------------------------------------------------------------------------------------- */

.subtitle_main {
	width: 100%;
	min-width: 1100px;
	margin: 0 auto;
	background: url(../service/images/subtitle_mainvisual.jpg) no-repeat center center;
	background-size: cover;
}

.subtitle_main h2 {
	padding: 63.5px 0;
	color: #eb5e01;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 184%;
}

.subtitleWrap .block01 .left_area {
	background: url(../service/images/subtitle_logo.png) no-repeat left center;
}

.subtitleWrap .color {
	color: #9575cd;
}

.subtitleWrap .block02 ul li a {
	color: #9575cd;
}

.serviceWrap .block03 h2 {
	padding: 42px 0 47px;
	font-size: 217%;
}

.serviceWrap .block03 ul {
	width: 1100px;
	margin: 0 auto 22px;
	letter-spacing: -0.4em;
}

.serviceWrap .block03 ul li {
	width: 260px;
	margin: 0 4px 0 0;
	padding: 0 16px 0 0;
	display: inline-block;
	letter-spacing: 0;
	vertical-align: top;
	background: url(../service/images/subtitle_sign01.png) no-repeat right 47px;
}

.serviceWrap .block03 ul li.last {
	margin: 0;
	padding: 0;
	background: none;
}

.serviceWrap .block03 ul li .img {
	width: auto;
	margin: 0 0 16px 0;
}

.serviceWrap .block03 ul li.last .img {
	width: auto;
	margin: 0 0 13px 0;
}

.serviceWrap .block03 ul li .txt {
	position: relative;
	width: 212px;
	margin: 0;
	padding: 9px 0 9px 48px;
	color: #ffffff;
	font-size: 125%;
	text-align: center;
	background: #9575cd;
}

.serviceWrap .block03 ul li.last .txt {
	width: 260px;
	padding: 9px 0;
}

.serviceWrap .block03 ul li .txt span {
	position: absolute;
	top: 5px;
	left: 6px;
	width: 36px;
	padding: 4px 0;
	color: #9575cd;
	font-size: 160%;
	background: #ffffff;
}

.serviceWrap .block03 p {
	width: 1100px;
	margin: -11px auto 10px;
}

.serviceWrap .block03 .example {
	width: 1100px;
	margin: -18px auto 52px;
	padding: 0 0 54px 0;
	border-top: 1px solid #cfd8dc;
	border-bottom: 1px solid #cfd8dc;
}

.serviceWrap .block03 .left_area {
	float: left;
	width: 540px;
	margin: 22px 0 0 0;
}

.serviceWrap .block03 .left_area p,
.serviceWrap .block03 .right_area p {
	width: 540px;
	margin: 0;
	padding: 5px 0;
	color: #333333;
	font-size: 134%;
	font-weight: bold;
	text-align: center;
	background: #cfd8dc;
}

.serviceWrap .block03 .right_area p.txt_normal {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
	vertical-align: top;
	background: none;
	font-weight: normal;
	text-align: left;
	padding-bottom: 40px;
}

.serviceWrap .block03 .left_area ul,
.serviceWrap .block03 .right_area ul {
	width: auto;
	margin: 15px 0 10px;
	text-align: left;
}

.serviceWrap .block03 .left_area ul li,
.serviceWrap .block03 .right_area ul li {
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	color: #1d292e;
	font-size: 117%;
	line-height: 200%;
}

.serviceWrap .block03 .right_area {
	float: right;
	width: 540px;
	margin: 22px 0 0 0;
}

.serviceWrap .block03 .note {
	font-size: 150%;
	line-height: 156%;
	text-align: center;
}

.serviceWrap .block03 .btn {
	width: 410px;
	margin: 22px auto 64px;
	font-size: 150%;
	text-align: center;
}

.serviceWrap .block03 .btn a {
	display: block;
	padding: 18px 0;
	color: #ffffff;
	background: #eb5e01;
}

.serviceWrap .block04 {
	width: 1100px;
	margin: 0 auto 55px;
	border: 1px solid #cfd8dc;
	background: #ffffff;
	box-sizing: border-box;
}

.serviceWrap .block04>p {
	float: left;
	width: 300px;
	margin: -30px 0 0 11px;
	text-align: left;
	font-size: 117%;
}

.serviceWrap .block04>p a {
	text-decoration: underline;
}

.serviceWrap .block04 .left_area {
	float: left;
	width: 300px;
	margin: 12px 24px 15px 11px;
	text-align: left;
	font-size: 117%;
}

.serviceWrap .block04 .right_area {
	float: left;
	width: 735px;
	margin: 12px 28px 17px 0;
	padding: 0;
	text-align: left;
	font-size: 117%;
}

.serviceWrap .block04 .right_area h2 {
	margin: 0 0 15px 0;
	padding: 7px 0 16px;
	font-size: 143%;
	font-weight: bold;
	border-bottom: 1px solid #cfd8dc;
}

.serviceWrap .block04 .right_area ul li {
	line-height: 186%;
}

.subtitleWrap .block04 .movie {
	width: 735px;
	margin: 0 0 20px 335px;
}

.subtitleWrap .block04 .movie01,
.subtitleWrap .block04 .movie02 {
	float: left;
	width: 300px;
	margin: 0 14px 0 0;
	font-size: 117%;
	text-decoration: underline;
	text-align: left;
}

.subtitleWrap .block04 .movie01 img,
.subtitleWrap .block04 .movie02 img {
	margin: 0 0 10px 0;
}

.subtitleWrap .block04 .movie01:hover,
.subtitleWrap .block04 .movie02:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	cursor: pointer;
}

.subtitleWrap .block04 .left_area .bunner {
	padding-top: 10px;
}



.sub-modal {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 101;
}

.sub-modal-bg {
	position: absolute;
	top: 0;
	background-color: #000000;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	z-index: 101;
}

.yt {
	position: relative;
	width: 960px;
	height: 540px;
	top: 50%;
	left: 50%;
	margin: -270px 0 0 -480px;
	z-index: 102;
}

.yt .mv_close {
	position: absolute;
	top: -70px;
	right: 0;
	width: 60px;
	cursor: pointer;
}

.yt iframe {
	width: 960px;
	height: 540px;
}

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

	.yt {
		position: relative;
		width: 85%;
		height: 0px;
		margin: -24% 0 0 -42.5%;
		padding: 0 0 48%;


		top: 50%;
		left: 50%;
		z-index: 102;
	}

	.yt iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}




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

	.subtitle_main {
		width: auto;
		min-width: inherit;
		margin: 0 auto;
		background: url(../service/images/subtitle_mainvisual_sp.jpg) no-repeat center center;
		background-size: cover;
		border-bottom: none;
	}

	.subtitle_main h2 {
		padding: 13.45% 0;
		font-size: 109%;
	}

	.subtitleWrap .block01 .left_area {
		background: url(../service/images/subtitle_logo_sp.png) no-repeat left top;
		background-size: 75px 75px;
	}

	.serviceWrap .block03 h2 {
		padding: 8% 0 7.5%;
		font-size: 150%;
		line-height: 112%;
	}

	.serviceWrap .block03 {
		width: 93.75%;
		margin: 0 auto;
	}

	.serviceWrap .block03 ul {
		width: auto;
		margin: 0 auto 3.5%;
	}

	.serviceWrap .block03 ul li {
		position: relative;
		display: block;
		width: auto;
		margin: 0 0 3.33% 0;
		padding: 0 0 6.66% 0;
		background: url(../service/images/subtitle_sign02.png) no-repeat center bottom;
		background-size: 45px 10px;
	}

	.serviceWrap .block03 ul li.last {
		margin: 0;
		padding: 0;
		background: none;
	}

	.serviceWrap .block03 ul li .img {
		position: absolute;
		top: 0;
		left: 7.83%;
		width: 38.33%;
		height: 80.5%;
		margin: auto 0 5%;
		z-index: 2;
	}

	.serviceWrap .block03 ul li .img img {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 95%;
		margin: auto;
	}

	.serviceWrap .block03 ul li.last .img {
		width: 38.33%;
		height: 100%;
		margin: auto 0;
	}

	.serviceWrap .block03 ul li .txt {
		position: relative;
		width: auto;
		margin: 0;
		padding: 9% 0 9% 46.16%;
		line-height: 34px;
		font-size: 109%;
	}

	.serviceWrap .block03 ul li.last .txt {
		width: auto;
		margin: 0;
		padding: 9% 0 9% 46.16%;
		line-height: 34px;
		font-size: 109%;
	}

	.serviceWrap .block03 ul li .sp-double {
		padding: 9% 0 9% 46.16%;
		line-height: 130%;
	}

	.serviceWrap .block03 ul li .txt span {
		position: absolute;
		top: 0;
		left: 0;
		width: 7.83%;
		padding: 20% 0;
		color: #ffffff;
		font-size: 115%;
		line-height: 130%;
		background: none;
	}

	.serviceWrap .block03 p {
		width: auto;
		margin: -2% auto 10px;
	}

	.serviceWrap .block03 .example {
		width: auto;
		margin: -3% auto 10%;
		padding: 0 0 7% 0;
		border-top: 1px solid #cfd8dc;
		border-bottom: 1px solid #cfd8dc;
	}

	.serviceWrap .block03 .left_area {
		float: none;
		width: auto;
		margin: 7% 0 0 0;
	}

	.serviceWrap .block03 .left_area p,
	.serviceWrap .block03 .right_area p {
		width: auto;
		margin: 0;
		padding: 1.75% 0;
		font-size: 100%;
		font-weight: normal;
	}

	.serviceWrap .block03 .left_area ul,
	.serviceWrap .block03 .right_area ul {
		width: auto;
		margin: 3% 0 0 0;
	}

	.serviceWrap .block03 .left_area ul li,
	.serviceWrap .block03 .right_area ul li {
		display: block;
		width: auto;
		margin: 0;
		padding: 0 0 0 1em;
		font-size: 100%;
		line-height: 155%;
		text-indent: -1em;
		background: none;
	}

	.serviceWrap .block03 .right_area {
		float: none;
		width: auto;
		margin: 8% 0 0 0;
	}

	.serviceWrap .block03 .note {
		font-size: 109%;
		line-height: 131%;
	}

	.serviceWrap .block03 .btn {
		width: auto;
		margin: 5% auto 9%;
		font-size: 109%;
	}

	.serviceWrap .block03 .btn a {
		display: block;
		padding: 4% 0;
		color: #ffffff;
		background: #eb5e01;
	}

	.serviceWrap .block04 {
		width: 93.75%;
		margin: 0 auto 9%;
		border: 1px solid #cfd8dc;
		background: #ffffff;
	}

	.serviceWrap .block04>p {
		width: 93.33%;
		margin: 2% 3.33% 5%;
		padding: 0 0 8%;
		text-align: left;
		font-size: 100%;
		border-bottom: 1px solid #cfd8dc;
	}

	.serviceWrap .block04 .left_area {
		float: none;
		width: auto;
		margin: 3.33% 3.33% 0 3.33%;
		text-align: left;
		font-size: 117%;
	}

	.serviceWrap .block04 .right_area {
		float: none;
		width: auto;
		margin: 3.33% 0 0 0;
		text-align: left;
		font-size: 117%;
	}

	.serviceWrap .block04 .right_area h2 {
		margin: 0 3.33% 4%;
		padding: 1% 0 3%;
		font-size: 100%;
		font-weight: normal;
		border-bottom: 1px solid #cfd8dc;
	}

	.serviceWrap .block04 .right_area ul li {
		margin: 0 3.33% 2% 3.33%;
		padding: 0 0 0 1em;
		text-indent: -1em;
		font-size: 86%;
		line-height: 137%;
	}

	.subtitleWrap .block04 .movie {
		width: auto;
		margin: 0 3.33% 2%;
	}

	.subtitleWrap .block04 .movie01,
	.subtitleWrap .block04 .movie02 {
		float: none;
		width: 100%;
		margin: 0 0 6.66% 0;
		font-size: 100%;
		text-align: left;
	}

	.subtitleWrap .block04 .movie01 img,
	.subtitleWrap .block04 .movie02 img {
		margin: 0 0 3.33% 0;
	}

	.subtitleWrap .block04 .movie01:hover,
	.subtitleWrap .block04 .movie02:hover {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}

	.yt {
		position: relative;
		width: 75%;
		height: 0px;
		margin: -15% 0 0 -37.5%;
		padding: 30px 0 32.5%;


		top: 50%;
		left: 50%;
	}

	.yt .mv_close {
		position: absolute;
		top: -45px;
		right: 0;
		width: 40px;
	}

	.yt iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

}

/* --------------------------------------------------------------------------------------
 system
--------------------------------------------------------------------------------------- */

.system_main {
	width: 100%;
	min-width: 1100px;
	margin: 0 auto;
	background: url(../service/images/system_mainvisual.jpg) no-repeat center center;
	background-size: cover;
	border-bottom: 5px solid #00b8d4;
}

.system_main h2 {
	padding: 63.5px 0;
	color: #eb5e01;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 184%;
}

.systemWrap .block01 .left_area {
	background: url(../service/images/system_logo.png) no-repeat left center;
}

.systemWrap .block01 .right_area ul {
	padding: 12px 0;
}

.systemWrap .color {
	color: #00b8d4;
}

.systemWrap .content_area {
	width: 1098px;
	margin: 0 auto;
}

.systemWrap .block02 ul {
	width: 1098px;
	margin: 0 auto 0 0;
	letter-spacing: -0.4em;
	border-top: 1px solid #cfd8dc;
	border-left: 1px solid #cfd8dc;
}

.systemWrap .block02 ul li a {
	color: #00b8d4;
}

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

	.system_main {
		width: auto;
		min-width: inherit;
		margin: 0 auto;
		background: url(../service/images/system_mainvisual_sp.jpg) no-repeat center center;
		background-size: cover;
		border-bottom: none;
	}

	.system_main h2 {
		padding: 13.45% 0;
		font-size: 109%;
	}

	.systemWrap .block01 .left_area {
		background: url(../service/images/system_logo_sp.png) no-repeat left top;
		background-size: 75px 75px;
	}

	.systemWrap .block01 .right_area ul {
		padding: 0;
	}

	.systemWrap .content_area {
		width: auto;
	}

	.serviceWrap .block02 ul {
		width: 93.75%;
		margin: 0 auto;
		padding: 0 0 1px 0;
	}

	.systemWrap .block02 ul li {
		padding: 0 0 1px 0;
	}

}

/* --------------------------------------------------------------------------------------
 web
--------------------------------------------------------------------------------------- */

.web_main {
	width: 100%;
	min-width: 1100px;
	margin: 0 auto;
	background: url(../service/images/web_mainvisual.jpg) no-repeat center center;
	background-size: cover;
	border-bottom: 5px solid #4cba7b;
}

.web_main h2 {
	padding: 63.5px 0;
	color: #eb5e01;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 184%;
}

.webWrap .block01 .left_area {
	background: url(../service/images/web_logo.png) no-repeat left center;
}

.webWrap .color {
	color: #4cba7b;
}

.webWrap .block02 ul li a {
	color: #4cba7b;
}

.webWrap .block02 ul li span {
	padding: 10.5px 0;
}

.serviceWrap .block02 ul li .elem03 {
	width: 80px;
	margin: 0 auto 6px 12.5px;
	padding: 1px 0;
	color: #333333;
	font-size: 75%;
	text-align: center;
	border: 1px solid #cfd8dc;
}

.serviceWrap .block02 ul li .elem04 {
	width: 100px;
	margin: 0 auto 6px 12.5px;
	padding: 1px 0;
	color: #333333;
	font-size: 75%;
	text-align: center;
	border: 1px solid #cfd8dc;
}


.webWrap .block02 ul li .mh03 {
	padding: 19.5px 0;
}

.webWrap .block02 ul li .mh04 {
	padding: 19.5px 0;
}

@media screen and (min-width: 640px) {
	.serviceWrap .block02 ul li span.pc-double {
		min-height: 36px;
		padding: 5% 0;
	}
}


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

	.web_main {
		width: auto;
		min-width: inherit;
		margin: 0 auto;
		background: url(../service/images/web_mainvisual_sp.jpg) no-repeat center center;
		background-size: cover;
		border-bottom: none;
	}

	.web_main h2 {
		padding: 13.45% 0;
		font-size: 109%;
	}

	.webWrap .block01 .left_area {
		background: url(../service/images/web_logo_sp.png) no-repeat left top;
		background-size: 75px 75px;
	}

	.serviceWrap .block02 ul li img {
		width: 90%;
	}

	.webWrap .block02 ul li span {
		padding: 5% 0;
	}

	.serviceWrap .block02 ul li span.sp-double {
		min-height: 33px;
		padding: 5% 0;
	}

	.serviceWrap .block02 ul li span.sp-double02 {
		min-height: 22px;
		padding: 5% 0;
	}

	.serviceWrap .block02 ul li span.mh02 {
		min-height: 22px;
		padding: 5% 0;
	}

	.webWrap .block02 ul li .mh03 {
		min-height: 22px;
		padding: 5% 0;
	}

	.webWrap .block02 ul li .mh04 {
		min-height: 33px;
		padding: 5% 0;
	}

	.serviceWrap .block02 ul li .elem03 {
		width: 40%;
		margin: 0 auto 3.5% 6%;
		padding: 1px 0;
	}

}

/* --------------------------------------------------------------------------------------
 WORKS
--------------------------------------------------------------------------------------- */

.works_main {
	width: 100%;
	min-width: 1100px;
	margin: 0 auto;
	background: url(../works/images/works_mainvisual.jpg) no-repeat;
	background-size: cover;
}

.works_main h2 {
	padding: 63.5px 0;
	color: #eb5e01;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 184%;
}

.worksWrap .block01 {
	text-align: left;
}

.worksWrap .block01>p {
	width: 1100px;
	margin: 0 auto;
	font-size: 125%;
	line-height: 187%;
}

.worksWrap .block01>div {
	width: 100%;
	border-bottom: 1px solid #cfd8dc;
}

.worksWrap .block01 ul.filter-pc {
	width: 1100px;
	margin: 58px auto 0;
	padding: 0 0 15px 0;
}

.worksWrap .block01 ul.filter-pc li {
	font-size: 125%;
	vertical-align: middle;
	background: url(../works/images/works_ico02.png) no-repeat right 2px;
}

.worksWrap .block01 ul.filter-pc li.first {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 150%;
	border-right: 2px solid #cfd8dc;
	background: none;
}

.worksWrap .block01 ul.filter-pc li.last {
	background: none;
}

.worksWrap .block01 ul.filter-pc li span {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 2px 0 0;
}

.worksWrap .block01 ul.filter-pc li a {
	display: inline-block;
	padding: 0 14px 0 17px;
}

.worksWrap .block01 ul.filter-pc li.first a {
	display: inline-block;
	padding: 6.5px 22px 6.5px 35px;
	background: url(../works/images/works_ico01.png) no-repeat left 13px;
}

.worksWrap .block01 ul.filter-pc li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.worksWrap .block01 ul.isotope {
	width: 1100px;
	margin: 48px auto 28px;
	letter-spacing: -0.4em;
}

.worksWrap .block01 ul.isotope li {
	position: relative;
	display: inline-block;
	margin: 0 0 50px 0;
	letter-spacing: 0;
	text-align: left;
	vertical-align: top;
	background: #ffffff;
}

.worksWrap .block01 ul.isotope li:nth-child(2n) {
	background: #eceff1;
}

.worksWrap .block01 ul.isotope li p.ttl {
	width: 265px;
	margin: 0 auto;
	padding: 19.5px 0;
	font-size: 117%;
	text-align: center;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.worksWrap .block01 ul.isotope li p.ttl.double {
	padding: 9px 0;
}

.worksWrap .block01 ul.isotope li span {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: top;
}

.worksWrap .block01 ul.isotope li a {
	display: block;
	color: #212121;
}

.worksWrap .block01 ul.isotope li a:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}




#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1100px;
	background: #000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	z-index: 200;
}

.popup {
	display: none;
	width: 100%;
}

.popup .inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1100px;
	padding-bottom: 15px;
	text-align: right;
	background: #ffffff;
	z-index: 300;
}

.popup .inner .close {
	width: 60px;
	margin: 10px 10px 10px auto;
	cursor: pointer;
}

.popup .bxslider_popup {
	width: 900px;
	margin: 0 auto;
}

.popup .bxslider_popup li {
	width: 900px;
	margin: 0 auto;
}

.popup .bxslider_popup .bx-wrapper .bx-pager {
	bottom: -35px;
}

.popup .bxslider_popup .bx-wrapper .bx-pager .bx-pager-item {
	margin: 0 7px 0 0;
}

.popup .bxslider_popup .bx-wrapper .bx-pager.bx-default-pager a {
	border: none;
	background: #cfd8dc;
}

.popup .bxslider_popup .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #eb5e01;
}

.popup .inner .content_area {
	width: 900px;
	margin: 50px auto 20px;
	padding: 0 0 21px 0;
	border-bottom: 1px solid #cfd8dc;
}

.popup .inner .left_area {
	float: left;
}

.popup .inner .left_area p {
	font-size: 167%;
	font-weight: bold;
	line-height: 130%;
	text-align: left;
}

.popup .inner .right_area {
	float: right;
	width: 320px;
	margin: 11px 0 0 0;
	letter-spacing: -0.4em;
	text-align: left;
}

.popup .inner .right_area p {
	display: inline-block;
	width: 160px;
	padding: 3.5px 0;
	color: #ffffff;
	font-size: 109%;
	text-align: center;
	letter-spacing: 0;
	vertical-align: top;
}

.popup .inner .lead {
	width: 900px;
	margin: 0 auto 18px;
	font-size: 125%;
	line-height: 160%;
	text-align: left;
}

.popup .inner .link {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 16px;
	font-size: 109%;
	text-align: left;
}

.popup .inner .link a {
	text-decoration: underline;
}

.popup .btn_area {
	width: 900px;
	padding: 28px 0 16px;
	margin: 0 auto;
	letter-spacing: -0.4em;
	text-align: left;
	border-top: 1px solid #cfd8dc;
}

.popup .btn_area li {
	display: inline-block;
	margin: 0 8px 0 0;
	letter-spacing: 0;
	vertical-align: top;
}

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

	.works_main {
		width: auto;
		min-width: inherit;
		margin: 0 auto;
		background: url(../works/images/works_mainvisual_sp.jpg) no-repeat;
		background-size: cover;
	}

	.works_main h2 {
		padding: 13.45% 0;
		font-size: 109%;
	}

	.worksWrap .block01 {
		width: 93.75%;
		margin: 0 auto;
		text-align: left;
	}

	.worksWrap .block01>p {
		width: auto;
		margin: 5% auto 0;
		font-size: 100%;
		line-height: 150%;
	}

	.worksWrap .block01>div {
		width: 100%;
		border-bottom: none;
	}

	.worksWrap .block01 .filter-sp {
		width: 100%;
		margin: 6.5% auto 0;
		padding: 2%;
		font-size: 125%;
		border: 1px solid #cfd8dc;
		border-radius: 2px;
	}


	.worksWrap .block01 ul.isotope {
		width: auto;
		margin: 7% auto 10%;
		letter-spacing: 0;
	}

	.worksWrap .block01 ul.isotope li {
		display: block;
		margin: 0 0 7% 0;
	}

	.worksWrap .block01 ul.isotope li:nth-child(2n) {
		background: #eceff1;
	}

	.worksWrap .block01 ul.isotope li:nth-child(4n) {
		background: none;
	}

	.worksWrap .block01 ul.isotope li:nth-child(4n-1) {
		background: #eceff1;
	}

	.worksWrap .block01 ul.isotope li p.ttl {
		width: auto;
		min-height: 32px;
		padding: 0.9em 0 0.5em;
		font-size: 92%;
		line-height: 32px;
		white-space: nowrap;
	}

	.worksWrap .block01 ul.isotope li p.ttl.double {
		padding: 0.9em 0 0.5em;
	}

	.worksWrap .block01 ul.isotope li p.sp-double {
		line-height: 150%;
	}

	.worksWrap .block01 ul.isotope li span {
		width: 15px;
		height: 15px;
		vertical-align: bottom;
	}

	#overlay {
		min-width: inherit;
	}

	.popup .inner .close {
		width: 12.5%;
		margin: 0 0 0 auto;
	}

	.popup .bxslider_popup {
		width: 93.75%;
		margin: 3.125% auto 10%;
	}

	.popup .bxslider_popup .bx-wrapper .bx-pager {
		bottom: -25px;
	}

	.popup .bxslider_popup .bx-wrapper .bx-pager .bx-pager-item {
		margin: 0;
	}

	.popup .inner {
		min-width: inherit;
	}

	.popup .inner .content_area {
		width: 93.75%;
		margin: 0 auto 4%;
		padding: 0 0 3.5% 0;
		text-align: left;
		border-bottom: 1px solid #cfd8dc;
	}

	.popup .inner .left_area {
		float: none;
	}

	.popup .inner .left_area p {
		font-size: 117%;
		line-height: 143%;
	}

	.popup .inner .right_area {
		float: none;
		width: auto;
		margin: 4% 0 0 0;
		text-align: left;
	}

	.popup .inner .right_area p {
		width: 33.33%;
		padding: 0.3% 0;
		font-size: 84%;
		text-align: center;
	}

	.popup .inner .lead {
		width: 93.75%;
		margin: 0 auto 6%;
		font-size: 100%;
		line-height: 150%;
		word-wrap: break-word;
	}

	.popup .inner .link {
		width: 93.75%;
		margin: 0 auto;
		padding: 0 0 4%;
		font-size: 100%;
	}

	.popup .btn_area {
		width: 93.75%;
		padding: 2% 0 6%;
		margin: 0 auto;
		letter-spacing: 0;
	}

	.popup .btn_area li {
		float: left;
		display: block;
		margin: 0 1.33% 0 0;
	}

	.popup .btn_area li.aps {
		width: 33.33%;
	}

	.popup .btn_area li.ggp {
		width: 35%;
	}

	.popup .btn_area li.app {
		width: 13.33%;
	}

	.popup .btn_area li.pass {
		width: 13.33%;
		margin: 0;
	}








	#gnav>ul>li.gnav02.active {
		color: #ffffff;
		background: #eb5e01 url(https://www.digiasa.co.jp/images/minus.png) no-repeat 20px center;
	}



}

/* --------------------------------------------------------------------------------------
 stainedglass
--------------------------------------------------------------------------------------- */

.stainedglass_main {
	width: 100%;
	min-width: 1100px;
	margin: 0 auto;
	background: url(../service/images/stainedglass_mainvisual.jpg) no-repeat center center;
	background-size: cover;
	border-bottom: 5px solid #3e6ae3;
}

.stainedglass_main h2 {
	padding: 63.5px 0;
	color: #eb5e01;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 184%;
}

.sgWrap .block02 {
	padding-top: 38px;
}

.sgWrap .block02 ul li {
	width: 274px;
	overflow: hidden;
}

.sgWrap .block02 ul li a span {
	color: #00b8d4;
	padding: 24px 0 24px 10px;
}

.sgWrap .block02 .content_area>p {
	padding-top: 10px;
	text-align: right;
}

.sgWrap .block03 .sg_about {
	width: 1100px;
	margin: 0 auto;
	margin-bottom: 46px;
}

.sgWrap .block03 .sg_about>div {
	margin-top: 0;
}

.sgWrap .block03 .right_area p.txt_normal {
	padding-top: 0;
	padding-bottom: 0;
}

.sgWrap .block03 .left_area ul.sg_slider,
.sgWrap .block03 .right_area ul.sg_slider {
	margin-top: 0;
}

.sgWrap .block03 .left_area ul.sg_slider .movie03 {
	cursor: pointer;
}

.sgWrap .block03 .sg_news {
	width: 1100px;
	margin: 0 auto;
	/*padding: 0 0 54px 0;*/
}

.sgWrap .block03 .left_area dl.sg_newslist,
.sgWrap .block03 .right_area dl.sg_newslist {
	width: auto;
	margin: 15px 20px 10px 20px;
	text-align: left;
	border-bottom: 1px solid #cfd8dc;
}

.sgWrap .block03 .left_area dl.sg_newslist dt,
.sgWrap .block03 .right_area dl.sg_newslist dt {
	width: 18%;
	display: block;
	clear: left;
	float: left;
	padding: 14px 0 0px 0;
	margin-bottom: 6px;
}

.sgWrap .block03 .left_area dl.sg_newslist dd,
.sgWrap .block03 .right_area dl.sg_newslist dd {
	width: 82%;
	display: block;
	float: left;
	padding-top: 14px;
	padding-bottom: 14px;
	margin-bottom: 6px;
}

.sgWrap .block03 .left_area dl.sg_newslist dt:not(:first-child),
.sgWrap .block03 .right_area dl.sg_newslist dt:not(:first-child),
.sgWrap .block03 .left_area dl.sg_newslist dd:not(:nth-child(2)),
.sgWrap .block03 .right_area dl.sg_newslist dd:not(:nth-child(2)) {
	border-top: 1px solid #cfd8dc;
}


.sgWrap .block03 .left_area dl.sg_newslist dt:first-child,
.sgWrap .block03 .right_area dl.sg_newslist dt:first-child,
.sgWrap .block03 .left_area dl.sg_newslist dd:nth-child(2),
.sgWrap .block03 .right_area dl.sg_newslist dd:nth-child(2) {
	padding-top: 0;
}


.sgWrap .block03 .right_area #pageplugin {
	margin: 10px 0 0 20px;
}

.sgWrap .block04 h2 {
	font-size: 217%;
	padding-bottom: 40px;
}

.sgWrap .block04 {
	border: none;
}

.sgWrap .sg_item {
	width: 1100px;
	margin: 0 auto;
	/*    border-top:1px solid #cfd8dc;*/
}

.sgWrap .block04 ul.sg_item_list {
	text-align: center;
}

.sgWrap .block04 ul.sg_item_list li {
	display: inline-block;
	margin: 0 20px;
	line-height: 3;
}

.sgWrap .sg_contact {
	width: 1100px;
	margin: 0 auto;
	margin-top: 54px;
	margin-bottom: 20px;
	border-bottom: 1px solid #cfd8dc;
}

.sgWrap .sg_contact h2 {
	font-size: 217%;
	padding-bottom: 20px;
}

.sgWrap .sg_contact>div {
	display: inline-block;
	border-top: 1px solid #eb5e01;
	border-right: 1px solid #eb5e01;
	border-bottom: 1px solid #eb5e01;
	border-left: 8px solid #eb5e01;
	padding: 16px 20px;
	text-align: center;
}

.sgWrap .sg_contact .sg_phone {
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 32px;
	font-weight: bold;
	color: #eb5e01;
	line-height: 1;
	border-bottom: 1px dashed #b7b7b7;
}

.sgWrap .sg_contact .sg_phone nobr {}

.sgWrap .sg_contact .sg_phone img {
	height: 30px;
	vertical-align: middle;
	margin-top: -6px;
}

.sgWrap .sg_contact .sg_phone span {
	font-size: 16px;
	font-weight: normal;
}

.sgWrap .sg_contact .sg_mail img {
	height: 14px;
	vertical-align: middle;
}

.sgWrap .sg_contact .layout_box {
	border: none;
}

.sgWrap .sg_contact .layout_box {
	position: relative;
	padding: 0.25em 4em;
	margin: 2em 0;
	top: 0;
}

.layout_box:before,
.sgWrap .sg_contact .layout_box:after {
	position: absolute;
	top: 0;
	content: '';
	width: 10px;
	height: 100%;
	display: inline-block;
	box-sizing: border-box;
}

.sgWrap .sg_contact .layout_box:before {
	border-left: solid 2px #1d292e;
	border-top: solid 2px #1d292e;
	border-bottom: solid 2px #1d292e;
	left: 0;
}

.sgWrap .sg_contact .layout_box:after {
	border-top: solid 2px #1d292e;
	border-right: solid 2px #1d292e;
	border-bottom: solid 2px #1d292e;
	right: 0;
}

.sgWrap .sg_contact .layout_box p {
	margin: 0;
	padding: 2px;
	font-size: 150%;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style] {
	width: 100% !important;
}

.sg_official img {
	margin-bottom: 54px;
}


@media screen and (max-width: 640px) {
	.stainedglass_main {
		width: auto;
		min-width: inherit;
		margin: 0 auto;
		background: url(../service/images/stainedglass_mainvisual_sp.jpg) no-repeat center center;
		background-size: cover;
		border-bottom: none;
	}

	.stainedglass_main h2 {
		padding: 13.45% 0;
		font-size: 109%;
	}

	.sgWrap .block01 {
		margin-top: 7%;
	}

	.sgWrap .block02 {
		width: 93.75%;
		margin: 0 auto;
		border: none;
		padding-top: 0;
	}

	.sgWrap .block02 ul {
		width: 100%;
	}

	.sgWrap .block02 ul li {
		width: 50%;
		/*        padding-top: 10px;*/
	}

	.sgWrap .block02 ul li img {
		width: 100%;
	}

	.sgWrap .block02 ul li span.mh {
		font-size: 125%;
	}

	.sgWrap .block03 .sg_news {
		width: 100%;
	}

	.sgWrap .block03 .sg_about {
		width: auto;
	}

	.sgWrap .block03 .left_area ul.sg_slider,
	.sgWrap .block03 .right_area ul.sg_slider {
		margin-top: 0;
		margin: 0;
		padding: 0;
	}

	.sgWrap .block03 .left_area,
	.sgWrap .block03 .right_area {
		width: 100%;
	}

	.sgWrap .block03 .left_area {
		overflow: hidden;
	}

	.sgWrap .block03 .left_area .bx-wrapper .bx-pager {
		position: static;
	}

	.sgWrap .block03 .left_area ul.sg_slider li {
		padding: 0;
	}

	.sgWrap .block03 .right_area #pageplugin {
		margin: 0;
	}

	.sgWrap .sg_news .left_area p,
	.sgWrap .sg_news .right_area p {
		width: auto;
		margin: 0;
		padding: 1.75% 0;
		font-size: 100%;
		font-weight: normal;
	}

	.sgWrap .block03 .right_area p.txt_normal {
		padding-top: 10px;
		padding-bottom: 0;
	}

	.sgWrap .block03 .sg_news {
		padding: 0;
		margin-bottom: 10px;
	}

	.sgWrap .block03 .left_area dl.sg_newslist,
	.sgWrap .block03 .right_area dl.sg_newslist {
		margin: 15px 0 10px 0;
	}

	.sgWrap .block03 .left_area dl.sg_newslist dt,
	.sgWrap .block03 .right_area dl.sg_newslist dt {
		width: 24%;
	}

	.sgWrap .block03 .left_area dl.sg_newslist dd,
	.sgWrap .block03 .right_area dl.sg_newslist dd {
		width: 76%;
	}

	.sgWrap .block04 {}

	.sgWrap .block04 h2 {
		padding: 8% 0 7.5%;
		font-size: 150%;
	}

	.sgWrap .block04 ul.sg_item_list {
		text-align: center;
		border-top: 1px solid #cfd8dc;
		margin-top: -3%;
		padding-top: 7%;
	}

	.sgWrap .sg_contact {
		width: auto;
		margin-top: 7%;
		border: none;
		margin-bottom: 0;
	}

	.sgWrap .sg_contact>div {
		border: none;
		border-top: 2px solid #eb5e01;
		border-bottom: 2px solid #eb5e01;
	}

	.sgWrap .sg_contact h2 {
		font-size: 150%;
	}

	.sgWrap .sg_contact .sg_phone a {
		color: #eb5e01;
	}

	.sgWrap .sg_contact .layout_box {
		width: 93.75%;
		padding: 0;
	}

	.sg_official {
		width: 93.75%;
	}

	.sg_official:before {
		content: "";
		display: block;
		width: 93.75%;
		margin: 0 auto;
		margin-bottom: 7%;
		border-bottom: 1px solid #cfd8dc;
	}

	.sg_official img {
		width: 93.75%;
		margin-bottom: 10.5%;
	}

	.sgWrap {
		width: 100%;
	}

	.sgn_t {}
}

/*end@media*/