/* ---------------------------------------
   鯨について
------------------------------------------ */
.hamburger-open .hamburger-nav{ z-index: 2; }
.hamburger-button{ z-index: 3; }
@media screen and (min-width:1080px) {
	.hamburger{ z-index: 3; }
}
/* nav */
.efficacy-nav{
	font-size: 0.9375rem;
	margin-bottom: 4.8em;
	gap: 1em 2em;
	justify-content: center;
	flex-wrap: wrap;
	display: flex; }
.efficacy-nav__item{
	position: relative;
	padding-right: 1.6em; }
.efficacy-nav__item a{ text-decoration: underline; }
.efficacy-nav__item .arow{
	top: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	align-items: center;
	right: 0;
	width: 12px;
	position: absolute; }
.efficacy-nav__item:last-child{ margin-right: 0; }
/* 追従 */
.efficacy-nav-fix{
	margin-bottom: 0;
	transition: .2s;
	background: rgba(255,255,255,0.95);
	top: 0;
	transform: translateY(-100%);
	left: 0;
	z-index: 1;
	font-size: 0.9375rem;
	padding: 1.3em 5vw;
	position: fixed;
	width: 100%; }
.efficacy-nav-fix.fix{ transform: translateY(0); }
.efficacy-nav-fix .efficacy-nav{ margin-bottom: 0; }


#efficacy .pc{ display: none; }
#efficacy .page-title{ margin-bottom: 1.25em; }
/* 鯨についてのヘッド */
.efficacy-box:nth-child(n+2){ margin-top: 12vw; }
.efficacy-box__title{
	margin-top: 2em;
	font-size: 1rem; }
.efficacy-box__title .sub-title{
	line-height: 2;
	border-radius: 0.375em;
	padding: 0 1.25em;
	background: var(--main);
	color: var(--white);
	display: inline-block; }
.efficacy-box__title .main-title{
	margin: 0.5em 0;
	display: block;
	line-height: 1.375em;
	font-size: 2.2em; }
.efficacy-box__text{
	line-height: 2.25em;
	font-size: 1rem; }
/* バレニン */
.pickup-mv{
	padding-bottom: 12vw;
	padding-top: 12vw;
	background: url(../img/efficacy/picupp-bg01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center; }
.pickup-mv__read{
	margin-top: 0.5em;
	color: var(--white);
	font-size: 2rem; }
.pickup-mv-list{
	gap: 0.5em;
	flex-wrap: wrap;
	display: flex; }
.pickup-mv-list__item:nth-child(n+2){
	padding: 0 0.625em;
	font-size: 1rem;
	border-radius: 4px;
	background: #e2b800; }
.pickup-mv-list__item:first-child{
	width: 100%;
	font-size: 0.9375rem;
	color: var(--white); }
.color-y{ color: #e2b800; }


.pickup-list{ margin-top: 2em; }
.pickup-list__item:nth-child(n+2){ margin-top: 8vw; }
.pickup-list__item .nom{
	line-height: 1;
	display: block;
	font-size: 2.25rem; }
.pickup-list__item .nom-white{ display: none; }
.pickup-list__item .title{
	margin: 0.25em 0 0.75em;
	font-size: 1.5rem; }

.eiyou-read{
	margin-bottom: 1.25em;
	font-size: 2rem; }
.eiyou-title{
	margin-bottom: 1em;
	background: var(--gray);
	padding: 0.7em 1em;
	font-size: 1.125rem; }
.eiyou-name{
	margin-bottom: 0.25em;
	line-height: 1.25;
	font-size: 1.75rem; }
.eiyou-name .sub{
	line-height: 1.6;
	display: inline-block;
	font-size: .5em; }
.eiyou-sub-list{ font-size: 0.9375rem; }
.eiyou-sub-list__item{
	position: relative;
	padding-left: 0.8em; }
.eiyou-sub-list__item:before{
	content: "-";
	position: absolute;
	left: 0; }
.eiyou-sub-list p{
	padding-left: 1em;
	text-indent: -1em;
	margin-top: 1em; }
.et-mgt60{ margin-top: 12vw; }
.efficacy-bottom .content-button02{ margin-top: 2em; }
@media screen and (max-width:768px) {
.eiyou-list__item:nth-child(n+2){
	padding-top: 6vw;
	border-top: solid 1px var(--gray);
	margin-top: 6vw; }
}
@media screen and (min-width:480px) {
	.efficacy-box__title .main-title{ font-size: 3em; }

	.pickup-mv{
		padding-bottom: 75px;
		padding-top: 75px; }
	.pickup-mv-list__item:nth-child(n+2){ font-size: 1.3125rem; }
	.pickup-mv-list__item:first-child{ font-size: 1.125rem; }

	.pickup-list{
		margin-top: 4em;
		position: relative;
		gap: 30px;
		flex-wrap: wrap;
		display: flex; }
	.pickup-list__item{
		position: relative;
		width: calc((100% - 30px) / 2) ; }
	.pickup-list__item:nth-child(n+2){ margin-top: 0; }
	.pickup-list__item .nom{ font-size: 3rem; }
	.pickup-list__item .title{ font-size: 1.75rem; }
}
@media screen and (min-width:768px) {
	.efficacy-box{
		display: flex;
		flex-wrap: wrap; }
	.efficacy-body.content_wrap{
		padding-right: 0;
		padding-left: 0; }
	.efficacy-box:nth-child(even){ flex-direction: row-reverse; }
	.efficacy-box:nth-child(n+2){ margin-top: 120px; }
	.efficacy-box .img-box{
		overflow: hidden;
		width: calc(100% - 520px); }
	.efficacy-box__title{ margin-top: 0; }
	.efficacy-box .img-box img{
		width: 100%;
		height: 100%;
		object-fit: cover; }
	.efficacy-box .text-box{
		display: flex;
		align-items: flex-end;
		width: 520px; }
	.efficacy-box .text-box .text-inner{ padding: 0 30px 60px 60px ; }
	.efficacy-box:nth-child(even) .text-inner{ padding: 0 60px 60px 30px ; }
	/* バレニン */
	.pickup-mv__read{ font-size: 3rem; }
	.pickup-mv{
		padding-bottom: 150px;
		padding-top: 150px; }
	.pickup-mv-list__item:first-child{
		margin-right: 1em;
		width: auto; }

	.pickup-list{
		margin-top: -2.23em;
		gap: 60px; }
	.pickup-list__item{ width: calc((100% - 120px) / 3) ; }
	.pickup-list__item .nom{
		font-size: 4rem; }
	.pickup-list__item .nom-white{
		top: 0;
		display: block;
		height: .55em;
		overflow: hidden;
		position: absolute;
		color: var(--white); }
	.eiyou-read{ font-size: 3rem; }
	.et-mgt60{ margin-top: 60px; }
	.eiyou-list{
		gap: 1em;
		flex-wrap: wrap;
		display: flex; }
	.eiyou-list__item{ width: calc((100% - 3em) / 4); }
	.eiyou-name{
		margin-bottom: 0.25em;
		position: relative;
		height: 80px; }
	.eiyou-name .inner{
		top: 50%;
		transform: translateY(-50%);
		position: absolute; }
	.eiyou-name .sub{ display: block; }
	.border{
		margin: 2em 0 0;
		height: 1px;
		background: var(--gray);
		width: 100%; }
	.efficacy-bottom .contents{
		display: flex;
		justify-content: center;
		gap: 40px; }
	.efficacy-bottom .content-button02{ margin-top: 0; }
	.efficacy-bottom .content-button02:hover{ background: var(--main); }
}

