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


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


body {
	background-color: #ffffff;
	color: #000000;
	font-size: 13px;
	font-family: "atlasgroteskmedium.ttf" !important;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
}


a {
	/*color: #000000;*/
	text-decoration: none;
}

@font-face {
	font-family: "atlasgroteskmedium";
	src: url(../atlasgroteskmedium.ttf);
}


@font-face {
    font-family: "atlasgroteskmedium.ttf";
    font-style: normal;
    font-weight: normal;
    src: local("atlasgroteskmedium.ttf"), url("atlasgroteskmedium.ttf") format("truetype");
}



a:hover{
	text-decoration: none;
}


#wrapper {
	width: 100%;
	height: 100%;
}


#top {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#top img{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	z-index: 999;
}

#top p {
	display: inline-block; 
	top: 50px;
	margin: 0 10px;
	font-family: "atlasgroteskmedium";
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 0.15em;
	color: #000000;
}

#contener {
	width:100%;
	display: inline-block;
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	padding-top:0;
	text-align:  center;
}

#bloc_fix {
	width:100%;
	height: 100%;
	text-align:center;
}

#menu, a:active, a:visited, a:hover {
    font-style: normal;
}



#menu a:hover {
	color: #000000;
}



/* RES */
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
.sp1 { display: none !important; }
.sp2 { display: none !important; }
.sp3 { display: none !important; }
.spallowleft{display: none !important;}
.spallowright{display: none !important;}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 905px) {
.pc { display: none !important; }
.sp { display: block !important;
    max-width: 100%;
    height: auto;}
.sp1 { display: block !important;
    max-width: 100%;
    height: auto;}
.sp2 { display: block !important;
    max-width: 100%;
    height: auto;}
.sp3 { display: block !important;
    max-width: 100%;
    height: auto;
	margin-top: 208px!important;}
.spallowleft{display: block!important;}
.spallowright{display: block!important;}
	}


/* //RES */



/* HOME */

#home_letter{
	margin-top: 68px;
	font-family: "atlasgroteskmedium";
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 1.3;
	text-align: center;
	padding: 0 20px;
}

#home_letter .sp{
	text-align: left;
	color:#676464!important;
}

#letter_fix {
	position: fixed;
	height: 100%;
	top: 40%;
    width: 960px;
    text-align: center;
	color: #ffffff;
	font-size: 18px;
	letter-spacing: 4px;
}

/*SP*/


.sp_logo3{
	position: fixed;
	left: 27%;
	top: 20px;
	z-index: 999;
}

.sp_logo3 span{
	text-align: center;
}

.sp_menu{
	position: fixed;
	margin-left: 30px;
	top: 23px;
	z-index: 999;
}

.sp_ddd{
	font-family: "atlasgroteskmedium";
	letter-spacing: 2.5px;
	font-size: 3.4vw;
	font-weight: bold;
	color: #000000;
	position: fixed;
	z-index:9999;
	right: 30px;
	top: 20px;
}

.sp_ddd .sp_ddd2{
	font-family: "atlasgroteskmedium";
	letter-spacing: 2.5px;
	font-size: 3.4vw;
	font-weight: bold;
	color: #000000;
	position: fixed;
	z-index:9999;
	right: 30px;
	top: 20px;
}


#sp_ddd a:hover {
	color: #000000;
}


@media only screen and (min-width: 904px) {
#bloc_fix3 { display: inherit!important; }
.sp_logo3 { display: inline!important; }
.sp_menu { display: inline!important;}
}

@media only screen and (max-width: 905px) {
#bloc_fix3 { display: none !important; }
.sp_logo3 { display: inline!important; }
.sp_menu { display: inline!important;}
p{color:#676464;}
.bx-wrapper .bx-controls-direction a{display: none;}
.bxslider li img {
  display: block;
  margin: 0 auto;
  /*margin-top: 130px!important;*/}
.sp1{margin-top: 130px!important;}
.spsp{
　text-align: centerimportant;}
	}
}



/* //HOME */


/* HISTORIE */

#common {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	}

#second_logo {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#bloc_fix_1 {
	width:100%;
	height: 100%;
	position:fixed;
	text-align:center;
}

#menu_fix {
    font-style: normal;
    letter-spacing: 0.15em;
	font-size: 1.1vw;
	color: #9CA2A4;
}

a {  
  color: inherit;
}

