@charset "Shift_JIS";

.pb20{padding-bottom:20px;}

#Contents p {
font-size: 100%;
margin-bottom: 16px;
}

.contentsWidth {
	padding: 0 16px;
}

@media screen and (max-width: 994px) {
br.AdjustHeight{
display:none;
}
}

h2{
font-size: 30px;
font-weight: bold;
margin-bottom: 60px;
background-image: none;
padding:2px;
border-bottom:4px solid #E2E2E2;
line-height: 1.2em;
}
@media screen and (max-width: 767px){
h2{
font-size: 28px;
font-weight: bold;
}
.JS h2{
margin: 0 0 30px 0;
}
}

h3{
font-size: 28px;
font-weight: bold;
color: #333;
margin-top: 60px;
margin-bottom: 30px;
padding: 0;
line-height: 1.2em;
}

p.ButtonStyle1{
text-align:right;
}

p.ButtonStyle1 a {
margin: 0;
font-size: 16px;
color: #17316D;
border: 1px solid #17316D;
border-radius: 3px;
background-image: url(/products/it/lumada/images/icon_s_arrow05.png);
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
word-break: break-all;
}

p.ButtonStyle1 a:link,
p.ButtonStyle1 a:visited {
padding: 4px 16px 4px 12px;
background-color: #fff;
color: #17316D;
text-decoration: none;
border-right: 1px solid #17316D;
}

p.ButtonStyle1 a:hover,
p.ButtonStyle1 a:active {
padding: 4px 16px 4px 12px;
background-color: #17316D;
color: #fff;
text-decoration: none;
background-image: url(/image/jp/r1/icon/icon_link_right_l_white_hd.gif);
}

p.ButtonStyle1.BlueButton a {
color: #fff;
border: 1px solid #17316D;
background-color:#17316D;
background-image: url(/image/jp/r1/icon/icon_link_right_l_white_hd.gif);
}

p.ButtonStyle1.BlueButton a:link,
p.ButtonStyle1.BlueButton a:visited{
color: #fff;
border: 1px solid #17316D;
text-decoration: none;
background-color:#17316D;
background-image: url(/image/jp/r1/icon/icon_link_right_l_white_hd.gif);
}

p.ButtonStyle1.BlueButton a:hover,
p.ButtonStyle1.BlueButton a:active {
padding: 4px 16px 4px 12px;
background-color: #1E4292;
color: #fff;
text-decoration: underline;
background-image: url(/image/jp/r1/icon/icon_link_right_l_white_hd.gif);
}

#DEBUMain{
position: relative;
background: url(/products/it/lumada/evaluation/images/title.jpg);
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 300px;
box-sizing: border-box;
padding: 0 16px;
background-size: cover;
}

@media screen and (max-width: 767px){
#DEBUMain{
height: auto!important;
min-height: auto;
padding: 16px 16px;
}

#DEBUMain .contentsWidth{
background-color: rgba(0, 0, 0, 0.5);
padding-bottom:30px;
}
}

@media screen and (max-width: 399px){
#DEBUMain{
background-position:-900px top;
}
}

#DigitalInnovation,
#Specialist,
#LIHT{
padding-top:70px;
}



#Articles .ContentsArea{
padding-top:80px;
padding-bottom:80px;
}


#DEBUMain h1{
padding-top:60px;
font-size: 46px;
}
#DEBUMain h1,
#DEBUMain .SubHeader{
	font-weight: bold;
	color: #fff;
	text-shadow:1px 1px 8px #333,
		0 0 1em #333,
		0 0 0.2em #333;
}

@media screen and (max-width: 767px) {
#DEBUMain h1{
		padding-top: 30px;
		padding-bottom:20px;
		font-size: 30px;
	}
#DEBUMain .SubHeader{
margin-bottom:0;
}
}

@media screen and (max-width: 399px) {
#DEBUMain h1 span{
display:inline-block;
}
/*
#DEBUMain .contentsWidth {
    padding: 0;{
}
*/
/*タイトルを1行表示にする場合は、padding:0のコメントアウトを解除し、inline-blockをコメントアウトする*/

#DEBUMain h1{
line-height:100%;
}
}

#Articles .contentsWidth{
margin-bottom:0;
}

