@charset "UTF-8";

/* **************************************************

Name: common.css

Description: Main CSS

Create: 2016.10.05
Update: 2016.10.25
	2017.02.23 「Lumadaを体感いただける事業所」を「ユースケース」からトップページへ移動
	2017.10.31 「サービス」を「Lumadaとは」へ移動
	2017.12.11 「Lumadaとは」改訂
	2018.1.9   「Hitachi Social Innovation Forum 2017 TOKYO レポート」一覧用モジュール作成
	2018.1.16  「共通」項を作成し、「LinkListStyle1,3」 font-size指定を追加
	2018.2.19  「Topics & News」項に、text-decoration指定を追加
	2018.6.01  「IoT研修」を追加

Copyright 2016 Hitachi, Ltd.

***************************************************** */


/* TOP
=========================================================================================== */
.lumadaGrid { width: 100%; }
.lumadaContents {
	padding-left: 0!important;
	padding-right: 0!important;
}
#BrandingImgStyle_hero {
	position: relative;
	width: 100%;
	height: 830px;
	margin: 0 auto;
	background-color: #999ca0;
}
#BrandingImgStyle_hero h1 {
	position: relative;
	width: auto!important;
	max-width: 446px;
	margin: auto;
	margin-bottom: 170px;
	padding: 0;
	background: none;

}
.BrandingIn {
	position: absolute;
	top: 210px;
	width: 84%;
	padding-left: 8%;
	padding-right: 8%;
	text-align: center;
}
.topMainText {
	margin-bottom: 50px;
	line-height: 140%;
	text-align: center;
	font-size: 22px;
	color: #ffffff;
}
.topMainBtn {
	width: 300px;
	margin: 0 auto;
}
.topMainBtn a {
	display: block;
	padding: 20px 15px;
	border: solid 2px #efefef;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.topMainBtn a:hover {
	background-color: #000000;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
}
.topMainBtn a span {
	padding-right: 28px;
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrow01.png") right 6px no-repeat;
	background-size: 8px 13px;
}
p.linkType01 { margin-bottom: 0!important; }
.linkType01 a {
	padding-right: 15px;
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrow01.png") right 4px no-repeat;
	background-size: 8px 13px;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
}
.linkType01 a:hover {
	padding-right: 18px;
	text-decoration: underline;
}
.contentsWidth {
	max-width: 965px;
	margin: 0 auto;
}

#topBlock01 { background-color:#999ca0; }
#topBlock01 .contentsWidth {
	min-height: 351px;
	background: url("/digitalsolution/sp/usecase/case/images/common/bg_topblock01.jpg") center center no-repeat;
	background-size: auto 100%;
}
#topBlock01 h2 {
	margin-bottom: 10px;
	padding: 95px 0 0 45px;
	background: none;
	font-weight: bold;
	font-size: 44px;
	color: #ffffff;
	line-height: 100%;
}
#topBlock01 p {
	margin-bottom: 15px;
	padding-left: 45px;
	font-size: 16px;
	color: #ffffff;
}
#topBlock02 {
	margin: 0 auto;
	padding: 0 0 30px 0;
	background-color:#999ca0;
}
#topBlock02 .col1 {
	float: left;
	width: 49.2227979%;
}
#topBlock02 .col1 a {
	display: block;
	min-height: 315px;
	background: url("/digitalsolution/sp/usecase/case/images/common/bg_topblock02_01.jpg") center center no-repeat;
	background-size: cover;
	text-decoration: none;
}
#topBlock02 .col2 {
	float: right;
	width: 49.2227979%;
}
#topBlock02 .col2 a {
	display: block;
	min-height: 315px;
	background: url("/digitalsolution/sp/usecase/case/images/common/bg_topblock02_02.jpg") center center no-repeat;
	background-size: cover;
	text-decoration: none;
}
#topBlock02 .tbTitle {
	display: block;
	margin-bottom: 15px;
	padding: 65px 0 0 30px;
	background: none;
	font-weight: bold;
	font-size: 42px;
	color: #ffffff;
	line-height: 100%;
}
#topBlock02 .tbText {
	display: block;
	margin-bottom: 15px;
	padding-left: 30px;
	padding-right: 15px;
	font-size: 16px;
	color: #ffffff;
}
.iconArrow {
	padding-left: 30px;
	padding-right: 15px;
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrow01.png") right 4px no-repeat;
	background-size: 8px 13px;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
}
#footerSec {
	background: #999ca0 url("/digitalsolution/sp/usecase/case/images/common/bg_footersec.jpg") center center no-repeat;
	min-height: 250px;
	background-size: 100% auto;
}
#footerSecIndex {
	background: #999ca0 url("/digitalsolution/sp/usecase/case/images/common/bg_footersec.jpg") center bottom no-repeat;
	min-height: 460px; /* 600→460 修正 2017-11-21*/
	background-size: 100% auto;
/*	padding-bottom: 15px; 3項目の時はコメントアウトで、4項目表示の時はコメント外す*/
}
#footerSec .contentsWidth,
#footerSecIndex .contentsWidth {
	padding-left: 15px;
	padding-right: 15px;
}
#footerSecIndex .contentsWidth .relatedLink {
	padding: 15px 10px;
	background-color: #ffffff;
	margin-top: 30px;
}
#footerSecIndex .contentsWidth .relatedLink ul.ftSecBtnList {
	padding-top: 0;
/*	padding-left: 8px; 3項目の時はコメントアウトで、4項目表示の時は4項目表示の時コメント外す*/
}
#footerSecIndex .contentsWidth .relatedLink ul.ftSecBtnList li {
	display: block;
	padding-bottom: 10px;
	text-align: center;
}
#footerSecIndex .contentsWidth .relatedLink ul.ftSecBtnList li a {
	display: inline;
}

/*
#footerSecIndex .contentsWidth img.bn {
	margin-top: 35px;
	margin-bottom: 20px;
}*/

.bgNonType { background-image: none!important; }
.bgNonType .ftSecBtnList { padding-top: 90px; }
.ftSecBtnList { padding-top: 30px; }
.ftSecBtnList li {
	float: left;
	width: 32.2279792%;/*3項目の時はコメントを外し、4項目表示の時は4項目表示の時コメントアウト*/
	margin-right: 0.5%;
	background-color: #ffffff;
}
.ftSecBtnList li:last-child { margin-right: 0; }
.ftSecBtnList li a {
	display: block;
	/*padding-bottom: 10px;*/
	text-align: center;
	text-decoration: none;
	line-height: 140%;
	width: 100%;
	height: 100%;
	color: #000;
}
.ftSecBtnList li a:hover {
	text-decoration: underline;
	color: #000000;
}
.ftSecBtnList li a span {
	display: block;
	padding: 0 15px;
	font-size: 16px;
	color: #000000;
}
.origPT {
	margin-bottom: 0;
	padding: 10px 15px;
}

/*20170223 追加*/
#usecaseBnrArea_BG { 
	background-color:#999ca0;
	padding-bottom:20px;
} 


/*20210305 追加  新フッター*/
#FTBset {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	padding-top: 30px;
}

#FTBset .FTB {
	width: calc((100% - 20px) / 2);
	background-color: #fff;
	background-position: -60px -20px;
	background-repeat: no-repeat;
}

