/* ---------------------------------------
   鯨についてのベース
------------------------------------------ */
.hamburger-open .hamburger-nav{ z-index: 2; }
.hamburger-button{ z-index: 3; }
@media screen and (min-width:1080px) {
	.hamburger{ z-index: 3; }
}
.about-nav{
	font-size: 0.9375rem;
	margin-bottom: 4.8em;
	gap: 1em 2em;
	justify-content: center;
	flex-wrap: wrap;
	display: flex; }
.about-nav__item{
	position: relative;
	padding-right: 1.6em; }
.about-nav__item a{ text-decoration: underline; }
.about-nav__item .arow{
	top: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	align-items: center;
	right: 0;
	width: 12px;
	position: absolute; }
.about-nav__item:last-child{ margin-right: 0; }
/* 追従 */
.about-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%; }
.about-nav-fix.fix{ transform: translateY(0); }
.about-nav-fix .about-nav{ margin-bottom: 0; }


#about .pc{ display: none; }
#about .page-title{ margin-bottom: 1em;}
/* 鯨についてのヘッド */
.about-content{
	margin-top: 18vw;
	padding-top: 18vw;
	border-top: solid 1px var(--gray); }
.about-head__img img{ width: 100%; }
.about-head__textbox{
	line-height: 2.25;
	padding-top: 8vw;
	line-height: 1.8889; }
.about-head__title{
	margin-bottom: 0.675em;
	font-size: 1.714285rem; }
@media screen and (min-width:480px) {
	.about-head__title{ font-size: 2.25rem; }
}
@media screen and (min-width:768px) {
	.about-nav__item a:hover{ text-decoration: none; }
  #about .page-title{ margin-bottom: 1.75em;}
	.about-head__item{ width: 50%; }
	.about-head__textbox{
		padding-right: 60px;
		padding-top: 0; }
	#about .sp{ display: none; }
	#about .pc{ display: block; }
	/* 商品紹介のヘッド */
	.about-head{
		flex-direction: row-reverse;
		flex-wrap: wrap;
		display: flex; }
}
/* ---------------------------------------
   商品紹介 #about
------------------------------------------ */
.about-list{
	gap: 6vw 3vw;
	flex-wrap: wrap;
	display: flex; }
.about-list__item{ width: 100%;}
.about-list__item img { width: 100%;}
.twobox { width:100%;}
.about-list__title{
	align-items: center;
	padding: 0.5em 0 0.75em;
	display: flex;
	font-size: 1.25rem; }
.twobox .about-list__title { margin-top: 1em;}
.about-list__title .inner{
	display: inline-block;
	margin-right: 1em; }
.about-list__icon{
	transition: .2s;
	padding: 0.25em 0.375em;
	align-items: center;
	display: flex;
	margin-left: auto;
	background: #9898a4; }
.about-list__text{ font-size: 0.925rem; }
.twobox .about-list__text { padding-bottom: 20px;}
.about-content__bottom{ text-align: center; }
.about-content__bottom .bana-link + .bana-link{ margin-top: 4vw; }
@media screen and (min-width:480px) {
	.about-list{ gap: 60px 30px; }
	.about-list__item{ width: calc((100% - 30px) / 2); }
  .twobox .about-list__title { margin-top: 0;border-top: 1px solid #eee;}
  .twobox .about-list__text { padding-bottom: 14px;}
	.about-content__bottom .bana-link + .bana-link{ margin-top: 45px; }
}
@media screen and (min-width:768px) {
	.about-list{ gap: 60px; }
	.about-list__item{ width: calc((100% - 120px) / 3); }
  .twobox{ width: calc((100% - 30px) / 3 *2); }
	.about-list__item a:hover .about-list__icon{ background: var(--main); }
	.about-list__text{ font-size: 0.8125rem; }
	.about-content__bottom .content-button02:hover{ background: var(--main); }
	.about-content__bottom .bana-link + .bana-link{ margin-top: 60px; }
}