@font-face {
	src: url(../font/FuturaMedium.ttf);
	font-family: "futura";
}

body {
	font-family: zen-maru-gothic, sans-serif;
}

body {
	font-weight: 500;
}

.u-desktop {
	display: none;
}

html.is-fixed {
	overflow: hidden;
}

/* ============================================================================
MV
============================================================================== */

.p-mv {
	overflow: hidden;
	padding-bottom: 11px;
	padding-bottom: 0.6875rem;
	padding-top: 97px;
	padding-top: 6.0625rem;
	position: relative;
}

.p-mv::before {
	background-color: #ffeae3;
	border-top-left-radius: 240px;
	border-top-left-radius: 15rem;
	content: "";
	height: 172vw;
	position: absolute;
	width: 100%;
	z-index: -2;
}

.p-mv__title {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 0.22em;
	line-height: 1.4;
}

.p-mv__title span {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 32px;
	height: 2rem;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	margin-right: 6px;
	margin-right: 0.375rem;
	-webkit-transform: translateY(0.0625rem);
	transform: translateY(0.0625rem);
	width: 126px;
	width: 7.875rem;
}

.p-mv__main {
	position: relative;
	width: 596px;
	width: 37.25rem;
	z-index: 1;
}
.p-mv__news {
	bottom: 3.5rem;
	left: 50%;
	position: fixed;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
}
/*
.p-mv__news{
	z-index: 1;
    position: static;
    margin-top: -3px;
    padding: 0 1rem 1rem 1rem;
    background-color: #ffeae3;
}
@media screen and (max-width: 767px) and (max-height: 730px){
	.p-mv__news {
		bottom: 3rem;
		left: 50%;
		position: absolute;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		position: absolute;
		padding: 0;
		background-color: transparent;
	}
}
*/

.p-mv__slider {
	display: none;
}

.p-mv__slider p {
	color: #fff;
	font-family: "futura";
	font-size: 270px;
	font-size: 16.875rem;
	font-weight: bold;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	white-space: nowrap;
}

.p-mv__slider p:nth-child(1) {
	-webkit-animation: text-slider 30s linear infinite;
	animation: text-slider 30s linear infinite;
}

.p-mv__slider p:nth-child(2) {
	-webkit-animation: text-slider 30s linear infinite;
	animation: text-slider 30s linear infinite;
	margin-left: 100px;
	margin-left: 6.25rem;
}

.p-mv__animation {
	position: absolute;
}

.p-mv__animation span:nth-child(n+2) {
	left: 0;
	position: absolute;
	top: 0;
}

.p-mv__animation--1 {
	-webkit-animation: ha 3s steps(1) infinite;
	animation: ha 3s steps(1) infinite;
	right: 242px;
	right: 15.125rem;
	top: 96px;
	top: 6rem;
	width: 50px;
	width: 3.125rem;
}

.p-mv__animation--2 {
	bottom: 105px;
	bottom: 6.5625rem;
	right: 104px;
	right: 6.5rem;
	width: 45px;
	width: 2.8125rem;
	z-index: 1;
}

.p-mv__animation--3 {
	-webkit-animation: girl 3s steps(1) infinite;
	animation: girl 3s steps(1) infinite;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
	right: 73px;
	right: 4.5625rem;
	top: 244px;
	top: 15.25rem;
	width: 30px;
	width: 1.875rem;
}

.p-mv__animation--14 {
	-webkit-animation: gm steps(1) 3s infinite;
	animation: gm steps(1) 3s infinite;
	-webkit-animation-delay: 0.75s;
	animation-delay: 0.75s;
	bottom: 28px;
	bottom: 1.75rem;
	right: 312px;
	right: 19.5rem;
	width: 23px;
	width: 1.4375rem;
}

.p-mv__animation--1 span:nth-child(1) img,
.p-mv__animation--3 span:nth-child(1) img,
.p-mv__animation--14 span:nth-child(1) img {
	-webkit-animation: on3_1 3s steps(1) infinite;
	animation: on3_1 3s steps(1) infinite;
	opacity: 0;
}