#FTBset .FTB#inq {
	background-image: url(/digitalsolution/sp/usecase/case/images/common/img_ftsecbtn02.png);
}
#FTBset .FTB#dl {
	background-image: url(/digitalsolution/sp/usecase/case/images/common/img_ftsecbtn03.png);
}

#FTBset .FTB a {
	display: block;
	padding: 35px 15px 20px 150px;
	margin-right: 20px;
	height: 100px;
	max-height: 75px;
	color: #737373;
	text-decoration: none;
	background-image: url(/image/jp/r1/icon/icon_link_right_xl_hd.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
}
#FTBset .FTB a:hover {
	background-image: url(/image/jp/r1/icon/icon_link_right_xl_hover_hd.gif);
}

#FTBset .FTB:hover,
#FTBset .FTB a:hover {
	opacity: .9;
}

#FTBset .FTB h2 {
	color: #575757;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 5px;
	background-image: none;
	padding-top: 0;
}

#FTBset .FTB p {
	font-size: 100%;
}


@media screen and (max-width: 767px) {
	#FTBset {
		display: block;
		padding-top: 10px;
	}
	#FTBset .FTB {
		width: 100%;
		margin-top: 20px;
	}
	#FTBset .FTB h2 {
		margin-left: 0;
	}

}



/* about
=========================================================================================== */
#bgModal { display: none; }
#aboutMain {
	position: relative;
	/*min-height: 500px;*/
/*	background: url("/lumada/about/images/img_about01.jpg") top center no-repeat;*/
/*    background-image: linear-gradient(rgba(0, 50, 50, 0.5), rgba(0, 50, 50, 0.5)),url("/lumada/about/images/img_about01.jpg");*/
	background-image: url('/products/it/digitalsolution/sp/usecase/case/images/common/title.png');
	background-color: #000; /*202005 追加*/
    background-repeat: no-repeat;
    background-position: center bottom;
	width: 100%;
	height: 350px;
	box-sizing: border-box;
	/*background-size: 100% auto;*/
	/*background-attachment: fixed;*/
}
#aboutMain .contentsWidth:first-child {
	min-height: 500px;
	position: relative;
}
#aboutMain h1 {
	padding-top: 30px;
	padding-bottom: 20px;
	/*text-align: center;*//* 2017.12.11 */
	font-size: 45px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 3px 3px 3px #000000;
}
#aboutMain .wrapper {
	padding: 50px 30px 0 0;
}
#aboutMain .ModalYouTubeLink img {
	width: 100%;
	margin-bottom: 0;
}
.ImgOnlyStyle .ModalYouTubeLink:before,
.ImgOnlyStyle .ModalYouTubeLink:after,
.ImgOnlyStyle .ModalYouTubeLink span:after {
	content: none;
}
.ImgOnlyStyle .ModalYouTubeLink span {
	background-color: #fff;
}
.capText01 {
	/*text-align: center;*//* 2017.12.11 */
	display: inline;
	float: left;
	margin-right: 30px;
	font-size: 14px;
	color: #ffffff;
	text-shadow: 3px 3px 3px #000000;
}
.capText02 {
	margin-bottom: 40px;
	text-align: center;
	font-size: 28px!important;
	color: #ffffff;
}
.capText03 {
	margin-bottom: 70px;
	text-align: center;
	font-size: 28px!important;
	color: #000000;
}
#aboutMain .mainText01 {
	position: absolute;
	right: 0;
	bottom: 82px;
	background-color: rgba(25, 35, 60,0.5);
	z-index: 990;
	font-size: 14px;
	color: #ffffff;
	text-shadow: 1px 1px 3px #000000;
	padding: 7pt;
}
#aboutMain .imgStyle01 { 
	display: inline-block;
	margin-top: 10px;
}
#spBtn { display: none; }
#aboutMenu {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1000;
	width: 100%;
	height: 70px;
	overflow: hidden;
	background: url("/digitalsolution/sp/usecase/case/images/common/bg_menu.png") right top;
}
#aboutMenu.floating {
	position: fixed!important;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 9999;
}
.pc #aboutMenu .contentsWidth {
	display: block!important;
	padding: 0!important;
}
#aboutMenu ul {
	display: table;
	width: 100%;
	height: 70px;
}
#aboutMenu ul li {
	float: left;
	display: table;
}
#aboutMenu ul li:first-child { width: 33%; }
#aboutMenu ul li:nth-child(2) { width: 33%; }
/*#aboutMenu ul li:nth-child(3) { width: 16%; }*/
/*#aboutMenu ul li:nth-child(4) { width: 16%; }*/
#aboutMenu ul li:last-child { width: 33%; }
#aboutMenu ul li a {
	display: table-cell;
	height: 70px;
	text-align: center;
	padding-left: 10px;
	vertical-align: middle;
	text-decoration: none;
	line-height: 130%;
}
#aboutMenu ul li a span {
	padding-right: 16px;
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrowunder01.png") right center no-repeat;
	background-size: 11px 7px;
	font-size: 16px;
	color: #ffffff;
}
#aboutMenu ul li.upArrow a span {
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrowupper01.png") right center no-repeat;
	background-size: 11px 7px;
}
#aboutMenu ul li a:hover {
	background-color: #222222;
	text-decoration: underline;
	color: #ffffff;
}
#aboutBlock01 {
	display: table;
	width: 100%;
}
#aboutBlock01 .abLeft01 {
	display: table-cell;
	width: 50%;
	height: 100%;
	background: url("/lumada/about/images/img_about02_01.jpg") left top no-repeat;
	background-size: 100% auto;
	background-attachment: fixed;
	vertical-align: middle;
}
.ipad #aboutBlock01 .abLeft01 { background-attachment: scroll; }
#aboutBlock01 .abLeft02 {
	display: table-cell;
	width: 50%;
	height: 100%;
	padding-top: 70px;
	padding-bottom: 70px;
	padding-left: 30px;
	background: url("/lumada/about/images/img_about02_02.jpg") left top no-repeat;
	background-size: 100% auto;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#aboutBlock01 .abLeft02 h2 {
	background: none;
	font-size: 44px;
	font-weight: bold;
	color: #000000;
}
#aboutBlock01 .abLeft02 h3 {
	margin-bottom: 20px;
	padding: 0;
	background: none;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
