@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-bottom: 60px;
}

.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:70px;
	right:10px;
	z-index:3;
	width:60px;
}

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

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



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

@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-bottom: 7.5%;
}

.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:40px;
	right:0;
	width:12.5%;
}


}

/* --------------------------------------------------------------------------------------
 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 p {
	margin:-4px 0 0 0;
	font-size:125%;
}

.contactWrap .block01 p.red {
	margin:0 0 20px 0;
	color:#dd2c00;
}

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

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


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

.contactWrap .block02 dl {
	font-size:117%;
	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:389px;
	margin:37px auto 47px;
}

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

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

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


@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:38.33%;
	margin:0;
}

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

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

}

/* --------------------------------------------------------------------------------------
 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;
}



@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;
}

}

/* --------------------------------------------------------------------------------------
 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;
}

.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*/