@charset "UTF-8";

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

Name: responsive.css

Description: Common Settings for Responsive Web Design

Create: 2016.10.05
Update: 2016.10.25

Copyright 2016 Hitachi, Ltd. 

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

/* for - 2000px
=========================================================================================== */

@media screen and (max-width: 2000px) {
/* showcasedemo
------------------------------------------------------------------------------------------- */
/*	#showroomMain.sdemo { background-size: 2000px auto; margin-bottom: 15px;} */
/*	#educationMain.sdemo { background-size: 2000px auto; margin-bottom: 15px;} */
}

/* for - 1500px
=========================================================================================== */

@media screen and (max-width: 1500px) {
/* TOP
------------------------------------------------------------------------------------------- */
	#topBlock01 { background-size: 1500px auto; }
	#footerSec, #footerSecIndex { background-size: 1500px auto; }

/* about
------------------------------------------------------------------------------------------- */
	#aboutMain { /*background-size: 1500px auto!important;*/ padding: 0 15px; }

/* insight
------------------------------------------------------------------------------------------- */
	#insightMain { background-size: 1500px auto; }

/* service
------------------------------------------------------------------------------------------- */
	#serviceMain { background-size: 1500px auto; }

/* usecase
------------------------------------------------------------------------------------------- */
	#usecaseMain { background-size: 1500px auto; }

/* showroom
------------------------------------------------------------------------------------------- */
/*	#showroomMain { background-size: 1500px auto; } タイトル画像差し替えに伴う変更 20200226*/
/*	#educationMain { background-size: 1500px auto; } タイトル画像差し替えに伴う変更 20200226 */

/* showcasedemo
------------------------------------------------------------------------------------------- */
/*	#showroomMain.sdemo { background-size: 1500px auto; margin-bottom: 15px;} タイトル画像差し替えに伴う変更 20200226 */
/*	#educationMain.sdemo { background-size: 1500px auto; margin-bottom: 15px;} タイトル画像差し替えに伴う変更 20200226 */
}


/* for - 1024px
=========================================================================================== */

@media screen and (max-width: 1024px) {
/* about
------------------------------------------------------------------------------------------- */
	#aboutMain {
		background-size: auto 100%;
		background-attachment: scroll;
	}
	#aboutBlock01 .abLeft02 {
		padding-right: 15px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.spOnlyInline { display: inline; }
	#aboutBlock02 .abLeft02 {
		background-image: none;
		text-align: center;
		vertical-align: middle;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#aboutBlock02 .abLeft02 img {
		width: 100%;
		height: auto;
	}
	#aboutBlock03 .abLeft02 {
		padding-right: 15px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#aboutBlock04/*,#aboutBlock05*/,#aboutBlock06,#aboutBlock07/*,#aboutBlock08*/,#aboutBlock02 {
		padding-left: 15px;
		padding-right: 15px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#aboutBlock05 .contentsWidth,#aboutBlock08 .contentsWidth,#aboutBlock09 .contentsWidth, #topicsMain .contentsWidth {
		padding-left: 15px ;
		padding-right: 15px ;
	}
	#aboutBlock05 .BKG {
		min-height: 330px;
	}
}


/* for - 994px
=========================================================================================== */

@media screen and (max-width: 994px) {
/* TOP
------------------------------------------------------------------------------------------- */
	#BrandingImgStyle_hero h2 img {
		width: 86%!important;
		margin-left: 8%;
		margin-right: 8%;
	}

/* insight
=========================================================================================== */
	.insightIn { padding-top: 20px; }

/* service
=========================================================================================== */
	#grandLeft .grandLeftIn { padding-left: 15px; }
	#grandRight .grandRightIn { padding-right: 15px; }

/* showroom
=========================================================================================== */
	.col2Block .col1 { padding-left: 15px; }
	.showroomBox02 { padding: 15px 15px 0 15px; } /*タイトル画像差し替えに伴う変更 20200226 */
	.Section.showroomNote {/*グロナビ対応に伴い追加 20171027*/
		padding-left: 15px;
		padding-right: 15px;
	}

/* competency
=========================================================================================== */
	.competency2Column { padding: 0 15px; }
	.competencyBlock01 { padding: 20px 15px 30px 15px; }
	.competencyBlock02 { padding: 30px 15px 60px 15px; }

/* consulting
=========================================================================================== */
	.serviceArea { padding: 70px 15px; }