#aboutBlock01 .abLeft02 p {
	font-size: 16px;
	color: #000000;
}
#aboutBlock01 .abLeft02 .inner01 { max-width: 448px; }
#aboutBlock02 {
	display: table;
	width: 100%;
	margin-top: 70px;
}
#aboutBlock02 .abLeft01 {
	display: table-cell;
	width: 50%;
	padding-left: 30px;
	padding-right: 30px;
	height: 100%;
	/*background: #4973A6 url("/lumada/about/images/img_about03_01.jpg") left top no-repeat;*//* 2017.12.11 */
	background-size: 100% auto;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#aboutBlock02 .abLeft02 {
	display: table-cell;
	width: 50%;
	height: 100%;
	/*background: #ffffff url("/lumada/about/images/img_about03_02.png") left center no-repeat;*//* 2017.12.11 */
	background-size: 50% auto;
	background-attachment: fixed;
	text-align: right;
	padding-top: 40px;
}
#aboutBlock02 .abLeft01 h2 {
	margin-bottom: 15px;
	/*padding: 0;*//* 2017.12.11 */
	background: none;
	font-size: 33px;/*46→33 2017.12.11 */
	font-weight: bold;
	/*color: #ffffff;*//* 2017.12.11 */
	line-height: 130%;/* 2017.12.11 */
	padding-top: 50px;
}
#aboutBlock02 .abLeft01 h3 {
	margin-bottom: 15px;
	padding: 0;
	background: none;
	font-size: 20px;
	font-weight: bold;
	/*color: #ffffff;*//* 2017.12.11 */
}
#aboutBlock02 .abLeft01 p {
	/*font-size: 16px;*/
	/*color: #ffffff;*//* 2017.12.11 */
}
#aboutBlock02 .abLeft01 .inner01 {
	max-width: 448px;
	/*float: right;*//* 2017.12.11 */
}
/*#aboutBlock03 {
	display: table;
	width: 100%;
}
#aboutBlock03 .abLeft01 {
	display: table-cell;
	width: 50%;
	height: 100%;
	background: url("/lumada/about/images/img_about04_01.jpg") left top no-repeat;
	background-size: 100% auto;
	background-attachment: fixed;
}
.ipad #aboutBlock03 .abLeft01 { background-attachment: scroll; }
#aboutBlock03 .abLeft02 {
	display: table-cell;
	width: 50%;
	height: 100%;
	padding-left: 30px;
	background: url("/lumada/about/images/img_about04_02.jpg") left bottom no-repeat;
	background-size: 100% auto;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#aboutBlock03 .abLeft02 h2 {
	margin-bottom: 50px;
	background: none;
	font-size: 44px;
	font-weight: bold;
	color: #000000;
}
#aboutBlock03 .abLeft02 h3 {
	margin-bottom: 20px;
	padding: 0;
	background: none;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
#aboutBlock03 .abLeft02 p {
	font-size: 16px;
	color: #000000;
}
#aboutBlock03 .abLeft02 .inner01 { max-width: 448px; }
*/
/*
#aboutBlock04 {
	display: table;
	width: 100%;
	padding-top: 70px;
	padding-bottom: 70px;
	background-color: #999ca0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#aboutBlock04 .abOne {
	display: table-cell;
	vertical-align: middle;
}
#aboutBlock04 h2 {
	margin: 0;
	padding: 0;
	background: none;
	font-size: 46px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
#aboutBlock04 dl {
	max-width: 965px;
	margin-bottom: 30px;
}
#aboutBlock04 dl dt {
	width: 50%;
	float: left;
	text-align: right;
	font-size: 36px;
	font-weight: bold;
	color: #ffffff;
}
#aboutBlock04 dl dt span {
	display: block;
	padding-right: 15px;
}
#aboutBlock04 dl dt span.subE {
	font-size: 26px;
}
#aboutBlock04 dl dd {
	width: 50%;
	float: left;
	font-size: 16px;
	color: #ffffff;
}
#aboutBlock04 dl dd span {
	display: block;
	padding-left: 15px;
}
*/
#aboutBlock05 {
	margin-bottom: 40px;
}
#aboutBlock05 .BKG {
	position: relative;
	min-height: 450px;
	background: url("/lumada/about/images/img_about05.png") #000000 top center no-repeat;
	background-size: 100% auto;
	background-attachment: scroll;/**/
	margin-bottom: 40px;
}
#aboutBlock05 .contentsWidth:first-child {
	/*min-height: 450px;*/
	position: relative;
}
#aboutBlock05 .inner01 { max-width: 448px; float: right; }
#aboutBlock05 h2.ab05Title {
	padding-top: 90px;
	background: none;
	font-size: 33px;/*46→33 2017.12.11 */
	font-weight: bold;
	color: #ffffff;
	/*text-align: center;*/
}
#aboutBlock05 p.ab05Tex {
	font-size: 16px;
	color: #ffffff;
}
#aboutBlock05 p.txt_right {
	text-align: right;
}
#aboutBlock05 .imgStyle01 { text-align: center; }
#aboutBlock05 th { background-color: #F1F1F1 !important; }

/*
#aboutBlock06 {
	display: table;
	width: 100%;
	padding-top: 70px;
	padding-bottom: 70px;
	background-color: #4973A6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#aboutBlock06 .abOne {
	display: table-cell;
	vertical-align: middle;
}
#aboutBlock06 h2 {
	margin: 0;
	padding: 0;
	background: none;
	font-size: 46px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
#aboutBlock06 p {
	font-size: 16px;
	color: #ffffff;
}
#aboutBlock06 .imgStyle01 { text-align: center; }
*/

#aboutBlock07 {
	display: table;
	width: 100%;
	background: #b2b6b8 url("/lumada/about/images/img_about07_01.jpg") center bottom no-repeat;
	background-size: 100% auto;
}
#aboutBlock07 .abOne {
	display: table-cell;
	vertical-align: top;
}
#aboutBlock07 h2 {
	padding-top: 90px;
	padding-bottom: 4%;
	background: none;
	font-size: 46px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
#aboutBlock07 p {
	margin-bottom: 60px;
	text-align: center;
	font-size: 16px;
	color: #000000;
}
#aboutBlock08 {
	margin-bottom: 40px;
}
#aboutBlock08 .BKG {
	position: relative;
	min-height: 450px;
	background: url("/lumada/about/images/img_about08.png") #000000 top center no-repeat;
	background-size: 100% auto;
	background-attachment: scroll;/**/
	margin-bottom: 40px;
}
#aboutBlock08 .contentsWidth:first-child {
	/*min-height: 450px;*/
	position: relative;
}
#aboutBlock08 .inner01 { max-width: 448px; float: right; }
#aboutBlock08 h2.ab08Title {
	padding-top: 90px;
	background: none;
	font-size: 33px;/*46→33 2017.12.11 */
	font-weight: bold;
	color: #ffffff;
	/*text-align: center;*/
}
#aboutBlock08 p.ab08Tex {
	font-size: 16px;
	color: #ffffff;
}
#aboutBlock08 p.txt_right {
	text-align: right;
}
#aboutBlock08 .imgStyle01 { text-align: center; }
#aboutBlock08 th { background-color: #F1F1F1 !important; }

#aboutBlock09 {
	margin-bottom: 80px;
}
#aboutBlock09 .BKG {
	position: relative;
	min-height: 450px;
	background: url("/lumada/about/images/img_about09.png") #000000 top center no-repeat;
	background-size: 100% auto;
	background-attachment: scroll;/**/
	margin-bottom: 40px;
}
#aboutBlock09 .contentsWidth:first-child {
	/*min-height: 450px;*/
	position: relative;
}
#aboutBlock09 .inner01 { max-width: 448px; float: lite; }
#aboutBlock09 h2.ab09Title {
	padding-top: 130px;
	background: none;
	font-size: 33px;/*46→33 2017.12.11 */
	font-weight: bold;
	color: #ffffff;
	/*text-align: center;*/
}
#aboutBlock09 p.ab09Tex {
	font-size: 16px;
	color: #ffffff;
}
#aboutBlock09 .imgStyle01 { text-align: center; }

#aboutBlock00 {
	padding-left: 15px;
	padding-right: 15px;}


