/* headerの出し入れ*/

.l-header{
	transition: all 0.5s;
	
}
.l-header.fade-out{
	transform: translateY(-64px);
}
@media screen and (min-width: 1231px){
    .l-header.fade-out{
        transform: translateY(-85px);
    }
}

/* mainにoverflow:hidden*/
main{
    overflow: hidden;
}

/* TOPスラッシュ付き見出し*/
.p-front-column__main-heading.slash_title,
.p-front-story__main-heading.slash_title,
.p-front-about__main-heading.slash_title,
.p-front-news__main-heading.slash_title,
.p-front-vision__heading.slash_title{
    background-image: none;
	position: relative;
	z-index: 2;
}

.p-front-column__main-heading.slash_title span.slash,
.p-front-story__main-heading.slash_title span.slash,
.p-front-about__main-heading.slash_title span.slash,
.p-front-news__main-heading.slash_title span.slash,
.p-front-vision__heading.slash_title span.slash{
    display: block;
	position: absolute;
	transform: rotate(-22deg);
	width: 270px;
	height: 2px;
	background-color:#aa8666;
	z-index: -1;
}
@media screen and (max-width: 460px){
	.p-front-column__main-heading.slash_title span.slash,
	.p-front-story__main-heading.slash_title span.slash,
	.p-front-about__main-heading.slash_title span.slash,
	.p-front-news__main-heading.slash_title span.slash,
	.p-front-vision__heading.slash_title span.slash{
		width: 200px;
		height: 1px;
	}
}

/* TOP > メインビジュアル*/
b{
    font-weight: normal;
    display: inline-block;
}

/* TOP > OUR PHILOSOPHY*/
.p-front-vision__text{
    margin-bottom: 2em;
}


/* TOP > ABOUT*/
.p-front-about {
  background-color: #fff; /* 初期背景色 */
  transition: background-color 0.5s ease-in-out; /* 背景色の変更にアニメーションを付与 */
}

/* TOP > NOBLE STORY*/
.p-front-story {
  background-color: #dccebe; /* 初期背景色 */
  transition: background-color 0.5s ease-in-out; /* 背景色の変更にアニメーションを付与 */
}

/* CEO挨拶*/
.p-greeting-mainvisual{
    overflow: hidden;
}
.p-greeting-mainvisual__copy span{
    display: inline-block;
}