@charset "UTF-8";


/*
■ 共通
■ 導入
■ 事例紹介
■ CONTENTS
■ リンク
*/



/* ■ 共通 ==================================================================================== */

@media only screen and (max-width: 767px) {

	.PC {
	display: none;
	}

}

@media print, screen and (min-width: 768px) {

	.SP {
	display: none;
	}

}



/* ■ 導入 ==================================================================================== */

.NL_SP_Intro_Mds_Sub {
color: #ffaa01;
}

.NL_SP_Intro_Mds {
padding: 0 !important;
}

@media only screen and (max-width: 767px) {

	.NL_SP_Intro_Mds_Sub {
	font-size: 15px !important;
	}

	.NL_SP_Intro_Mds {
	font-size: 20px !important;
	}

	.NL_SP_Intro_Lead {
	margin-top: 20px;
	font-size: 15px;
	line-height: 2;
	}

}

@media print, screen and (min-width: 768px) {

	.NL_SP_Intro_Mds_Sub {
	font-size: 20px !important;
	}

	.NL_SP_Intro_Mds {
	font-size: 32px !important;
	}

	.NL_SP_Intro_Lead {
	margin-top: 30px;
	font-size: 16px;
	line-height: 2.2;
	}

}



/* ■ 事例紹介 ==================================================================================== */

.NL_SP_ShowCase_Mds {
display: flex;
flex-flow: column;
border-left: 5px solid #ffaa01;
}

.NL_SP_ShowCase_List {
display: grid;
}

.NL_SP_ShowCase_List a {
display: block;
}

.NL_SP_ShowCase_List a.NoLink {
pointer-events: none;
}

.NL_SP_ShowCase_List_Photo img {
margin: 0 !important;
width: 100% !important;
}

.NL_SP_ShowCase_List_Lead {
font-weight: 700;
background-image: url(/images/common/icon/icon_arrowright.png);
background-repeat: no-repeat;
}

.NL_SP_ShowCase_List a.NoLink .NL_SP_ShowCase_List_Lead {
padding-left: 0;
background-image: none;
}

@media only screen and (max-width: 767px) {

	.NL_SP_ShowCase_ {
	margin-top: 40px;
	}

	.NL_SP_ShowCase_Mds {
	padding: 4px 0 0 10px;
	line-height: 1.6;
	}

	.NL_SP_ShowCase_Mds_EN {
	font-size: 14px;
	}

	.NL_SP_ShowCase_Mds_JP {
	font-size: 18px;
	}

	.NL_SP_ShowCase_Lead {
	margin-top: 20px;
	font-size: 14px;
	line-height: 1.8;
	}

	.NL_SP_ShowCase_List {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 20px;
	margin-top: 20px;
	}

	.NL_SP_ShowCase_List_Mds {
	margin-top: 6px;
	font-size: 14px !important;	
	}

	.NL_SP_ShowCase_List_Lead {
	padding: 3px 0 3px 16px;
	font-size: 12px;
	line-height: 1.6;
	background-size: 11px auto;
	background-position: 0 8px;
	}

}

@media print, screen and (min-width: 768px) {

	.NL_SP_ShowCase_ {
	margin-top: 60px;
	padding-right: 5%;
	}

	.NL_SP_ShowCase_Mds {
	padding: 4px 0 0 20px;
	line-height: 1.6;
	}

	.NL_SP_ShowCase_Mds_EN {
	font-size: 16px;
	}

	.NL_SP_ShowCase_Mds_JP {
	font-size: 26px;
	}

	.NL_SP_ShowCase_Lead {
	margin-top: 20px;
	font-size: 16px;
	}

	.NL_SP_ShowCase_List {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	margin-top: 30px;
	}

	.NL_SP_ShowCase_List_Mds {
	margin-top: 8px;
	font-size: 17px !important;	
	}

	.NL_SP_ShowCase_List_Lead {
	padding: 4px 0 4px 20px;
	font-size: 15px;
	background-size: 15px auto;
	background-position: 0 9px;
	}

}

@media (hover: hover) {

	.NL_SP_ShowCase_List a:link {
	transition: all 0.2s ease 0.01s;
	}

	.NL_SP_ShowCase_List a:hover {
	text-decoration: none !important;
	opacity: 0.7;
	}

	.NL_SP_ShowCase_List a:hover img {
	opacity: 1;
	}

}


/* ■ CONTENTS ==================================================================================== */

.NL_SP_Contents_InBox {
background-color: #f6f6f6;
}

.NL_SP_Contents_Mds {
display: flex;
flex-flow: column;
}

.NL_SP_Contents_Mds_EN {
color: #ffaa01;
}

.NL_SP_Contents_List_Photo {
display: grid;
}

.NL_SP_Contents_List_Photo img {
margin: 0 !important;
width: 100% !important;
}

@media only screen and (max-width: 767px) {

	.NL_SP_Contents_ {
	margin-top: 40px;
	}

	.NL_SP_Contents_InBox {
	padding: 30px 30px;
	}

	.NL_SP_Contents_Mds_EN {
	font-size: 14px;
	}

	.NL_SP_Contents_Mds_JP {
	margin-top: 5px;
	font-size: 18px;
	line-height: 1.5;
	}

	.NL_SP_Contents_Lead {
	margin-top: 20px;
	font-size: 14px;
	}

	.NL_SP_Contents_List_Photo {
	grid-template-columns: repeat(1, 1fr);
	gap: 5px;
	margin-top: 20px;
	}

	.NL_SP_Contents_List_Lead {
	margin-top: 10px;
	font-size: 12px;
	}

}

@media print, screen and (min-width: 768px) {

	.NL_SP_Contents_ {
	margin-top: 80px;
	padding-right: 5%;
	}

	.NL_SP_Contents_InBox {
	padding: 60px 60px;
	}

	.NL_SP_Contents_Mds_EN {
	font-size: 22px;
	}

	.NL_SP_Contents_Mds_JP {
	font-size: 26px;
	}

	.NL_SP_Contents_Lead {
	margin-top: 20px;
	font-size: 16px;
	}

	.NL_SP_Contents_List_Photo {
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-top: 40px;
	}

	.NL_SP_Contents_List_Lead {
	margin-top: 15px;
	font-size: 14.5px;
	}

}



/* ■ リンク ==================================================================================== */

.NL_SP_FooterLink_Lead a {
font-weight: 700;
text-decoration: underline;
}

@media only screen and (max-width: 767px) {

	.NL_SP_FooterLink {
	margin-top: 20px;
	padding-bottom: 20px;
	}

	.NL_SP_FooterLink_Lead {
	font-size: 14px;
	line-height: 2;
	}

}

@media print, screen and (min-width: 768px) {

	.NL_SP_FooterLink {
	margin-top: 60px;
	}

	.NL_SP_FooterLink_Lead {
	font-size: 16px;
	line-height: 2.2;
	}

}

@media (hover: hover) {

	.NL_SP_FooterLink_Lead a:link {
	transition: all 0.2s ease 0.01s;
	}

	.NL_SP_FooterLink_Lead a:hover {
	color: #066dba;;
	}

}