/* showcasedemo
=========================================================================================== */
	.scdBox01,.scdBox02,.scdBox03 { padding: 70px 15px; }

}

/** 20200303 MegaMenu **/
.OptionRWD.JS .MMSet {
	padding-left: 15px;
	padding-right: 15px;
}

/* for - 767px
=========================================================================================== */

@media screen and (max-width: 767px) {
/* TOP
------------------------------------------------------------------------------------------- */
	#BrandingImgStyle_hero { height: 580px; }
	.BrandingIn { top: 100px; }
	#BrandingImgStyle_hero h1 { margin-bottom: 50px; }
	#BrandingImgStyle_hero h2 { margin-bottom: 100px; }
	.topMainText { font-size: 18px; }
	#topBlock01 { min-height: auto; }
	#topBlock01 .contentsWidth {
		min-height: auto;
		padding: 20px 15px;
		background-size: cover;
	}
	#topBlock01 h2 {
		margin: 0 0 5px!important;
		padding: 0 0 20px 0;
		font-size: 20px;
	}
	#topBlock01 .contentsWidth p { padding-left: 0; }
	#footerSec, #footerSecIndex { min-height: auto; }
	#footerSec .contentsWidth,
	#footerSecIndex .contentsWidth {
		min-height: auto;
		padding: 15px 70px; /*関連リンクの幅調整 2017-10-10*/
		/*padding: 15px; 変更前*/
	}
	#footerSecIndex .contentsWidth .relatedLink { margin-top: 0; }
	.ftSecBtnList { padding-top: 0px; }
	#topBlock02 { padding: 0 0 15px 0; }
	#topBlock02 .col1 {
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	#topBlock02 .col2 {
		float: none;
		width: 100%;
	}
	#topBlock02 .tbTitle {
		margin-bottom: 5px;
		padding: 0;
		font-size: 18px;
	}
	.iconArrow { padding-left: 0; }
	#topBlock02 .tbText { padding: 0; }
	#topBlock02 .col1 a,#topBlock02 .col2 a {
		min-height: 120px;
		padding: 50px 15px 50px 15px;
	}
	.topMainBtn { width: auto; }
	.topMainBtn a {
		padding: 15px;
		font-size: 15px;
	}
	
/*--- 20190823追加 ---*/	
	#topBranding {
		min-height: auto;
		margin-bottom: 15px;
		padding-bottom: 50px;/*0→50px ページ内リンク修正に伴い修正 20180123*/
	}
	.topIn { padding: 46px 15px; }/*60px→46px グロナビ対応に伴い修正 20171027*/
	#topBranding h1 {
		margin-bottom: 0;
		font-size: 20px;
	}
	#topBranding .SubTitle {/*グロナビ対応に伴い追加 20171027*/
		margin-bottom: 5px;
		font-size: 90%;
	}
	

