/* General Styling */
/*tablet_PC*/
body {
  
}
main{
}
.sp{
	display: none;
}
.pc{
	display: inline-block;
}
a[href^="tel:"]{
    pointer-events: none;
  }
/*




menu  --common




*/
#header{
}
#header .pc_menu {
	width: 100%;
}

#header .pc_menu ul{
    display: flex;
    align-items: center;
    padding: 20px 5% 0 5%;
	transition: .5s;
	color: #fff;
}
#header .pc_menu.active ul{
	transition: .5s;
	background: rgba(154,152,135,0.45) !important;
    padding: 10px 5% !important;	
}
#header.pages .pc_menu ul{
        background: #fff;
	padding-bottom: 20px;
}
#header .pc_menu ul li{
font-size: 1.2rem;
    margin: 0 2vw;
    line-height: 1;
    letter-spacing: 0.4rem;
}
#header .pc_menu.active ul li{
	transition: .5s;
	padding-bottom: 0;
}
#header .pc_menu ul li.logo{
	margin-right: auto;
}
#header .pc_menu ul li.logo .logo_img{
  margin-right: auto;
    background: url(../images/logo_w.png) no-repeat;
    width: 250px;
    background-size: cover;
    margin-left: 0;
    height: 50px;
	transition: .5s;
}
#header .pc_menu.active ul li.logo .logo_img{
      background: url(../images/logo_w.png) no-repeat;
    width: 38px;
    height: 38px;
	transition: .5s;
}
#header .pc_menu ul li.logo .logo_img{
	text-indent: -1000px;
}
#header .pc_menu ul li.youtube{
  font-size: 2vw;
}
#header .pc_menu ul li.tel{
	display: none;
/*  width: 3.5%;
    margin-left: 50px;
  margin-right: 0;*/
}
#header .pc_menu ul li.tel a{
  display: block;
  width: 100%;
}
#header .pc_menu ul li.tel img{
  width: 100%;
}
#header .pc_menu ul a{}
/*




footer  --common




*/
#footer{
 padding:2vw 7vw;
}
#footer .footer_share{
  padding-bottom: 4vw;
}
#footer .fun_to_share{
  width: 7vw;
  display: block;
  margin: 0 auto;
}
#footer .fun_to_share img{
  width: 100%;
}
#footer .sns_link{
  display: flex;
  justify-content: center;
  margin-top: 10vw;
}
#footer .sns_link li{
  font-size: 2.8vw;
  margin: 0 2vw;
}
#footer .footer_company_info{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 5vw;
  padding-right: 20px;
  padding-left: 20px;
}
#footer .footer_company_info .logo{
  width:30%;
  margin: 0;
}
#footer .footer_company_info .logo img{
  width:80%;
}
#footer .address{
    font-size: 1vw;
    margin-top: 1vw;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#footer .address span{
  display: inline;
  margin-left: 10px;
}
#footer .copylight{
      font-size: 1rem;
    width: 100%;
    text-align: center;
    margin-top: 10vw;
}
#footer .copylight strong{
}
/*=============
下層ページ　タイトル
=============*/
.page_ttl{
/*font-size: 1.5vw;
    position: relative;
    text-align: right;
    width: 32%;
    float: left;*/
}
.page_ttl::before{
    font-size: 3vw;
    top: -5vw;
}
.page_ttl::after{
    width: 35vw;
      bottom: 50px;
  bottom: 3.6vw;
}


/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
    width: 30%;
}
.telbtn{
	display: none;
}