#menu_second a:hover {
	color: #000000;
}


#contener2 {
	width:100%; 
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	font-family: "atlasgroteskmedium";
}

#bloc_fix3 {
	width:100%;
	height: 71px;
	position:relative;
	padding-top:20px;
	text-align:center;
	font-family: "atlasgroteskmedium";
	top: 0px;
	z-index: 99;
}

#slide .slider {
	margin-left: auto;
	margin-right: auto;
	overflow:  visible;
}

.bxslider li img {
  display: block;
  margin: 0 auto;
  margin-top: 80px;
}

.bxslider .sp li img {
  display: block;
  margin: 0 auto;
  margin-top: 25px;
}


.index #slide .slider li {
	height: 0;
	background: center / cover no-repeat;
}


/*  --TOP MENU--  */

#menu_fix2 {
	width: 100%;
	margin-right: auto;
	text-align: center;
	font-family: "atlasgroteskmedium";
}

.menu_fix3 {
	margin-left: -25px;
	margin-right: 41px;
	padding: 0px;
	color: rgba(156,162,164,1.00);
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fix13 {
	margin-left: -25px;
	margin-right: 41px;
	padding: 0px;
	color: #000000;
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fix3 a:hover {
	color: #000000;
}

.menu_fix13 a:hover {
	color: #000000;
}

.menu_fix4 {
	margin-left: -4px;
	margin-right: 47px;
	padding: 0px;
	color: rgba(156,162,164,1.00);
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fix14 {
	margin-left: -4px;
	margin-right: 47px;
	padding: 0px;
	color: #000000;
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fix4 a:hover {
	color: #000000;
}

.menu_fix14 a:hover {
	color: #000000;
}

.menu_fix5 {
	margin-left: -11px;
	margin-right: 24px;
	padding: 0px;
	color: rgba(156,162,164,1.00);
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fix15 {
	margin-left: -11px;
	margin-right: 24px;
	padding: 0px;
	color: #000000;
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fix5 a:hover {
	color: #000000;
}

.menu_fix15 a:hover {
	color: #000000;
}

.menu_fix6 {
	margin-left: 45px;
	margin-right: 47px;
	padding: 0px;
	color: rgba(156,162,164,1.00);
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fix7 {
	margin-left: 26px;
	padding: 0px;
	color: rgba(156,162,164,1.00);
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fix17 {
	margin-left: 26px;
	padding: 0px;
	color: #000000;
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fix7 a:hover {
	color: #000000;
}

.menu_fix17 a:hover {
	color: #000000;
}

.menu_fix8 {
	margin-left: 43px;
	padding: 0px;
	color: rgba(156,162,164,1.00);
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fix18 {
	margin-left: 43px;
	padding: 0px;
	color: #000000;
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fix8 a:hover {
	color: #000000;
}

.menu_fix18 a:hover {
	color: #000000;
}

.menu_fix9 {
	margin-left: 44px;
	margin-right: -16px;
	padding: 0px;
	color: rgba(156,162,164,1.00);
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fix19 {
	margin-left: 44px;
	margin-right: -16px;
	padding: 0px;
	color: #000000;
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fix9 a:hover {
	color: #000000;
}

.menu_fix19 a:hover {
	color: #000000;
}


/*  --//TOP MENU--  */


/*  --TOP MENU(ENGLISH)--  */

#menu_fix2 {
	width: 100%;
	margin-right: auto;
	text-align: center;
	font-family: "atlasgroteskmedium";
}

.menu_fixE3 {
	margin-left: -25px;
	margin-right: 76px;
	padding: 0px;
	color: rgba(156,162,164,1.00);
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fixE13 {
	margin-left: -25px;
	margin-right: 76px;
	padding: 0px;
	color: #000000;
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fixE3 a:hover {
	color: #000000;
}

.menu_fixE13 a:hover {
	color: #000000;
}

.menu_fixE4 {
	margin-left: -4px;
	margin-right: 82px;
	padding: 0px;
	color: rgba(156,162,164,1.00);
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fixE14 {
	margin-left: -4px;
	margin-right: 82px;
	padding: 0px;
	color: #000000;
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fixE4 a:hover {
	color: #000000;
}

.menu_fixE14 a:hover {
	color: #000000;
}

.menu_fixE5 {
	margin-left: -11px;
	margin-right: 24px;
	padding: 0px;
	color: rgba(156,162,164,1.00);
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fixE15 {
	margin-left: -11px;
	margin-right: 24px;
	padding: 0px;
	color: #000000;
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fixE5 a:hover {
	color: #000000;
}

.menu_fixE15 a:hover {
	color: #000000;
}

.menu_fixE6 {
	margin-left: 45px;
	margin-right: 47px;
	padding: 0px;
	color: rgba(156,162,164,1.00);
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fixE7 {
	margin-left: 26px;
	padding: 0px;
	color: rgba(156,162,164,1.00);
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fixE17 {
	margin-left: 26px;
	padding: 0px;
	color: #000000;
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fixE7 a:hover {
	color: #000000;
}

.menu_fixE17 a:hover {
	color: #000000;
}

.menu_fixE8 {
	margin-left: 58px;
	padding: 0px;
	color: rgba(156,162,164,1.00);
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fixE18 {
	margin-left: 58px;
	padding: 0px;
	color: #000000;
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fixE8 a:hover {
	color: #000000;
}

.menu_fixE18 a:hover {
	color: #000000;
}

.menu_fixE9 {
	margin-left: 58px;
	margin-right: -16px;
	padding: 0px;
	color: rgba(156,162,164,1.00);
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fixE19 {
	margin-left: 58px;
	margin-right: -16px;
	padding: 0px;
	color: #000000;
	display: inline-block;
	vertical-align: middle;
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 9px;
}

.menu_fixE9 a:hover {
	color: #000000;
}

.menu_fixE19 a:hover {
	color: #000000;
}


/*  --//TOP MENU(ENGLISH)--  */



#main_logo2 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#slide .bxslider {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#slide .bxslider p{
	margin-top:  68px;
	font-family: "atlasgroteskmedium";
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 1.3;
	padding: 0 20px!important;
}

#slide .bxslider .sp p{
	margin-top:  68px;
	/*margin-bottom: 68px;*/
	font-family: "atlasgroteskmedium";
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 1.3;
	padding: 0 20px!important;
}

#slide .bxslider .son{
	font-family: "atlasgroteskmedium";
	float:  left;
	width: 47%;
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 1.3;
	text-align: right;
	margin-right: -80px!important;
}

#slide .bxslider .father{
	font-family: "atlasgroteskmedium";
	width: 47%;
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 1.3;
	text-align: left;
	float: right;
	margin-left: -80px!important;
}


/* //HISTORIE */



/* menu_LANGUES */


#ddd {
	font-family: "atlasgroteskmedium";
	letter-spacing: 4.5px;
	font-size: 10px;
	color: #9CA2A4;
	position: absolute;
	top: 0;
	z-index:99;
	margin-left: 1px;
	padding-top: 5px;
	
}


#ddd a:hover {
	color: #000000;
}


/* //menu_LANGUES */



/* menu_PARTAGER */
#submenu {
	width: 960px;
	margin: 0 auto;
	position: relative;
}


#menu_partager {
	font-family: "atlasgroteskmedium";
	width: 100%;
	letter-spacing: 4.5px;
	font-size: 10px;
	color: #9CA2A4;
	position: absolute;
	top: 0;
	z-index: 88;
}

#navi_link a {
	color: #9CA2A4;
	display:  inline-block;
	margin-left: 14px;
	padding-top: 5px;
	padding-bottom: 8px;
}

#navi_link a:hover {
	color: #000000;
}

#menu_partager ul {
 	list-style: none;
 	margin: 0;
  	padding: 0;
}
 
#menu_partager ul ul {
	display: none;
  	position:relative;
}
 
#menu_partager li li {
	position:relative;
}
 
#menu_partager li li a{
	position:relative;
	color: #9CA2A4;
}
 
#menu_partager li li a:hover{
	text-decoration: none;
	color: #000000;
}
 
#menu_partager ul li:hover > ul {
 	display: block;
}

.b {
	float: right;
	font-family:"atlasgroteskmedium";
	text-align: right;
	display: flex;
	flex-direction: row-reverse;
	}

.bb {
	display: block;
	}

/* //menu_PARTAGER */



/* CONTACTS */

form {
    margin: -40px auto 0;
	/*font-family: "atlasgroteskblack";
	src: url(../atlasgroteskblack.ttf);*/
}

input{
    font-size: 15px;
	font-weight: 600;
	letter-spacing: 2px;
    width: 55%;
	height: 45px;
    -moz-box-sizing: border-box;
	color: #9CA2A4;
    box-sizing: border-box;
    border: 1px solid #9CA2A4;
	margin-bottom: 15px;
	padding-left: 7px;
}

textarea{
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 2px;
    width: 55%;
	height: 45px;
    -moz-box-sizing: border-box;
	color: #9CA2A4;
    box-sizing: border-box;
    border: 1px solid #9CA2A4;
	margin-bottom: 15px;
	padding-left: 7px;
}

.button input{
	text-align: left;
	color: #ffffff;
	background-color: #9A9A9A;
}

::placeholder{
	color: #9CA2A4;
}

form {
	margin-bottom: 100px;
}


.abcde {
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 2px;
    width: 55%;
	height: 45px;
    -moz-box-sizing: border-box;
	color: #9CA2A4;
    box-sizing: border-box;
    border: 1px solid #9CA2A4;
	margin-bottom: 15px;
	padding-left: 2px;
}

form{
	margin-top: 100px;
}


/* //CONTACTS */



/* menu_REMERCIEMMENTS */

#menu_remerciemments {
	font-family:"atlasgroteskmedium";
	width: 100%;
	font-size: 9px;
	letter-spacing: 4.5px;
	color: #8F847B;
	position: absolute;
	top: 0;
}

#navi_link2 a {
	color: #8F847B;
	display: inline-block;
	margin-left: 14px;
	padding-top: 5px;
	padding-bottom: 8px;
}

#navi_link2 a:hover {
	color: #000000;
}

#menu_remerciemments ul {
 	list-style: none;
 	margin: 0;
  	padding: 0;
}
 
#menu_remerciemments ul ul {
	display: none;
  	position:relative;
}
 
#menu_remerciemments li li {
	position:relative;
}
 
#menu_remerciemments li li a{
	position:relative;
	color: #8F847B;
}
 
#menu_remerciemments li li a:hover{
	text-decoration: none;
	color: #000000;
}
 