/* about
------------------------------------------------------------------------------------------- */
	#bgModal {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 998;
		width:100%;
		height: 120%;
		background-color: rgba(0,0,0,0.7);
	}
	#aboutMain {
		height: auto!important;
		min-height: auto;
		/*padding-bottom: 100px;*/
		padding-bottom: 30px;
	}
	#aboutMain .contentsWidth:first-child {
		height: auto!important;
		min-height: auto;
		/*padding: 0 15px;*/
	}
	#aboutMain h1 {
		padding-top: 30px;
		padding-bottom: 20px;
		font-size: 24px;
	}
	#aboutMain .capText01 {
		margin-bottom: 10px;
		font-size: 16px;
		display: block;
		float: none;
	}
	#aboutMain .imgStyle01 {
		margin-bottom: 30px;
	}
	#aboutMain .mainText01 {
		position: static;
		right: auto;
		bottom: auto;
	}
	#spBtn {
		position: absolute;
		right: 10px;
		top: 10px;
		display: block;
		width: 55px;
		height: 58px;
		background: #212121 url("/digitalsolution/sp/usecase/case/images/common/btn_spmenu_open.png") left top no-repeat;
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
		cursor: pointer;
	}
	#spBtn:hover {
		background-color: #000000;
		opacity: 0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha(opacity=60)";
	}
	.sp #spBtn.spOpen { background: #212121 url("/digitalsolution/sp/usecase/case/images/common/btn_spmenu_close.png") left top no-repeat; }
	.sp #aboutMenu {
		position: absolute;
		top: 0;
		left: 0;
		bottom: auto;
		width: 100%;
		height: auto;
		padding-top: 78px;
		background: none;
	}
	.sp #aboutMenu.spFloating {
		position: fixed!important;
		top: 0px;
		left: 0px;
		right: 0px;
		z-index: 9999;
	}
	.sp #aboutMenu .contentsWidth {
		display: none;
		padding: 0;
	}
	.sp #aboutMenu ul {
		width: 100%;
		height: auto;
		border-top: solid 1px #666666;
	}
	.sp #aboutMenu ul li {
		float: none;
		display: blcok;
	}
	.sp #aboutMenu ul li:first-child { width: 100%; }
	.sp #aboutMenu ul li:nth-child(2) { width: 100%; }
	.sp #aboutMenu ul li:nth-child(3) { width: 100%; }
	.sp #aboutMenu ul li:nth-child(4) { width: 100%; }
	.sp #aboutMenu ul li:last-child { width: 100%; }
	.sp #aboutMenu ul li a {
		display: block;
		height: auto;
		padding: 15px 16px 15px 10px;
		background: #222222 url("/digitalsolution/sp/usecase/case/images/common/icon_arrowunder01.png") right 10px center no-repeat;
		background-size: 11px 7px;
		border-bottom: solid 1px #666666;
	}
	.sp #aboutMenu ul li.upArrow a {
		background: #222222 url("/digitalsolution/sp/usecase/case/images/common/icon_arrowupper01.png") right 10px center no-repeat;
		background-size: 11px 7px;
	}

	.sp #aboutMenu ul li a span {
		background: none;
		font-size: 14px;
		color: #ffffff;
	}
	.sp #aboutMenu ul li a:hover {
		background-color: #111111;
		text-decoration: underline;
		color: #ffffff;
	}
	#aboutBlock01,#aboutBlock02,#aboutBlock03,#aboutBlock04,#aboutBlock05,#aboutBlock06,#aboutBlock07,#aboutBlock08,#aboutBlock09 {
		display: block!important;
		height: auto!important;
	}
	#aboutBlock05 .BKG,#aboutBlock08 .BKG,#aboutBlock09 .BKG {
		padding-left: 15px !important;
		padding-right: 15px !important;
		padding-bottom: 30px;
		min-height: auto;
	}
	.abLeft01,.abLeft02,.abOne { display: block!important; }
	#aboutBlock01 .abLeft01 {
		float: none;
		width: 100%;
		height: 200px;
		background-size: 100% auto!important;
		background-attachment: scroll;
	}
	#aboutBlock01 .abLeft02 {
		width: 100%;
		float: none;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 15px;
		padding-right: 15px;
	}
	#aboutBlock01 .abLeft02 h2 {
		margin: 0;
		font-size: 18px;
		text-align: center;
	}
	#aboutBlock01 .abLeft02 h3 {
		margin-bottom: 10px;
		font-size: 16px;
		text-align: center;
	}
	#aboutBlock01 .abLeft02 .inner01 {
		float: none;
		max-width: 100%;
	}
	/*#aboutBlock02 { background-color: #c5cace; }*/
	#aboutBlock02 .abLeft01 {
		width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 15px;
		padding-right: 15px;
		float: none;
		background-size: 100% auto!important;
		background-attachment: scroll;
	}
	#aboutBlock02 .abLeft02 {
		float: none;
		width: auto;
		padding-top: 20px;
		padding-bottom: 20px;
		background: none;
		text-align: center;
	}
	#aboutBlock02 .abLeft02 img { margin-top: 0; }
	#aboutBlock02 .abLeft01 .inner01 {
		float: none;
		max-width: 100%;
	}
	#aboutBlock02 .abLeft01 h2 {
		margin-bottom: 20px;
		padding: 0 15px;
		font-size: 20px;
		text-align: center;
	}
	#aboutBlock02 .abLeft01 h3 {
		margin-bottom: 10px;
		font-size: 16px;
		text-align: center;
	}
	#aboutBlock03 .abLeft01 {
		float: none;
		width: 100%;
		height: 200px;
		background-position: center center;
		background-size: 100% auto!important;
		background-attachment: scroll;
	}
	#aboutBlock03 .abLeft02 {
		float: none;
		width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 15px;
		padding-right: 15px;
		background: url("/lumada/about/images/img_about04_02.jpg") left bottom no-repeat;
		background-size: 100% auto;
	}
	#aboutBlock03 .abLeft02 h3 {
		margin-bottom: 10px;
		font-size: 16px;
		text-align: center;
	}
	#aboutBlock03 .abLeft02 p.mb15 { text-align: left; }
	#aboutBlock03 .abLeft02 .inner01 {
		float: none;
		max-width: 100%;
		text-align: center;
	}
	.capText01 { font-size: 16px!important; }
	.capText02 {
		margin-bottom: 10px!important;
		font-size: 16px!important;
	}
	#aboutBlock04,#aboutBlock05,#aboutBlock06,#aboutBlock07,#aboutBlock08,#aboutBlock09 {
		padding-top: 0;
		/*padding-top: 20px;*/
		padding-bottom: 20px;
	}
	#aboutBlock04 h2 {
		padding: 0;
		font-size: 18px;
	}
	#aboutBlock04 dl { margin-bottom: 15px; }
	#aboutBlock04 dl dt {
		width: 100%;
		float: none;
		text-align: left;
		font-size: 16px;
	}
	#aboutBlock04 dl dt span { padding-right: 0; }
	#aboutBlock04 dl dt span.subE { display: inline; font-size: 16px; }
	#aboutBlock04 dl dd {
		width: 100%;
		float: none;
	}
	#aboutBlock04 dl dd span { padding-left: 0; }
	#aboutBlock05 h2.ab05Title {
		padding-top: 90px;
		font-size: 20px;
		margin-right: 0;
		margin-left: 0;
	}
	#aboutBlock05 p {
		margin-bottom: 15px;
		text-align: left;
	}
	#aboutBlock05 p.imgStyle01 { text-align: center; }
	#aboutBlock05 p.capText03 {
		margin-bottom: 10px!important;
		font-size: 16px!important;
		text-align: center;
	}
	#aboutBlock06 h2 {
		padding-top: 0;
		background: none;
		font-size: 18px;
	}
	#aboutBlock06 .abLeft01 {
		float: none;
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	#aboutBlock06 .abLeft02 {
		float: none;
		width: 100%;
	}
	#aboutBlock06 p { padding-left: 0; }
	#aboutBlock07 {
		padding-bottom: 32%; }
	#aboutBlock07 h2 {
		margin: 0 0 10px 0;
		padding-top: 0;
		font-size: 18px;
	}
	#aboutBlock07 p {
		margin-bottom: 0;
		text-align: left;
	}
	.bgNonType .ftSecBtnList .LinkBox3 { padding-top: 0; }
	#aboutBlock08 .inner01,#aboutBlock09 .inner01 {
		max-width: 100%;
		float: none;
	}
	#aboutBlock08 h2.ab08Title,#aboutBlock09 h2.ab09Title {
		/*padding: 0;*/
		font-size: 20px;
		margin-right: 0;
		margin-left: 0;
	}
	
	/** 202002 for Renewal **/
	.JS #aboutMain .wrapper {
		padding: 25px 0 0 0;
	}
	.JS #competencyMenuAbout {
		bottom: -70px;
	}
	.JS .education #competencyMenuAbout {
		bottom: -30px;
	}
	.JS #aboutBlock02 {
		margin-top: 70px;
	}
	.JS .serviceImagesBtn03 a {
		background-size: 100% auto;
		background-position: center top -35px;
	}
	.JS .serviceImagesBtn03.nexperience {
		margin-bottom: 15px;
	}
	.JS #aboutBlock05 .Column2.LastItem p {
		text-align: center;
	}
	.JS .serviceImagesBtn03 .spbTitle01 {
		margin-top: 20px;
	}
	.JS #aboutBlock05, #aboutBlock09, #aboutBlock08, #footerSecIndex {
		margin-top: 0px;
	}
	.JS #aboutBlock09 {
		margin-bottom: 40px;
	}
	.JS #aboutBlock05, #aboutBlock08 {
		margin-bottom: 20px;
	}
	.JS .ColumnSet .ImgOnlyStyle img {
		width: auto;
	}
	.JS #aboutBlock02 .abLeft02 img {
		width: auto;
	}
	.JS .LinkBox ul.LinkButtons a {
		font-size: 85%;
	}
	.JS .ShowRWD2{
		display: inline;
	}

