/* reset
----------------------------------------------- */

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,main,figure,figcaption {
	display: block;
	margin: 0;
	padding: 0;
	font-weight: normal;
	border: 0;
	outline: 0;
	line-height: 1;
	list-style: none;
}
a {
	margin: 0;
	padding: 0;
	outline: none;
}
img {
	vertical-align: top;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	-moz-user-drag: none;
	-ms-user-drag: none;
	user-drag: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
::selection {
	color: #000;
	background: #c3fa64;
}


/* html
----------------------------------------------- */

html {
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-print-color-adjust: exact;
}


/* body
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: "IwaNGoPro-Lt";
	font-weight: 400;
}
a {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}


/* loading
----------------------------------------------- */

.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #c3fa64;
	background-color: #f4f6f7;
	z-index: 10;
}
.loading__bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #000;
}
.loading__progress {
	width: 0;
	height: 5px;
	background-color: #c3fa64;
}

/* ready */

.js-loading-ready .loading__progress {
	transition: width 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* end */

.js-loading-end {
	transform: translateX(100%);
	transition-property: transform;
	transition-duration: 1s;
	transition-delay: 0.25s;
	transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}



/* fademask
----------------------------------------------- */

.fademask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 5px solid #000;
	background-color: #c3fa64;
	background-color: #f4f6f7;
	z-index: 10;
	transform: translateX(-100%);
	transition-property: transform;
	transition-duration: 0s;
	transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

/* start */

.js-fademask-start {
	transform: translateX(0);
	transition-duration: 0.85s;
}


/* pageup
----------------------------------------------- */

/* ready */

.js-pageup-ready {
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
	transform: scale(0.5);
	transition-property: visibility, opacity, transform;
	transition-duration: 0.25s;
}

/* on */

.js-pageup-on {
	pointer-events: all;
	visibility: visible;
	opacity: 1;
	transform: scale(1);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}


/* pagetitle
----------------------------------------------- */

/* ready */

.js-parallax-ready .pagetitle__label,
.js-parallax-ready .pagetitle__text {
	opacity: 0;
	transition-property: opacity, transform;
	transition-duration: 0s;
	transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.js-parallax-ready .pagetitle__label {
	transform: translateX(-25px);
}
.js-parallax-ready .pagetitle__text {
	transform: translateX(25px);
}

/* start */

.js-parallax-start .pagetitle__label,
.js-parallax-start .pagetitle__text {
	opacity: 1;
	transform: translateY(0);
	transition-duration: 0.65s;
}


/* hexagon
----------------------------------------------- */

/* ready */

.js-parallax-ready.hexagon__item {
	opacity: 0;
	transform: translate3d(0,0,0) scale(0.9);
	transition-property: opacity, transform;
	transition-duration: 0.25s;
	transition-delay: 0s;
}

/* start */

.js-parallax-start.hexagon__item {
	opacity: 1;
	transform: scale(1);
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-name: glitter;
	animation-duration: 5s;
	animation-delay: 1s;
	animation-iteration-count: 2;
	animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.js-parallax-start.hexagon__item:nth-child(2) {
	transition-delay: 0.1s;
	animation-delay: 1.1s;
	animation-direction: reverse;
}
.js-parallax-start.hexagon__item:nth-child(3) {
	transition-delay: 0.15s;
	animation-delay: 1.15s;
}
.js-parallax-start.hexagon__item:nth-child(4) {
	transition-delay: 0.2s;
	animation-delay: 1.2s;
	animation-direction: reverse;
}
.js-parallax-start.hexagon__item:nth-child(5) {
	transition-delay: 0.25s;
	animation-delay: 1.25s;
}
.js-parallax-start.hexagon__item:nth-child(6) {
	transition-delay: 0.3s;
	animation-delay: 1.3s;
	animation-direction: reverse;
}
.js-parallax-start.hexagon__item:nth-child(7) {
	transition-delay: 0.35s;
	animation-delay: 1.35s;
}
.js-parallax-start.hexagon__item:nth-child(8) {
	transition-delay: 0.4s;
	animation-delay: 1.4s;
	animation-direction: reverse;
}


/* parallax
----------------------------------------------- */

/* ready */

.js-parallax-ready.js-parallax-fadein,
.js-parallax-ready.js-parallax-leftin,
.js-parallax-ready.js-parallax-rightin,
.js-parallax-ready.js-parallax-bottomin,
.js-parallax-ready.js-parallax-zoomin {
	transform: translate3d(0,0,0);
	transition-property: opacity, transform;
	transition-duration: 0.25s;
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.js-parallax-ready.js-parallax-fadein {
	opacity: 0;
}
.js-parallax-ready.js-parallax-leftin {
	opacity: 0;
	transform: translateX(-25px);
}
.js-parallax-ready.js-parallax-rightin {
	opacity: 0;
	transform: translateX(25px);
}
.js-parallax-ready.js-parallax-bottomin {
	opacity: 0;
	transform: translateY(40px);
}
.js-parallax-ready.js-parallax-zoomin {
	opacity: 0;
	transform: scale(0.9);
}

.js-parallax-ready.js-parallax-mask {
	position: relative;
	overflow: hidden;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 0s;
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.js-parallax-ready.js-parallax-mask:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 1;
	transition-property: transform;
	transition-duration: 0s;
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.js-parallax-ready.js-parallax-mask img {
	transform: translate3d(0,0,0) scale(1.2);
	transition-property: transform;
	transition-duration: 0s;
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* start */

.js-parallax-start.js-parallax-fadein,
.js-parallax-start.js-parallax-leftin,
.js-parallax-start.js-parallax-rightin,
.js-parallax-start.js-parallax-bottomin,
.js-parallax-start.js-parallax-zoomin {
	opacity: 1;
	transform: translateX(0) scale(1);
	transition-duration: 0.85s;
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.js-parallax-start.js-parallax-fadein {
	transition-delay: 0.25s;
}
.js-parallax-start.js-parallax-zoomin {
	transition-duration: 0.5s;
	transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.js-parallax-start.js-parallax-mask {
	opacity: 1;
	transition-duration: 0.65s;
	transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.js-parallax-start.js-parallax-mask:after {
	transform: translateX(100%);
	transition-duration: 0.65s;
	transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.js-parallax-start.js-parallax-mask img {
	transform: scale(1);
	transition-duration: 1.5s;
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}


/* promotion
----------------------------------------------- */

.promotion__item {
	display: none;
}


/* nav
----------------------------------------------- */

.nav__item-episode {
	display: none;
}


/* inlinemovie
----------------------------------------------- */

.inlinemovie {
	margin: 80px auto 0;
	width: 640px;
}
.inlinemovie__inner {
	position: relative;
	padding-top: 56.25%;
	width: 100%;
	height: 0;
	z-index: 1;
}
.inlinemovie__inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}


/* keyframes
----------------------------------------------- */

@keyframes wave_pc {
	0% {
		background-position: -1400px top, -1400px bottom;
	}
	100% {
		background-position: 50% top, 50% bottom;
	}
}

@keyframes wave_sp {
	0% {
		background-position: -375px top, -375px bottom;
	}
	100% {
		background-position: 50% top, 50% bottom;
	}
}

@keyframes glitter {
	0% {
		opacity: 1;
	}
	20% {
		opacity: 0.2;
	}
	40% {
		opacity: 0.8;
	}
	60% {
		opacity: 0.4;
	}
	100% {
		opacity: 1;
	}
}

@keyframes flash {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0.6;
	}
	100% {
		opacity: 0.4;
	}
}

@keyframes bounce {
	0% {
		transform: translateY(0);
	}
	20% {
		transform: translateY(5px);
	}
	100% {
		transform: translateY(0);
	}
}


/* player
----------------------------------------------- */

.player {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 8;
}
.player__inner {
	position: relative;
}
.player__loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -10px;
	width: 20px;
	height: 20px;
	background-image: url(https://www.otsuka.co.jp/bdm/assets/images/loading.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
.player__close {
	position: absolute;
	top: -100px;
	right: -60px;
	color: #c3fa64;
	font-family: "Oswald";
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}
.player__close img {
	display: block;
	margin: 0 auto 8px;
}
.player__movie {
	position: relative;
	z-index: 1;
}

/* initial */

.js-player {
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
}
.js-player .player__movie {
	opacity: 0;
	transform: scale(0.95);
}
.js-player .player__close {
	opacity: 0;
	transform: translateX(25px);
}

/* ready */

.js-player-ready {
	transition-property: visibility, opacity;
	transition-duration: 0.5s;
	transition-delay: 0.5s, 0s;
}
.js-player-ready .player__movie {
	transition-property: opacity, transform;
	transition-duration: 0.25s;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.js-player-ready .player__loading {
	transition-property: opacity;
	transition-duration: 0s;
	transition-delay: 1.25s;
}
.js-player-ready .player__close {
	transition-property: opacity, transform;
	transition-duration: 0.25s;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* open */

.js-player-open {
	pointer-events: all;
	visibility: visible;
	opacity: 1;
	transition-delay: 0s, 0.15s;
}
.js-player-open .player__movie {
	opacity: 1;
	transform: scale(1);
	transition-delay: 0.5s;
}
.js-player-open .player__loading {
	opacity: 0;
}
.js-player-open .player__close {
	opacity: 1;
	transform: translateX(0);
	transition-delay: 0.5s;
}


/* special
----------------------------------------------- */

.special {
}
.special__inner {
	margin: auto;
	width: 960px;
	text-align: center;
}
.special__banners {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 0 -60px;
}
.special__banner {
	margin: 60px 0 0 60px;
	width: calc(33.33% - 60px);
}
.special__banner--wide {
	width: calc(100% - 60px);
}
.special__banner--wide a {
	display: block;
	margin: auto;
	max-width: 740px;
}
.special__banner img {
	width: 100%;
	height: auto;
}
.special__more {
	margin: 60px 0 0;
}

/* pagetitle */

.special .pagetitle {
	margin: 120px 0 0;
	padding: 0;
}


/* anniversary
----------------------------------------------- */

.anniversary {
	overflow: hidden;
}
.anniversary__inner {
	position: relative;
	margin: 20px auto 10px;
	width: 960px;
	height: 42px;
	background-image: url("https://www.otsuka.co.jp/bdm/assets/images/anniversary_bg_pc.png");
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 10px 42px;
	z-index: 1;
}
.anniversary__inner:before, .anniversary__inner:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	height: 42px;
	z-index: 1;
}
.anniversary__inner:before {
	left: 50%;
	width: 50vw;
	background-image: url("https://www.otsuka.co.jp/bdm/assets/images/anniversary_bg_pc.png");
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 10px 42px;
}
.anniversary__inner:after {
	left: 0;
	width: 420px;
	background-image: url("https://www.otsuka.co.jp/bdm/assets/images/anniversary_pc.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 420px 42px;
}


/* recommend
----------------------------------------------- */

.recommend {
	margin-top: 246px;
}
.recommend.is-home {
	margin-top: 295px;
}
.recommend__inner {
	position: relative;
	margin: auto;
	width: 960px;
	z-index: 2;
}
.recommend__main {
	position: relative;
	z-index: 1;
}
.recommend.is-home .recommend__inner {
	width: 900px;
}
.recommend__title {
	margin: 0 0 0 540px;
	font-family: "IwaNGoPro-Th";
	font-size: 30px;
	letter-spacing: 0.04em;
	line-height: 46px;
}
.recommend__mark {
	margin: 35px 0 0 540px;
	width: 149px;
}
.recommend__mark img {
	display: block;
	width: 100%;
	height: auto;
}
.recommend__caution {
	margin: 35px 0 0 540px;
}
.recommend__caution li {
	padding-left: 1em;
	font-family: "IwaNGoPro-Th";
	font-size: 12px;
	text-indent: -1em;
	letter-spacing: 0.04em;
	line-height: 20px;
}
.recommend__imageset {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 460px;
	z-index: 1;
}
.recommend__image:first-child {
	width: 180px;
}
.recommend__image:last-child {
	width: 228px;
}
.recommend__image img {
	display: block;
	width: 100%;
	height: auto;
}
.recommend__about {
	margin-top: 60px;
	padding: 35px 50px;
	background-color: #fef4f7;
}
.recommend__about h4 {
	margin-bottom: 15px;
	padding-bottom: 15px;
	color: #ee859a;
	font-family: "IwaNGoPro-Th";
	font-size: 18px;
	line-height: 25px;
	border-bottom: 1px solid #989294;
}
.recommend__about p {
	font-family: "IwaNGoPro-Th";
	font-size: 15px;
	text-align: justify;
	line-height: 30px;
}
.recommend__button {
	margin-top: 60px;
	text-align: center;
}


/* pc
----------------------------------------------- */

@media print, screen and (min-width:1000px) {


	/* body
	----------------------------------------------- */

	body {
	}

	.hover {
		display: block;
		position: relative;
	}
	.hover:before {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(195,250,100,0);
		z-index: 1;
		transition: background-color 0.25s;
	}
	.hover:hover:before {
		background-color: rgba(195,250,100,0.3);
	}

	.sp {
		display: none !important;
	}


	/* header
	----------------------------------------------- */

	.header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 92px;
		height: 98px;
		background: rgba(195,250,100,0);
		background: rgba(195,250,100,1);
		z-index: 5;
	}
	.header__inner {
		display: flex;
		position: relative;
		margin: auto;
		width: 960px;
	}

	.header__logo {
		padding: 24px 0 0;
	}

	/* non episode */

	.header__nav {
		margin: 0 52px 0 104px;
		padding: 24px 0 0;
	}
	.header__nav .nav__items {
		width: 708px;
	}

/*
	.header__nav {
		margin: 0 0 0 104px;
		padding: 24px 0 0;
	}
	.header__nav .nav__item:nth-child(1) {
		margin-right: 79px;
	}
	.header__nav .nav__item:nth-child(2) {
		margin-right: 64px;
	}
	.header__nav .nav__item:nth-child(3) {
		margin-right: 52px;
	}
	.header__nav .nav__item:nth-child(4) {
		margin-right: 37px;
	}
	.header__nav .nav__item:nth-child(5) {
		margin-right: 21px;
	}
	.header__nav .nav__item:nth-child(6) {
		margin-right: 52px;
	}
*/

	.header__cart {
		padding: 37px 0 0;
	}
	.header__cart a {
		display: block;
		transition: opacity 0.2s;
	}
	.header__cart a:hover {
		display: block;
		opacity: 0.7;
	}

	.header__menu {
		display: none;
	}

	/* ready */

	.js-header-ready {
		transition-property: background, transform;
		transition-duration: 0.25s, 1s;
		transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	}

	/* start */

	.js-header-start {
		background: rgba(195,250,100,1);
		transform: translateY(-24px);
		transition-duration: 0.25s, 0.5s;
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	}


	/* nav
	----------------------------------------------- */

	.nav {
	}
	.nav__items {
		display: flex;
		justify-content: space-between;
	}
	.nav__item {
		position: relative;
		text-align: center;
	}
	.nav__item a {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: relative;
		height: 68px;
	}
	.nav__item a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		margin: 2px 0 0;
		width: 100%;
		height: 1px;
		background-color: #333;
		transform: scaleX(0);
		transition-property: transform;
		transition-duration: 0.25s;
		transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	}
	.nav__item span {
		display: block;
		color: #333;
	}
	.nav__label {
		font-family: "Oswald";
		font-size: 18px;
	}
	.nav__text {
		margin: 10px 0 0;
		font-family: "IwaNGoPro-Th";
		font-size: 12px;
		font-weight: 400;
	}

	.nav-header .nav__item-action {
		display: none;
	}
	.nav__item-onlinestore {
		display: none;
	}

	/* hover */

	.nav__item a:hover:after {
		transform: scaleX(1);
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	/* current */

	.current-products .nav__item-products a:after,
	.current-interview .nav__item-interview a:after,
	.current-scene .nav__item-scene a:after,
	.current-episode .nav__item-episode a:after,
	.current-cm .nav__item-cm a:after,
	.current-faq .nav__item-faq a:after,
	.current-action .nav__item-action a:after,
	.current-special .nav__item-special a:after,
	.current-note .nav__item-note a:after {
		transform: scaleX(1);
	}


	/* footernav
	----------------------------------------------- */

	.footernav {
		display: flex;
		align-items: center;
		position: relative;
		height: 100px;
		background: #c3fa64;
	}
	.footernav__inner {
		margin: auto;
		width: 960px;
	}


	/* location
	----------------------------------------------- */

	.location {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 198px;
		background-image: url(https://www.otsuka.co.jp/bdm/assets/images/header_wave_pc.png);
		background-position: center -1px;
		background-repeat: repeat-x;
		background-size: 1400px 198px;
		z-index: 2;
	}
	.location__inner {
		margin: auto;
		padding: 125px 0 0;
		width: 960px;
	}
	.location__text {
		color: #7ea932;
		font-size: 12px;
		line-height: 22px;
	}
	.location__text a {
		color: #7ea932;
	}
	.location__text a:hover {
		color: #000;
		text-decoration: underline;
	}
	.location__text em {
		color: #000;
		font-style: normal;
	}


	/* pageup
	----------------------------------------------- */

	.pageup {
		position: absolute;
		top: -68px;
		right: 15px;
		width: 58px;
		height: 58px;
		cursor: pointer;
		z-index: 4;
	}
	.pageup__base {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -24px 0 0 -24px;
		width: 48px;
		height: 48px;
		border-radius: 48px;
		background: #c3fa64;
		z-index: 1;
		transition-property: transform;
		transition-duration: 0.25s;
		transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	}
	.pageup__arrow {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -7px 0 0 -11px;
		z-index: 2;
	}
	.pageup__arrow img {
		width: 23px;
		height: 14px;
	}

	/* hover */

	.pageup:hover .pageup__base {
		transform: scale(1.2);
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	/* fix */

	.js-pageup-fix {
		position: fixed;
		top: auto;
		right: 15px;
		bottom: 11px;
	}


	/* main
	----------------------------------------------- */

	.main {
		overflow: hidden;
	}


	/* section
	----------------------------------------------- */

	.section {
		padding: 0 0 80px;
	}


	/* pagetitle
	----------------------------------------------- */

	.pagetitle {
		padding: 240px 0 0;
	}
	.pagetitle__inner {
		margin: auto;
		text-align: center;
	}
	.pagetitle__label {
		font-family: "Oswald";
		font-size: 54px;
	}
	.pagetitle__text {
		margin: 18px 0 0;
		font-family: "IwaNGoPro-Th";
		font-size: 18px;
		font-weight: 400;
		text-indent: -0.04em;
		letter-spacing: 0.04em;
		line-height: 28px;
	}


	/* promotion
	----------------------------------------------- */

	.promotion {
		border-top: 1px solid #c3fa64;
	}
	.promotion__inner {
		margin: auto;
		padding: 50px 0;
		width: 960px;
	}
	.promotion__items {
		display: flex;
		justify-content: space-between;
	}


	/* profile
	----------------------------------------------- */

	.profile {
		margin: auto;
		padding: 48px 0 50px;
		max-width: 800px;
		z-index: 2;
	}
	.profile__inner {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.profile__summary {
		margin: 0 0 0 30px;
	}
	.profile__caption {
		display: none;
	}
	.profile__name {
		padding: 0 0 5px;
		font-family: "IwaNGoPro-Th";
		font-size: 18px;
		letter-spacing: 0.04em;
	}
	.profile__text {
		margin: 10px 0 0;
		font-size: 15px;
		letter-spacing: 0.04em;
		line-height: 30px;
	}


	/* more
	----------------------------------------------- */

	.more {
		margin: 30px 0 0;
		text-align: center;
	}
	.more__inner {
		display: inline-block;
	}
	.more a {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 22px;
		color: #fff;
		font-family: "Oswald";
		font-size: 22px;
		letter-spacing: 0.02em;
		height: 48px;
		background: #4a5055;
		transition-property: color, background-color;
		transition-duration: 0.2s;
	}
	.more a:hover {
		color: #000;
		background-color: #c3fa64;
	}


	/* hexagon
	----------------------------------------------- */

	.hexagon {
		position: absolute;
		width: 850px;
		height: 610px;
		z-index: 1;
	}
	.hexagon__item {
		position: absolute;
		width: 208px;
		height: 120px;
		background: #f4f6f7;
	}
	.hexagon__item:before,
	.hexagon__item:after {
		display: block;
		content: "";
		position: absolute;
		left: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 104px 60px 104px;
		border-color: transparent transparent #f4f6f7 transparent;
	}
	.hexagon__item:before {
		top: -60px;
	}
	.hexagon__item:after {
		bottom: -60px;
		border-width: 60px 104px 0 104px;
		border-color: #f4f6f7 transparent transparent transparent;
	}
	.hexagon__item:nth-child(1) {
		top: 60px;
		left: 0;
	}
	.hexagon__item:nth-child(2) {
		top: 60px;
		left: 214px;
	}
	.hexagon__item:nth-child(3) {
		top: 244px;
		left: 107px;
	}
	.hexagon__item:nth-child(4) {
		top: 428px;
		left: 0;
	}
	.hexagon__item:nth-child(5) {
		top: 244px;
		left: 321px;
	}
	.hexagon__item:nth-child(6) {
		top: 244px;
		left: 535px;
	}
	.hexagon__item:nth-child(7) {
		top: 428px;
		left: 428px;
	}
	.hexagon__item:nth-child(8) {
		top: 428px;
		left: 642px;
	}


	/* interview
	----------------------------------------------- */

	.interview {
		position: relative;
	}
	.interview__inner {
		position: relative;
		margin: auto;
		padding: 0 0 40px;
		width: 960px;
		z-index: 2;
	}

	.interview__items {
		display: flex;
		flex-wrap: wrap;
		margin: -47px 0 0 -90px;
	}
	.interview__item {
		margin: 120px 0 0 90px;
		width: 260px;
	}
	.interview__item a {
		display: block;
	}
	.interview__title {
		margin: 19px 0 0;
		font-family: "IwaNGoPro-Th";
		font-size: 14px;
		letter-spacing: 0.04em;
		line-height: 24px;
		small {
			display: block;
			margin-top: 0.5em;
			font-size: 0.65em;
			line-height: 1.5em;
		}
	}
	.interview__name {
		margin: 10px 0 0;
		font-size: 12px;
		line-height: 20px;
	}
	.interview__time {
		display: block;
		margin: 15px 0 0;
		color: #4a5055;
		font-family: "Oswald";
		font-size: 13px;
		letter-spacing: 0.04em;
	}
	.interview__time-detail {
		font-size: 18px;
	}

	.interview-detail {
		margin: 0;
		background-image: url(https://www.otsuka.co.jp/bdm/assets/images/wave_mask_top_pc.png), url(https://www.otsuka.co.jp/bdm/assets/images/wave_mask_bottom_pc.png);
		background-position: center top, center bottom;
		background-repeat: repeat-x;
		background-size: 1400px 100px;
		background-color: #f4f6f7;
	}
	.interview-detail .interview__inner {
		padding: 150px 0 100px;
	}
	.interview-detail .interview__items,
	.interview-detail .interview__item {
		margin-top: 0;
	}
	.interview__inner-detail {
		padding: 0 0 80px;
	}
	.interview__title-detail {
		padding: 80px 0 0;
		font-family: "IwaNGoPro-Th";
		font-size: 30px;
		text-align: center;
		letter-spacing: 0.04em;
		line-height: 46px;
	}
	.interview__name-detail {
		padding: 20px 0 0;
		font-size: 26px;
		text-align: center;
		letter-spacing: 0.04em;
		line-height: 40px;
	}

	.interview__contents {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 50px 0 0;
	}
	.interview__content {
		padding: 25px 0 0;
	}
	.interview__contents > .interview__content {
		width: 472px;
	}
	.interview__contents > .interview__content-small {
		width: 623px;
	}
	.interview__snapshot {
		margin: 40px 0 10px;
		width: 438px;
	}
	.interview__snapshot-wide {
		margin-top: 50px;
		width: 960px;
	}
	.interview__snapshot-right {
		order: 2;
	}
	.interview__snapshot-small {
		width: 287px;
	}
	.interview__caption {
		padding: 8px 0 0;
		color: #333;
		font-size: 12px;
		line-height: 20px;
	}
	.interview__caption-caution {
		padding: 8px 0 0 12px;
		text-indent: -12px;
	}

	.interview__subtitle {
		padding: 20px 0 0 25px;
		font-family: "IwaNGoPro-Th";
		font-size: 18px;
		text-indent: -25px;
		line-height: 27px;
		letter-spacing: 0.04em;
	}
	.interview__text {
		padding: 20px 0 0;
		font-size: 18px;
		line-height: 33px;
	}
	.interview__text--comment {
		padding: 20px 0 0 54px;
		text-indent: -54px;
	}
	.interview__text-bold {
		margin: 0 0 -18px;
		font-family: "IwaNGoPro-Th";
	}
	.interview__text-small {
		font-size: 12px;
		line-height: 24px;
	}
	.interview__text-note {
		padding-left: 1em;
		font-size: 12px;
		text-indent: -1em;
		line-height: 24px;
	}
	.interview__text a {
		text-decoration: underline;
	}
	.interview__text img {
		vertical-align: baseline;
	}

	.interview__topics {
		position: relative;
		padding: 100px 0;
		background-image: url(https://www.otsuka.co.jp/bdm/interview/images/topics_wave_top_pc.png), url(https://www.otsuka.co.jp/bdm/interview/images/topics_wave_bottom_pc.png);
		background-position: center top, center bottom;
		background-repeat: repeat-x;
		background-size: 1400px 100px;
		z-index: 2;
	}
	.interview__topicsbox {
		background-color: #dcfea7;
	}
	.interview__topics .interview__contents {
		margin: auto;
		padding: 0 0 10px;
		width: 960px;
	}

	.interview__banner {
		margin: 100px 0 10px;
	}


	/* page
	----------------------------------------------- */

	.page {
		position: relative;
		margin: 70px 0 0;
		text-align: center;
		z-index: 2;
	}
	.page__inner {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.page__numbers {
		display: flex;
		justify-content: center;
		margin: 0 62px;
	}
	.page__number,
	.page__number:hover {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 9px;
		width: 48px;
		height: 48px;
		color: #fff;
		font-family: "Oswald";
		font-size: 24px;
		background: #4a5055;
		transition-property: color, background-color;
		transition-duration: 0.2s;
	}
	.page__number:hover {
		color: #000;
		background-color: #c3fa64;
	}
	.page__number-current,
	.page__number-current:hover {
		color: #b5b5b5;
		background-color: #ccc;
	}
	.page__arrow {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 48px;
		height: 48px;
		transition-property: opacity, transform;
		transition-duration: 0.2s;
	}
	.page__arrow:first-child:hover {
		opacity: 0.7;
		transform: translateX(-5px);
	}
	.page__arrow:last-child:hover {
		opacity: 0.7;
		transform: translateX(5px);
	}
	.page__arrow-blur {
		pointer-events: none;
		opacity: 0.3;
	}


	/* button
	----------------------------------------------- */

	.button,
	.button:hover {
		display: inline-block;
		position: relative;
		background: #4a5055;
		cursor: pointer;
	}
	.button span {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		padding: 0 15px;
		min-width: 150px;
		height: 48px;
		color: #fff;
		font-family: "IwaNGoPro-Th";
		font-size: 14px;
		letter-spacing: 0.04em;
		z-index: 1;
		transition: color 0.25s;
	}
	.button:hover span {
		color: #000;
	}
	.button:before {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: #c3fa64;
		transform-origin: right top;
		transform: scale(0, 1);
		transition: transform 0.25s cubic-bezier(0.77, 0, 0.175, 1);
	}
	.button:hover:before {
		transform-origin: left top;
		transform: scale(1, 1);
	}
	.button[target="_blank"] span:after {
		display: inline-block;
		content: "";
		margin-left: 7px;
		width: 15px;
		height: 15px;
		background-image: url(https://www.otsuka.co.jp/bdm/assets/images/ic_blank_white.png);
		background-repeat: no-repeat;
		background-size: 15px;
	}
	.button[target="_blank"]:hover span:after {
		background-image: url(https://www.otsuka.co.jp/bdm/assets/images/ic_blank_black.png);
	}


}


/* mobile
----------------------------------------------- */

@media only screen and (max-width:999px) {


	/* body
	----------------------------------------------- */

	body {
	}

	.pc {
		display: none !important;
	}


	/* header
	----------------------------------------------- */

	.header:after {
		display: block;
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 72px;
		background: rgba(195,250,100,0);
		z-index: 5;
	}
	.header__logo {
		position: fixed;
		top: 18px;
		left: 15px;
		z-index: 8;
	}
	.header__logo img {
		width: 55px;
		height: auto;
	}

	.header__cart,
	.header__menu {
		position: fixed;
		cursor: pointer;
	}
	.header__cart {
		top: 34px;
		right: 65px;
		z-index: 6;
	}
	.header__cart a {
		display: block;
	}
	.header__menu {
		top: 20px;
		right: 0;
		width: 50px;
		height: 50px;
		cursor: pointer;
		z-index: 8;
	}
	.header__menu img {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -13px 0 0 -13px;
	}

	.header__nav {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.2);
		overflow: hidden;
		z-index: 7;
	}
	.header__nav:after {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 85px;
		border-bottom: 1px solid #b1e656;
		background: #c3fa64;
	}

	/* ready */

	.js-header-ready:after,
	.js-header-ready .header__logo,
	.js-header-ready .header__cart,
	.js-header-ready .header__menu {
		transition-property: background, transform;
		transition-duration: 0.25s, 1s;
		transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	}

	.js-menu-ready img {
		transition-property: transform;
	}
	.js-menu-ready img:first-child {
		transform: scaleX(1);
		transition-duration: 0.5s;
		transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	}
	.js-menu-ready img:last-child {
		transform: scale(0);
		transition-duration: 0.25s;
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.js-nav-ready {
		display: block;
		background: rgba(0,0,0,0);
		pointer-events: none;
		visibility: hidden;
		opacity: 0;
		transition-property: background, visibility, opacity;
		transition-duration: 0.5s;
		transition-delay: 0.5s;
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	.js-nav-ready .nav {
		transform: translateY(-100%);
		transition-property: transform;
		transition-duration: 0.5s;
		transition-delay: 0s;
		transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	}
	.js-nav-ready .nav__item a {
		opacity: 0;
		transform: translateX(-25px);
		transition-property: opacity, transform;
		transition-duration: 0s;
		transition-delay: 0.5s;
		transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	}

	/* start */

	.js-header-start:after {
		background: rgba(195,250,100,1);
		transform: translateY(-18px);
		transition-duration: 0.25s, 0.5s;
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	.js-header-start .header__logo,
	.js-header-start .header__cart,
	.js-header-start .header__menu {
		transform: translateY(-18px);
		transition-duration: 0.25s, 0.5s;
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.js-header-start .header__nav:after {
		height: 55px;
	}
	.js-header-start .nav {
		top: 55px;
		height: calc(100% - 55px);
	}

	/* open */

	.js-menu-open img:first-child {
		transform: scaleX(0);
		transition-duration: 0.25s;
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	.js-menu-open img:last-child {
		transform: scale(1);
		transition-duration: 0.5s;
		transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
	}

	.js-nav-open {
		background: rgba(0,0,0,0.2);
		pointer-events: all;
		visibility: visible;
		opacity: 1;
		transition-delay: 0s;
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	.js-nav-open .nav {
		transform: translateY(0);
		transition-delay: 0.25s;
	}
	.js-nav-open .nav__item a {
		opacity: 1;
		transform: translateX(0);
		transition-duration: 0.5s;
		transition-delay: 0.6s;
	}
	.js-nav-open .nav__item:nth-child(2) a {
		transition-delay: 0.65s;
	}
	.js-nav-open .nav__item:nth-child(3) a {
		transition-delay: 0.7s;
	}
	.js-nav-open .nav__item:nth-child(4) a {
		transition-delay: 0.75s;
	}
	.js-nav-open .nav__item:nth-child(5) a {
		transition-delay: 0.8s;
	}
	.js-nav-open .nav__item:nth-child(6) a {
		transition-delay: 0.85s;
	}
	.js-nav-open .nav__item:nth-child(7) a {
		transition-delay: 0.9s;
	}
	.js-nav-open .nav__item:nth-child(8) a {
		transition-delay: 0.95s;
	}
	.js-nav-open .nav__item:nth-child(9) a {
		transition-delay: 1s;
	}


	/* nav
	----------------------------------------------- */

	.nav {
		position: absolute;
		top: 86px;
		left: 0;
		width: 100%;
		height: calc(100% - 86px);
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.nav__items {
		background: #c3fa64;
	}
	.nav__item {
		border-top: 1px solid #b1e656;
		box-sizing: border-box;
	}
	.nav__item:first-child {
		border: 0;
	}
	.nav__item a {
		display: flex;
		align-items: center;
		position: relative;
		height: 45px;
	}
	.nav__item a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		margin: -7px 0 0;
		width: 9.5px;
		height: 14px;
		background: url(https://www.otsuka.co.jp/bdm/assets/images/nav_arrow.png) no-repeat;
		background-size: 9.5px 14px;
	}
	.nav__item span {
		display: block;
	}
	.nav__label {
		margin: 0 0 0 30px;
		width: 140px;
		font-family: "Oswald";
		font-size: 18px;
	}
	.nav__text {
		font-family: "IwaNGoPro-Th";
		font-size: 11px;
	}


	/* footernav
	----------------------------------------------- */

	.footernav {
		position: relative;
	}
	.footernav .nav {
		position: static;
		height: auto;
		overflow: visible;
	}


	/* location
	----------------------------------------------- */

	.location {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 91px;
		background: url(https://www.otsuka.co.jp/bdm/assets/images/header_wave_sp.png) repeat-x center top;
		background-size: 375px 91px;
		z-index: 2;
	}
	.location__inner {
		display: none;
	}


	/* pageup
	----------------------------------------------- */

	.pageup {
		position: absolute;
		top: -70px;
		right: 15px;
		width: 55px;
		height: 55px;
		border-radius: 54px;
		background: #c3fa64;
		cursor: pointer;
		z-index: 4;
	}
	.pageup__arrow {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -8px 0 0 -13px;
	}
	.pageup__arrow img {
		width: 26px;
		height: 16px;
	}

	/* fix */

	.js-pageup-fix {
		position: fixed;
		top: auto;
		bottom: 15px;
	}


	/* main
	----------------------------------------------- */

	.main {
		overflow: hidden;
	}


	/* section
	----------------------------------------------- */

	.section {
		padding: 0 0 55px;
	}


	/* pagetitle
	----------------------------------------------- */

	.pagetitle {
		padding: 130px 0 0;
	}
	.pagetitle__inner {
		text-align: center;
	}
	.pagetitle__label {
		font-family: "Oswald";
		font-size: 42px;
	}
	.pagetitle__text {
		margin: 14px 0 0;
		font-family: "IwaNGoPro-Th";
		font-size: 15px;
		font-weight: 400;
		letter-spacing: 0.04em;
		line-height: 23px;
	}


	/* promotion
	----------------------------------------------- */

	.promotion {
		border-top: 2px solid #c3fa64;
	}
	.promotion__inner {
		margin: auto;
		padding: 45px 0 85px;
		max-width: 500px;
	}
	.promotion__items {
		display: flex;
		flex-direction: column;
		margin: 0 30px;
	}
	.promotion__item {
		padding: 15px 0 0;
	}
	.promotion__item img {
		width: 100%;
		height: auto;
	}


	/* more
	----------------------------------------------- */

	.more {
		margin: 60px 0 0;
		text-align: center;
	}
	.more__inner {
		display: inline-block;
	}
	.more a {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 32px;
		color: #fff;
		font-family: "Oswald";
		font-size: 21px;
		letter-spacing: 0.02em;
		height: 45px;
		background: #4a5055;
	}


	/* inlinemovie
	----------------------------------------------- */

	.inlinemovie {
		margin: 60px 10px 0;
		width: auto;
	}


	/* profile
	----------------------------------------------- */

	.profile {
		position: relative;
		margin: auto;
		padding: 20px 0 15px;
		max-width: 640px;
		z-index: 2;
	}
	.profile__inner {
		margin: 0 30px;
	}
	.profile__image {
		display: flex;
		align-items: center;
	}
	.profile__image img {
		width: 75px;
		height: 75px;
	}
	.profile__caption {
		margin: 0 0 0 15px;
		font-family: "IwaNGoPro-Th";
		font-size: 15px;
		letter-spacing: 0.04em;
		line-height: 20px;
	}
	.profile__name {
		display: none;
	}
	.profile__text {
		margin: 8px 0 0;
		font-size: 14px;
		letter-spacing: 0.04em;
		line-height: 24px;
	}


	/* hexagon
	----------------------------------------------- */

	.hexagon {
		position: absolute;
		width: 429px;
		height: 345px;
		z-index: 1;
	}
	.hexagon__item {
		position: absolute;
		width: 169px;
		height: 97px;
		background: #f4f6f7;
	}
	.hexagon__item:before,
	.hexagon__item:after {
		display: block;
		content: "";
		position: absolute;
		left: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 84px 49px 84px;
		border-color: transparent transparent #f4f6f7 transparent;
	}
	.hexagon__item:before {
		top: -49px;
	}
	.hexagon__item:after {
		bottom: -49px;
		border-width: 49px 84px 0 84px;
		border-color: #f4f6f7 transparent transparent transparent;
	}
	.hexagon__item:nth-child(1) {
		top: 49px;
		left: 0;
	}
	.hexagon__item:nth-child(2) {
		top: 49px;
		left: 173px;
	}
	.hexagon__item:nth-child(3) {
		top: 198px;
		left: 87px;
	}
	.hexagon__item:nth-child(4) {
		top: 198px;
		left: 260px;
	}
	.hexagon__item:nth-child(n + 5) {
		display: none;
	}


	/* interview
	----------------------------------------------- */

	.interview {
		position: relative;
	}
	.interview__inner {
		position: relative;
		margin: auto;
		padding: 0 0 45px;
		max-width: 640px;
		z-index: 2;
	}

	.interview__items {
		display: flex;
		flex-wrap: wrap;
		margin: -20px 0 0;
	}
	.interview__item {
		margin: 60px 15px 0;
		width: calc(50% - 30px);
	}
	.interview__image img {
		width: 100%;
		height: auto;
	}
	.interview__title {
		margin: 10px 0 0;
		font-family: "IwaNGoPro-Th";
		font-size: 13px;
		letter-spacing: 0.04em;
		line-height: 18px;
		small {
			display: block;
			margin-top: 0.5em;
			font-size: 0.65em;
			line-height: 1.5em;
		}
	}
	.interview__name {
		margin: 8px 0 0;
		font-size: 12px;
		line-height: 18px;
	}
	.interview__time {
		display: block;
		color: #4a5055;
		font-family: "Oswald";
		font-size: 12px;
		letter-spacing: 0.04em;
		line-height: 18px;
	}
	.interview__time-detail {
		margin: 5px 0 0;
		font-size: 14px;
	}

	.interview-detail {
		margin: 30px 0 0;
		background-image: url(https://www.otsuka.co.jp/bdm/assets/images/wave_mask_top_sp.png), url(https://www.otsuka.co.jp/bdm/assets/images/wave_mask_bottom_sp.png);
		background-position: center top, center bottom;
		background-repeat: repeat-x;
		background-size: 375px 20px;
		background-color: #f4f6f7;
	}
	.interview-detail .interview__inner {
		padding: 60px 0;
	}
	.interview-detail .interview__items,
	.interview-detail .interview__item {
		margin-top: 0;
	}
	.interview__title-detail {
		padding: 40px 0 0;
		font-family: "IwaNGoPro-Th";
		font-size: 24px;
		text-align: center;
		letter-spacing: 0.04em;
		line-height: 33px;
	}
	.interview__name-detail {
		padding: 12px 0 0;
		font-size: 16px;
		text-align: center;
		letter-spacing: 0.04em;
		line-height: 28px;
	}

	.interview__contents {
		margin: 50px 0 0;
	}
	.interview__content {
		margin: 0 15px;
	}
	.interview__snapshot {
		margin: 0 15px 10px;
		text-align: center;
	}
	.interview__snapshot-wide {
		margin-top: 50px;
		width: auto;
	}

	.interview__caption {
		padding: 5px 0 0;
		color: #333;
		font-size: 10px;
		text-align: left;
		line-height: 16px;
	}
	.interview__caption-caution {
		padding: 5px 0 0 10px;
		text-indent: -10px;
	}
	.interview__snapshot img {
		width: 100%;
		height: auto;
	}

	.interview__subtitle {
		padding: 10px 0 0 20px;
		font-family: "IwaNGoPro-Th";
		font-size: 15px;
		text-indent: -20px;
		line-height: 27px;
		letter-spacing: 0.04em;
	}
	.interview__text {
		margin: 10px 0 0;
		font-size: 14px;
		line-height: 27px;
	}
	.interview__text--comment {
		padding: 0 0 0 42px;
		text-indent: -42px;
	}
	.interview__text-bold {
		margin: 10px 0 -10px;
		font-family: "IwaNGoPro-Th";
	}
	.interview__text-small {
		font-size: 12px;
		line-height: 24px;
	}
	.interview__text-note {
		padding-left: 1em;
		font-size: 12px;
		text-indent: -1em;
		line-height: 24px;
	}
	.interview__text a {
		text-decoration: underline;
	}
	.interview__text img {
		vertical-align: baseline;
	}

	.interview__topics {
		padding: 20px 0;
		background-image: url(https://www.otsuka.co.jp/bdm/interview/images/topics_wave_top_sp.png), url(https://www.otsuka.co.jp/bdm/interview/images/topics_wave_bottom_sp.png);
		background-position: center top, center bottom;
		background-repeat: repeat-x;
		background-size: 375px 20px;
	}
	.interview__topicsbox {
		padding: 40px 0;
		background-color: #dcfea7;
	}
	.interview__topics .interview__contents {
		margin: auto;
		max-width: 640px;
	}

	.interview__items-list {
		margin: 0 30px;
	}
	.interview__items-list .interview__item {
		margin: 30px 0 0;
		width: 100%;
	}
	.interview__items-list .interview__item:first-child {
		margin: 0;
	}
	.interview__items-list .interview__item a {
		display: flex;
		align-items: center;
	}
	.interview__items-list .interview__image {
		width: 120px;
	}
	.interview__items-list .interview__summary {
		margin: 0 0 0 15px;
		width: calc(100% - 135px);
	}
	.interview__items-list .interview__title {
		margin: 0;
	}

	.interview__banner {
		margin: 50px auto 0;
		max-width: 500px;
	}
	.interview__banner span {
		display: block;
		margin: 0 15px;
	}
	.interview__banner img {
		width: 100%;
		height: auto;
	}


	/* page
	----------------------------------------------- */

	.page {
		position: relative;
		margin: 50px 0 0;
		text-align: center;
		z-index: 2;
	}
	.page__inner {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.page__numbers {
		display: flex;
		justify-content: center;
	}
	.page__number,
	.page__number:hover {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 12px;
		width: 48px;
		height: 48px;
		color: #fff;
		font-family: "Oswald";
		font-size: 22px;
		background: #4a5055;
	}
	.page__number-current,
	.page__number-current:hover {
		color: #b5b5b5;
		background-color: #ccc;
	}
	.page__arrow {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 48px;
		height: 48px;
	}
	.page__arrow-blur {
		pointer-events: none;
		opacity: 0.3;
	}


	/* player
	----------------------------------------------- */

	.player__inner {
		margin: 0 15px;
		width: calc(100% - 15px);
	}
	.player__movie {
		position: relative;
		padding: 56.25% 0 0;
		width: 100%;
	}
	.player__movie iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.player__close {
		top: -50px;
		right: 0;
		font-size: 12px;
	}
	.player__close img {
		width: 18px;
		height: auto;
	}


	/* special
	----------------------------------------------- */

	.special__inner {
		width: auto;
		max-width: 500px;
	}
	.special__banners {
		display: block;
		margin: 0 30px;
		padding: 35px 0 0;
	}
	.special__banner {
		margin: 25px 0 0;
		width: auto;
	}
	.special__banner--wide {
		width: auto;
	}
	.special__banner--wide a {
		max-width: initial;
	}
	.special__more {
		margin: 50px 0 0;
	}

	/* pagetitle */

	.special .pagetitle {
		margin: 70px 0 0;
	}


	/* anniversary
	----------------------------------------------- */

	.anniversary__inner {
		margin: 18px 30px 0;
		width: auto;
		height: 30px;
		background-image: url("https://www.otsuka.co.jp/bdm/assets/images/anniversary_bg_sp.png");
		background-size: 10px 30px;
	}
	.anniversary__inner:before, .anniversary__inner:after {
		height: 30px;
	}
	.anniversary__inner:before {
		background-image: url("https://www.otsuka.co.jp/bdm/assets/images/anniversary_bg_sp.png");
		background-size: 10px 30px;
	}
	.anniversary__inner:after {
		width: 310px;
		background-image: url("https://www.otsuka.co.jp/bdm/assets/images/anniversary_sp.png");
		background-size: 310px 30px;
	}


	/* recommend
	----------------------------------------------- */

	.recommend {
		margin-top: 50px;
	}
	.recommend.is-home {
		margin-top: 50px;
	}
	.recommend__inner {
		max-width: 640px;
		width: auto;
	}
	.recommend.is-home .recommend__inner {
		width: auto;
	}
	.recommend__main {
	}
	.recommend__title {
		margin: 0 15px;
		font-size: 24px;
		text-align: center;
		line-height: 33px;
	}
	.recommend__mark {
		display: none;
	}
	.recommend__caution {
		margin: 37px 30px 0;
	}
	.recommend__caution li {
		font-size: 11px;
		line-height: 18px;
	}
	.recommend__imageset {
		position: relative;
		left: auto;
		bottom: auto;
		margin: 40px auto 0;
		max-width: 375px;
		width: 69.6%;
		width: calc(522 / 750 * 100%);
	}
	.recommend__imageset:before {
		display: block;
		content: "";
		position: absolute;
		top: -20px;
		right: -13px;
		width: 88px;
		height: 88px;
		background-image: url(https://www.otsuka.co.jp/bdm/assets/images/ask_mark.png);
		background-repeat: no-repeat;
		background-size: 88px;
		z-index: 1;
	}
	.recommend__image:first-child {
		width: calc(194 / 522 * 100%);
	}
	.recommend__image:last-child {
		width: calc(249 / 522 * 100%);
	}
	.recommend__about {
		margin: 35px 15px 0;
		padding: 25px 15px;
	}
	.recommend__about h4 {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.recommend__about p {
		font-size: 14px;
		line-height: 27px;
	}
	.recommend__button {
		margin-top: 48px;
	}


	/* button
	----------------------------------------------- */

	.button {
		display: inline-block;
		position: relative;
		cursor: pointer;
	}
	.button span {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		padding: 0 15px;
		min-width: 150px;
		height: 45px;
		color: #fff;
		font-family: "IwaNGoPro-Th";
		font-size: 12px;
		letter-spacing: 0.02em;
		background: #4a5055;
		cursor: pointer;
	}
	.button[target="_blank"] span:after {
		display: inline-block;
		content: "";
		margin-left: 7px;
		width: 15px;
		height: 15px;
		background-image: url(https://www.otsuka.co.jp/bdm/assets/images/ic_blank_white.png);
		background-repeat: no-repeat;
		background-size: 15px;
	}


}