#competencyMenuAbout {
	position: absolute;
	left: 0;
	bottom: -70px;
	/*z-index: 1000;*/
	width: 100%;
	height: 70px;
	overflow: hidden;
	/*background: url("/digitalsolution/sp/usecase/case/images/common/bg_menu.png") right top;*/
	background-color: #000;
}
#competencyMenuAbout.floating {
	position: fixed!important;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 9999;
}
.pc #competencyMenuAbout .contentsWidth {
	display: block!important;
	padding: 0!important;
}
#competencyMenuAbout ul {
	display: table;
	width: 100%;
	height: 70px;
}
#competencyMenuAbout ul li {
	float: left;
	display: table;
	/*width: 33.3333%*/ /* ページ内リンク3パターン */
	width: 25% /* ページ内リンク4パターン */
}

/** 体感できる場所 **/
.visit #competencyMenuAbout ul li {
	width: 25%;
}
/** IoT研修 **/
.education #competencyMenuAbout ul li {
	width: 50%;
}
#competencyMenuAbout ul li:hover a {
	
}
/*#competencyMenuAbout ul li:first-child { width: 24%; }
#competencyMenuAbout ul li:nth-child(2) { width: 24%; }
#competencyMenuAbout ul li:nth-child(3) { width: 24%; }
#competencyMenuAbout ul li:nth-child(4) { width: 24%; }*/
#competencyMenuAbout.sdemo ul li:first-child { width: 25%; }
#competencyMenuAbout.sdemo ul li:nth-child(2) { width: 24%; }
#competencyMenuAbout.sdemo ul li:nth-child(3) { width: 25%; }
#competencyMenuAbout.sdemo ul li:nth-child(4) { width: 25%; }
#competencyMenuAbout ul li a {
	display: table-cell;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	line-height: 130%;
}
#competencyMenuAbout ul li a span {
	padding-right: 16px;
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrowunder01.png") right center no-repeat;
	background-size: 11px 7px;
	font-size: 12px;
	color: #ffffff;
}
#competencyMenuAbout ul li.upArrow a span {
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrowupper01.png") right center no-repeat;
	background-size: 11px 7px;
}
#competencyMenuAbout ul li a:hover {
	background-color: #B1000E;
	/*text-decoration: underline;*/
	color: #ffffff;
}

/**  202002 for Renewal **/
.ColumnSet .ImgOnlyStyle img {
	width: 100%;
}
#aboutBlock05, #aboutBlock09, #aboutBlock08, #footerSecIndex {
	margin-top: 70px;
}

.LinkBox {
	padding: 20px;
}
.LinkBox ul.LinkButtons {
	display: flex;
	justify-content: space-around;
	margin-top: 30px;
}
.LinkBox ul.LinkButtons .button {
	width: calc((100% - 50px) / 3);
	box-sizing: border-box;
	text-align: center;
}
.LinkBox ul.LinkButtons .button.hub {
	width: 40%;
}
.LinkBox ul.LinkButtons .button a {
	padding: 6px;
}
.LinkBox ul.LinkButtons .button span {
	background-image: url("/digitalsolution/sp/usecase/case/images/common/arrow_w_over.png");
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 25px;
}
.LinkBox ul.LinkButtons .button a:hover span {
	background-image: url("/digitalsolution/sp/usecase/case/images/common/arrow_uc_over.png");
	background-position: right center;
}
.LinkBox ul.LinkButtons a {
	text-decoration: none;
	color: #fff;
/*	font-weight: bold; */
	display: block;
	border: 1px solid #C1C1C1;
}
.LinkBox ul.LinkButtons .button a:hover {
	opacity: .8;
}
.LinkBox ul.LinkButtons .button.stories a {
	background-color: #006633;
}
.LinkBox ul.LinkButtons .button.usecase a {
	background-color: #23608C;
}
.LinkBox ul.LinkButtons .button.solution a {
	background-color: #5B2A61;
}
.LinkBox ul.LinkButtons .button.hub a {
	background-color: #05420E;
}
.LinkBox ul.LinkButtons .button.ready a {
	background-color: #CC0000;
}

/* 202008追加 */

.LinkBox2 {
	padding: 20px;
}
.LinkBox2 ul.LinkButtons {
	display: flex;
	justify-content: space-around;
	margin-top: 30px;
}
.LinkBox2 ul.LinkButtons .button {
	width: calc((100% - 20px) /4);
	box-sizing: border-box;
	text-align: center;
}
/*
.LinkBox2 ul.LinkButtons .button.hub {
	width: 40%;
*/
}
.LinkBox2 ul.LinkButtons .button a {
	padding: 6px;
}
.LinkBox2 ul.LinkButtons .button span {
	background-image: url("/digitalsolution/sp/usecase/case/images/common/arrow_w_over.png");
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 25px;
}
.LinkBox2 ul.LinkButtons .button a:hover span {
	background-image: url("/digitalsolution/sp/usecase/case/images/common/arrow_uc_over.png");
	background-position: right center;
}
.LinkBox2 ul.LinkButtons a {
	text-decoration: none;
	color: #fff;
/*	font-weight: bold; */
	display: block;
	border: 1px solid #C1C1C1;
	height: 50px;
	width: 20%;
	display: table-cell;
	vertical-align: middle;
	
/*	padding-top: 15px; */
}
.LinkBox2 ul.LinkButtons .button a:hover {
	opacity: .8;
}
.LinkBox2 ul.LinkButtons .button.stories a {
	background-color: #006633;
}
.LinkBox2 ul.LinkButtons .button.usecase a {
	background-color: #23608C;
}
.LinkBox2 ul.LinkButtons .button.solution a {
	background-color: #5B2A61;
}
.LinkBox2 ul.LinkButtons .button.hub a {
	background-color: #05420E;
}





.LinkBox3  { 
padding: 10px; 
}


.LinkBox3 li {
	float: left;
	width: calc((100% - 20px) / 4);
	box-sizing: border-box;
	text-align: center;
}
.LinkBox3 li:last-child { margin-right: 0; }
.LinkBox3 li a {
	display: block;
	text-align: center;
	text-decoration: none;
/*
	line-height: 140%;
	width: 100%;
	height: 100%;
*/
	color: #fff;
}
.LinkBox3 li a:hover {
	opacity: .8;
}
.LinkBox3 li a span {
	display: block;
	padding: 0 15px;
	font-size: 16px;
	color: #000000;
}
.LinkBox3.button li {
	background-image: url("/digitalsolution/sp/usecase/case/images/common/arrow_w_over.png");
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: right 15px top 15px;
	position: relative;
	padding: 10px 0;
	box-sizing: border-box;
	min-height: 165px;
	margin-right: 5px;
}
.LinkBox3.button li:hover {
	opacity: .9;
}
.LinkBox3.button li#stories3 {
	background-color: #006633;
}
.LinkBox3.button li#usecase3 {
	background-color: #23608C;
}
.LinkBox3.button li#solution3 {
	background-color: #5B2A61;
}
.LinkBox3.button li#hub3 {
	background-color: #05420E;
}
.LinkBox3.button li a > div + div {
	position: absolute;
	margin: 10px;
	font-size: 90%;
	text-align: justify;
}



/* insight
=========================================================================================== */
#insightMain {
	position: relative;
	min-height: 860px;
	background: url("/lumada/insight/images/img_insight01.jpg") center top no-repeat;
	background-size: 100% auto;
}
.insightIn {
	float: right;
	width: 55%;
	padding-top: 90px;
}
#insightMain h1 {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 44px;
	color: #ffffff;
	line-height: 120%;
}
.capText04 {
	margin-bottom: 50px;
	font-weight: bold;
	font-size: 18px;
	color: #ffffff;
}
.insightText {
	margin-bottom: 20px;
	color: #ffffff;
}
.insightBtn a {
	display: inline-block;
	padding: 15px;
	border: solid 1px #cccdcf;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
}
.insightBtn a:hover {
	background-color: #000000;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
}
.insightBtn a span {
	padding-right: 50px;
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrow01.png") right 6px no-repeat;
	background-size: 8px 13px;
}