/* 202008 追加 */
.LinkBox3.button li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    min-height: 100px
}


/* insight
=========================================================================================== */
	#insightMain { min-height: auto; }
	#insightMain .contentsWidth { padding: 20px 15px; }
	.insightIn {
		float: none;
		width: 100%;
		padding-bottom: 20px;
	}
	#insightMain h1 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.capText04 {
		margin-bottom: 15px;
		font-size: 16px;
	}


/* Topics & News
=========================================================================================== */
	#topicsMain { padding: 0 15px; }
	#topicsList li {
		float: none;
		width: 100%;
		margin-right: 0;
	}


/* service
=========================================================================================== */
	#serviceMain { min-height: auto; }
	.serviceIn { padding: 20px 15px; }
	#serviceMain h1 {
		margin-bottom: 30px;
		font-size: 20px;
	}
	#serviceTitle {
		padding: 15px;
		font-size: 18px;
	}
	.serviceTitleStyle01 { font-size: 18px; }
	.capText05 { font-size: 16px; }

	#serviceContents { padding: 15px; }
	.serviceBtnList li a { padding: 50px 15px 10px 15px; }
	.serviceBtnList li a span.serTitle01 {
		margin-bottom: 30px!important;
		font-size: 18px;
	}
	.serviceBtnList li a span.serText01 { font-size: 16px; }
	.serviceTextStyle01.mb40 { margin-bottom: 10px!important; }
	.grandImg01 { text-align: center; }
	.serviceImages { margin-bottom: 30px; }
	.serviceImagesBtn01 {
		position: static;
		left: 0;
		bottom: 0;
		width: 100%;
		margin-bottom: 15px;
	}
	.serviceImagesBtn02 {
		position: static;
		left: 0;
		bottom: 0;
		width: 100%;
		margin-bottom: 15px;
	}

	.serviceImagesBtn03 a {
		min-height: auto;
		background: none;
		background-color: #191919;
	}
	.serviceImagesBtn03 a span.btnCover {
		display: block;
		padding: 20px 20px 30px;
	}
	.serviceImagesBtn03 .spbTitle01 {
		margin-bottom: 5px;
		/*font-weight: normal;*/
		font-size: 120%;
	}
	.serviceImagesBtn03 .spbTitle02 { font-size: 96%; }

	.serviceImagesBtn01 a {
		display: block;
		border: solid 2px #ec8035;
		text-decoration: none;
		background-color: #191919;
	}
	.serviceImagesBtn02 a {
		display: block;
		border: solid 2px #ec8035;
		text-decoration: none;
		background-color: #191919;
	}
	.spServiceBtn {
		display: block;
		padding: 30px 10px;
	}
	.spbTitle01 {
		display: block;
		font-size: 16px;
		color: #ffffff;
	}
	.spbTitle02 {
		/*background: url("/digitalsolution/sp/usecase/case/images/common/icon_arrow02.png") right center no-repeat;*/
		background-size: 9px 14px;
		padding-right: 15px;
		font-size: 14px;
		color: #ffffff;
	}


