/***************************************
	PC版トップページ用CSS
	
	
***************************************/


/* トップ画像 */

.nl-index-top-image-section{
	max-width:100%;
}

.nl-index-top-image-section img{
	width:100%;
}

/* サービス概要 */

.nl-index-overview-section{
	margin:0 auto;
	background:url('../img/index/overview-background.jpg') no-repeat;
	background-position:center;
	background-size: cover;
	position:relative;
}

.nl-index-overview-section .nl-index-overview-headline{
	max-width:90%;
	min-width:90%;
	margin:0 auto;
	padding:80px 0px 0px 0px;
}

.nl-index-overview-section .nl-index-overview-fourth-strengths-item-list{
	max-width:90%;
	min-width:90%;
	margin:0 auto;
	padding:30px 0px 150px 0px;
}

/* 需要データ */

.nl-index-demand-data-section{
	margin:0 auto;
	position:relative;
}

.nl-index-demand-data-section .nl-index-demand-data-headline{
	max-width:90%;
	min-width:90%;
	margin:0 auto;
	padding:12% 0px 0px 4%;
}

.nl-index-demand-data-section .nl-index-demand-data{
	max-width:90%;
	min-width:90%;
	margin:0 auto;
	padding:3% 0px 10% 4%;
}

/* 興味 */

.nl-index-interest-section{
	margin:0 auto;
	background:url('../img/index/interest-back.jpg') no-repeat;
	background-position:center;
	background-size: cover;
	position:relative;
}


.nl-index-interest-section .nl-index-interest{
	max-width:90%;
	min-width:90%;
	margin:0 auto;
	padding:150px 0px 150px 0px;
}

.nl-index-interest-section .nl-index-interest img{
	margin:0px 0px 0px 5%;
}


/* お問い合わせ */

.nl-index-contact-section{
	width:100%;
	position:relative;
	margin:0 auto;
	background:url('../img/index/contact-background.jpg') no-repeat;
	background-position:top;
	background-size: cover;
}

.nl-index-contact-section .nl-index-contact{
	margin:0 auto;
	text-align:center;
	padding-bottom:6.5%;
}

.nl-index-contact-section .nl-index-contact-headline{
	margin:0 auto;
	padding:100px 0px 0px 10%;
}

.nl-index-contact-section .nl-index-contact-description-catch{
	max-width:100%;
	min-width:100%;
	text-align:center;
}