#Articles h2{
font-size: 28px;
font-weight: normal;
border: none;
margin-bottom: 20px;
}
/*
@media screen and (max-width: 767px){
	#Articles p{
		padding-bottom:30px;
	}

}
*/


.EsgBanner{
position: relative;
background: url(/products/it/lumada/evaluation/images/img_08.png);
background-repeat: no-repeat;
background-position: center;
width: 100%;
box-sizing: border-box;
background-size: cover;
border-radius:10px;
margin-bottom:60px;
}



.EsgBanner a {
	display: block;
	text-decoration: none;
	color: #fff;
	text-shadow:1px 1px 2px #333, 0 0 1em #333, 0 0 0.2em #333;
}

.EsgBanner a:hover,
.EsgBanner a:active {
	opacity:0.7;
	background-color: #ffffff1b;
}
.EsgBanner a:hover img,
.EsgBanner a:visited img{
	opacity: 0.8;
}
@media screen and (max-width: 767px){
	.EsgBanner img{
		width: 100%;
	}
}

.EsgBanner a h2,
.EsgBanner a p {
	color: #333;
	text-shadow:1px 1px 2px #fff, 	0 0 1em #fff, 	0 0 0.2em #fff;
}

.EsgBanner a h2 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 0;
	background-image: none;
	padding: 15px;
	border-bottom: none;
	line-height: 1.2em;
}

.EsgBanner a p {
	padding: 0 15px 15px;
	margin: 0 !important;
}

.EsgBanner a p.Detail {
	text-align: right;
}

.EsgBanner a p.Detail span {
	color: #fff;
	text-shadow:1px 1px 2px #333, 	0 0 1em #333, 	0 0 0.2em #333;
	font-size:15px;
	padding:0 30px;
	border:1px #fff solid;
	background-color:rgba(128,128,128,0.5);
}
.EsgBanner a p.Detail span::after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(/products/it/lumada/images/icon_new_window_hd03.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin: 0px 8px;
}



/*---- LinkArea ----*/

#LinkArea {
	margin-bottom:80px;
}

#LinkArea ul {
	display: flex;
}
@media screen and (max-width: 767px) {
	#LinkArea ul {
		display: block;
	}
}
#LinkArea ul li{
	display:flex;
	width: 25%;
	border-top: 1px solid #C6C6C6;
	border-left: 1px solid #C6C6C6;
	border-bottom: 1px solid #C6C6C6;
	box-sizing: border-box;
	align-self: stretch;
}
#LinkArea ul li:last-child{
	border-right: 1px solid #C6C6C6;
}
@media screen and (max-width: 767px) {
	#LinkArea ul li{
		display:flex;
		width: 100%;
		border:none;
		border-bottom: 1px solid #C6C6C6;
	}
	#LinkArea ul li:first-child {
		border-top: 1px solid #C6C6C6;
	}
	#LinkArea ul li:last-child{
		border-right: none;
	}
	#LinkArea ul li img {
		width: 100%;
	}
}
#LinkArea ul li a {
	display: block;
	padding: 12px;
	text-decoration: none;
}

#LinkArea ul li a:link,
#LinkArea ul li a:visited {
	color: #333333;
}

#LinkArea ul li a:hover,
#LinkArea ul li a:active {
	color:#145595;
}

#LinkArea ul li a:hover img,
#LinkArea ul li a:visited img {
	opacity:0.7;
}

#LinkArea ul li img {
	width: 100%;
}

#LinkArea ul li dl {
	margin: 24px 0 12px ;
}

#LinkArea ul li dl dt {
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 20px;
	line-height: 1.2em;
}

#LinkArea ul li dl dt span{
	font-size: 16px;
}

#LinkArea ul li dl dt::after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(/products/it/lumada/images/icon_s_arrow05.png);
	background-size: contain;
	vertical-align: middle;
	margin: 0px 8px;
}

#LinkArea ul li dl dd span{
	display: block;
	margin-top:-1.5em;
}



.EachBanner .title{
font-weight:bold;
}

.EachBanner p.title::after{
content:none;
}

.SupText{
font-size:22px !important;
font-weight:bold;
}

#DigitalInnovation .SupText{
margin-top:40px;
}

.SideBySide{
	display: flex;
}
@media screen and (max-width: 767px){
.SideBySide{
display:block;
}
}