/* nexperience
=========================================================================================== */
	#grandBlock h2 { margin: 0 0 10px 0; }
	#grandLeft {
		width: 100%;
		float: none;
	}
	#grandLeft .grandLeftIn {
		float: none;
		max-width: 100%;
		padding: 15px;
	}
	#grandRight {
		float: none;
		width: 100%;
	}
	#grandRight .grandRightIn {
		max-width: 100%;
		padding: 0;
	}


/* consulting
=========================================================================================== */
	.bgEngineering {
		min-height: auto;
		background: none;
	}
	.serviceArea { padding: 15px; }


/* competency
=========================================================================================== */
	.bgCompetency {
		min-height: auto;
		background: none;
	}
	.difineList01 dt { margin-bottom: 5px; }
	.competencyBlock02 { padding-bottom: 15px; }
	.competency2Column { margin-bottom: 15px; }
	.competency2Column .col1 {
		float: none;
		width: 100%;
		margin-bottom: 15px;
		padding-right: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.competency2Column .col2 {
		float: none;
		width: 100%;
		padding-left: 0;
	}
	.competencyTitle01 {
		margin: 0 0 15px 0!important;
		font-size: 18px;
		text-align: left;
	}
	.competencyTitle02 {
		margin: 0 0 10px 0!important;
		font-size: 16px;
	}
	.serviceTitleStyle02 { padding: 0!important; }
	.tableType01 { margin-bottom: 20px !important; }
	#grandBlock { margin-bottom: 30px; }


/* usecase
=========================================================================================== */
	#usecaseMain {
		min-height: auto;
		margin-bottom: 15px;
		background: url("/lumada/usecase/images/img_usecase01.jpg") center center no-repeat;
	}
	.usecaseIn { padding: 60px 15px; }
	#usecaseMain h1 {
		margin-bottom: 0;
		font-size: 20px;
	}
	#usecaseBnrArea .usecaseBnr {
		width: 100%;
		float: none;
		text-align: center;
	}
	#usecaseBnrArea .usecaseText {
		width: 100%;
		float: none;
		padding: 15px;
	}
	#usecaseBnrArea .usecaseText dt { font-size: 18px; }
	#usecaseList li {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	#usecaseReading { padding: 0 15px; }
	#usecaseBnrArea { margin-bottom: 15px; }
	.col2Block .col1 {
		float: none;
		width: 100%;
		margin-bottom: 15px;
		padding: 0 15px;
	}
	.col2Block .col2 {
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	.bnrOnly { padding: 0 0 20px 0; }


/* showroom
=========================================================================================== */
	#showroomMain {
		min-height: auto;
		margin-bottom: 15px;
		padding-bottom: 50px;/*0→50px ページ内リンク修正に伴い修正 20180123*/
	}
	.showroomIn { padding: 46px 15px; }/*60px→46px グロナビ対応に伴い修正 20171027*/
	/*#showroomMain h1 {
		margin-bottom: 0;
		font-size: 20px;
	} タイトル画像差し替えに伴う変更 20200226*/
	#showroomMain .SubTitle {/*グロナビ対応に伴い追加 20171027*/
		margin-bottom: 5px;
		font-size: 90%;
	}
	.showroomTitle01 { font-size: 20px!important; }
	.capText06 { font-size: 16px!important; }
	.dlType01 dt { font-size: 16px!important; }
	.menuHeight { height: auto; }
	.col2Block {
		margin-bottom: 24px;
		padding-top: 0;
	}