.nl-index-contact-section .nl-index-contact-body{
	margin:0 auto;
	margin-top:37%;
	display:flex;
	justify-content:center;
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-tel{
	width:100%;
	margin:20px 20px 20px 50px;
	display:flex;
	background:#2a3a71;
	border-radius:20px;
	color:#ffffff;
	justify-content:center;
	align-items: center;
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-tel .contact-tel-icon{
	margin-right:2%;
	margin-top:2%;
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-tel .contact-tel-icon img{
	height:min(5vw,80px);
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-tel .contact-tel-info{
	flex-direction:column;
	justify-content:flex-start;
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-tel .contact-tel-info .contact-tel-sub-catch{
	font-size:min(1vw,20px);
	margin-top:10px;
	text-align:center;
	color:#2a3a71;
	background-color:#ffffff;
	font-weight:bold;
	border-radius: 20px;
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-tel .contact-tel-info .contact-tel-number{
	font-size:min(4vw,53px);
	letter-spacing: 0.06em;
	text-align:center;
	font-weight:bold;
	line-height:1.5;
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-tel .contact-tel-info .contact-tel-window{
	font-size:min(1vw,15px);
	display:flex;
	margin-bottom:10px;
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-link{
	width:100%;
	display:flex;
	margin:20px 50px 20px 20px;
	background: url('../img/icon/arrow-white.png') no-repeat #f29800;
	background-position: 95% center;
	background-size: 3%;
	border-radius:20px;
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-link a{
	display:flex;
	font-size:min(2.6vw,40px);
	color:#ffffff;
	align-items:center;
	justify-content:center;
	flex-grow:1;
	border-radius:20px;
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-link a:link,
.nl-index-contact-section .nl-index-contact-body .nl-index-contact-link a:visited{
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-link a:hover{
	background:#f9ce85;
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-link .nl-index-contact-mail{
	width:100%;
	display:flex;
	border-radius:20px;
	color:#ffffff;
	justify-content:center;
	align-items: center;
	padding:20px;
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-link .nl-index-contact-mail .contact-mail-icon{
	margin-right:2%;
	margin-top:2%;
	margin-left:-3%;
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-link .nl-index-contact-mail .contact-mail-icon img{
	height:min(5vw,80px);
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-link .nl-index-contact-mail .contact-mail-icon-arrow{
	margin-left:5%;
	margin-top:2%;
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-link .nl-index-contact-mail .contact-mail-icon-arrow img{
	height:min(5vw,80px);
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-link .nl-index-contact-mail .contact-mail-info{
	flex-direction:column;
	justify-content:flex-start;
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-link .nl-index-contact-mail .contact-mail-info .contact-mail-sub-catch{
	font-size:min(1vw,20px);
	margin-top:10px;
	text-align:center;
	color:#f29800;
	background-color:#ffffff;
	font-weight:bold;
	border-radius: 20px;
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-link .nl-index-contact-mail .contact-mail-info .contact-mail-body{
	font-size:min(2.3vw,38px);
	letter-spacing: 0.06em;
	text-align:center;
	font-weight:bold;
	line-height:2;
}

.nl-index-contact-section .nl-index-contact-body .nl-index-contact-link .nl-index-contact-mail .contact-mail-info .contact-mail-window{
	font-size:min(1vw,15px);
	margin-bottom:10px;
}



/* 共感 */

.nl-index-sympathy-section{
	position:relative;
}


.nl-index-sympathy-section .nl-index-sympathy{
	margin:0 auto;
}

/* サービス */

.nl-index-service-section{
	margin:0 auto;
	background-position:center;
	position:relative;
	padding:0px 0px 150px 0px;
}

.nl-index-service-section .nl-index-service-headline{
	text-align:right;
	margin:0px 40px;
	padding:15% 0px 0px 150px;
}

.nl-index-service-section .nl-index-service{
	max-width:90%;
	min-width:90%;
	margin:0px auto;
	padding:15% 0px 0px 0px;
}

.nl-index-service-section .nl-index-service .nl-index-service-01{
	margin:0px auto;
}

.nl-index-service-section .nl-index-service .nl-index-service-01 p{
	margin:60px auto 150px;
	text-align:center;
	font-size:min(1.4vw,18px);
	color:#2a3a71;
}

.nl-index-service-section .nl-index-service .nl-index-service-01 .nl-index-service-01-description{
	margin-bottom:10%;
}


.nl-index-service-section .nl-index-service .nl-index-service-02 .nl-index-service-02-description{
	margin-bottom:10%;
}

.nl-index-service-section .nl-index-achievements{
	list-style: none;
	margin:0 auto;
	background:#2a3a71;
	padding:120px 0px 150px 0px;
}


.nl-index-service-section .nl-index-achievements .nl-index-achievements-headline{
	text-align:center;
	color:#ffffff;
	font-size:min(4.5vw,70px);
	text-decoration: underline;
}

.nl-index-service-section .nl-index-achievements .nl-index-achievements-item-list-row{
	max-width:90%;
	min-width:90%;
	margin:0 auto;
}

.nl-index-service-section .nl-index-achievements .nl-index-achievements-item-list-row .nl-index-achievements-item-list-body{
	text-align:center;
	margin:0 auto 4%;
}

.nl-index-service-section .nl-index-achievements .nl-index-achievements-item-list-row p{
	text-align:center;
	font-size:min(1.5vw,23px);
	margin-bottom:10%;
	color:#ffffff;
}

.nl-index-service-section .nl-index-achievements .nl-index-achievements-works{
	max-width:90%;
	min-width:90%;
	margin:10% auto 5%;
	display:flex
}


.nl-index-service-section .nl-index-achievements .nl-index-achievements-works .nl-index-achievements-works-box{
	width:50%;
	margin:0px 45px 0px 0px;
}

.nl-index-service-section .nl-index-achievements .nl-index-achievements-works .nl-index-achievements-works-box ul.worksList li img{
	width:100%;
}

.nl-index-service-section .nl-index-achievements .nl-index-achievements-works .nl-index-achievements-works-body{
	width:57%;
}

.nl-index-service-section .nl-index-achievements .nl-index-achievements-works .nl-index-achievements-works-body img{
	margin:8% 0px 18%;
}

.nl-index-service-section .nl-index-achievements .nl-index-achievements-works .nl-index-achievements-works-body .nl-index-achievements-works-link{
	width:80%;
}

.nl-index-service-section .nl-index-achievements .nl-index-achievements-works .nl-index-achievements-works-body .nl-index-achievements-works-link a{
	font-weight:bold;
	background:#ffffff;
	padding:20px 30px;
	border-radius:50px;
	font-size:min(2vw,30px);
	flex-grow:1;
}

.nl-index-service-section .nl-index-achievements .nl-index-achievements-works .nl-index-achievements-works-body .nl-index-achievements-works-link a:link,
.nl-index-service-section .nl-index-achievements .nl-index-achievements-works .nl-index-achievements-works-body .nl-index-achievements-works-link a:visited{
	color:#2a3a71;
}

.nl-index-service-section .nl-index-achievements .nl-index-achievements-works .nl-index-achievements-works-body .nl-index-achievements-works-link a:hover{
	background:#f29800;
}

/* 理由 */

.nl-index-reason-section{
	margin:0 auto;
	position:relative;
	list-style: none;
	padding:50px 0px 100px 0px;
}

.nl-index-reason-section .nl-index-reason-headline{
	text-align:right;
	margin:0px 40px;
	padding:15% 0px 0px 150px;
}

.nl-index-reason-section .nl-index-reason-item-list-row{
	max-width:90%;
	min-width:90%;
	display:flex;
	align-items:center;
	flex-direction: row-reverse;
	margin:10% auto;
}

.nl-index-reason-section li:nth-of-type(even) .nl-index-reason-item-list-row{
	max-width:90%;
	min-width:90%;
	display:flex;
	align-items:center;
	flex-direction: row;
	margin:5% auto;
}

.nl-index-reason-section .nl-index-reason-item-list-row .nl-index-reason-item-list-row-image{
	width:35%;
	min-width:35%;
	max-width:35%;
}

.nl-index-reason-section li:nth-of-type(even) .nl-index-reason-item-list-row .nl-index-reason-item-list-row-image{
	width:35%;
	min-width:35%;
	max-width:35%;
}

.nl-index-reason-section .nl-index-reason-item-list-row .nl-index-reason-item-list-row-body{
}

.nl-index-reason-section .nl-index-reason-item-list-row .nl-index-reason-item-list-row-body dl{
	margin-right:50px;
}

.nl-index-reason-section li:nth-of-type(even) .nl-index-reason-item-list-row .nl-index-reason-item-list-row-body dl{
	margin-left:50px;
}

.nl-index-reason-section .nl-index-reason-item-list-row .nl-index-reason-item-list-row-body dl dt .main-title{
	margin-bottom:2%;
	color:#2A3A71;
	font-weight:bold;
	font-size:min(2.6vw,48px);
}

.nl-index-reason-section .nl-index-reason-item-list-row .nl-index-reason-item-list-row-body dl dt .sub-title{
	color:#7f89aa;
	font-weight:bold;
	font-size:min(2.3vw,45px);
}

.nl-index-reason-section .nl-index-reason-item-list-row .nl-index-reason-item-list-row-body dl dd{
	margin:0px;
	color:#333333;
	font-weight:580;
	font-size:min(1.6vw,28px);
	line-height:1.7;
}

/* サポート */

.nl-index-support-section{
	margin:0 auto;
	position:relative;
	list-style: none;
}

.nl-index-support-section .nl-index-support-headline{
	text-align:right;
	margin:0px 40px;
	padding:15% 0px 150px 150px;
}

.nl-index-support-section .nl-index-support-top-image{
	width:100%;
	min-width:100%;
	max-width:100%;
}

.nl-index-support-section .nl-index-support-item-list-row{
	max-width:90%;
	min-width:90%;
	display:flex;
	align-items:center;
	margin:100px auto;
}

.nl-index-support-section .nl-index-support-item-list-row .nl-index-support-item-list-row-image{
	width:45%;
	min-width:45%;
	max-width:45%;
	margin:0 auto;
}

.nl-index-support-section .nl-index-support-item-list-row .nl-index-support-item-list-row-body{
}

.nl-index-support-section .nl-index-support-item-list-row .nl-index-support-item-list-row-body dl{
	margin-left:8%;
}

.nl-index-support-section .nl-index-support-item-list-row .nl-index-support-item-list-row-body dl dt{
	margin-bottom:8%;
}

.nl-index-support-section .nl-index-support-item-list-row .nl-index-support-item-list-row-body dl dd{
	margin:0px;
}

/* 流れ */

.nl-index-flow-voice-section{
	margin:0 auto;
	position:relative;
	list-style: none;
	padding:50px 0px 150px 0px;
}

.nl-index-flow-voice-section .nl-index-flow-headline{
	text-align:right;
	margin:0px 40px;
	padding:15% 0px 150px 150px;
}

.nl-index-flow-voice-section .nl-index-flow-body{
	max-width:90%;
	min-width:90%;
	margin:0px auto;
}

.nl-index-flow-voice-section .nl-index-flow-body img{
	margin:0px auto;
}


/* お客様の声 */


.nl-index-flow-voice-section .nl-index-voice-headline{
	text-align:right;
	margin:130px 40px 0px;
	padding:100px 0px 120px 150px;
}

.nl-index-flow-voice-section .nl-index-voice-item-list-row{
	max-width:90%;
	min-width:90%;
	margin:0px auto 100px;
	display:flex;
	align-items:center;
}

.nl-index-flow-voice-section .nl-index-voice-item-list-row .nl-index-voice-item-list-icon{
}

.nl-index-flow-voice-section .nl-index-voice-item-list-row .nl-index-voice-item-list-icon dl{
	align-items:left;
	margin-right:10%;
}

.nl-index-flow-voice-section .nl-index-voice-item-list-row .nl-index-voice-item-list-icon dl dt{
	text-align:center;
}

.nl-index-flow-voice-section .nl-index-voice-item-list-row .nl-index-voice-item-list-icon dl dt img{
	width:90%;
	min-width:90%;
	max-width:90%;
}

.nl-index-flow-voice-section .nl-index-voice-item-list-row .nl-index-voice-item-list-icon dl dd{
	color:#2A3A71;
	text-align:center;
	font-weight:bold;
	font-size:min(3.5vw,50px);
	margin:20px 0 0 0;
	letter-spacing: 0.3em;
}

.nl-index-flow-voice-section .nl-index-voice-item-list-row .nl-index-voice-item-list-row-body{
	align-items:right;
	width:75%;
	min-width:75%;
	max-width:75%;
	background:#91bce6;
	border-radius:20px;
	position:relative;
	list-style: none;
	padding:50px 0px;
}

.nl-index-flow-voice-section .nl-index-voice-item-list-row .nl-index-voice-item-list-row-body dl{
	margin:0px 60px;
}

.nl-index-flow-voice-section .nl-index-voice-item-list-row .nl-index-voice-item-list-row-body dl dt .main-title{
	color:#ffffff;
	font-weight:bold;
	font-size:min(4vw,45px);
	margin:0px 0px 20px 0px;
}

.nl-index-flow-voice-section .nl-index-voice-item-list-row .nl-index-voice-item-list-row-body dl dt .sub-title{
	color:#ffffff;
	font-weight:bold;
	font-size:min(3vw,35px);
}

.nl-index-flow-voice-section .nl-index-voice-item-list-row .nl-index-voice-item-list-row-body dl dd{	
	margin:0px;
	color:#ffffff;
	font-weight:bold;
	font-size:min(1.7vw,20px);
	line-height:1.7;
}


/* 最後 */


.nl-index-bottom-section{
	position:relative;
	margin:0 auto;
}