/* Topics & News
=========================================================================================== */
#topicsList li {
	float: left;
	width: 32.2279792%;
	margin-right: 1.658031%;
	margin-bottom: 1.658031%;
	padding: 2.2797927%;
	border: solid 4px #e5e5e5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#topicsList li:nth-child(3n) { margin-right: 0; }
#topicsList li dl dt { margin-bottom: 15px; }
#moreBtn {
	margin-bottom: 30px;
	padding: 12px;
	background-color: #e5e5e5;
	text-align: center;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
#moreBtn span {
	padding-right: 20px;
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_more.png") right center no-repeat;
	background-size: 11px 7px;
}
#moreBtn:hover {
	background-color: #d1d0d0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
/* 2017.07.31 Add */
div.moreBtn {
	padding-bottom: 30px;
}
div.moreBtn #moreBtn {
	margin-bottom: 0;
}
/**/
#topicsList li dl dd a {
	padding-right: 17px;
	background: url("/image/jp/r1/icon/icon_link_right_hover_hd.gif") right center no-repeat;
	background-size: 16px 16px;
	text-decoration: none!important;
}
/* 2018.02.19 Add */
#topicsList li dl dd a:hover {
	text-decoration: underline!important;
}
/**/

.iconNew {
	padding-right: 35px;
	background: url("/image/jp/r1/icon/icon_new_hd.gif") right center no-repeat;
	background-size: 28px 13px;
}



/* about
=========================================================================================== */
#serviceMain {
	position: relative;
	min-height: 357px;
	background: url("/lumada/about/images/img_service01.jpg") center top no-repeat;
	background-size: 100% auto;
}
.serviceIn {
	max-width: 965px;
	margin: 0 auto;
	padding-top: 85px;
}
#serviceMain h1 {
	margin-bottom: 45px;
	text-align: center;
	font-weight: bold;
	font-size: 42px;
	color: #ffffff;
	line-height: 120%;
}
.capText05 {
	text-align: center;
	font-size: 22px;
	color: #ffffff;
	line-height: 150%;
}
.capText06 {
	text-align: center;
	font-size: 22px;
	color: #ffffff;
	line-height: 150%;
}
#serviceContents {
	padding: 20px 15px;
	/*background-color: #333333;*/
}

/* 2019.4.11 Add */
#serviceContents03 {
	padding: 40px 15px;
	background-color: #f2f2f2;
}
#serviceContents03 h2 {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: #333333;
	line-height: 150%;
	padding-left: 15px;
	padding-right: 15px;
}
/*
#serviceContents02 {
	padding: 60px 15px;
	background-color: #f2f2f2;
}
*/
.serviceImages {
	position: relative;
	max-width: 965px;
	margin: 0 auto 50px auto;
}

.serviceImagesBtn03 { width: 100%; }
.serviceImagesBtn03.consulting { margin-bottom: 15px; }
.serviceImagesBtn03.competency { margin-bottom: 15px; }
.serviceImagesBtn03 a {
	display: block;
	width: 100%;
	min-height: 100px;
	/*border: solid 2px #ec8035;*/
	text-decoration: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.serviceImagesBtn03 a span.btnCover {
	display: block;
	padding: 20px 20px 70px;
}
.serviceImagesBtn03 .spbTitle01 {
	display: block;
	/*margin-bottom: 20px;*/
	margin-top: 30px;
	font-weight: bold;
	font-size: 135%;
	color: #ffffff;
	line-height: 1.5;
	text-align: center;
	background-image: url("/digitalsolution/sp/usecase/case/images/common/arrow_uc_over.png");
	background-repeat: no-repeat;
	background-position: right 33px center;
}
.serviceImagesBtn03 .spbTitle02 {
	/*background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrow02.png") right center no-repeat;
	background-size: 9px 14px;
	padding-right: 15px;*/
	color: #ffffff;
	line-height: 1.2;
}
.serviceImagesBtn03.competency a { background: #191919 url("/lumada/about/images/img_service07.jpg") right center no-repeat; }
.serviceImagesBtn03.consulting a { background: url("/lumada/about/images/img_service08.png") right top no-repeat; }
.serviceImagesBtn03.nexperience a {	background: url("/lumada/about/images/img_service09.png") right top no-repeat;}

.spServiceBtn { display: none; }
.serviceBtnList li {
	float: left;
	width: 32.2279792%;
	margin-right: 1.658031%;
	background-color: #ffffff;
	border: solid 2px #ec8035;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.serviceBtnList li:nth-child(3n) { margin-right: 0; }
.serviceBtnList li a {
	display: block;
	min-height: 307px;
	padding-top: 80px;
	padding-bottom: 10px;
	text-align: center;
	text-decoration: none;
	line-height: 140%;
	background-size: auto 100%!important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.serviceBtnList li a.serviceBtn01 { background: url("/lumada/about/images/img_service02.jpg") center top no-repeat; }
.serviceBtnList li a.serviceBtn02 { background: url("/lumada/about/images/img_service03.jpg") center top no-repeat; }
.serviceBtnList li a.serviceBtn03 { background: url("/lumada/about/images/img_service04.jpg") center top no-repeat; }
.serviceBtnList li a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.serviceBtnList li a span.serTitle01 {
	display: block;
	margin-bottom: 80px;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	line-height: 130%;
	text-align: center;
}
.serviceBtnList li a span.serText01 {
	padding-right: 13px;
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrow02.png") right center no-repeat;
	background-size: 9px 14px;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
}

/** 202002 Added **/
.About .Column2{
	width: calc((100% - 15px) / 2);
}
.serviceImagesBtn03 a:hover {
	opacity: .8;
}
.serviceImagesBtn03 a:hover .spbTitle01 {
	background-position: right 30px center;
}


/* nexperience
=========================================================================================== */
#serviceTitle {
	padding: 50px 15px;
	background-color: #333333;
	color: #ffffff;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
}
#grandLeft {
	float: left;
	width: 50%;
	background-color: #f2f2f2;
}
#grandLeft .grandLeftIn {
	float: right;
	max-width: 482px;
	padding: 40px 30px 40px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#grandRight {
	position: relative;
	float: right;
	width: 50%;
	background-color: #ffffff;
}
#grandRight .grandRightIn {
	max-width: 482px;
	padding: 40px 0 40px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.serviceTitleStyle01 {
	margin: 0 0 10px 0!important;
	font-weight: bold;
	font-size: 20px;
	line-height: 150%;
	background: none; /* 20170920 追加 */
}
.serviceTitleStyle02 {
	margin: 0 0 5px 0!important;
	font-weight: bold;
	font-size: 18px;
	line-height: 150%;
	color: #333333;
	background: none;
}
.serviceTextStyle01 {
	margin-bottom: 20px;
	font-size: 16px;
}
.grandImg01 { margin-bottom: 10px; }


/* consulting
=========================================================================================== */
.bgEngineering {
	min-height: 540px;
	background: url("/lumada/about/consulting/images/img_consulting01.jpg") center center no-repeat;
	background-size: cover;
}


/* competency
=========================================================================================== */
.bgCompetency {
/*	min-height: 523px;*/
/*	background: url("/lumada/about/competency/images/img_competency01.jpg") center center no-repeat;*/
	min-height: 480;
	background: url("/lumada/about/competency/images/EC089_L.jpg") center center no-repeat;
	background-size: cover;
}
.competencyBlock01 { padding: 50px 0 30px 0; }
.serviceArea { padding: 70px 0; }
.difineList01 dt {
	margin-bottom: 10px;
	font-weight: bold;
}
.competency2Column { margin-bottom: 50px; }
.competency2Column .col1 {
	float: left;
	width: 50%;
	padding-right: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.competency2Column .col2 {
	float: right;
	width: 50%;
	padding-left: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#grandBlock { margin-bottom: 60px; }
.competencyBlock02 {
	padding: 30px 0 60px 0;
	background-color: #f2f2f2;
}
.competencySupTitle {
	font-size: 20px;
	font-weight: normal;
}
.competencyTitle01 {
	margin: 0 0 50px 0!important;
	padding: 0;
	background: none;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
.competencyTitle02 {
	margin: 0 0 10px 0!important;
	background: none;
	font-size: 20px;
	font-weight: bold;
	color: #333333;
}
.tableType01 {
	width: 100%;
	margin-bottom: 50px;
}
.tableType01 tr th {
	border: solid 1px #999999;
	background-color: #ffffff;
	font-size: 16px;
}
.tableType01 tr td {
	border: solid 1px #999999;
	background-color: #ffffff;
	font-size: 16px;
}
.indent01 li {
	text-indent: -1.9em;
	margin-left: 1.9em;
}
.indent02 li {
	text-indent: -1.4em;
	margin-left: 1.4em;
}
.ButtonStyle1.orangeBtn a { background-color: #ec8035; }
.ButtonStyle1.orangeBtn a:hover { background-color: #d16921; }
.supTitle {
	font-size: 16px;
	font-weight: normal;
}
#competencyMain {
	position: relative;
	min-height: 357px;
	padding-bottom: 15px;/*75px→15px 修正 20170112*/
	/*background: url("/lumada/usecase/experience/images/img_experience01.jpg") center top no-repeat;*/
	background-size: 100% auto;
}
#competencyMenu {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1000;
	width: 100%;
	height: 70px;
	overflow: hidden;
	background: url("/digitalsolution/sp/usecase/case/images/common/bg_menu.png") right top;
}
#competencyMenu.floating {
	position: fixed!important;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 9999;
}
.pc #competencyMenu .contentsWidth {
	display: block!important;
	padding: 0!important;
}
#competencyMenu ul {
	display: table;
	width: 100%;
	height: 70px;
}
#competencyMenu ul li {
	float: left;
	display: table;
}
#competencyMenu ul li:first-child { width: 33%; }
#competencyMenu ul li:nth-child(2) { width: 33%; }
#competencyMenu ul li:nth-child(3) { width: 33%; }
#competencyMenu.sdemo ul li:first-child { width: 26%; }
#competencyMenu.sdemo ul li:nth-child(2) { width: 36%; }
#competencyMenu.sdemo ul li:nth-child(3) { width: 37%; }
#competencyMenu ul li a {
	display: table-cell;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	line-height: 130%;
}
#competencyMenu ul li a span {
	padding-right: 16px;
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrowunder01.png") right center no-repeat;
	background-size: 11px 7px;
	font-size: 16px;
	color: #ffffff;
}
#competencyMenu ul li.upArrow a span {
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrowupper01.png") right center no-repeat;
	background-size: 11px 7px;
}
#competencyMenu ul li a:hover {
	background-color: #222222;
	text-decoration: underline;
	color: #ffffff;
}


