@charset "UTF-8";

@import url("https://www.nissan.co.jp/COMMON/WEBFONTS/ShinGoPro-Light/woff/ShinGoPro-Light.css");
@import url("https://www.nissan.co.jp/COMMON/WEBFONTS/ShinGoPro-Bold/woff/ShinGoPro-Bold.css");
@import url("https://www.nissan.co.jp/COMMON/WEBFONTS/ShinGoPro-Regular/woff/ShinGoPro-Regular.css");

main.page-supply{
	margin-top: 100px;
	font-family: ShinGoPro-Regular,sans-serif;
	font-size: 20px;
}
main.page-supply br{
	font-size: 0;
}
main.page-supply ul,
main.page-supply ol,
main.page-supply figure{
	margin: 0;
	padding: 0;
}
main.page-supply ul li,
main.page-supply ol li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
main.page-supply p,
main.page-supply li,
main.page-supply dt,
main.page-supply dd,
main.page-supply th,
main.page-supply td{
	margin: 0;
	line-height : 140% ;
}
main.page-supply h1,
main.page-supply h2,
main.page-supply h3,
main.page-supply h4{
	margin: 0;
	line-height : 120% ;
}
main.page-supply img{
	vertical-align: bottom;
}
main.page-supply a{
	color: #c3092f;
	text-decoration: underline;
	transition-duration: 0.3s ;
}

main.page-supply a:focus,
main.page-supply input:focus{
	outline: none;
}

main.page-supply a,
main.page-supply button,
main.page-supply input[type=submit],
main.page-supply input[type=button]{
	text-decoration : none ;
	transition-duration : 0.3s ;
}
main.page-supply a:hover,
main.page-supply button:hover,
main.page-supply input[type=submit]:hover,
main.page-supply input[type=button]:hover{
	opacity: 0.5;
}

main.page-supply h1,
main.page-supply h2,
main.page-supply h3,
main.page-supply h4{
	line-height: 140%;
	font-weight: normal;
}
main.page-supply p,
main.page-supply li,
main.page-supply dt,
main.page-supply dd,
main.page-supply th,
main.page-supply td{
	line-height: 180%;
}
main.page-supply strong,
main.page-supply b{
	font-weight: normal;
}

/******************************************************************************
	common
******************************************************************************/
main.page-supply div.block{
	padding: 90px 0;
}
main.page-supply div.block:first-of-type{
	padding: 60px 0;
}
main.page-supply div.block:last-of-type{
	padding-bottom: 0;
}
main.page-supply div.block:nth-of-type(2n){
	background: #efefef;
}
main.page-supply div.block section{
	max-width: 920px;
	margin: 0 auto;
}
#contents-wrapper .l-floating.isVisible{
	display: none;
}
/******************************************************************************
	header
******************************************************************************/
main.page-supply header{
	max-width: 1300px;
	margin: 0 auto;
	padding: 45px 0 30px;
	background: url("../images/bg_kv.jpg") center center no-repeat;
	background-size: cover;
}
main.page-supply header h1 picture img{
	margin: 0 auto;
	text-align: center;
}
/******************************************************************************
	section.description
******************************************************************************/
main.page-supply section.description{
	padding: 30px 0;
	background: url("../images/bg_description.jpg") center center no-repeat;
	background-size: cover;
	border-radius: 25px;
	text-align: center;
	font-size: 24px;
}
main.page-supply section.description h2{
	width: 300px;
	height: 98px;
	margin: 0 auto;
	background: url("../images/bg_description_ttl.png") center top no-repeat;
	color: #fff;
	line-height: 60px;
}
/******************************************************************************
	section.about
******************************************************************************/
main.page-supply section.about dl{
	margin-bottom: 40px;
}
main.page-supply section.about dl:last-of-type{
	margin-bottom: 0;
}
main.page-supply section.about dl dt{
	padding: 10px 0 10px 70px;
	background: #888888 url("../images/ico_about.svg") left 40px center no-repeat;
	border-radius: 20px 20px 0 0;
	color: #fff;
}
main.page-supply section.about dl dd{
	padding: 30px 40px;
	background: #fff;
}
main.page-supply section.about dl:first-of-type dd{
	font-size: 24px;
}
main.page-supply section.about dl dd ul li{
	list-style-type: disc;
	margin-left: 1.5em;
}
main.page-supply section.about dl dd ol li{
	position: relative;
	padding-left: 1em;
}
main.page-supply section.about dl dd ol li span{
	position: absolute;
	left: 0;
}
/******************************************************************************
	section.preparation
******************************************************************************/
main.page-supply section.preparation p.btn{
	width: 530px;
	margin: 0 auto 90px;
}
main.page-supply section.preparation p.btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 120px;
	background: #c3002f url("../images/ico_arrow.svg") right 22px center no-repeat;
	border-radius: 20px;
	text-align: center;
	color: #fff;
	font-size: 22px;
}
main.page-supply section.preparation div.preparation{
	padding: 50px;
	background: #efefef;
	border-radius: 20px;
}
main.page-supply section.preparation div.preparation h2{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	margin-bottom: 30px;
	background: #007ec6;
	border-radius: 25px;
	font-size: 24px;
	color: #fff;
}
main.page-supply section.preparation div.preparation p{
	margin-bottom: 15px;
	font-size: 22px;
}
main.page-supply section.preparation div.preparation div.sample{
	padding: 30px;
	margin-bottom: 30px;
	background: #fff;
	border-radius: 10px;
}
main.page-supply section.preparation div.preparation div.sample p{
	font-size: 20px;
	line-height: 160%;
}
main.page-supply section.preparation div.preparation div.sample p strong{
	font-size: 24px;
	font-family: ShinGoPro-Bold,sans-serif;
	color: #1d2088;
}
main.page-supply section.preparation div.preparation div.sample picture img{
	margin: 0 auto;
}
main.page-supply section.preparation div.preparation div.sample + p{
	margin-bottom: 0;
	font-size: 20px;
	font-family: ShinGoPro-Bold,sans-serif;
	color: #1d2088;
}
main.page-supply section.preparation div.preparation ul{
	font-size: 18px;
}
/******************************************************************************
	fancybox
******************************************************************************/
.fancybox-content{
	padding: 50px 30px;
}

section#list{
	width: 600px;
}
section#list h2{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	margin-bottom: 40px;
	background: #007ec6;
	border-radius: 30px;
	font-size: 24px;
	color: #fff;
}
section#list dl{
	max-height: 50px;
	margin-bottom: 2px;
	line-height: 50px;
	transition-duration : 0.3s ;
	overflow: hidden;
}
section#list dl dt{
	position: relative;
	background: #999999;
	font-size: 24px;
	color: #fff;
	text-align: center;
}
section#list dl dt a{
	display: block;
	color: #fff;
}
section#list dl dt:before,
section#list dl dt:after{
	content: " ";
	position: absolute;
	right: 20px;
	top: calc(50% - 1px);
	width: 20px;
	height: 2px;
	background: #fff;
}
section#list dl dt:after{
	transform: rotate(90deg);
	transition-duration : 0.3s ;
}
section#list dl dd{
	height: 0;
	font-size: 20px;
	text-align: center;
	line-height: 50px;
	overflow: hidden;
	transition-duration : 0.3s ;
}
section#list dl dd:nth-of-type(2n){
	background: #efefef;
}
section#list dl.show{
	max-height: 999px;
}
section#list dl.show dd{
	height: 50px;
}
section#list dl.show dt:after{
	transform: rotate(0deg);
}