.p-mv__animation--1 span:nth-child(2) img,
.p-mv__animation--3 span:nth-child(2) img,
.p-mv__animation--14 span:nth-child(2) img {
	-webkit-animation: on3_2 3s steps(1) infinite;
	animation: on3_2 3s steps(1) infinite;
	opacity: 1;
}

.p-mv__animation--1 span:nth-child(3) img,
.p-mv__animation--3 span:nth-child(3) img,
.p-mv__animation--14 span:nth-child(3) img {
	-webkit-animation: on3_3 3s steps(1) infinite;
	animation: on3_3 3s steps(1) infinite;
	opacity: 0;
}

.p-mv__animation--2 span:nth-child(1) img,
.p-mv__animation--2 span:nth-child(2) img,
.p-mv__animation--2 span:nth-child(3) img {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}

.p-mv__animation--3 span:nth-child(1) img,
.p-mv__animation--3 span:nth-child(2) img,
.p-mv__animation--3 span:nth-child(3) img {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.p-mv__animation--14 span:nth-child(1) img,
.p-mv__animation--14 span:nth-child(2) img,
.p-mv__animation--14 span:nth-child(3) img {
	-webkit-animation-delay: 0.75s;
	animation-delay: 0.75s;
}

.p-mv__animation--4 {
	-webkit-animation: kikyu steps(1) 2s infinite;
	animation: kikyu steps(1) 2s infinite;
	left: 34px;
	left: 0.4rem;
	top: 84px;
	top: 5.5rem;
	width: 14px;
	width: 4.5rem;
}

.p-mv__animation--5 {
	left: 170px;
	left: 10.625rem;
	top: 0;
	width: 47px;
	width: 2.9375rem;
}

.p-mv__animation--6 {
	left: 55px;
	left: 3.4375rem;
	top: 120px;
	top: 7.5rem;
	width: 48px;
	width: 3rem;
}

.p-mv__animation--7 {
	bottom: 108px;
	bottom: 6.75rem;
	right: 89px;
	right: 5.5625rem;
	width: 50px;
	width: 3.125rem;
}

.p-mv__animation--8 {
	left: 225px;
	left: 14.0625rem;
	top: 15px;
	top: 0.9375rem;
	width: 21px;
	width: 1.3125rem;
}

.p-mv__animation--8 span:nth-child(2) {
	width: 117%;
}

.p-mv__animation--5 span:nth-child(1) img,
.p-mv__animation--6 span:nth-child(1) img,
.p-mv__animation--7 span:nth-child(1) img,
.p-mv__animation--8 span:nth-child(1) img,
.p-mv__animation--4 span:nth-child(1) img {
	-webkit-animation: on steps(1) 2s infinite;
	animation: on steps(1) 2s infinite;
	opacity: 0;
}

.p-mv__animation--5 span:nth-child(2) img,
.p-mv__animation--6 span:nth-child(2) img,
.p-mv__animation--8 span:nth-child(2) img,
.p-mv__animation--4 span:nth-child(2) img {
	-webkit-animation: off steps(1) 2s infinite;
	animation: off steps(1) 2s infinite;
	opacity: 1;
}

.p-mv__animation--5 span:nth-child(1) img,
.p-mv__animation--5 span:nth-child(2) img {
	-webkit-animation-delay: 0.65s;
	animation-delay: 0.65s;
}

.p-mv__animation--6 span:nth-child(1) img,
.p-mv__animation--6 span:nth-child(2) img {
	-webkit-animation-delay: 0.825s;
	animation-delay: 0.825s;
}

.p-mv__animation--9 {
	-webkit-animation: girl2 steps(1) 2s infinite;
	animation: girl2 steps(1) 2s infinite;
	left: 203px;
	left: 12.6875rem;
	top: 112px;
	top: 7rem;
	width: 23px;
	width: 1.4375rem;
}

.p-mv__animation--10 {
	left: 216px;
	left: 13.5rem;
	top: 119px;
	top: 7.4375rem;
	width: 36px;
	width: 2.25rem;
}

.p-mv__animation--11 {
	right: 361px;
	right: 22.5625rem;
	top: 176px;
	top: 11rem;
	width: 36px;
	width: 2.25rem;
}

.p-mv__animation--11 span:nth-child(2) {
	margin-left: -4%;
	width: 104%;
}

.p-mv__animation--12 {
	bottom: 185px;
	bottom: 11.5625rem;
	left: 116px;
	left: 7.25rem;
	width: 27px;
	width: 1.6875rem;
}

.p-mv__animation--12 span:nth-child(1) {
	display: inline-block;
	-webkit-transform: translateX(-4%);
	transform: translateX(-4%);
	width: 104%;
}

.p-mv__animation--13 {
	bottom: 117px;
	bottom: 7.3125rem;
	left: 66px;
	left: 4.125rem;
	width: 46px;
	width: 2.875rem;
}

.p-mv__animation--13 span:nth-child(2) {
	display: inline-block;
	width: 78.95%;
}

.p-mv__animation--14 span:nth-child(2) {
	display: inline-block;
	width: 84%;
}

.p-mv__animation--15 {
	bottom: 101px;
	bottom: 6.3125rem;
	left: 93px;
	left: 5.8125rem;
	width: 49px;
	width: 3.0625rem;
}

.p-mv__animation--16 {
	bottom: 83px;
	bottom: 5.1875rem;
	right: 223px;
	right: 13.9375rem;
	width: 53px;
	width: 3.3125rem;
}

.p-mv__animation--17 {
	bottom: 243px;
	bottom: 15.1875rem;
	right: 41px;
	right: 2.5625rem;
	width: 48px;
	width: 3rem;
}

.p-mv__animation--18 {
	right: 50px;
	right: 3.125rem;
	top: 106px;
	top: 6.625rem;
	width: 34px;
	width: 2.125rem;
}

.p-mv__animation--19 {
	-webkit-animation: lady steps(1) 2s infinite;
	animation: lady steps(1) 2s infinite;
	right: 161px;
	right: 10.0625rem;
	top: 87px;
	top: 5.4375rem;
	width: 30px;
	width: 1.875rem;
}

.p-mv__animation--19 span:nth-child(2) {
	width: 84.93%;
}

.p-mv__animation--20 {
	right: 314px;
	right: 19.625rem;
	top: 264px;
	top: 16.5rem;
	width: 29px;
	width: 1.8125rem;
}

.p-mv__animation--20 span:nth-child(2) {
	-webkit-transform: translateX(-7.3%);
	transform: translateX(-7.3%);
	width: 102.7%;
}

.p-mv__animation--21 {
	bottom: 203px;
	bottom: 12.6875rem;
	right: 186px;
	right: 11.625rem;
	width: 37px;
	width: 2.3125rem;
}

.p-mv__animation--22 {
	bottom: 235px;
	bottom: 14.6875rem;
	right: 160px;
	right: 10rem;
	width: 53px;
	width: 3.3125rem;
}

.p-mv__animation--23 {
	bottom: 175px;
	bottom: 10.9375rem;
	right: 329px;
	right: 20.5625rem;
	width: 53px;
	width: 3.3125rem;
}

.p-mv__animation--24 {
	bottom: 173px;
	bottom: 10.8125rem;
	right: 36px;
	right: 2.25rem;
	width: 51px;
	width: 3.1875rem;
}

.p-mv__animation--25 {
	bottom: 196px;
	bottom: 12.25rem;
	left: 2.8px;
	left: 0.175rem;
	width: 27px;
	width: 1.6875rem;
}

.p-mv__animation--26 {
	bottom: 257px;
	bottom: 16.0625rem;
	left: 270px;
	left: 16.875rem;
	width: 70px;
	width: 4.375rem;
}

.p-mv__animation--27 {
	bottom: 61px;
	bottom: 3.8125rem;
	left: 114px;
	left: 7.125rem;
	width: 33px;
	width: 2.0625rem;
}

.p-mv__animation--9 span:nth-child(1) img,
.p-mv__animation--11 span:nth-child(1) img,
.p-mv__animation--12 span:nth-child(1) img,
.p-mv__animation--13 span:nth-child(1) img,
.p-mv__animation--16 span:nth-child(1) img,
.p-mv__animation--17 span:nth-child(1) img,
.p-mv__animation--18 span:nth-child(1) img,
.p-mv__animation--19 span:nth-child(1) img,
.p-mv__animation--20 span:nth-child(1) img,
.p-mv__animation--21 span:nth-child(1) img,
.p-mv__animation--22 span:nth-child(1) img,
.p-mv__animation--23 span:nth-child(1) img,
.p-mv__animation--25 span:nth-child(1) img,
.p-mv__animation--26 span:nth-child(1) img,
.p-mv__animation--27 span:nth-child(1) img {
	-webkit-animation: on steps(1) 2s infinite;
	animation: on steps(1) 2s infinite;
	opacity: 0;
}

.p-mv__animation--9 span:nth-child(2) img,
.p-mv__animation--11 span:nth-child(2) img,
.p-mv__animation--12 span:nth-child(2) img,
.p-mv__animation--13 span:nth-child(2) img,
.p-mv__animation--16 span:nth-child(2) img,
.p-mv__animation--17 span:nth-child(2) img,
.p-mv__animation--18 span:nth-child(2) img,
.p-mv__animation--19 span:nth-child(2) img,
.p-mv__animation--20 span:nth-child(2) img,
.p-mv__animation--21 span:nth-child(2) img,
.p-mv__animation--22 span:nth-child(2) img,
.p-mv__animation--27 span:nth-child(2) img {
	-webkit-animation: off steps(1) 2s infinite;
	animation: off steps(1) 2s infinite;
	opacity: 1;
}

.p-mv__animation--12 span:nth-child(1) img,
.p-mv__animation--12 span:nth-child(2) img {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

.p-mv__animation--17 span:nth-child(1) img,
.p-mv__animation--17 span:nth-child(2) img {
	-webkit-animation-delay: 0.55s;
	animation-delay: 0.55s;
}

.p-mv__animation--18 span:nth-child(1) img,
.p-mv__animation--18 span:nth-child(2) img {
	-webkit-animation-delay: 0.725s;
	animation-delay: 0.725s;
}

.p-mv__animation--20 span:nth-child(1) img,
.p-mv__animation--20 span:nth-child(2) img {
	-webkit-animation-delay: 0.45s;
	animation-delay: 0.45s;
}

.p-mv__animation--22 span:nth-child(1) img,
.p-mv__animation--22 span:nth-child(2) img {
	-webkit-animation-delay: 0.88s;
	animation-delay: 0.88s;
}

.p-mv__animation--25 span:nth-child(1) img {
	-webkit-animation-delay: 0.12s;
	animation-delay: 0.12s;
}

/* ============================================================================
どんな歯医者？
============================================================================== */

.p-top-about {
	padding-bottom: 24px;
	padding-bottom: 1.5rem;
	padding-top: 47px;
	padding-top: 2.9375rem;
}

.p-top-about__main {
	background: url(../images/index/about_bg_sp.png) left bottom/cover no-repeat;
	border-radius: 0.1875rem;
	margin-top: 37px;
	margin-top: 2.3125rem;
	overflow: hidden;
	padding: 25px 15px 60px;
	padding: 1.5625rem 0.9375rem 3.75rem;
}

.p-top-about__house {
	margin: 0 auto;
	position: relative;
	width: 35px;
	width: 2.1875rem;
	z-index: 1;
}

.p-top-about__thumbnail {
	border: 1px solid #000000;
	border: 0.0625rem solid #000000;
	border-radius: 0.3125rem;
	margin-top: -5px;
	margin-top: -0.3125rem;
	position: relative;
}

.p-top-about__play-btn {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 50px;
	width: 3.125rem;
}

.p-top-about__modal {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	visibility: hidden;
	width: 100%;
	z-index: 10000;
}

.p-top-about__modal.is-open {
	opacity: 1;
	visibility: visible;
}

.p-top-about__video {
	aspect-ratio: 313/175;
	position: relative;
	width: 90%;
	z-index: 1;
}

.p-top-about__video video {
	-o-object-fit: cover;
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
}

.p-top-about__video iframe {
	-o-object-fit: cover;
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
}

.p-top-about__modal-btn {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 2px solid #fff;
	border: 0.125rem solid #fff;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 20px;
	font-size: 1.25rem;
	height: 25px;
	height: 1.5625rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-bottom: 4px;
	padding-bottom: 0.25rem;
	position: absolute;
	right: 4%;
	top: 25px;
	top: 1.5625rem;
	width: 25px;
	width: 1.5625rem;
	z-index: 1;
}

.p-top-about__modal-bg {
	background-color: rgba(0, 0, 0, .8);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
}

.p-top-about__wrap {
	margin-top: 21px;
	margin-top: 1.3125rem;
}

.p-top-about__img {
	margin: 0 auto;
	width: 126px;
	width: 7.875rem;
}

.p-top-about__content {
	margin-top: 21px;
	margin-top: 1.3125rem;
}

.p-top-about__text {
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	margin-top: 16px;
	margin-top: 1rem;
}

.p-top-about__btn {
	margin-top: 60px;
	margin-top: 3.75rem;
}


@media screen and (min-width: 768px) {

.u-desktop {
	display: block;
}

.u-mobile {
	display: none;
}

.p-mv {
	padding-top: 16rem;
}

.p-mv::before {
	border-top-left-radius: 49.75rem;
	top: 15.5rem;
}

.p-mv__inner.l-inner {
	max-width: 91.875rem;
}

.p-mv__title {
	font-size: 2.5rem;
	line-height: 1.45;
	line-height: 1.8;
	margin-left: -5.5rem;
	-webkit-transform: translateY(-1.5rem);
	transform: translateY(-1.5rem);
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.p-mv__title span {
	display: inline-block;
	height: 14.75rem;
	margin-bottom: 0.875rem;
	margin-right: 0;
	width: 2.5625rem;
}

.p-mv__main {
	margin-left: auto;
	margin-top: -26.5625rem;
	-webkit-transform: translateX(calc((50% - 50vw - -2.5rem) * -1));
	transform: translateX(calc((50% - 50vw - -2.5rem) * -1));
	width: 88.9375rem;
}

.p-mv__news {
	bottom: 5rem;
	left: 0;
	margin: 0;
	margin-left: calc(50% - 50vw);
	max-width: 35.9375rem;
	padding: 0;
	background-color: transparent;
    -webkit-transform: initial;
    transform: initial;
}

.p-mv__slider {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: calc(50% - 50vw);
	margin-top: -14.75rem;
	width: 100vw;
	z-index: -1;
}

.p-mv__animation--1 {
	right: 36.5625rem;
	top: 14.1875rem;
	width: 7.875rem;
}

.p-mv__animation--2 {
	bottom: 25rem;
	right: 7.625rem;
	width: 6.875rem;
}

.p-mv__animation--3 {
	right: 11.4375rem;
	top: 38.125rem;
	width: 4.6875rem;
}

.p-mv__animation--14 {
	bottom: 4.375rem;
	right: 47.625rem;
	width: 3.5625rem;
}

.p-mv__animation--4 {
	left: 0rem;
	top: 12.875rem;
	width: 12.125rem;
}

.p-mv__animation--5 {
	left: 24.375rem;
	width: 7.1875rem;
}

.p-mv__animation--6 {
	left: 8.375rem;
	top: 17.375rem;
	width: 7.3125rem;
}

.p-mv__animation--7 {
	bottom: 16.1875rem;
	right: 13.375rem;
	width: 7.5rem;
}

.p-mv__animation--8 {
	left: 34.25rem;
	top: 2.25rem;
	width: 3.25rem;
}

.p-mv__animation--9 {
	left: 31.0625rem;
	top: 15.8125rem;
	width: 3.5rem;
}

.p-mv__animation--10 {
	left: 31.8125rem;
	top: 17.9375rem;
	width: 5.4375rem;
}

.p-mv__animation--11 {
	right: 55.125rem;
	top: 26.9375rem;
	width: 5.4375rem;
}

.p-mv__animation--12 {
	bottom: 28.25rem;
	left: 17rem;
	width: 4.125rem;
}

.p-mv__animation--13 {
	bottom: 17.4375rem;
	left: 9.6875rem;
	width: 7.125rem;
}

.p-mv__animation--15 {
	bottom: 15.125rem;
	left: 13.3125rem;
	width: 7.4375rem;
}

.p-mv__animation--16 {
	bottom: 11.6875rem;
	right: 32.25rem;
	width: 8.125rem;
}

.p-mv__animation--17 {
	bottom: 36.25rem;
	right: 5.6875rem;
	width: 8rem;
}

.p-mv__animation--18 {
	right: 7.625rem;
	top: 16.1875rem;
	width: 5.3125rem;
}

.p-mv__animation--18 span:nth-child(2) {
	-webkit-transform: translateY(0.0625rem);
	transform: translateY(0.0625rem);
}

.p-mv__animation--19 {
	right: 24.5625rem;
	top: 13.3125rem;
	width: 4.5625rem;
}

.p-mv__animation--20 {
	right: 46.875rem;
	top: 38.75rem;
	width: 4.5rem;
}

.p-mv__animation--21 {
	bottom: 30.25rem;
	right: 27.5625rem;
	width: 5.6875rem;
}

.p-mv__animation--22 {
	bottom: 35.8125rem;
	right: 24.0625rem;
	width: 8.0625rem;
}

.p-mv__animation--23 {
	bottom: 26.125rem;
	right: 49.0625rem;
	width: 7.9375rem;
}

.p-mv__animation--24 {
	bottom: 26.375rem;
	right: 5.5rem;
	width: 7.8125rem;
}

.p-mv__animation--25 {
	bottom: 29.125rem;
	left: 0.4375rem;
	width: 4.125rem;
}

.p-mv__animation--26 {
	bottom: 38.25rem;
	left: 40.25rem;
	width: 10.6875rem;
}

.p-mv__animation--27 {
	bottom: 9.375rem;
	left: 17.375rem;
	width: 5.125rem;
}

.p-top-about {
	padding-bottom: 4.0625rem;
	padding-top: 10rem;
}

.p-top-about__main {
	background: url(../images/index/about_bg_pc.png) left bottom/cover no-repeat;
	border-radius: 0.75rem;
	margin-top: 7.5rem;
	padding: 3.75rem 13.5rem 9rem;
}

.p-top-about__house {
	width: 5.6875rem;
}

.p-top-about__thumbnail {
	border-radius: 0.625rem;
	border-width: 0.3125rem;
	cursor: none;
	margin-top: -1.875rem;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.p-top-about__thumbnail img {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.p-top-about__thumbnail:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* .p-top-about__thumbnail:hover .p-top-about__play-btn {
	-webkit-transform: translate(-50%, -50%) scale(1.5);
	transform: translate(-50%, -50%) scale(1.5);
} */

.p-top-about__play-btn {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-name: cursor_off;
	animation-name: cursor_off;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	visibility: hidden;
	/* width: 7rem;
	transition: all 0.3s; */
}

.p-top-about__thumbnail.is-cursor .p-top-about__play-btn {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-name: cursor_scale;
	animation-name: cursor_scale;
	display: block;
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: -webkit-transform 0.1s;
	transition: -webkit-transform 0.1s;
	transition: transform 0.1s;
	transition: transform 0.1s, -webkit-transform 0.1s;
	visibility: visible;
}

.p-top-about__video {
	width: 60%;
}

.p-top-about__modal-btn {
	font-size: 2.5rem;
	height: 5rem;
	width: 5rem;
}

.p-top-about__wrap {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	margin-top: 5rem;
	max-width: 71.5625rem;
}

.p-top-about__img {
	width: 22.8125rem;
}

.p-top-about__content {
	margin-top: 0;
	width: 33.75rem;
}

.p-top-about__subtitle {
	font-size: 2.5rem;
}

.p-top-about__text {
	font-size: max(1.125rem,16px);
	margin-top: 1.6875rem;
}

.p-top-about__btn {
	margin: 0 auto;
	margin-top: 10.9375rem;
	max-width: 60.375rem;
}

}

/*
@media screen and (min-width: 900px) {
	.p-mv__news {
		bottom: 28rem;
	}
}
@media screen and (min-width: 1100px) {
	.p-mv__news {
		bottom: 5rem;
	}
}
*/

@-webkit-keyframes text-slider {

0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

100% {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

}

@keyframes text-slider {

0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

100% {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

}

@-webkit-keyframes gm {

25% {
	-webkit-transform: translateX(-26%) translateY(5%);
	transform: translateX(-26%) translateY(5%);
}

50% {
	-webkit-transform: translateX(-52%) translateY(10%);
	transform: translateX(-52%) translateY(10%);
}

}

@keyframes gm {

25% {
	-webkit-transform: translateX(-26%) translateY(5%);
	transform: translateX(-26%) translateY(5%);
}

50% {
	-webkit-transform: translateX(-52%) translateY(10%);
	transform: translateX(-52%) translateY(10%);
}

}

@-webkit-keyframes ha {

25% {
	-webkit-transform: translateY(-16%);
	transform: translateY(-16%);
}

50% {
	-webkit-transform: translateY(-32%);
	transform: translateY(-32%);
}

}

@keyframes ha {

25% {
	-webkit-transform: translateY(-16%);
	transform: translateY(-16%);
}

50% {
	-webkit-transform: translateY(-32%);
	transform: translateY(-32%);
}

}

@-webkit-keyframes girl {

25% {
	-webkit-transform: translateX(-66.66%);
	transform: translateX(-66.66%);
}

50% {
	-webkit-transform: translate(-134.66%, 9.33%);
	transform: translate(-134.66%, 9.33%);
}

}

@keyframes girl {

25% {
	-webkit-transform: translateX(-66.66%);
	transform: translateX(-66.66%);
}

50% {
	-webkit-transform: translate(-134.66%, 9.33%);
	transform: translate(-134.66%, 9.33%);
}

}

@-webkit-keyframes on3_1 {

0% {
	opacity: 1;
}

25% {
	opacity: 0;
}

50% {
	opacity: 0;
}

}

@keyframes on3_1 {

0% {
	opacity: 1;
}

25% {
	opacity: 0;
}

50% {
	opacity: 0;
}

}

@-webkit-keyframes on3_2 {

0% {
	opacity: 0;
}

25% {
	opacity: 1;
}

50% {
	opacity: 0;
}

}

@keyframes on3_2 {

0% {
	opacity: 0;
}

25% {
	opacity: 1;
}

50% {
	opacity: 0;
}

}

@-webkit-keyframes on3_3 {

25% {
	opacity: 0;
}

50% {
	opacity: 1;
}

}

@keyframes on3_3 {

25% {
	opacity: 0;
}

50% {
	opacity: 1;
}

}

@-webkit-keyframes kikyu {

50% {
	-webkit-transform: translateY(-0.125rem);
	transform: translateY(-0.125rem);
}

}

@keyframes kikyu {

50% {
	-webkit-transform: translateY(-0.125rem);
	transform: translateY(-0.125rem);
}

}

@-webkit-keyframes girl2 {

50% {
	-webkit-transform: translateX(-22%);
	transform: translateX(-22%);
}

}

@keyframes girl2 {

50% {
	-webkit-transform: translateX(-22%);
	transform: translateX(-22%);
}

}

@-webkit-keyframes lady {

50% {
	-webkit-transform: translateX(-15%);
	transform: translateX(-15%);
}

}

@keyframes lady {

50% {
	-webkit-transform: translateX(-15%);
	transform: translateX(-15%);
}

}

@-webkit-keyframes on {

50% {
	opacity: 1;
}

}

@keyframes on {

50% {
	opacity: 1;
}

}

@-webkit-keyframes off {

50% {
	opacity: 0;
}

}

@keyframes off {

50% {
	opacity: 0;
}

}

@-webkit-keyframes cursor_scale {

0% {
	height: 0;
	margin: 0;
	opacity: 0;
	width: 0;
}

100% {
	height: 100px;
	margin: -50px 0 0 -50px;
	opacity: 1;
	width: 100px;
}

}

@keyframes cursor_scale {

0% {
	height: 0;
	margin: 0;
	opacity: 0;
	width: 0;
}

100% {
	height: 100px;
	margin: -50px 0 0 -50px;
	opacity: 1;
	width: 100px;
}

}

@-webkit-keyframes cursor_off {

0% {
	height: 100px;
	margin: -50px 0 0 -50px;
	opacity: 1;
	width: 100px;
}

100% {
	height: 0;
	margin: 0;
	opacity: 0;
	width: 0;
}

}

@keyframes cursor_off {

0% {
	height: 100px;
	margin: -50px 0 0 -50px;
	opacity: 1;
	width: 100px;
}

100% {
	height: 0;
	margin: 0;
	opacity: 0;
	width: 0;
}

}