@charset "UTF-8";
/* --------------------------------------------------
** default
** -------------------------------------------------- */

#content {
}
.bgColor.typeZ { background-color: #fff !important; }
.bgColor.typeA { background-color: #eee; }
.bgColor.typeB {
	background-color: rgba(0,0,0,0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000,endColorstr=#b3000000);
}
.bgColor.typeC {
	background-color: rgba(0,0,0,0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
}
.bgImg.typeA {
	background: url(../../industry/images/bg-industry-photo01.jpg) no-repeat center top;
	background-size: cover;
}
.bgImg.typeB {
/*	background: url(../../industry/images/bg-industry-photo01.jpg) no-repeat left top;
	background-size: cover;
*/
}
.container {
	max-width: 1200px;
	margin: 0 auto;
}

#content .container { padding: 50px 0 45px; }

.leadArea { padding: 10px 0 15px; }
.industry .leadArea { padding: 10px 0 15px;min-height:270px }

.leadArea .leadTxt {
	margin: 4px 10px 20px;
	line-height: 1.75;
	color: #999;
	color: #454545;
	font-size: 30px;
}
.leadArea .leadTxt2 {
	margin: 4px 10px 20px;
	line-height: 2;
	color: #999;
	color: #454545;
	font-size: 30px;
	background: url(../../common/images/ttl_line.png) left bottom no-repeat;
}
.leadArea .txt {
	margin: 7px 10px 31px;
	line-height: 1.83;
}
.ttlTypeA {
	margin: 0 10px 53px;
	padding: 12px 0 0;
	line-height: 1.75;
	color: #454545;
	font-size: 30px;
}
.ttlTypeB {
	margin: 0 10px 54px;
	padding: 16px 0 0;
	line-height: 1.75;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
.ttlTypeC {
	margin: 0 10px 24px;
	padding: 16px 0 0;
	line-height: 1.75;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
.ttlTypeD {
	height: 55px;
	line-height: 55px;
	margin: 0 10px 24px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	background-color: #065eac;
}
.txt { margin: 0 10px 20px; }
.txtTypeA {
	margin: 0 10px 20px;
	font-size: 12px;
}
.txtTypeB { margin: 63px 10px 45px; }
.ttlTypeB + .txt { margin-top: 30px; }
.txtTypeC { margin: 33px 10px 19px; }
.bgColor.typeB .ttlTypeA,
.bgColor.typeB .ttlTypeB,
.bgColor.typeB .ttlTypeC,
.bgColor.typeB .txtTypeA,

.bgColor.typeB .txtTypeB,
.bgColor.typeB .txtTypeC,
.bgColor.typeB .leadArea .leadTxt,
.bgColor.typeC .txt,
.bgColor.typeC .ttlTypeA,
.bgColor.typeC .ttlTypeB,
.bgColor.typeC .ttlTypeC,
.bgColor.typeC .txtTypeA,
.bgColor.typeC .txtTypeB,
.bgColor.typeC .txtTypeC,
.bgColor.typeC .leadArea .leadTxt,
.bgColor.typeC .txt { color:#454545 }


/*** gNav ***/

.gNav {
	min-width:1100px;
	width: 100%;
	padding:12px 10px 0px 10px;
	box-sizing:border-box;
	position: absolute;
	top: 0px;
	background-color: #fff;
	z-index: 10000;
}
.gNav .logo {
	margin:0px 10px 0 0;
}
.gNav .logo a {
	width: 273px;
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../../common/images/img-logo-01.png) no-repeat left center;
	background-size:100%;
}
.gNav .headerNavWrap { float: right; }
.gNav .headerNav {
	height: 40px;
	display: table;
}
.gNav .headerNav li {
	padding: 13px 5px 0 4px;
	display: table-cell;
	font-size: 12px;
	position: relative;
}
/*
.gNav .headerNav li.contact {
	background:url(../../common/images/contact_icon.png) no-repeat left center;
	line-height:36px;
}

.gNav .headerNav li.corporate {
	/*background:url(../../common/images/corporate_icon.png) no-repeat left center;
	line-height:36px;
}*/

.gNav .headerNav li.txt {
	padding-right: 11px;
	font-size: 11px;
}
.gNav .headerNav li a {
	height: 30px;
	padding: 0 14px;
	line-height: 30px;
	display: block;
	text-decoration: none;
}
.gNav .headerNav li.active .gLink,
.gNav .headerNav li a.active {
	background-color: #0c5aa2!important;
	color: #fff!important;
}

/*** gNav fixed ***/
.gNav.fixed {
	position: fixed;
	top: 0;
	opacity:0.98;
	padding:7px 10px 7px 10px;
}

.gNav .logo a {
	margin-top:5px;
	display:block;
	height:31px!important;
 -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.gNav.fixed .headerNav li {
	padding: 3px 5px 0 4px;
}



/*** slideNav ***/
.slideNav {
	width: 100%;
	display: none;
	position: absolute;
	left: 4px;
	top: 40px;
	background-color: #fff;
}
.gNav .headerNav li .slideNav li {
	padding: 0;
	display: block;
}
.gNav .headerNav li .slideNav li a {
	padding: 10px 14px;
	display: block;
	background-color: #eee;
	color: #333;
	font-size:80%;
}


.subNavArea li .slideNav {
	width: 100%;
	max-width:290px;
	display: none;
	position: absolute;
	top: 125px;
	background-color: transparent;
	z-index:2000;
}
.subNavArea.fixed li .slideNav {
	top: 38px;
}

.subNavArea.fixed .subNav li a {
	line-height: 28px;
	height:28px;
}

.subNavArea.fixed .subNav li li a {
	line-height: 14px;
	height:14px;
}

.subNavArea li .slideNav li {
	width:100%;
	max-width:290px;
	padding: 0;
	display: block;
	border-top:1px solid #fff;
}
.subNavArea li .slideNav li a {
	padding: 0px 7px;
	display: block;
	background-color: #eee;
	color: #333;
	font-size:80%;
	line-height:1.4;
	height:14px;
}


/*** slicknav_menu ***/
.slicknav_menu { display: none; }


/*** subNav ***/
/*.subNavWrap { padding: 23px 0 22px 0; }*/
.subNavArea.fixed{
	position:fixed;
	top:57px;
	width:100%;
	z-index:1000;
	opacity:0.98;
}

.subNavWrap { padding: 0; }


/*** breadcrumb ***/
.breadcrumb {
	min-height: 33px;
	margin: -34px 10px 0;
}
.breadcrumb li {
	display: table-cell;
	font-size: 10px;
}
.breadcrumb li:before {
	padding: 0 10px;
	content: ">";
}
.breadcrumb li:first-child:before {
	padding: 0;
	content: "";
}


/*** mainVisual ***/
.mainVisual img {
	width: 100%;
	height: auto;
}


/*** slick ***/
.slideArea { position: relative; }
.slick-slider { position: relative; }
.slick-arrow {
	width: 3.39%;
	height: 100%;
	position: absolute;
	top: 0;
	font-size: 0;
	box-sizing: border-box;
	z-index: 200;
}
.slick-arrow img {
	width: 100%;
	height: auto;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	cursor: pointer;
}
.itemList .slick-arrow img { bottom: auto; }
.slick-wrap-prev { left: -10px; }
.slick-wrap-next { right: -10px; }
.slick-prev:hover:before,
.slick-next:hover:before {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
}
.slick-prev { left: 0; }
.slick-next { right: 0; }
.itemList .slick-arrow {
	margin-top: 0;
	top: 0;
}
.caseList .slick-prev,
.caseList .slick-next { margin-top: -6px; }
.caseList .slick-prev,
.caseList .slick-next { margin-top: -32px; }
.itemList .slick-prev,
.caseList .slick-prev,
.projectList .slick-prev { left: -10px; }
.itemList .slick-next,
.caseList .slick-next,
.projectList .slick-next { right: -10px; }

@media screen and (min-width: 1200px) {
.slick-arrow,
.slick-arrow img { width: 40px; }
}


/*** pageTtlArea ***/
.pageTtlArea.typeA { position: relative; }
.pageTtlArea.typeA .pageTtl {
	margin: -1em 10px 0;
	color: #fff;
	font-size: 30px;
}
#content .pageTtlArea.typeA .container {
	padding: 0;
	position: absolute;
	right: 0;
	left: 0;
	top: 50%;
}
.pageTtlArea.typeB { position: relative; }
.pageTtlArea.typeB .pageTtl {
	margin: 0 10px;
	color: #fff;
	font-size: 30px;
}
.pageTtlArea.typeB .pageTtl .sub {
	padding-bottom: 15px;
	display: block;
	font-size: 12px;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: normal;
}
.pageTtlArea.typeB img {
	width: 100%;
	height: auto;
	position: relative;
	z-index: -1;
}
#content .pageTtlArea.typeB .container {
	padding: 0;
	position: absolute;
	left: 52.4%;
	top: 20%;
}
.pageTtlArea.typeC { height: 600px; }
.pageTtlArea .ttlImg img {
	width: 100%;
	height: auto;
	position: relative;
	z-index: -1;
}
#content .pageTtlArea.typeC .container { padding: 0; }
.pageTtlArea.typeC .pageTtl {
	width: 1180px;
	height: 600px;
	padding: 0 10px;
	display: table-cell;
	color: #fff;
	font-size: 30px;
	vertical-align: middle;
}
.pageTtlArea.typeC {
	background: url(../../common/images/bg-main-company-pc.jpg) no-repeat center top;
	background-size: cover;
}
.top #content .pageTtlArea .container { top: 9.8%; }
.top .pageTtlArea .pageTtl {
	line-height: 1.5;
	font-size: 40px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: -.04em;
}


/*** btns ***/
.btns {
	height: 55px;
	margin: 10px 0 30px;
	text-align: center;
}
.btns li {
	padding: 0 10px;
	display: inline-block;
}
.btns a {
	display: block;
	text-decoration: none;
}
.btns .inside {
	width: 280px;
	height: 53px;
	line-height: 53px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

/*** itemList ***/
.itemList { padding: 0 0 34px; }
.itemList .ttlTypeB {
	margin: 0 10px 34px;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.itemList .ttlTypeB a {
	display: block;
	color: #fff;
	overflow: hidden;
	text-decoration: none;
}
.itemList .ttlTypeB a img {
	width: 100%;
	height: auto;
	-webkit-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	vertical-align: bottom;
}
.itemList .ttlTypeB a figure {
	margin: 0;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.itemList .ttlTypeB a:hover figure img {
	transform: scale(1.15,1.15);
	-webkit-transform: scale(1.15,1.15);
	-moz-transform: scale(1.15,1.15);
	-ms-transform: scale(1.15,1.15);
	-o-transform: scale(1.15,1.15);
}
.itemList .ttlTypeB span {
	width: 90%;
	margin-top: -1em;
	padding: 0 5%;
	position: absolute;
	left: 0;
	top: 50%;
	text-align: center;
}


/*** caseList ***/
.caseList { padding: 0 0 45px; }
.caseList .caseListIn { margin: 0 10px 20px; }
.caseList .caseListTable {
	width: 100%;
	margin: -1px 0 20px;
	background-color: #eee;
}
.caseList .caseListTable th {
	width: 90px;
	height: 39px;
	padding: 0 25px 0 30px;
	font-size: 12px;
	border: 1px solid #fff;
}
.caseList .caseListTable td {
	height: 39px;
	padding: 0 25px 0 30px;
	font-size: 12px;
	border: 1px solid #fff;
}
.caseList .caseListTable .before,
.caseList .caseListTable .after {
	width: 180px;
	font-weight: bold;
}
.caseList .briefBox {
	min-height: 75px;
	background-color: #eee;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.caseList .briefBox dl {
	padding-left: 65px;
	background: url(../../common/images/img-case-01.png) no-repeat left 50%;
	display: table;
}
.caseList .briefBox dt {
	width: 45px;
	min-height: 75px;
	padding: 13px 10px 12px;
	display: table-cell;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #fff;
}
.caseList .briefBox dd {
	min-height: 75px;
	padding: 13px 20px 12px;
	display: table-cell;
	font-size: 12px;
	border-left: 1px solid #fff;
	vertical-align: middle;
}
.bgColor.typeA .caseList { padding-bottom: 0; }
.bgColor.typeA .caseList .caseListIn { margin-bottom: 12px; }
.bgColor.typeA .caseList .caseListTable { background-color: #fff; }
.bgColor.typeA .caseList .caseListTable th { border: 1px solid #eee; }
.bgColor.typeA .caseList .caseListTable td { border: 1px solid #eee; }
.bgColor.typeA .caseList .briefBox {
	background-color: #fff;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}
.bgColor.typeA .caseList .briefBox dt { border-left: 1px solid #eee; }
.bgColor.typeA .caseList .briefBox dd { border-left: 1px solid #eee; }

/*** infoBox ***/
.infoBox { padding: 0 0 10px; }
.infoBox .ttlTypeA {
	width: 185px;
	margin-top: -7px;
	padding: 0;
	float: left;
	font-size: 24px;
}
.infoBox .infoList {
	margin: 23px 10px 0 205px;
	padding: 0 0 11px 20px;
	border-left: 1px solid #ccc;
}
.infoBox .infoList li {
	padding: 5px 0 11px 103px;
	font-size: 12px;
	text-indent: -103px;
}
.infoBox .infoList span { margin-right: 35px; }

.register form{
	width:80%;
	margin:30px auto;
}
.register table{margin:10px 0 20px;box-sizing:border-box;}
.register table th{background:#f7f7f7;width:22%;padding:20px;text-align:right !important;border:1px solid #ccc}
.register table td{padding:20px;border:1px solid #ccc}
.register input[type=text],
.register input[type=password]{padding:5px;width:300px;border:1px solid #ccc}
.register select{border:1px solid #ccc;}
.register table textarea{width:100%;height:10em;border:1px solid #ccc}

.agree_txt{text-align:center}

#terms{padding:20px;border:1px solid #ccc;height:200px;overflow:scroll;margin:5px auto 20px}

/*** btnArea ***/
.btnArea { padding: 35px 0 20px; }
.btnArea .btns { margin-bottom: 23px; }
.btnArea p {
	width: 100%;
	height: 55px;
	margin-bottom: 6px;
	display: table;
	font-size: 12px;
}
.btnArea p span {
	padding: 0 10px;
	display: table-cell;
	vertical-align: middle;
}

/*** footer ***/
.footer { background-color: #eee; }
.footer .container { padding: 20px 0 15px; }
.footerLinkList {
	margin: 0 10px;
	padding: 14px 0 95px 20px;
	border-left: 1px solid #ccc;
}
.footerLinkList li {
	margin-bottom: 16px;
	font-size: 12px;
}
.footerLinkList li a { text-decoration: none; }
.footerLinkList a:hover { text-decoration: underline; }
.footerLinkList li.sns { margin-top: 20px; }
.footerLinkList li.sns a { margin-right: 10px; }
.footerLinkList li p {
	margin-bottom: 42px;
	line-height: 2.48;
}
.footerLinkList li strong {
	margin-bottom: 10px;
	display: block;
	font-weight: normal;
}
.footer .image { margin: -97px 10px 54px 30px; }
.footer .copy {
	margin: -2px 10px 0 30px;
	font-size: 10px;
}


/*** outline ***/
.outline { margin: 0 10px 10px; }
.outline th {
	width: 120px;
	padding: 16px 10px 14px 20px;
	text-align: left;
	background-color: #eee;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	vertical-align: top;
}
.outline tr:first-child th { border-top: 1px solid #eee; }
.outline tr:last-child th { border-bottom: 1px solid #eee; }
.outline td {
	min-height: 60px;
	padding: 16px 10px 14px 20px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	vertical-align: top;
}
.outline td .photo { margin: 20px 10px 20px 0; }
.outline td .map {

}
.outline td .map iframe,
.outline td .map object,
.outline td .map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.outline td img {
	width: 100%;
	height: auto;
}


/*** serviceFlow ***/
.serviceFlow { margin: 70px 0 85px }
.serviceFlow li {
	line-height: 2.13;
	position: relative;
}
.serviceFlow li:before {
	width: 1px;
	height: 100%;
	border-left: 1px solid #ccc;
	position: absolute;
	top: 0;
	left: 74px;
	display: block;
	content: "";
	z-index: 0;
}
.serviceFlow li.flow05,
.serviceFlow li.flow07 { width: 200%; }
.serviceFlow li.flow01 dl,
.serviceFlow li.flow02 dl,
.serviceFlow li.flow03 dl,
.serviceFlow li.flow04 dl,
.serviceFlow li.flow05 dl,
.serviceFlow li.flow06 dl,
.serviceFlow li.flow07 dl {
	min-height: 101px;
	padding: 0 0 40px 130px;
	position: relative;
	z-index: 5;
}
.serviceFlow li.flow07 dl { padding-bottom: 0; }
.serviceFlow li.flow01 dl { background: url(../../company/images/icon-company-flow01.png) no-repeat 24px top,url(../../company/images/icon-company-flow-bg.png) no-repeat 24px top; }
.serviceFlow li.flow02 dl { background: url(../../company/images/icon-company-flow02.png) no-repeat 24px top,url(../../company/images/icon-company-flow-bg.png) no-repeat 24px top; }
.serviceFlow li.flow03 dl { background: url(../../company/images/icon-company-flow03.png) no-repeat 24px top,url(../../company/images/icon-company-flow-bg.png) no-repeat 24px top; }
.serviceFlow li.flow04 dl { background: url(../../company/images/icon-company-flow04.png) no-repeat 24px top,url(../../company/images/icon-company-flow-bg.png) no-repeat 24px top; }
.serviceFlow li.flow05 dl { background: url(../../company/images/icon-company-flow05.png) no-repeat 24px top,url(../../company/images/icon-company-flow-bg.png) no-repeat 24px top; }
.serviceFlow li.flow06 dl { background: url(../../company/images/icon-company-flow06.png) no-repeat 24px top,url(../../company/images/icon-company-flow-bg.png) no-repeat 24px top; }
.serviceFlow li.flow07 dl { background: url(../../company/images/icon-company-flow07.png) no-repeat 24px top,url(../../company/images/icon-company-flow-bg.png) no-repeat 24px top; }
.col2of4 + .col2of4 .serviceFlow li.flow05,
.col2of4 + .col2of4 .serviceFlow li.flow07 { width: 100%; }
.col2of4 + .col2of4 .serviceFlow li.flow07 {
	border-left: none;
	display: inline;
}
.serviceFlow li dt {
	margin: 0 10px;
	font-size:16px;
	line-height: 2;
	display: block;
	font-weight: bold;
	background:#fff;
}
.serviceFlow li dd {
	margin: 0 10px;
	line-height: 2.15;
	background:#fff;
}
.otherService { margin-bottom: 45px; }


/*** projectList ***/
.projectList { margin-bottom: 25px; }
.projectList .projectContents {
	min-height: 505px;
	margin: 0 10px;
	background-color: #eee;
}
.projectList .projectContents .ttl {
	padding: 17px 25px 14px 30px;
	color: #999;
	font-size: 20px;
	text-indent: -.5em;
}
.projectList .projectContents .contents {
	padding: 0 25px 0 30px;
	border-top: 1px solid #fff;
}
.projectList .projectContents .conditions { padding: 30px 0 28px; }
.projectList .projectContents .conditions dt {
	width: 60px;
	line-height: 1.7;
	float: left;
	clear: both;
}
.projectList .projectContents .conditions dd {
	margin-left: 60px;
	padding-left: 1em;
	line-height: 1.7;
	text-indent: -1em;
}
.projectList .projectContents .conditions dd:before { content: "："; }
.projectList .projectContents li {
	padding: 0 0 5px 30px;
	letter-spacing: 0.03em;
	line-height: 25px;
	font-size: 12px;
}
.projectList .projectContents .contents ul { padding: 25px 0 30px; }
.projectList .projectContents .num01 { background: url(../../industry/images/icon-industry-num01.png) no-repeat left 2px; }
.projectList .projectContents .num02 { background: url(../../industry/images/icon-industry-num02.png) no-repeat left 2px; }
.projectList .projectContents .num03 { background: url(../../industry/images/icon-industry-num03.png) no-repeat left 2px; }
.projectList .projectContents .num04 { background: url(../../industry/images/icon-industry-num04.png) no-repeat left 2px; }
.projectList .projectContents .num05 { background: url(../../industry/images/icon-industry-num05.png) no-repeat left 2px; }

div.block_l{text-align:left;min-height:1px;padding:30px 30px 15px;padding-right:400px;}
div.block_r{text-align:left;min-height:1px;padding:30px 30px 15px;padding-left:400px}
div.case_002{background:#f7f7f7;}


.case h4{font-size:2em;margin-bottom:10px}
.case p{margin-bottom:15px}
.case table td{padding:5px;border:1px solid #ccc;background:#fff;text-align:center}
.case table th{padding:5px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.case table{width:100%;margin:0;border-collapse:collapse;border:1px solid #ccc;margin-bottom:15px}
.case table tr.head th{width:40%;padding:5px;}
.case table tr.head td{width:20%;padding:5px;background:#ddd}

/*変更後CSS*/
.col1of3{padding:40px 5%;width:100%;border:8px solid #eeeeee;box-sizing: border-box;margin-bottom:25px;}

.more_content{
	overflow:hidden;
}

.more{
	border-bottom:1px solid #ccc;
	margin-bottom:50px;
}

.morebtn:hover{
	background:#000;
}
.morebtn{
	width:240px;
	text-align:center;
	color:#fff;
	margin:0 auto 120px auto;
	padding:20px;
	background:#326799;
	cursor:pointer;
 -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
.morebtn span{
	background:url(/html_sotai2/common/images/arrow_under.png) right top 6px no-repeat;
	padding-right:23px;
}

.projectList h4{
	text-align:center;
	border-bottom:1px solid #ccc;
	padding-bottom:16px;
	font-size:1.85em;
	line-height:1.5em;
	color:#326799;
	margin-bottom:40px;
	clear:both;
}

.projectList li li{
	float:left;
	padding-right:30px;
	min-height:36px;
	line-height:36px;
}
.projectList li div.pr_left{
	width:50%;
	clear:both;
	float:left;
	margin-top:20px;
	text-align:justify;
	text-justify:inter-ideograph;
}
.projectList li table{
	margin:30px 0 0;
	border-collapse:collapse;
	border:1px solid #a0a0a0;
	width:47%;
	float:right;
}

.projectList li table td,
.projectList li table th{
	border:1px solid #a0a0a0;
	padding:10px;
}
.projectList li table th{
	width:6em;
	min-height:36px;
	padding:12px 10px 10px 47px;
	background-position:5px center;
}

.p01{
	font-size:1.4em;
	background:url(/html_sotai2/industry/images/p01.png) no-repeat;
	padding-top:0;
	padding-left:45px;
}
.p02{
	font-size:1.4em;
	background:url(/html_sotai2/industry/images/p02.png) no-repeat;
	padding-top:0;
	padding-left:45px;
}
.p03{
	font-size:1.4em;
	min-height:36px;
	background:url(/html_sotai2/industry/images/p03.png) no-repeat;
	margin-bottom:5px;
	padding-left:45px;
	clear:both;
}
.p04{
	background:url(/html_sotai2/industry/images/p04.png) no-repeat;
}
.p05{
	background:url(/html_sotai2/industry/images/p05.png) no-repeat;
}
.p06{
	background:url(/html_sotai2/industry/images/p06.png) no-repeat;
}
.p07{
	background:url(/html_sotai2/industry/images/p07.png) no-repeat;
}
.p08{
	background:url(/html_sotai2/industry/images/p08.png) no-repeat;
}
.p09{
	background:url(/html_sotai2/industry/images/p09.png) no-repeat;
}

.spbr { display: none !important; }
.pcbr { display: block !important; }

@media screen and (max-width: 940px) {
.gNav .headerNav li { padding: 3px 2px 0 1px; }
.gNav .headerNav li a { padding: 0 4px; }
.gNav .headerNav li .slideNav { left: 1px; }
}

@media screen and (max-width: 768px) {
#content .container { padding: 35px 0 25px; }
.inner .innerIn { margin: 0 10px; }

 /*** slicknav ***/
.headArea {
	height: 60px;
	position: absolute;
	z-index: 1000;
	background-color:#fff;
}
.slicknav_menu { display: block; }
#mobile-menu .slicknav_menu{
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	padding: 0;
	background-color: #fff;
	z-index: 300;
}
#platform .slicknav_btn {
	position: relative;
	box-sizing: border-box;
	width: 47px;
	height: 50px;
    margin: 0;
	padding: 13px 15px 12px;
	background-color: #fff;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-decoration: none;
    text-shadow: none;
	z-index: 300;
}
#platform .slicknav_nav {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
    margin: 0;
    padding: 0;
	box-shadow: rgba(0, 0, 0, 0.1) 0 2px 2px 0;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 2px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 2px 0;
    overflow: hidden;
	background-color: #fff;
	z-index: 10000;
}
#platform .slicknav_icon {
    width: 17px;
	height: 15px;
}
#platform .slicknav_menu .slicknav_icon-bar { background-color: #0c5aa2; }
#platform .slicknav_menu .slicknav_icon-bar {
	margin: 6px 0 0;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
	border-radius: 0;
    box-shadow: none;
    display: block;
    height: 1px;
    width: 17px;
}
#platform .slicknav_nav .slicknav_row {
    margin: 0 15px;
    padding: 10px 10px;
	font-size: 14px;
}
#platform .slicknav_nav a {
    margin: 0 15px;
    padding: 10px 10px;
	border-bottom: solid 1px #ececec;
	font-size: 14px;
    color: #333;
}
#platform .slicknav_nav li:nth-child(2) .slicknav_row { border-top: solid 1px #ececec; }
#platform .slicknav_nav li:first-child a { border-top: solid 1px #ececec; }
#platform .slicknav_nav a:hover {
    background: none;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.default {
	display:block;
	margin-top:30px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}
#platform .slicknav_nav .lang {
	float: left;
	box-sizing: border-box;
	width: 50%;
	margin: 0;
	padding: 15px 0;
	letter-spacing: 1px;
}
.slicknav_nav li.txt { display: none; }
#platform .slicknav_nav a.trigger {
	margin: 0;
	padding: 0;
	display: block;
	border-bottom: none;
}
#platform .slicknav_nav .slideNav li a {
	padding: 5px 10px;
	font-size: 12px;
}
#platform .slicknav_nav .slideNav li:first-child a { border-top: none; }
.slicknav_nav .slicknav_arrow {
	margin-top: -20px;
	float: right;
}
.slicknav_nav .slicknav_arrow span {
	width: 15px;
	height: 15px;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.slicknav_nav .slicknav_arrow .slicknav_open {
	background: url(../../common/images/arrow-gnav-open.png) no-repeat center 50%;
	background-size: 8px 15px;
}
.slicknav_nav .slicknav_arrow .slicknav_close {
	background: url(../../common/images/arrow-gnav-close.png) no-repeat center 50%;
	background-size: 15px 8px;
}
.gNav {
	min-width:initial!important;
	padding: 0;
	top: 0;
	position: absolute;
}
.gNav .colL {
	width: 100%;
	height: 45px;
	float: none;
	position: fixed;
	top: 0;
	background:#fff;
}
.gNav .logo {
	text-align:center;
	width: 100%;
	height: 45px;
	margin: 0;
}
.gNav .logo a {
	display:block!important;
	text-align:center;
	width: 180px;
	height: 45px;
	margin:5px auto 0 auto;
	background-size: 180px auto;
}

#kv{
	margin-top:45px!important;
}

/*** fixed ***/
.gNav.fixed { position: absolute; }


/*** subNavArea ***/
.subNavArea { display: none; }
.subNav { display: none; }


/*** pageTtlArea ***/
#content .pageTtlArea.typeB .container {
	left: 0;
	top: 50%;
}
.pageTtlArea.typeA .pageTtl { font-size: 24px; }
.pageTtlArea.typeB .pageTtl {
	margin-top: -1em;
	font-size: 24px;
}
.pageTtlArea.typeC { height: 250px; }
.pageTtlArea.typeC .pageTtl { height: 250px; }


/*** breadcrumb ***/
.breadcrumb { display: none; }


/*** slick ***/
.slick-arrow { width: 5%; }
.caseList .slick-prev,
.caseList .slick-next { margin-top: -16px; }


/*** text ***/
.leadArea { padding-bottom: 0; }
.leadArea .leadTxt { font-size: 24px; }
.leadArea .txt { margin-bottom: 21px; }
.ttlTypeA {
	margin-bottom: 43px;
	font-size: 24px;
	text-align: center;
}
.txtTypeB { margin: 43px 10px 23px; }


/*** btns ***/
.leadArea + .btns { margin-top: 45px; }


/*** projectList ***/
.projectList { margin-bottom: 55px; }
.projectList .projectContents { min-height: 450px; }
.projectList .projectContents .ttl { font-size: 18px; }


/*** itemList ***/
.itemList { padding-bottom: 19px; }


/*** caseList ***/
.caseList { padding-bottom: 25px;  }
.bgColor.typeA .caseList { padding-bottom: 20px; }


/*** outline ***/
.outline {
	width: 100%;
	margin: 0;
}
.row .col2of4:nth-child(2) .outline { margin: -1px 0 30px; }
.outline th {
	width: 100%;
	display: block;
	border: 1px solid #eee;
	box-sizing: border-box;
}
.outline td {
	width: 100%;
	display: block;
	border: 1px solid #eee;
	box-sizing: border-box;
}


/*** serviceFlow ***/
.serviceFlow { margin: 50px 0 45px; }
.col2of4 + .col2of4 .serviceFlow { margin-bottom: 20px; }


/*** infoBox ***/
.infoBox .ttlTypeA {
	width: auto;
	margin: 0 10px 33px;
	padding: 12px 0 0;
	float: none;
}
.infoBox .infoList {
	width: 100%;
	margin: 0;
	padding: 0;
	border-left: none;
}
.infoBox .infoList li {
	margin: 0 10px 27px;
	padding-left: 0;
	text-indent: 0;
}
.infoBox .infoList li:last-child { margin-bottom: 0; }
.infoBox .infoList span {
	display: block;
	font-size: 10px;
}


/*** btnArea ***/
.btnArea { padding-top: 10px; }
.btnArea p { height: auto; }
.btnArea p span { vertical-align: top; }


/*** serviceFlow ***/
.serviceFlow li:before { left: 35px; }
.serviceFlow li.flow07:before {
	border-left: none;
	display: inline;
}
.serviceFlow li.flow05,
.serviceFlow li.flow07 { width: auto; }
.serviceFlow li.flow01 dl,
.serviceFlow li.flow02 dl,
.serviceFlow li.flow03 dl,
.serviceFlow li.flow04 dl,
.serviceFlow li.flow05 dl,
.serviceFlow li.flow06 dl,
.serviceFlow li.flow07 dl {
	padding-left: 65px;
	background-size: 50px;
	background-position: 10px top;
}


/*** otherService ***/
.otherService { margin-bottom: 20px; }


 /*** footer ***/
.footerLinkList {
	padding: 14px 20px 0;
	border-left: none;
	text-align: center;
}
.footerLinkList li p { font-size: 10px; }
.footerLinkList li strong { font-size: 12px; }
.footer .image {
	margin: 0 30px 24px;
	text-align: center;
}
.footer .image img { width: 110px; }
.footer .copy {
	margin: 0 30px;
	text-align: center;
}


.pcbr { display: none !important; }
.spbr { display: block !important; }
}


@media screen and (max-width: 600px) {
.caseList .caseListTable th,
.caseList .caseListTable td { padding: 0 15px; }
.caseList .briefBox dd { padding: 13px 15px 12px; }
.projectList .projectContents .ttl { padding: 17px 15px 14px; }
.projectList .projectContents .contents { padding: 0 15px; }
}


@media screen and (max-width: 480px) {
.slick-arrow { width: 20px; }
}

.min{
	font-family:"リュウミン R-KL","Ryumin Regular KL",Ryumin Medium KL,"リュウミン M-KL",HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
}

@media screen and (max-width: 768px) {
	.register select{border:1px solid #ccc;width:100%;}
	.leadArea .leadTxt2 {
		line-height: 1.75;
		font-size: 24px;
		padding-bottom:3%;
	}

	.projectList h4{
		text-align:center;
		border-bottom:1px solid #ccc;
		padding-bottom:16px;
		font-size:1.5em;
		line-height:1.5em;
		color:#326799;
		margin-bottom:40px;
		clear:both;
	}
	div.block_r{
		padding:4%!important;
	}
	div.block_l{
		padding:4%!important;
	}
	div.block_r,div.block_l h4{
		text-align:center;
	}
	.col1of3{overflow:hidden;}
	.projectList li div.pr_left{padding-top:4%;float:none!important;width:100%!important;}
	.projectList li table{width:100%!important;float:none!important;}
	.case h4{font-size:1.6em;margin-bottom:10px}
	.register input[type=text],
	.register input[type=password]{
		padding:2%;
		box-sizing:border-box;
		width:100%;
		border:1px solid #ccc;
	}
	.register table td{padding:4%;}
	.register table th{width:22%;padding:4%;}
	.register form{
		width:100%;
	}
	div.case_002{background:#f7f7f7!important;}
	div.case_003{border-top:5px solid #fff;background:#f7f7f7!important;}

}

@media screen and (min-width: 769px) {
	div.case_002 h4,div.case_002 p{color:#fff!important;}
	div.case_003{background:#f7f7f7;}
	body,.gNav{
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		-ms-transition: 0.5s;
		transition: 0.5s;
	}
	.gNav.fixed .logo a {
		margin-top:2px!important;
		background-size:70%;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		-ms-transition: 0.5s;
		transition: 0.5s;
	}
	.gNav.fixed .logo {
		margin:0px 0px 0 0px;
	}
	div.bg01_01{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_01-photo03.jpg) left center no-repeat;}
	div.bg01_02{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_01-photo04.jpg) left center no-repeat;}
	div.bg02_01{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_02-photo03.jpg) left center no-repeat;}
	div.bg02_02{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_02-photo04.jpg) left center no-repeat;}
	div.bg03_01{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_03-photo03.jpg) left center no-repeat;}
	div.bg03_02{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_03-photo04.jpg) left center no-repeat;}
	div.bg04_01{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_04-photo03.jpg) left center no-repeat;}
	div.bg04_02{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_04-photo04.jpg) left center no-repeat;}
	div.bg05_01{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_05-photo03.jpg) left center no-repeat;}
	div.bg05_02{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_05-photo04.jpg) left center no-repeat;}
	div.bg06_01{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_06-photo03.jpg) left center no-repeat;}
	div.bg06_02{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_06-photo04.jpg) left center no-repeat;}
	div.bg07_01{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_07-photo03.jpg) left center no-repeat;}
	div.bg07_02{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_07-photo04.jpg) left center no-repeat;}
	div.bg08_01{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_08-photo03.jpg) left center no-repeat;}
	div.bg08_02{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_08-photo04.jpg) left center no-repeat;}
	div.bg09_01{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_09-photo03.jpg) left center no-repeat;}
	div.bg09_02{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_09-photo04.jpg) left center no-repeat;}
	div.bg10_01{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_10-photo03.jpg) left center no-repeat;}
	div.bg10_02{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_10-photo04.jpg) left center no-repeat;}
	div.bg11_01{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_11-photo03.jpg) left center no-repeat;}
	div.bg11_02{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_11-photo04.jpg) left center no-repeat;}
	div.bg11_03{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_11-photo03-02.jpg) left center no-repeat;}
	div.bg11_04{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_11-photo04-02.jpg) left center no-repeat;}
	div.bg12_01{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_12-photo03.jpg) left center no-repeat;}
	div.bg12_02{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_12-photo04.jpg) left center no-repeat;}
	div.bg13_01{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_13-photo03.jpg) left center no-repeat;}
	div.bg13_02{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_13-photo04.jpg) left center no-repeat;}
	div.bg14_01{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_14-photo03.jpg) left center no-repeat;}
	div.bg14_02{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_14-photo04.jpg) left center no-repeat;}
	div.bg15_01{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_15-photo03.jpg) left center no-repeat;}
	div.bg15_02{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_15-photo04.jpg) left center no-repeat;}
	div.bg16_01{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_16-photo03.jpg) left center no-repeat;}
	div.bg16_02{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_16-photo04.jpg) left center no-repeat;}
	div.bg17_01{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_17-photo03.jpg) left center no-repeat;}
	div.bg17_02{background:#f7f7f7 url(/html_sotai2/industry/images/bg-industry_17-photo04.jpg) left center no-repeat;}
}

#ioskv{display:none;}