/*	#sr03 { margin-bottom: 15px; }
	.sp #showroomMenu {
		position: absolute;
		top: 0;
		left: 0;
		bottom: auto;
		width: 100%;
		height: auto;
		padding-top: 78px;
		background: none;
	}
	.sp #showroomMenu.spFloating {
		position: fixed!important;
		top: 0px;
		left: 0px;
		right: 0px;
		z-index: 9999;
	}
	.sp #showroomMenu .contentsWidth {
		display: none;
		padding: 0;
	}
	.sp #showroomMenu ul {
		width: 100%;
		height: auto;
		border-top: solid 1px #666666;
	}
	.sp #showroomMenu ul li {
		float: none;
		display: blcok;
	}
	.sp #showroomMenu ul li:first-child { width: 100%; }
	.sp #showroomMenu ul li:nth-child(2) { width: 100%; }
	.sp #showroomMenu ul li:nth-child(3) { width: 100%; }
	.sp #showroomMenu ul li:nth-child(4) { width: 100%; }
	.sp #showroomMenu ul li:last-child { width: 100%; }
	.sp #showroomMenu ul li a {
		display: block;
		height: auto;
		padding: 15px 16px 15px 10px;
		background: #222222 url("/digitalsolution/sp/usecase/case/images/common/icon_arrowunder01.png") right 10px center no-repeat;
		background-size: 11px 7px;
		border-bottom: solid 1px #666666;
		text-align: left;
	}
	.sp #showroomMenu ul li.upArrow a {
		background: #222222 url("/digitalsolution/sp/usecase/case/images/common/icon_arrowupper01.png") right 10px center no-repeat;
		background-size: 11px 7px;
	}

	.sp #showroomMenu ul li a span {
		background: none;
		font-size: 14px;
		color: #ffffff;
	}
	.sp #showroomMenu ul li a:hover {
		background-color: #111111;
		text-decoration: underline;
		color: #ffffff;
	} タイトル画像差し替えに伴う変更 20200226*/


/* showcasedemo
=========================================================================================== */
	#showroomMain.sdemo {
		min-height: auto;
		padding-bottom: 0;
	}
	#showroomMain.sdemo .showroomIn { padding: 20px 15px; }
	#showroomMain.sdemo h1 {
		margin-bottom: 30px;
		font-size: 20px;
	}
	.scdBox01,.scdBox02,.scdBox03 { padding: 15px; }
	.capText07 { text-align: left; }
	.scdText01 { text-align: left; }