@media screen and (max-width: 767px){
#LIHT .SideBySide{
display:flex;
}
}
@media screen and (max-width: 579px){
#LIHT .SideBySide{
display:block;
}
}

.SideBySide .ImgArea img{
margin-right:0;
}
@media screen and (max-width: 767px){
.SideBySide .ImgArea img{
width: 100%;
}
}

.TextArea{
width: 100%;
padding-right: 0;
margin-left:30px;
}

.SideBySide .IntroduceBox .ImgArea img{
margin-right:0;
width:100%;
}
@media screen and (max-width: 994px) {
.SideBySide .IntroduceBox .ImgArea img{
width:100%;
}
}

.JS #Articles #Carousel{
padding-top:0;
}

.LinkBox{
border: 1px solid #BCBCBC;
box-shadow: 0 2px 4px #BCBCBC;
}

.LinkBox:not(.LastItem){
margin-bottom:30px;
}

.LinkBox.LastItem {
	margin-bottom:80px;
}

.LinkBox a{
color: #333;
display: flex;
padding: 16px;
text-decoration: none;
background-image: linear-gradient(#fdfdfd, #e9e9e9);
}
@media screen and (max-width: 767px){
.LinkBox a{
display: block;
padding: 16px;
}
}
.LinkBox a:hover,
.LinkBox a:active {
color: #145595;
background-image: linear-gradient(#ffffff, #ebebeb);
}
.LinkBox a:hover img,
.LinkBox a:visited img{
opacity: 0.7;
}
@media screen and (max-width: 767px){
.LinkBox img{
width: 100%;
}
}

.LinkBox .ImgArea img {
	border:#bcbcbc 1px solid;
}

.LinkBox p{
margin-bottom: 0 !important;
}

@media screen and (max-width: 767px){
.LinkBox .TextArea{
margin: 10px 0 0 0;
}
}

.LinkBox_Text{
padding-bottom:10px;
font-size:20px !important;
font-weight:bold;
}

.LinkBox_Text::after{
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url(/products/it/lumada/images/icon_s_arrow05.png);
background-size: contain;
vertical-align: middle;
margin: 0px 8px;
}

#Specialist .ProfArea{
align-items: flex-start;
justify-content:space-between;
margin:40px 0;;
}
@media screen and (max-width: 994px){
#Specialist .ProfArea{
flex-wrap:wrap;
}
}

@media screen and (max-width:767px){
.SideBySide.ExamplesBox .TextArea{
margin:16px 0 0 0;
}
#LIHT .SideBySide.ExamplesBox .TextArea{
margin:0 0 0 30px;
}
}
@media screen and (max-width:579px){
#LIHT .SideBySide.ExamplesBox .TextArea{
margin:16px 0 0 0;
}
}

p.ExamplesLink a:link,
p.ExamplesLink a:visited{
color: #17316D;
text-decoration: none;
}
p.ExamplesLink a:hover,
p.ExamplesLink a:active{
color: #17316D;
text-decoration: underline;
}
p.ExamplesLink a::after{
content: '';
display: inline-block;
width: 16px;
height: 16px;
background-image: url(/products/it/lumada/images/icon_s_arrow05.png);
background-size: contain;
vertical-align: middle;
margin: 0px 6px;
}

p.ExamplesLink.Newwin a::after{
background-image: url(/products/it/lumada/images/icon_new_window_hd02.png);
}

.IntroduceBox{
box-shadow: 0 0 4px #BCBCBC;
padding:20px;
width:calc(100%/3);
margin:0 16px;
}
@media screen and (max-width: 994px) and (min-width:768px){
.IntroduceBox{
max-width: 50%;
min-width: 40%;
margin-bottom:20px;
}
}

@media screen and (max-width: 767px){
.IntroduceBox{
width:initial;
margin-left:0;
margin-right:0;
}
.IntroduceBox:not(.LastItem){
margin-bottom:20px;
}
}

.IntroduceBox p{
width:auto;
}

@media screen and (max-width: 994px) {
#Contents .IntroduceBox p.name{
margin:0 0 4px 0;
}
}

.name ruby{
font-size:22px;
}

.post{
font-weight:bold;
color:#17316D;
}