/* education
=========================================================================================== */
#bgModal { display: none; }
#educationMain {
	position: relative;
	background-image: url('/lumada/education/images/edu_title.png');
	background-color: #000; /*202005 追加*/
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 100%;
	height: 350px;
	box-sizing: border-box;
	/*min-height: 357px;
	padding-bottom: 15px;
	background-size: 100% auto; */
}
/* .educationIn {
	max-width: 965px;
	margin: 0 auto;
	padding-top: 130px;
} タイトル画像差し替えに伴い変更 20200226*/

#educationMain .contentsWidth:first-child {
	min-height: 350px;
	position: relative;
}

#educationMain h1 {
	padding-top: 130px;
	padding-left: 15px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 45px;
	font-weight: bold;
	color: #ffffff;
    text-shadow: 1px 1px 3px #000000;
	/*margin-bottom: 45px;
	font-size: 42px;
	line-height: 120%; タイトル画像差し替えに伴い変更 20200226*/
}

#educationMain .SubTitle {/*グロナビ対応に伴い追加 20171027*/
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 120%;
}

#educationMenu {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1000;
	width: 100%;
	height: 70px;
	overflow: hidden;
	background-color: rgba(0,0,0,1);
	/*background: url("/digitalsolution/sp/usecase/case/images/common/bg_menu.png") right top; タイトル画像差し替えに伴い変更 20200226*/
}
#educationMenu.floating {
	position: fixed!important;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 9999;
}
.pc #educationMenu .contentsWidth {
	display: block!important;
	padding: 0!important;
}
#educationMenu ul {
	display: table;
	width: 100%;
	height: 70px;
}
#educationMenu ul li {
	float: left;
	display: table;
}
#educationMenu ul li:first-child { width: 50%; }
#educationMenu ul li:nth-child(2) { width: 50%; }
<!--#educationMenu ul li:nth-child(3) { width: 33%; }-->
#educationMenu.sdemo ul li:first-child { width: 26%; }
#educationMenu.sdemo ul li:nth-child(2) { width: 36%; }
#educationMenu.sdemo ul li:nth-child(3) { width: 37%; }
#educationMenu ul li a {
	display: table-cell;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	line-height: 130%;
}
#educationMenu ul li a span {
	padding-right: 16px;
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrowunder01.png") right center no-repeat;
	background-size: 11px 7px;
	font-size: 12px;/*16px →12px タイトル画像差し替えに伴い変更 20200226*/
	color: #ffffff;
}
#educationMenu ul li.upArrow a span {
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrowupper01.png") right center no-repeat;
	background-size: 11px 7px;
}
#educationMenu ul li a:hover {
	background-color: #222222;
	text-decoration: underline;
	color: #ffffff;
}
.icon_map {
	padding-top: 3px;
}


/* blockchain
=========================================================================================== */
.bgBlockchain01 {
	min-height: 480;
	background: url("/lumada/about/competency/blockchain/images/blockchain_photo01.jpg") center center no-repeat;
	background-size: cover;
}
.bgBlockchain02 {
	min-height: 480;
	background: url("/lumada/about/competency/blockchain/images/blockchain_photo02.jpg") center center no-repeat;
	background-size: cover;
}
h3.serviceTitleStyle01 span {
	background-color: #ef7b2a;
	padding: 10px 20px;
	color: #ffffff;
}
dt.competencyNB {
	padding-bottom : 3px;
	padding-right : 10px;
	float : left;
}
dt.competencyNB img{ 
	margin-bottom : 25px;
}

/*------BoxPatternC（背景なし、枠線のみ）-----*/

