@charset "UTF-8";
/* CSS Document */

html{
	margin: 0;
	padding: 0;
}


body{
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	font-family:Arial, Helvetica, "sans-serif";
	text-align: center;
}

p,h1,h2,h3,h4,h5,h6{
	margin-top: 0;
	margin-bottom: 0;
}

img{
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}

ul{
	margin: 0;
	padding: 0;
}

li{
	list-style: none;
}

.main{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.left{
	float: left;
}

.right{
	float: right;
}


figure{
	margin: 0;
	padding: 0;
}

figcaption{
	margin: 0;
	padding: 0;
	display: block;
}

/*header*/

#global-header{
	width: 100%;
	height: 100px;
	padding: 0;
}


#global-navi{
	width: 100%;
	position: fixed; /*固定*/
	background-color: #FFF;
}

#global-navi ul{
	width: 885px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

#global-navi li h1 img{
width: 237px;
    padding: 15px 0 0 19px;
}

#global-navi li img{
    width: 120px;
    padding: 18px 32px;
}

/*top_main*/

#concept{
	width: 855px;
	height: 600px;
	padding: 35px 0 0 0;
	margin: 0 auto;
}

.concept_wrap{
	width: 100%;
	height: 635px;
	background-color: #EFEFEF;
}

.concept{
	width: 350px;
	height: 505px;
	text-align: center;
	font-size: 13px;
	line-height: 2.5em;
	padding: 60px 40px 0 40px;
	background-color: #FFF;
	background: rgba(255,255,255,0.70);
	float: right;
	color: #595757;
	text-align: justify;
}


#preface{
	width: 885px;
	height: 700px;
	margin: 0 auto 50px;
	padding: 0;
}


.preface{
	width: 550px;
	height: 590px;
	text-align: left;
	font-size: 14px;
	line-height: 2em;
	padding:  35px 40px 0 40px;
	background-color: #EFEFEF;
	float: left;
	color: #595757;
	text-align: justify;
}



/*conseiller-concepteur*/

.conseiller-concepteur_wrap1{
	width: 920px;
	height: 510px;
	background-image: url(../img/c_backimg1.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}

.c_mineaki_saito{
	width: 650px;
	margin: 0 auto;
	padding: 90px;
}

.conseiller-concepteur_wrap2{
	width: 920px;
	height: 510px;
	background-image: url(../img/c_backimg2.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0;
}

.c_chantal_granier{
	width: 650px;
	margin: 0px auto;
	padding: 20px 0 0 0;
}

.conseiller-concepteur_wrap3{
	width: 920px;
	height: 510px;
	background-image: url(../img/c_backimg3.jpg);
	background-repeat: no-repeat;
	margin: 0 auto 30px;
	padding: 0;
}

.c_mathilde_roseanne{
	width: 650px;
	margin: 0px auto;
	padding: 20px 0 0 0;
}


.conseiller-concepteur_message{
	width: 400px;
	float: right;
	color: #595757;
	font-size: 13px;
	line-height: 2em;
	text-align: left;
}

.conseiller-concepteur_message h3{
	font-size: 18px;
	padding: 0 0 20px 0px;
	color: #95292B;

}

.conseiller-concepteur_photo{
	width: 110px;
	float: left;
	padding: 0 30px 0 0;
}

/*collection*/


#collection_top{
	padding: 0 0 20px;
}

#collection_top h3{
    width: 900px;
    margin: 0 auto 10px;
    padding: 5px 0;
    background-color: #EFEFEF;
    font-size: 18px;
	color: #7F2222;}

#collection_top img{
	width: 300px;
	margin: 0 auto 30px;
}

#collection_top p{
	letter-spacing: 3px;
	font-weight: 500;
}

#collection{
	width: 100%;
	background-color: #EFEFEF;
}

#collection img{
	width: 950px;
	margin: 20px auto;
}

.collection_top{
	padding: 20px;
}

/*fabricant*/

.fabricant_gray{
	width: 100%;
	height: 740px;
	margin: 0 auto;
	background-color: #EFEFEF;
}

.fabricant_wrap{
	width: 885px;
	height: 665px;
	padding: 37.5px 0;
	margin: 0 auto;
}

.fabricant_photo_right{
	width: 300px;
	float: right;
	text-align: right;
}

.fabricant_photo_left{
	width: 300px;
	float: left;
	text-align: left;
}

.fabricant_photo_right h3{
	color: #595757;
    font-size: 18px;
    margin: 15px 0 22px 0;
}

.fabricant_photo_right h4{
	color: #595757;	
	font-size: 12px;
	margin: -10px 0 20px 0;
}

.fabricant_photo_left h3{
	color: #595757;
    font-size: 18px;
    margin: 15px 0 22px 0;
}

.fabricant_photo_left h4{
	color: #595757;	
	font-size: 12px;
	margin: -10px 0 20px 0;
}

.fabricant_text_right{
	width: 380px;
	float: right;
	text-align: left;
	font-size: 14px;
	line-height: 1.5em;
	color: #595757;
	text-align: justify;
}

.fabricant_text_left{
	width: 380px;
	float: left;
	text-align: left;
	font-size: 14px;
	line-height: 1.5em;
	color: #595757;
	text-align: justify;
}

.fabricant_photo{
	width: 130px;
	margin: 0;
}

/*contact*/


.concept_title{
margin: 0 0 25px 0;
}

#contact label{
	width: 110px;
	text-align: right;
	margin: 0 20px 0 0;
	font-size: 15px;
	color: #C5B898;
	display: inline-block;
	vertical-align: top;
}

#contact ul{
	margin: 0 0 0 -128px;
}

#contact li{
	margin:  0 0 20px 0;
}


#contact form{
	width: 390px;
	margin: 0 auto;
	text-align: center;
}

#contact input[type="text"]{
	width: 250px;
	height: 35px;
	border: #C5B898 solid 2px;
}

#contact textarea{
	width: 250px;
	height: 300px;
	border: #C5B898 solid 2px;
}

#contact input[type="submit"]{
	color: #C5B898;
	border: none;
	background-color: transparent;/*透明色*/
	font-size: 15px;
	margin: 0 -113px 20px 0;
}

#contact{
	width: 390px;
	height: 504px;
	margin: 0 auto;
}

#contact p{
	padding: 230px 0 0 0;
	color: #C5B898;
	font-size: 15px;
	letter-spacing: 0.3em;
}

/*footer*/

#colophon{
	width: 100%;
	height: 370px;
	background-color: #C5B898;
	margin: 0;
	padding: 40px 0 0 0;
	background-repeat: no-repeat;
	background-position: center;
}

.cf{
	clear: both;
	content: "";
	display: block;
}