.Img_Text{
display:flex;
margin-bottom:20px;
}

#LIHT .LIHT_Box{
position:relative;
margin:0 auto 40px auto;
/*margin-bottom:40px;*/
max-width:1200px;
}

@media screen and (min-width: 995px) and (max-width: 1304px){
.OptionWideRWD #Contents #LIHT .SideBySide .ImgArea img{
max-width:initial;
}
}

@media screen and (max-width: 994px){
.JS #Contents #LIHT .SideBySide .ImgArea img{
max-width:initial;
}
}

@media screen and (max-width: 767px){
#LIHT .SideBySide .ImgArea img{
width:230px;
height:auto;
}
.JS #Contents #LIHT .SideBySide .ImgArea img{
max-width:initial;
}
}

.LinkBox p.LinkBox_Text.NewWin:after{
background-image:url(/products/it/lumada/digital_engineering/images/icon_new_window_hd02.png);
}

.LinkBox p.LinkBox_Text.Pdf:after{
	background-image: url(/products/it/lumada/images/icon_pdf_navy.png);
}

h3.UnderLine{
border-bottom:1px solid #333;
padding-bottom:5px;
}

#Specialist h3{
clear:both;
}

#Contents .accordion .content p{
margin-bottom:0;
}


#Contents p.ButtonStyle3{
padding: 4px 16px 4px 12px;
margin-bottom:0;
border-radius:5px;
border: 1px solid #17316D;
background-image:url(/products/it/lumada/digital_engineering/images/icon_new_window_hd02.png);
background-repeat: no-repeat;
background-position: right 18% center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
text-align:center;
}

p.ButtonStyle3 a{
color: #17316D;
cursor: pointer;
font-size: 16px;
text-decoration:none;

}


/*アコーディオン*/

/*ベース*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
padding:4px 16px 4px 12px;;
display: block;
color: #17316D;
background:#fff;
border:solid 1px #17316D;
border-radius:3px;
text-align:center;
}
.Label:hover {		/*タイトル*/
display: block;
color: #fff;
background:#17316D;
}
.Label::before{		/*タイトル横の矢印*/
content:"";
width: 6px;
height: 6px;
border-top: 2px solid #17316D;
border-right: 2px solid #17316D;
-webkit-transform: rotate(45deg);
position: absolute;
top:calc( 50% - 5px );
right: 10px;
transform: rotate(135deg);
transition: all 0.3s;
}
.Label:hover::before{
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}

.Label,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.content {		/*本文*/
height: 0;
padding:10px 0 0 0;
overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
height: auto;
padding:20px 0 0 0;
transition: all .3s;
}
.toggle:checked + .Label::before {
transform: rotate(-45deg) !important;
}



/*--- TextLink ---*/

a.TextLink01 {
	color: #17316d;
}

a.TextLink01:hover {
	color: #17316d;
	text-decoration: underline;
	background-color: #ddecf4;
}

/*--- RoundBtnArea ---*/

.RoundBtnArea {
	margin-bottom:80px;
}

p.ButtonStyle1.RoundBtn a {
	color: #fff;
	border: 1px solid #17316D;
	background-color:#17316D;
	background-image: url(/products/it/lumada/images/icon_circle_arrow_01.png);
	border-radius: 100vh;
	background-repeat: no-repeat;
	background-position: right 2% center;
	background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	-o-background-size: 24px 24px;
	-ms-background-size: 24px 24px;
	word-break: break-all;
	transition: 0.5s;
}

p.ButtonStyle1.RoundBtn a:link,
p.ButtonStyle1.RoundBtn a:visited{
	color: #fff;
	border: 1px solid #17316D;
	text-decoration: none;
	background-color:#17316D;
	background-image: url(/products/it/lumada/images/icon_circle_arrow_01.png);
	padding: 8px 44px 8px 24px;
}

p.ButtonStyle1.RoundBtn a:hover,
p.ButtonStyle1.RoundBtn a:active {
	padding: 8px 44px 8px 24px;
	background-color: #fff;
	color: #17316D;
	text-decoration: none;
	border: 1px solid #17316D;
	background-image: url(/products/it/lumada/images/icon_circle_arrow_02.png);
}

p.ButtonStyle1.RoundBtn span {
	font-weight: bold;
}