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

body{
	position: relative;
	font-size: 11px;
}

/*section[id]{
	margin-top: 0;
	padding-top: 0;
}*/

.logo_area{
	height: 55px;
}

.logo_desc{
	height: 55px;
}

header h1.logo{
	width:150px;
	height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


.g_nav{
	margin: 0 auto;
}

footer .g_nav {
	display: none;
}

header .g_nav ul{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #f3eae1;
	justify-content:space-between;
	z-index: 3;
}

header .g_nav ul li{
	font-size: 11px;
	margin: 2% auto;
}


header .g_nav ul li + li:before{
	position: absolute; /*--positionを追加--*/
	top: 0;
	right: 100%;
	margin: 0 1rem;
	content: "|";

}

header .h_sns_area{
	position: absolute;
	width: 70px;
	right: 2%;
/*	top: 0;*/
	z-index: 2;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

header .h_sns_area li {
	margin: 0 5px;
}


a.url_link {
  margin-top: 70px;
}

.main_img{
	margin: 10px auto 20%;
}


#BRAND .c_flex{
	display: block;
	width: 100%;
	padding-bottom: 10%;
}

#BRAND .c_flex + .c_flex {
	padding-top: 10%;
/*	padding-bottom: 10%;*/
	display: inline-block;
	position: relative;
}

#BRAND ul.c_flex + .c_flex:before{
  position: absolute;
  content: "";
  width: 50%;
  height: 1px;
  border-top:1px dashed #CCC;
  left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  top: 0;
}

.c_flex li.brand_img{
	margin: 0 auto;
	width: 100%;
}

.c_flex li,.c_flex li:nth-of-type(2){
	width: 100%;
	padding: 0;
}

.button_area{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.button_area a{
	width: 60%;
	margin: 3% auto 0;
}

table.about{
	width: 100%;
}


.footer_area{
	padding-top: 10%;
}

.copyright{

	padding-bottom: 15%;
}


.pc { display: none !important; }
.sp { display: block !important; }