@charset "UTF-8";

/* common */
@media (min-width: 897px) {
	.l-header__logo {
		margin-top: 25px;
	}

	.l-header__menu {
		margin-top: 30px;
	}

	.l-wrapper {
		padding-top: 114px;
	}

	.l-header__menu__subcont {
		max-width: 1270px;
		margin-right: auto;
		margin-left: auto;
	}

	li:not(.is-lineup) .l-header__menu__subcont dl {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		padding: 0;
	}

	li.is-lineup .l-header__menu__subcont dl {
		padding: 0;
	}

	li.is-lineup .l-header__menu__subcont dl + dl {
		padding-left: 1vw;
	}
}

@media (max-width: 896px) {
	.l-header__menu__inner {
		padding-bottom: 150px;
	}

	.l-footer__introduced {
		display: block;
		margin: 20px 0 30px;
	}

	.l-footer__introduced dl {
		flex-wrap: wrap;
		justify-content: center;
		width: calc(100% + 20px);
		margin-left: -10px;
	}

	.l-footer__introduced dt{
		font-size: 1.4rem;
		width: 100%;
		margin-bottom: 15px;
	}

	.l-footer__introduced dd {
		margin: 10px 15px;
	}

	.l-footer__introduced dd img {
		height: 20px;
	}

	.l-footer__sitemap__copyright {
		position: absolute;
		bottom: 5px;
		left: 0;
		width: 100%;
	}
}

/* トップ */
@media (min-width: 897px) {
	.p-top-kv__content {
	    padding: 3vw 0 0;
	}

	.p-top-kv__content.ver2 {
	    padding: 3vw;
		transition : background-color .5s ease .25s;
	}

	.p-top-kv__content.ver2.is-active {
	    background-color: rgba(255,255,255,0.7);
	}
}
.p-top-store__desc p i.sub {
	font-size: 1.2rem;
	font-style: normal;
	vertical-align: top;
	font-weight: normal;
}

.p-top-news__title {
	font-size: 1.4rem;
}

/* トップ（香りのアート展ONLINE） */

@media (min-width: 897px) {
	.p-top-kv__content.ver2.bnr_5senses {

	}
}

@media (max-width: 896px) {
	.p-top-kv__content.ver2.bnr_5senses {
		width: calc(100% - 140px);
		max-width: 300px;
		margin: 0 auto;
		padding: 20px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.p-top-kv__content.ver2.bnr_5senses.is-active {
	    background-color: rgba(255,255,255,0.7);
	}
}



/* カテゴリ */
.p-lineup-bg__wrap {
    background: url(/lineup/category/images/brightenup_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center -100px;
    width: 100%;
    height: 800px;
    position: fixed;
    top: 0;
    left: 0;
}

.p-lineup-bg__wrap.loosenup {background-image:url(/lineup/category/images/loosenup_bg.jpg);}
.p-lineup-bg__wrap.allure {background-image:url(/lineup/category/images/allure_bg.jpg);}
.p-lineup-bg__wrap.becreative {background-image:url(/lineup/category/images/becreative_bg.jpg);}
.p-lineup-bg__wrap.beneutral {background-image:url(/lineup/category/images/beneutral_bg.jpg);}

.p-lineup-bg__wrap.becreative .p-lineup-bg img {
	object-position: center top;
}

@media (max-width: 896px) {
	.p-lineup-heading {
	    margin: 154px 0 90px;
		padding-top: 160px;
	}

	.p-lineup__category:before {
		top: -60px;
	}

	.p-lineup__category:after {
		top: 240px;
	}
}

@media (min-width: 897px){
	.p-lineup-bg {
		max-width: 1200px;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.p-lineup-heading{
		margin: 300px 0 105px;
		padding-top: 200px;
	}

	.p-lineup__category:before {
		top: -220px;
	}

	.p-lineup__category:after {
		top: 280px;
	}
}

/* Discovery Set */
@media (min-width: 897px){
	.p-lineup-set {
		position: relative;
		margin-top: -60px;
	}

	.p-lineup-set .p-lineup-summary__video {
		position: absolute;
		width: 300px;
		left: 0;
		bottom: -305px;
	}
}

/* プロダクト */
.modaal-content-container {
    padding: 30px 20px;
}

.p-lineup-summary__btn a {
    overflow: hidden;
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 60px;
    padding: .25em 5px 0;
    border: 1px solid #3e3e3e;
    font-family: "Josefin Sans","Helvetica Neue",Helvetica,"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
    font-size: 1.4rem;
    line-height: 1;
    position: relative;
    z-index: 0;
    -webkit-transition: color .5s ease-out .125s,background-color .5s ease-out 0s;
    transition: color .5s ease-out .125s,background-color .5s ease-out 0s;
    margin: 0 auto;
    color: #fff;
    background-color: #3e3e3e;
}

@media (min-width: 897px) {
	.p-lineup-summary__btn a:hover {
		color: #3e3e3e;
		background-color: #fff;
	}
}

@media (max-width: 896px) {
	.p-lineup-menu,
	.p-lineup-summary {
		margin-left: auto;
		margin-right: auto;
	}
}

/* About */
.p-business-kv {
	height: 80vh;
}

@media (max-width: 896px) {
	.p-about-about:before, .p-about-philosophy:before, .p-about-promise:before {
		content: none;
	}

	.p-about-chief__title {
		font-size: 3.5rem;
		line-height: 1.2;
	}

	.p-about-about__title, .p-about-philosophy__title, .p-about-promise__title {
		font-size: 3.5rem;
	}

	.p-about-about__cont p {
		line-height: 2.5;
	}

	.p-about-about__cont, .p-about-philosophy__cont, .p-about-promise__cont {
	    padding: 8vw;
	}

 	.p-about-about__bg, .p-about-philosophy__bg, .p-about-promise__bg {
 		height: 130%;
 	}

	.p-about-philosophy__cont p,
	.p-about-promise__cont p {
		line-height: 1.8;
	}
}

@media (min-width: 897px){
	.p-about-chief__container {
		padding-top: 200px;
	    padding-bottom: 380px;
	}

	.p-about-chief__title {
		font-size: 4.8rem;
		line-height: 1.2;
	}

	.p-about-about__cont {
		padding: 70px 15px 73px 65px;
	}

	.p-about-about__cont p {
		line-height: 2.8;
	}

	.p-about-about__cont p+p {
		margin-top: 45px;
	}

	.p-about-about__container {
		padding-top: 270px;
	    padding-bottom: 380px;
	}

	.p-about-philosophy__container {
		padding-top: 270px;
	    padding-bottom: 380px;
	}
	.p-about-promise__container {
		padding-top: 270px;
	    padding-bottom: 380px;
	}

	.p-about-about__title, .p-about-philosophy__title, .p-about-promise__title {
		font-size: 5.2rem;
	}

	.p-about-about__cont, .p-about-philosophy__cont, .p-about-promise__cont {
	    margin: 160px 13px 0 auto;
	    max-width: 395px;
	}

	.p-about-about:before, .p-about-philosophy:before, .p-about-promise:before {
		display: none;
	}
}

/* Contact */
.EN .c-form-block__head {
    flex: 0 0 200px;
}