div.BoxPatternC.BoxSC003 {
	margin: 0 0 15px;/*
	padding: 10px 11px 0;
	border: solid 1px #d6d6d6;*/
	background-color: #fff !important;
}

div.BoxPatternC.BoxSC003 h2 {
	margin: 0 0 5px;
	padding: 0 0 10px 0;
	background: none;
}

div.BoxPatternC.BoxSC003 h2 span {
	display: block;
	padding: 10px 15px;
	font-size: 110%;
	font-weight: bold;
	color: #575757;
	line-height: 130%;
	background-color: #fff;
}



/* usecase
=========================================================================================== */
#usecaseMain {
	position: relative;
	min-height: 357px;
	margin-bottom: 50px;
	background: url("/lumada/usecase/images/img_usecase01.jpg") center top no-repeat;
	background-size: 100% auto;
}
.usecaseIn {
	max-width: 965px;
	margin: 0 auto;
	padding-top: 85px;
}
#usecaseMain h1 {
	margin-bottom: 45px;
	text-align: center;
	font-weight: bold;
	font-size: 42px;
	color: #ffffff;
	line-height: 120%;
}
#usecaseBnrArea {
	max-width: 965px;
/*	margin: 0 auto 70px auto;*/
	margin: 0 auto 0 auto; /* 20170223 修正 */
	background-color: #e5e5e5;
}
#usecaseBnrArea .usecaseBnr {
	width: 50.0518134%;
	float: left;
}
#usecaseBnrArea .usecaseText {
	width: 49.9481865%;
	float: left;
	padding-top: 7%;
	padding-left: 45px;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#usecaseBnrArea .usecaseText dt {
	font-weight: bold;
	font-size: 26px;
}
#usecaseBnrArea .usecaseText dd { margin-bottom: 20px; }
#usecaseBnrArea .usecaseText dd:last-child { margin-bottom: 0px; }
.linkArrow {
	padding-right: 15px;
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrow.png") right center no-repeat;
	background-size: 6px 10px;
	color: #333333!important;
	text-decoration: none!important;
}
.linkArrow:hover { padding-right: 18px; }
#usecaseList li {
	float: left;
	width: 32.2279792%;
	margin-right: 1.658031%;
	margin-bottom: 1.658031%;
	padding: 2.2797927%;
	border: solid 4px #e5e5e5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#usecaseList li:nth-child(3n) { margin-right: 0; }
#usecaseList li dl dt { font-weight: bold; }
#usecaseList li dl dd { padding-top: 15px; }
#moreBtn02 {
	margin-bottom: 30px;
	padding: 12px;
	background-color: #e5e5e5;
	text-align: center;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
#moreBtn02 span {
	padding-right: 20px;
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_more.png") right center no-repeat;
	background-size: 11px 7px;
}
#moreBtn02:hover {
	background-color: #d1d0d0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
#usecaseList li dl dd a {
	padding-right: 17px;
	background: url("/image/jp/r1/icon/icon_link_right_hover_hd.gif") right center no-repeat;
	background-size: 16px 16px;
}
.bnrOnly { padding: 20px 0 50px 0; }


/* experience
=========================================================================================== */
#bgModal { display: none; }
#showroomMain {
	position: relative;
	background-image: url('/lumada/visit/images/visit_title.png');
	background-color: #000; /*202005 追加*/
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 100%;
	height: 350px;
	box-sizing: border-box;
	/*min-height: 357px;
	padding-bottom: 15px;
	background-size: 100% auto;タイトル画像差し替えに伴い変更 20200226*/
}
#showroomMain .contentsWidth:first-child {
	/*min-height: 350px;*/
	min-height: auto;
	position: relative;
}
/*.showroomIn {
	max-width: 965px;
	margin: 0 auto;
	padding-top: 95px;
}/タイトル画像差し替えに伴い変更 20200226*/

#showroomMain h1 {
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 45px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 1px 1px 3px #000000;

	/*margin-bottom: 45px;
	font-size: 42px;
	line-height: 120%;タイトル画像差し替えに伴い変更 20200226*/
}
#showroomMain .SubTitle {/*グロナビ対応に伴い追加 20171027*/
	padding-top: 95px;/*タイトル画像差し替えに伴い変更 20200226*/
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin-bottom:5px;/*タイトル画像差し替えに伴い変更 20200226*/
	font-size: 120%;
    text-shadow: 1px 1px 1px #000000;
}
.capText06 {
	margin-bottom: 20px;
	font-size: 18px!important;
	font-weight: bold;
	color: #333333;
}
.showroomTitle01 {
	margin: 0 0 15px 0!important;
	padding: 0;
	background: none;
	font-weight: bold;
	font-size: 30px;
}
.showroomBox01 {
	padding-bottom: 15px;
	background-color: #f2f2f2;
}
.showroomBox02 { padding: 0 15px 0 35px; }
.col2Block { 
	padding-top: 70px;
}
.col2Block:first-child {
	margin-top: 70px;
}
.col2Block .col1 {
	width: 50%;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.col2Block .col2 {
	width: 50%;
	float: right;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.dlType01 { padding: 15px 15px 0 15px; }
.dlType01 dt {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
}
.dotList { margin-left: 1em; }
.dotList li { list-style-type: disc; }
#showroomMenu {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1000;
	width: 100%;
	height: 70px;
	overflow: hidden;
	background-color: rgba(0,0,0,1);
	/*background: url("/digitalsolution/sp/usecase/case/images/common/bg_menu.png") right top;タイトル画像差し替えに伴い変更 20200226*/
}
#showroomMenu.floating {
	position: fixed!important;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 9999;
}
.pc #showroomMenu .contentsWidth {
	display: block!important;
	padding: 0!important;
}
#showroomMenu ul {
	display: table;
	width: 100%;
	height: 70px;
}
#showroomMenu ul li {
	float: left;
	display: table;
}
#showroomMenu ul li:first-child { width: 33%; }
#showroomMenu ul li:nth-child(2) { width: 33%; }
#showroomMenu ul li:nth-child(3) { width: 33%; }
#showroomMenu.sdemo ul li:first-child { width: 26%; }
#showroomMenu.sdemo ul li:nth-child(2) { width: 36%; }
#showroomMenu.sdemo ul li:nth-child(3) { width: 37%; }
#showroomMenu ul li a {
	display: table-cell;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	line-height: 130%;
}
#showroomMenu ul li a span {
	padding-right: 16px;
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrowunder01.png") right center no-repeat;
	background-size: 11px 7px;
	font-size: 12px;/*16px → 12px 20200226*/
	color: #ffffff;
}
#showroomMenu ul li.upArrow a span {
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrowupper01.png") right center no-repeat;
	background-size: 11px 7px;
}
#showroomMenu ul li a:hover {
	background-color: #222222;
	text-decoration: underline;
	color: #ffffff;
}
.menuHeight { height: 70px; }
#sr03 { margin-bottom: 70px; }