#menu_remerciemments ul li:hover > ul {
 	display: block;
}

.c {
	float: right;
	font-family:"atlasgroteskmedium";
	text-align: right;
	display: flex;
	flex-direction: row-reverse;
	}

.cc {
	display: block;
	}

/* //menu_REMERCIEMMENTS */
	

/* CHAIS */

#slide .chais24{
	z-index: 99;
	position: absolute;
	margin-top: 0px;
}
/* //CHAIS */


/*adjust*/

/*.mar_bottom {
	margin-top: 643px;
	margin-bottom: 70px;
	}*/

.font_bold {
	font-family: "atlasgroteskmedium";
	font-weight: bold;
}

.lang_margine {
	margin-left: 5px;
}

.part_margine{
	margin-right: -7px;
}

.reme_margine{
	margin-right: -7px;
}
/*//adjust*/

/*SNS LINK_SP*/

.sns_link {
	text-align: center;
	margin-top: 50px;
}
.sns_link li{
	display: inline-block;
}

.sns_link li img{
	display: inline-block;
	margin: 0 0.2vh;
	width: 30px;
}

.spallows{
	
}
.spallowleft{
	float: left;
	display: inline;
	margin-left: 20px!important;
	margin-top: 15px!important;
}
.spallowright{
	float: right;
	display: inline;
	margin-right: 20px!important;
	margin-top: 15px!important;
}

/*SNS LINK_SP*/

.menu-btn span:after {
    content: attr(data-txt-menu);
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open .menu-btn span:after {
    content: attr(data-txt-close);
}

.menumenu {
    position: fixed;
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
	z-index: 9999;
}

.menumenu ul {
    display: table-cell;
    vertical-align: middle;
}

.menumenu li {
    width: 100%;
    margin: 0 auto;
    text-align: center;
	font-family:"atlasgroteskmedium";
}

.menumenu li a {
    display: block;
    font-size:2.5vh;
	font-weight: bold;
    color: #000000;
	letter-spacing: 0.15em;
}

.menumenu li a:hover {
    color: #9CA2A4;
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open .menumenu {
    cursor: url(../images/cross.svg),auto;
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: visible;
    opacity: 1;
}

.sp2 {
	text-align: left;
	color:#676464;
}

.sp3 {
    text-align: left;
    color: #676464;
}