@charset "utf-8";

@media screen and (min-width : 769px){
/*------------------------------------------------------------------------------------------
*
*
    /N360/css/index_pc.css
    Responsive / PC
*
*
------------------------------------------------------------------------------------------ */

    #contents_area {
        background: url(../images/bg.jpg) center top;
    }
    
    .section img {
        width: 100%;
    }
    
    .section h2 {
        margin-bottom: 30px;
        font-size: 20px;
        line-height: 1.5em;
    }
	
	.section h2 span {
		width: 81px;
		margin-bottom: 40px;
		display: block;
		line-height: 0;
	}
    
    .section .copy {
        font-size: 14px;
        line-height: 2em;
    }
    
	/* _________________________________________ head*/
	#contents_area .head {
		min-width: 100%;
		background-color: #fff;
		margin-bottom: 10px;
	}
	
	#contents_area .head_inner {
		width: 930px;
		margin: 0 auto;
		padding-bottom: 5px;
		
		text-align: left;
		overflow: hidden;
		border-bottom: solid 1px #eee;
	}
	#contents_area .head .head_01 {
		float: left;
		padding-top: 12px;
	}
	#contents_area .head .head_01 img {
		width: 305px;
	}
	#contents_area .head .btn_top {
		float: left;
		margin-left: 450px;
		padding-top: 22px;
	}
	#contents_area .head .btn_top a {
		font-size: 13px;
	}
	#contents_area .head .head_02 {
		float: right;
		padding-top: 5px;
		padding-right: 5px;
	}
	#contents_area .head .head_02 img {
		width: 62px;
	}
	
    #introduction {
        margin: 60px auto 230px;
    }
    
    #introduction h1 {
        width: 147px;
        margin: 0 auto 70px;
    }
    
    #introduction .main_image {
        width: 571px;
        margin: 0 auto 25px 124px;
    }
    
    #introduction h2, #introduction .copy {
        text-align: center;
    }
	
	#design {
		margin-bottom: 230px;
	}
    
	#design h2 {
		width: 360px;
		margin-right: 0;
		margin-left: auto;
	}
	
	#design .copy {
		width: 360px;
		margin-right: 0px;
		margin-bottom: 120px;
		margin-left: auto;
	}
	
	#design .img01 {
		width: 576px;
		position: absolute;
		top: 0px;
		left: 0;
	}
	
	#design .img02 {
		width: 610px;
		margin-right: 10px;
		margin-left: auto;
	}
	
	#useful {
		margin-bottom: 430px;
	}
	
	#useful h2 {
		margin-left: 25px;
	}
	
	#useful .copy {
		margin-bottom: 40px;
		margin-left: 25px;
	}
	
	#useful .img {
		position: absolute;
		width: 600px;
		bottom: -210px;
		right: 10px;
	}
	
	
	#drive .section_inner {
		min-height: 460px;
		padding-top: 30px;
	}
	
	#drive {
		margin-bottom: 230px;
	}
	
	#drive h2 {
		width: 380px;
		margin-right: 0;
		margin-left: auto;
	}
	
	#drive .copy {
		width: 380px;
		margin-right: 0;
		margin-left: auto;
	}
	
	#drive .img {
		width: 554px;
		position: absolute;
		top: 0;
		left: 5px;
	}
	
	#identity {
		margin-bottom: 200px;
	}
	
	#identity h2,
	#identity .copy {
		margin-left: 230px;
	}
	
	#identity .copy {
		margin-bottom: 100px;
	}
	
	#identity .imgs {
		position: relative;
		overflow: hidden;
	}
	
	#identity .n-one {
		width: 460px;
		float: right;
	}
	
	#identity .n-one .name {
		width: 76px;
		margin: 25px 0 0 226px;
	}

	#identity .n360 {
		width: 432px;
		margin-left: 40px;
		float: left;
	}
	
	#identity .n360 .name {
		width: 60px;
		margin: 25px 0 0 235px;
	}
	
	#n-one h2 {
		width: 186px;
		margin: 0 auto 80px;
	}
	
	#n-one .img {
		width: 400px;
		margin: 0 auto 0 304px;
	}
	
	#n-one .link {
		text-align: center;
	}
	
	#n-one .link a {
		display: inline-block;
		margin: 0 auto;
		padding: 0 20px;
		color: #444;
		line-height: 40px;
		border: 1px solid #444;
	}
	
	#contents_area .caution {
		width: 980px;
		margin: -50px auto 50px;
		padding-right: 20px;
		font-size: 9px;
		line-height: 1.5em;
		box-sizing: border-box;
		text-align: right;
	}
}