@charset "utf-8";

@media screen and (max-width : 768px) {
/*------------------------------------------------------------------------------------------
*
*
    /N360/css/index_sp.css
    Responsive / SP
*
*
------------------------------------------------------------------------------------------ */

#contents_area .slick-slider {
	margin-bottom: 0;
}

/* _________________________________________ head*/

#contents_area .head{
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	padding-bottom:1.8vw;
	border-bottom: solid 1px #eee;
	background-color: #fff;
}
#contents_area .head .head_01{
	float:left;
	padding-top:2vw;
	margin-left:4vw;

}
#contents_area .head .head_01 img{
	width:49.2vw;
}
#contents_area .head .btn_top{
	float:left;
	margin-left:12.5vw;
	padding-top:3.5vw;
}
#contents_area .head .btn_top a{
	font-size:2.6vw;
	display:block;

}
#contents_area .head .head_02{
	float:right;
	padding-top:1.3vw;
	padding-right:4vw;
}
#contents_area .head .head_02 img{
	width:7.5vw;
}

#contents_area {
	background: url(../images/bg.jpg);
	background-size: 100% auto;
}

.section {
	margin-bottom: 125px;
}

.section img {
	width: 100%;
}

.section h2 {
	margin: 0 15px 30px;
	font-size: 15px;
	line-height: 1.5em;
	text-align: center;
}
	
	.section h2 span {
		width: 27.6%;
		margin: 0 auto 30px;
		display: block;
	}
	
.section .copy {
	margin: 0 30px;
	font-size: 12px;
	line-height: 2em;
}

.section .img {
	margin: 38px 15px 0;
}

#introduction {
	margin-top: 45px;
}

#introduction h1 {
	width: 29.9%;
	margin: 0 auto 70px;
}

#introduction .main_image {
	width: 79.375%;
	margin: 0 auto 70px;
}

#useful .img {
	margin-right: 20px;
}

#drive .img {
	margin-right: 0;
	margin-left: 0;
}

#identity .n360 {
	margin-top: 38px;
	margin-left: 25px;
	text-align: center;
	box-sizing: border-box;
}
	
	#identity .n360 .name {
		width: 20%;
		margin: 25px auto 0 -12px;
	}
	
	#identity .n-one {
		margin-top: 50px;
		text-align: center;
	}
	
	#identity .n-one .name {
		width: 25%;
		margin: 25px auto;
	}

#n-one h2 {
	width: 45.4%;
	margin: 0 auto 50px;
}

#n-one .img {
	width: 70.4%;
	margin: 0 auto 40px 17%;
}

	#n-one .link {
		text-align: center;
	}
	
	#n-one .link a {
		padding: 0 10px;
		font-size: 13px;
		line-height: 28px;
		color: #444;
		display: inline-block;
		border: 1px solid #444;
	}
	
#contents_area .caution {
	margin: 0px 15px 50px;
	font-size: 9px;
	line-height: 1.5em;
	text-align: right;
}

}