/* education
=========================================================================================== */
	#educationMain .contentsWidth:first-child {
    height: auto!important;
    min-height: auto;
}
/*	#educationMain {
		min-height: auto;
		margin-bottom: 15px;
		padding-bottom: 50px;
	}
	.educationIn { padding: 46px 15px; }
	#educationMain h1 {
		margin-bottom: 0;
		font-size: 20px;
	}
	#educationMain .SubTitle {
		margin-bottom: 5px;
		font-size: 90%;
	} タイトル画像差し替えに伴う変更 20200226*/


/* 共通
------------------------------------------------------------------------------------------- */
	.PageTop.origPT {
		display: none;
	}

/* Adjust
=========================================================================================== */
	.pcOnly { display: none; }
	.spOnly { display: block; }
	.spOnlyInline { display: inline; }
	.spPd15 { padding: 15px!important; }
}


/* for - 685px
=========================================================================================== */

@media screen and (max-width: 686px) {
/* showcasedemo
=========================================================================================== */
	div.BoxInnerLink ul li{
		width: 100% !important;
	}
	div.BoxInnerLink ul li:nth-child(2){
		margin-left:0 !important;
	}

}

/* for - 579px
=========================================================================================== */

@media screen and (max-width: 579px) {
/* TOP
------------------------------------------------------------------------------------------- */
	.ftSecBtnList li {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

/* service
=========================================================================================== */
	#serviceMain { background-size: auto 100%; }

	.serviceBtnList li {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.serviceBtnList li a {
		min-height: auto;
		padding: 70px 15px 70px 15px;
		background-size: 100% auto!important;
	}
	/* about
=========================================================================================== */
	/** 202002 for Renewal **/
	.JS #competencyMenuAbout {
		height: auto;
		bottom: -110px;
	}
	.JS #aboutBlock02 {
		margin-top: 110px;
	}
	.JS #competencyMenuAbout ul {
	
	}
	.JS #competencyMenuAbout ul li {
		float: none;
		width: 100%;
		border-bottom: 1px solid #C1C1C1;
	}
	.JS #competencyMenuAbout ul li a {
		height: 40px;
	}
	.JS .serviceImagesBtn03 a span.btnCover {
		padding: 20px 20px 30px;
	}
	.JS .serviceImagesBtn03 .spbTitle02 {
		font-size: 86%;
	}
	.JS .serviceImagesBtn03 .spbTitle01 {
		font-size: 100%;
		margin-top: 10px;
	}
	.JS .LinkBox ul.LinkButtons {
		flex-direction: column;
	}
	.JS .LinkBox ul.LinkButtons .button {
		width: 65%;
		align-self: center;
		margin-bottom: 15px;
	}
	
/* 202008追加 */	
	.JS .LinkBox2 ul.LinkButtons {
		flex-direction: column;
	}
	.JS .LinkBox2 ul.LinkButtons .button {
		width: 65%;
		align-self: center;
		margin-bottom: 15px;
	}
/* 202008追加ここまで */	
	
	
	.JS .serviceImagesBtn03 a {
		background-position: center top -22px;
	}
	.JS #serviceContents03 h2 {
		font-size: 20px;
	}
	.JS .col2Block:first-child {
		margin-top: 110px;
	}
	.JS .education .col2Block:first-child {
		margin-top: 40px;
	}
	.JS .ShowRWD2{
		display: none;
	}
	
	/*** IoT研修・体感できる事業所 **/
	.JS #educationMain, .JS #showroomMain {
		height:280px;
	}
	.JS #educationMain h1 {
		padding-top: 87px;
	}
	
	.JS #showroomMain .SubTitle {
		padding-top: 18px;
	}

	#FTBset .FTB a {
		padding: 35px 15px 35px 20px;
	
}

/** 202002 Added **/
@media screen and (max-width: 399px) {
	.JS .ShowRWD2 {
		display: inline;
	}
	.JS .serviceImagesBtn03 a {
		background-size: auto auto;
	}
	.JS #aboutBlock05 {
		margin-bottom: 0;
	}
	.JS .serviceImagesBtn03 .spbTitle01 {
		background-position: right 13px center;
	}
	
	/*** IoT研修・体感できる事業所 **/
	.JS #showroomMain h1 {
		font-size: 38px;
	}
}