/* showcasedemo
=========================================================================================== */
#showroomMain.sdemo {
	position: relative;
	min-height: 357px;
	padding-bottom: 15px;/*75px→15px 修正 20170112*/
	background: url("/lumada/about/competency/showcasedemo/images/img_showcasedemo01.jpg") center top no-repeat;
	background-size: 100% auto;
}
.sdemo .showroomIn {
	max-width: 965px;
	margin: 0 auto;
	padding-top: 85px;
}
#showroomMain.sdemo h1 {
	margin-bottom: 45px;
	text-align: center;
	font-weight: bold;
	font-size: 42px;
	color: #ffffff;
	line-height: 120%;
}
.capText07 {
	margin-bottom: 30px;
	text-align: center;
	font-size: 18px!important;
	font-weight: bold;
	color: #333333;
}
.scdText01 {
	margin-bottom: 30px;
	text-align: center;
}
.scdBox01 { padding: 70px 0 50px 0; }
.scdBox02 {
	padding: 70px 0 50px 0;
	background-color: #f2f2f2;
}
.scdBox03 { padding: 70px 0 20px 0; }
#sr03.scdBox03 { margin-bottom: 0; }
.notes01 li {
	margin-bottom: 3px;
	font-size: 12px;
}


/* visit
=========================================================================================== */
#visitMenu {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1000;
	width: 100%;
	height: 70px;
	overflow: hidden;
	background: url("/digitalsolution/sp/usecase/case/images/common/bg_menu.png") right top;
}
#visitMenu.floating {
	position: fixed!important;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 9999;
}
.pc #visitMenu .contentsWidth {
	display: block!important;
	padding: 0!important;
}
#visitMenu ul {
	display: table;
	width: 100%;
	height: 70px;
}
#visitMenu ul li {
	float: left;
	display: table;
}
#visitMenu ul li:first-child { width: 23%; }
#visitMenu ul li:nth-child(2) { width: 23%; }
#visitMenu ul li:nth-child(3) { width: 30%; }
#visitMenu ul li:nth-child(4) { width: 23%; }
#visitMenu.sdemo ul li:first-child { width: 23%; }
#visitMenu.sdemo ul li:nth-child(2) { width: 23%; }
#visitMenu.sdemo ul li:nth-child(3) { width: 30%; }
#visitMenu.sdemo ul li:nth-child(4) { width: 23%; }
#visitMenu ul li a {
	display: table-cell;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	line-height: 130%;
}
#visitMenu ul li a span {
	padding-right: 16px;
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrowunder01.png") right center no-repeat;
	background-size: 11px 7px;
	font-size: 15px;
	color: #ffffff;
}
#visitMenu ul li.upArrow a span {
	background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrowupper01.png") right center no-repeat;
	background-size: 11px 7px;
}
#visitMenu ul li a:hover {
	background-color: #222222;
	text-decoration: underline;
	color: #ffffff;
}
.visit #showroomMain h1 {
	padding-left: 0;
	padding-top: 145px !important;
}
@media screen and (max-width: 578px) {
	.visit #showroomMain h1 {
		padding-top: 100px !important;
	}
}
.visit #sr01 {
	margin-top: 90px;
}
@media screen and (max-width: 768px) {
	.visit #sr01 {
		margin-top: 100px;
	}
}
@media screen and (max-width: 620px) {
	.visit #sr01 {
		margin-top: 260px;
		padding-top: 20px;
	}
}
/*20210317MOD*/
.visit #competencyMenuAbout {
	/*height: auto !important;
	bottom: -90px  !important;*/
}
@media screen and (max-width: 768px) {
	.visit #competencyMenuAbout {
		/*bottom: -160px;*/
		bottom: -120px;
		height: auto;
	}
}
@media screen and (max-width: 620px) {
	.visit #competencyMenuAbout {
		bottom: -240px !important;
	}
}
.visit #competencyMenuAbout ul {
	height: auto !important;
	background: none !important;
}
.visit #competencyMenuAbout ul li {
	height: auto !important;
	width: auto !important;
}
@media screen and (max-width: 768px) {
	.visit #competencyMenuAbout ul li {
		width: 50% !important;
		border-bottom: solid 1px #fff !important;
		box-sizing: border-box !important;
	}
	.visit #competencyMenuAbout ul li:nth-child(odd) {
		border-right: solid 1px #fff;
	}
	.visit #competencyMenuAbout ul li:last-child {
		border-bottom: none !important;
	}
}
@media screen and (max-width: 620px) {
	.visit #competencyMenuAbout ul li {
		width: 100% !important;
		border-left: none !important;
		border-right: none !important;
	}
}
.visit #competencyMenuAbout ul li a {
	/*padding: 12px 20px !important;
	height: auto !important;*/
	padding: 0 20px;
}
@media screen and (max-width: 768px) {
	.visit #competencyMenuAbout ul li a {
		padding: 0 !important;
		height: 40px !important;
	}
}
.visit .showroomTitle01+.SubTitle {
	margin: 0 0 15px 0 !important;
	color: #333;
	font-size: 20px;
}
@media screen and (max-width: 767px) {
	.visit .showroomTitle01+.SubTitle {
		font-size: 16px;
	}
}
.visitcapText06 {
	text-align: left;
	font-weight: bold;
    font-size: 18px!important;
    font-weight: bold;
	line-height: 150%;
    margin-bottom: 20px;
    color: #333333;
}


/* Adjust
=========================================================================================== */
img { font-size: 0; }
img.imgHover01:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)"
}
/* 画像リンク下のテキスト */
a.imgLink { font-size: 80%; margin-top: 15px; }

.pcOnly { display: block; }
.spOnly { display: none; }
.spOnlyInline { display: none; }
.mb0 { margin-bottom: 0px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb50 { margin-bottom: 50px!important; }
.mb70 { margin-bottom: 70px!important; }
.taC { text-align: center; }
.fwNormal { font-weight: normal; }


/* clearFix
***************************************************** */
.cf:before,
.cf:after {
	content: "";
	display: table;
}
.cf:after { clear: both; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
*:first-child+html .clearfix { zoom: 1; }

.competency2Column:after,
#topBlock02:after,
.col2Block:after,
#usecaseList:after,
#usecaseBnrArea:after,
#grandBlock:after,
.serviceBtnList:after,
.contentsWidth:after,
#topicsList:after,
#aboutBlock06 .boxFloat:after,
#aboutBlock04 dl:after,
#aboutBlock02 .abLeft01:after,
#aboutBlock01.ftSecBtnList:after,
#footerSec ul.ftSecBtnList:after,
#footerSecIndex ul.ftSecBtnList:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

*:first-child+html .competency2Column { zoom: 1; }
*:first-child+html #topBlock02 { zoom: 1; }
*:first-child+html .col2Block { zoom: 1; }
*:first-child+html #usecaseList { zoom: 1; }
*:first-child+html #usecaseBnrArea { zoom: 1; }
*:first-child+html #grandBlock { zoom: 1; }
*:first-child+html .serviceBtnList { zoom: 1; }
*:first-child+html .contentsWidth { zoom: 1; }
*:first-child+html #topicsList { zoom: 1; }
*:first-child+html #aboutBlock06 .boxFloat { zoom: 1; }
*:first-child+html #aboutBlock04 dl { zoom: 1; }
*:first-child+html #aboutBlock02 .abLeft01 { zoom: 1; }
*:first-child+html #aboutBlock01 { zoom: 1; }
*:first-child+html #footerSec ul.ftSecBtnList { zoom: 1; }
*:first-child+html #footerSecIndex ul.ftSecBtnList { zoom: 1; }

/* 共通
***************************************************** */
.LinkListStyle1, /* 2018.1.16 追加*/
.LinkListStyle3 {
	font-size: 16px;
}
.ShowRWD2{
	display: none;
}