@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#main .mainVisual {
	position: relative;
}
#main .mainVisual .tagImg {
	position: absolute;
	top: 2rem;
	left: 2.8rem;
	width: 15.6rem;
	z-index: 10;
}
#main .mainVisual .fooUl {
	position: relative;
	line-height: 0;
	mask-image: url("../img/index/mask01.png");
	-webkit-mask-image: url("../img/index/mask01.png");
	mask-position: center bottom;
	-webkit-mask-position: center bottom;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: 100% auto;
	-webkit-mask-size: 100% auto;
}
#main .mainVisual .slideBox::before {
	position: absolute;
	bottom: min(-9.9vw,-13.3rem);
	left: 0;
	width: 100%;
	height: max(40.4rem,30.2vw);
	background: url(../img/index/main_bg01.png) no-repeat center bottom / 100%;
	content: '';
}
#main .mainVisual .fooUl li {
	aspect-ratio: 288 / 165;
}
#main .mainVisual .fooUl li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#main .mainVisual .fooUl .animate img {
	animation: slideimg 9.5s forwards linear;
}
@keyframes slideimg {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.2);
	}
}
#main .mainVisual .slick-dots {
	position: absolute;
	top: 2.5rem;
	right: 2.2rem;
	font-size: 0;
	z-index: 100;
}
#main .mainVisual .slick-dots li {
	margin-bottom: 0.9rem;
	width: 1.8rem;
	height: 1.8rem;
	aspect-ratio: inherit;
	background: #9e773e;
	clip-path: polygon(50% 0%,100% 50%,50% 100%,0 50%);
	cursor: pointer;
}
#main .mainVisual .slick-dots li.slick-active {
	background: #ffe566;
}
#main .mainVisual .slick-dots li:last-child {
	margin-bottom: 0;
}
#main .mainVisual .slick-dots li button {
	display: none;
}
#main .mainVisual .textImg {
	position: absolute;
	/*bottom: -2.5rem;*/
	bottom: 10.5rem;
	left: 1.5rem;
	z-index: 2;
	width: 11.3rem;
}
#main .topArea {
	margin: -28.2rem auto 5.8rem;
	position: relative;
	z-index: 15;
	max-width: 126rem;
}
#main .topArea .lPhoto {
	margin-right: -20rem;
	width: 47.4rem;
	position: relative;
	z-index: 5;
}
#main .topArea .rPhoto {
	margin: -3.3rem -1.5rem 0 0;
	width: 43.9rem;
	position: relative;
	z-index: 4;
	box-sizing: content-box;
}
#main .topArea .textImg {
	padding-left: 4.8rem;
	margin: -45rem auto 0;
	width: 31.3rem;
	position: relative;
	z-index: 11;
	box-sizing: content-box;
}
@media all and (min-width: 769px) and (max-width: 1360px) {
	#main .topArea {
		margin: -21.2rem auto 9.8rem;
		max-width: 108rem;
	}
	#main .topArea .lPhoto {
		width: 38.4rem;
	}
	#main .topArea .rPhoto {
		width: 36.9rem;
	}
}
@media all and (max-width: 768px) {
	#main .mainVisual .tagImg {
		margin-left: 0.2rem;
		position: absolute;
		top: 1.1rem;
		left: 50%;
		transform: translateX(-50%);
		width: 15.6rem;
		z-index: 10;
	}
	#main .mainVisual .fooUl {
		mask-image: url("../img/index/mask01_sp.png");
		-webkit-mask-image: url("../img/index/mask01_sp.png");
	}
	#main .mainVisual .slideBox::before {
		bottom: -39.4vw;
		width: 100%;
		height: 41.3vw;
		background-image: url(../img/index/main_bg01_sp.png);
	}
	#main .mainVisual .fooUl li {
		aspect-ratio: 75 / 166;
	}
	#main .mainVisual .slick-dots {
		margin-top: 8.6rem;
		position: absolute;
		top: 50%;
		right: 1.5rem;
		transform: translateY(-50%);
		font-size: 0;
		z-index: 100;
	}
	#main .mainVisual .slick-dots li {
		margin-bottom: 0.4rem;
		width: 1.6rem;
		height: 1.6rem;
	}
	#main .mainVisual .textImg {
		top: 0.2rem;
		bottom: auto;
		left: auto;
		right: 1.5rem;
		width: 21.2rem;
	}
	#main .topArea {
		margin: -22.8rem auto 1.8rem;
		max-width: 100%;
	}
	#main .topArea .photoBox {
		justify-content: center;
	}
	#main .topArea .lPhoto {
		position: absolute;
		z-index: 2;
		top: 0;
		left: calc(50% - 22.8rem);
		margin-right: 0;
		width: 27.4rem;
	}
	#main .topArea .rPhoto {
		position: absolute;
		z-index: 1;
		top: 3.2rem;
		right: calc(50% - 23.2rem);
		margin-right: 0;
		width: 27.4rem;
	}
	#main .topArea .textImg {
		position: relative;
		z-index: 3;
		padding-left: 0;
		margin: 24.7rem auto 0;
		width: 19rem;
	}
}
/* about */
#main .about {
	margin-bottom: 7.5rem;
	padding-bottom: 13rem;
	position: relative;
	background: url(../img/index/about_bg.png) no-repeat center bottom / cover;
}
#main .about .topImage {
	position: relative;
	margin-bottom: 5rem;
	text-align: center;
	background-color: #D5AC0E;
}
#main .about .topImage > img {
	position: relative;
	z-index: 16;
	width: 144rem;
}
#main .about .topImage a {
	position: absolute;
	z-index: 17;
	top: 50%;
	right: 50%;
	transform: translate(154%,-50%);
	width: 27rem;
}
#main .about .topImage a img {
	transition: .3s;
}
#main .about .topImage a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 1px;
	content: "";
	z-index: -1;
	background-color: #fff;
	border-radius: 1rem;
}
#main .about .topIco {
	margin: 0 auto 3rem;
	width: 10.8rem;
}
#main .about .title {
	margin-bottom: 4rem;
	text-align: center;
	font-size: 3rem;
	font-weight: 900;
	color: #252B75;
	line-height: 1.41;
}
#main .about .text {
	text-align: center;
	line-height: 1.93;
}
#main .about .text01 {
	margin-bottom: 3.1rem !important;
}
#main .about .lImage,
#main .about .rImage {
	position: absolute;
	top: 19.3rem;
	z-index: 1;
	width: 41.1rem;
}
#main .about .lImage {
	left: -16.3rem;
}
#main .about .rImage {
	right: -16.3rem;
}
@media all and (min-width: 769px) {
	#main .about .text {
		margin: 0 auto;
		max-width: 60rem;
	}
	#main .about .topImage a:hover img {
		opacity: 0.7;
	}
}
@media all and (max-width: 768px) {
	#main .about {
		margin-bottom: 7.5rem;
		padding-bottom: 0;
		background-image: url(../img/index/about_bg_sp.png);
		background-position: center bottom 3.7rem;
	}
	#main .about .topImage {
		margin-bottom: 5rem;
	}
	#main .about .topImage > img {
		width: 37.5rem;
	}
	#main .about .topImage a {
		top: auto;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		bottom: 1.5rem;
	}
	#main .about .topIco {
		margin-bottom: 3.5rem;
	}
	#main .about .title {
		margin: 0 -1.5rem 3.2rem;
		font-size: 2.2rem;
		line-height: 1.59;
		letter-spacing: -0.1em;
	}
	#main .about .text {
		line-height: 2;
	}
	#main .about .lImage,
	#main .about .rImage {
		margin: -0.7rem auto 3.5rem;
		position: static;
		width: 32.8rem;
	}
	#main .about .rImage {
		margin-top: 3.2rem;
	}
}
/* detail */
#main .detail .areaBox {
	background: url(../img/index/detail_bg.png) repeat-y left top / 100% 147rem;
}
#main .detail h2 {
	margin: 0 auto 7rem;
	width: 56.4rem;
}
@media all and (max-width: 768px) {
	#main .detail .areaBox {
		padding-bottom: 8rem;
		background-image: url(../img/index/detail_bg_sp.png);
		background-size: 100% 95rem;
	}
	#main .detail h2 {
		margin-bottom: 3.4rem;
		width: 37.5rem;
	}
}
/* head */
#main .head {
	margin-bottom: 6.7rem;
}
#main .head .imgBox {
	padding-right: 2rem;
	max-width: calc(50% + 66.5rem);
	align-items: flex-start;
}
#main .head .imgBox .photoBox {
	width: calc(50% + 21.7rem);
	border-radius: 0 3.5rem 3.5rem 0;
	overflow: hidden;
}
#main .head .imgBox .photoBox img {
	width: 100%;
}
#main .head .imgBox .area {
	margin: 3.5rem 0 0 -7.5rem;
	position: relative;
	flex: 1;
}
#main .head .imgBox .comTextBox {
	padding: 11.5rem 4rem 4rem 8rem;
}
#main .head .imgBox .comHeadBox {
	position: absolute;	
	top: -12.5rem;
	left: calc(50% - 11.5rem);
	z-index: 1;
}
@media all and (max-width: 768px) {
	#main .head {
		position: relative;
		z-index: 5;
		margin-bottom: 3.5rem;
	}
	#main .head .imgBox {
		padding-right: 0;
		max-width: 100%;
		display: block;
	}
	#main .head .imgBox .photoBox {
		margin-bottom: 2.5rem;
		width: auto;
		border-radius: 0;
	}
	#main .head .imgBox .area {
		margin: 0;
	}
	#main .head .imgBox .comTextBox {
		margin: 0 1.5rem;
	}
	#main .head .imgBox .comHeadBox {
		position: relative;	
		top: 0;
		left: 0;
	}
}
/* makeup */
#main .makeup {
	margin-bottom: 4.3rem;
	position: relative;
	z-index: 2;
}
#main .makeup::after {
	position: absolute;
	top: -5rem;
	z-index: -1;
	width: 100%;
	height: 96.2rem;
	background: url(../img/index/bg01.png) no-repeat center top / 144rem auto;
	content: "";
	pointer-events: none;
}
#main .makeup .comHeadBox {
	position: absolute;
	z-index: 1;
	top: 15%;
	left: calc(50% - 11.5rem);
}
#main .makeup .comHeadBox .jp {
	letter-spacing: 0;
}
#main .makeup .innerBox {
	width: 46.5%;
}
#main .makeup .innerBox .photoBox {
	border-radius: 0 3.5rem 3.5rem 0;
	overflow: hidden;
}
#main .makeup .innerBox.rBox .photoBox {
	border-radius: 3.5rem 0 0 3.5rem;
}
#main .makeup .innerBox .photoBox img {
	width: 100%;
}
#main .makeup .innerBox .comTextBox {
	width: 43rem;
}
#main .makeup .innerBox .comTextBox .image {
	position: absolute;
	top: -7rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	width: 13.9rem;
}
#main .makeup .innerBox .comInnerBox {
	padding: 1.7rem 0 0;
}
#main .makeup .innerBox.lBox .comTextBox {
	margin: -2.5rem 3rem 0 auto;
	border-radius: 0 3rem;
}
#main .makeup .innerBox.rBox .comTextBox {
	margin: -2.5rem 0 0 3rem;
}
#main .makeup .innerBox.rBox .comTextBox .title {
	background-color: rgba(86, 144, 214, 0.2);
}
@media all and (max-width: 768px) {
	#main .makeup {
		z-index: 4;
	}
	#main .makeup::after {
		top: -23rem;
		background: url(../img/index/bg01.png) no-repeat center top / 67rem auto;
	}
	#main .makeup .comHeadBox {
		margin-bottom: -3.3rem !important;
		position: static;
	}
	#main .makeup .innerBox {
		margin-bottom: 5rem;
		width: auto;
	}
	#main .makeup .innerBox:last-of-type {
		margin-bottom: 0;
	}
	#main .makeup .innerBox .photoBox {
		margin-bottom: 2.3rem;
		border-radius: 0 !important;
	}
	#main .makeup .innerBox .comTextBox {
		margin: 0 2rem !important;
		width: auto;
	}
	#main .makeup .innerBox .comInnerBox {
		margin-top: 2.2rem;
	}
	#main .makeup .innerBox .comTextBox {
		padding: 8rem 2.3rem 3rem !important;
	}
}
/* wig */
#main .wig {
	position: relative;
	z-index: 3;
	margin-bottom: 5.3rem;
}
#main .wig .comHeadBox {
	margin: 0 auto -12rem;
	position: relative;
	z-index: 1;
}
#main .wig .photoBox {
	margin: 0 auto;
	max-width: 122rem;
	border-radius: 3.5rem 3.5rem 0 0;
	overflow: hidden;
}
#main .wig .photoBox img {
	width: 100%;
}
#main .wig .comTextBox {
	padding: 9rem 3rem 5rem;
	position: relative;
	margin-top: -6rem;
	border-radius: 0 3rem;
}
#main .wig .comTextBox .sub {
	position: relative;
	width: 37rem;
}
#main .wig .comTextBox .sub .image {
	position: absolute;
	top: -16rem;
	left: 50%;
	transform: translateX(-50%);
	width: 13.9rem;
}
#main .wig .comTextBox .comInnerBox {
	padding: 0;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-60%);
}
#main .wig .comTextBox .sub.rSub .title {
	background-color: rgba(86, 144, 214, 0.2);
}
#main .wig .comInnerBox {
	background: none;
}
#main .wig .comInnerBox li {
	display: block;
}
#main .wig .comInnerBox .lBox {
	text-align: center;
	margin: 0 auto 1rem;
	width: 14rem;
}
#main .wig .comInnerBox .lBox .photo {
	margin: 0 auto 1rem;
}
#main .wig .comInnerBox .btn {
	margin: 0 auto;
}
@media all and (max-width: 768px) {
	#main .wig {
		margin-bottom: 5.3rem;
	}
	#main .wig::after {
		position: absolute;
		top: -18rem;
		z-index: -1;
		width: 100%;
		height: 96.2rem;
		background: url(../img/index/bg02.png) no-repeat center top / 67rem auto;
		content: "";
		pointer-events: none;
	}
	#main .wig .comHeadBox {
		margin-bottom: -3.5rem;
	}
	#main .wig .photoBox {
		margin-bottom: 2.5rem;
		max-width: 100%;
		border-radius: 0;
	}
	#main .wig .comTextBox {
		padding: 2rem 2.2rem 2.7rem !important;
		margin-top: 0;
		display: block;
	}
	#main .wig .comTextBox .sub {
		margin-bottom: 2.5rem;
		width: auto;
	}
	#main .wig .comTextBox .sub:last-of-type {
		margin-bottom: 0;
	}
	#main .wig .comTextBox .sub .image {
		margin: 0 auto 0.3rem;
		position: static;
		transform: translateX(0);
	}
	#main .wig .comTextBox .sub.rSub .image {
		margin-bottom: 2rem;
	}
	#main .wig .comTextBox .comInnerBox {
		position: static;
		transform: translate(0);
	}
}
/* dress */
#main .dress {
	margin-bottom: 0.7vw;
	padding-top: 2rem;
	position: relative;
	z-index: 2;
}
#main .dress::after {
	position: absolute;
	top: -18.7rem;
	z-index: -1;
	width: 100%;
	height: 106rem;
	background: url(../img/index/bg02.png) no-repeat center top / 144rem auto;
	content: "";
	pointer-events: none;
}
#main .dress .photoBox {
	width: 40%;
	position: relative;
	z-index: 1;
	border-radius: 0 3.5rem 3.5rem 0;
	overflow: hidden;
}
#main .dress .photoBox img {
	width: 100%;
}
#main .dress .photoBox.rPhotoBox {
	border-radius: 3.5rem 0 0 3.5rem;
}
#main .dress .comHeadBox {
	position: absolute;
	z-index: 3;
	top: calc(50% - 41.7rem);
	left: calc(50% - 11.5rem);
}
#main .dress .comTextBox {
	padding: 11rem 3.5rem 4rem;
	margin: 0 auto;
	position: absolute;
	top: calc(50% - 24.1rem);
	left: calc(50% - 20.5rem);
	z-index: 2;
	width: 41rem;
}
#main .dress .comTextBox .title {
	position: relative;
	z-index: 1;
	background-color: transparent;
}
#main .dress .comTextBox .title::after {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 50%;
	content: "";
	height: 100%;
	background-color: rgba(86, 144, 214, 0.2);
}
#main .dress .comTextBox .title::before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 50%;
	content: "";
	height: 100%;
	background-color: rgba(213, 172, 14, 0.2);
}
#main .dress .comInnerBox {
	padding-top: 2.5rem;
	margin-top: 1.5rem;
	padding-right: 0;
}
#main .dress .comInnerBox .lBox {
	width: 14.6rem;
}
@media all and (min-width: 2100px) {
	#main .dress {
		margin-bottom: 5vw;
	}
}
@media all and (max-width: 768px) {
	#main .dress {
		margin-bottom: 6.2rem;
		padding-top: 0;
	}
	#main .dress::after {
		top: -22rem;
		background: url(../img/index/bg03.png) no-repeat center top / 69rem auto;
	}
	#main .dress .sub {
		margin-bottom: 2.5rem;
		position: relative;
		z-index: 1;
		display: block;
	}
	#main .dress .photoBox {
		width: auto;
		border-radius: 0 !important;
	}
	#main .dress .comHeadBox {
		position: relative;
		top: 0;
		left: 0;
	}
	#main .dress .comTextBox {
		margin: 0 2rem;
		padding: 2.7rem 2.2rem 3.5rem !important;
		position: static;
		width: auto;
	}
	#main .dress .comInnerBox {
		padding-top: 3rem !important;
	}
	#main .dress .comInnerBox .lBox {
		margin-bottom: 1.2rem;
		width: 14.6rem;
		position: relative;
	}
	#main .dress .comInnerBox li:first-child .lBox::after {
		position: absolute;
		top: 0.5rem;
		right: -1.5rem;
		content: "";
		width: 2.8rem;
		height: 2.8rem;
		background: url(../img/common/icon01.png) no-repeat left top / 100%;
		z-index: 1;
	}
}
/* staff */
#main .staff {
	position: relative;
	z-index: 2;
}
#main .staff::after {
	position: absolute;
	top: 4.5rem;
	z-index: -1;
	width: 100%;
	height: 96.2rem;
	background: url(../img/index/bg03.png) no-repeat center top / 144rem auto;
	content: "";
}
#main .staff .comHeadBox {
	position: relative;
	z-index: 2;
	margin: 0 auto 1.5rem;
}
#main .staff .photoBox {
	width: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-32.1%);
	z-index: 1;
}
#main .staff .photoBox img {
	width: 100%;
}
#main .staff .photoBox.lPhotoBox {
	left: 0;
}
#main .staff .photoBox.rPhotoBox {
	right: 0;
}
#main .staff .content {
	position: relative;
	z-index: 3;
}
#main .staff .image {
	position: absolute;
	top: calc(50% - 39.5rem);
	z-index: 2;
	width: 46.1rem;
	pointer-events: none;
}
#main .staff .image.lImage {
	left: 8.8rem;
}
#main .staff .image.rImage {
	right: 9.5rem;
}
#main .staff .comTextBox {
	padding: 3.3rem 3.5rem;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 41rem;
	border-radius: 2.6rem 0;
	box-shadow: 0 0 0.5rem 0.1rem rgba(0, 0, 0, 0.1);
}
#main .staff .comTextBox .title {
	position: relative;
	z-index: 1;
	background-color: transparent;
}
#main .staff .comTextBox .title::after {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 50%;
	content: "";
	height: 100%;
	background-color: rgba(86, 144, 214, 0.2);
}
#main .staff .comTextBox .title::before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 50%;
	content: "";
	height: 100%;
	background-color: rgba(213, 172, 14, 0.2);
}
#main .staff .comInnerBox {
	padding: 2.5rem 0 0;
	margin-top: 2rem;
}
@media all and (min-width: 2050px) {
	#main .staff::after {
		top: 8vw;
	}
}
@media all and (max-width: 768px) {
	#main .staff {
		z-index: 1;
	}
	#main .staff::after {
		top: -15rem;
		background: url(../img/index/bg02.png) no-repeat center top / 67rem auto;
	}
	#main .staff .comHeadBox {
		margin-bottom: 2.3rem;
	}
	#main .staff .inner {
		margin-bottom: 2.8rem;
	}
	#main .staff .inner img {
		width: 100%;
	}
	#main .staff .image {
		top: -140.533vw;
		width: 73.333vw;
	}
	#main .staff .image.lImage {
		left: calc(50% - 33.333vw);
	}
	#main .staff .image.rImage {
		top: -128vw;
		right: calc(50% - 32vw);
	}
	#main .staff .comTextBox {
		padding: 2.8rem 2.2rem !important;
		margin: 0 1px;
		width: auto;
		border-radius: 3rem 0;
	}
	#main .staff .comInnerBox {
		padding-top: 2.2rem !important;
		margin-top: 1rem;
	}
}
/* officalBox */
#main .paddBox {
	position: relative;
	z-index: 10;
	padding-top: 16.5vw;
}
#main .paddBox::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: -1;
	background: linear-gradient(0deg, rgba(213, 172, 14, 0) 0%, rgba(213, 172, 14, 0.2) 88.21%, rgba(213, 172, 14, 0) 100%);
	opacity: 0.2;
	pointer-events: none;
}
#main .officalBox {
	padding: 0.4rem;
	margin: 0 auto 7.5rem;
	max-width: 70.7rem;
	border: 0.2rem solid rgba(213, 172, 14, 0.6);
	border-radius: 4rem;
	overflow: hidden;
}
#main .officalBox .sub {
	padding: 2rem 1rem 1.5rem;
	background-color: #fff;
	border-radius: 3.5rem;
	align-items: flex-start;
}
#main .officalBox .lBox {
	margin-right: 0.7rem;
	width: 19.1rem;
}
#main .officalBox .lBox .photo {
	margin-bottom: -2rem;
}
#main .officalBox .lBox .link {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 12.5rem;
}
#main .officalBox .lBox .link a {
	min-height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
	background-color: #5690D6;
	border-radius: 1rem;
	letter-spacing: 0.05em;
}
#main .officalBox .lBox .link a:hover {
	opacity: 0.7;
}
#main .officalBox .rBox {
	margin-top: 0.3rem;
	flex: 1;
}
#main .officalBox .rBox .title {
	margin-bottom: 1.5rem;
	font-weight: 700;
}
#main .officalBox .rBox .text {
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1.71;
}
@media all and (min-width: 2100px) {
	#main .paddBox {
		padding-top: 20vw;
	}
}
@media all and (max-width: 768px) {
	#main .paddBox {
		padding-top: 0;
	}
	#main .paddBox::after {
		height: 95rem;
		background: linear-gradient(0deg, rgba(213, 172, 14, 0) 0%, rgba(213, 172, 14, 1) 88.21%, rgba(213, 172, 14, 0) 100%);
	}
	#main .officalBox {
		padding: 0.4rem;
		margin: 0 2rem 5rem;
		max-width: 100%;
		border: 1px solid rgba(213, 172, 14, 0.6);
	}
	#main .officalBox .sub {
		padding: 0.9rem 1.8rem 3.3rem;
		display: block;
	}
	#main .officalBox .lBox {
		margin: 0 0 2rem;
		width: auto;
	}
	#main .officalBox .lBox .photo {
		width: 19rem;
		margin: 0 auto -0.2rem;
	}
	#main .officalBox .lBox .link a {
		font-size: 1.5rem;
	}
	#main .officalBox .rBox {
		margin-top: 0.3rem;
	}
	#main .officalBox .rBox .title {
		font-size: 1.6rem;
	}
}
/* movieBox */
#main .movieBox {
	margin-bottom: 5.5rem;
}
#main .movieBox .titleImg {
	margin: 0 auto 1.3rem;
	width: 42.8rem;
}
#main .movieBox .movie a {
	margin: 0 auto;
	position: relative;
	padding: 1.9rem;
	width: 80rem;
	display: block;
	background: url(../img/index/movie_bg01.png) no-repeat left top / 100%;
	box-sizing: content-box;
}
#main .movieBox .movie a:hover {
	opacity: 0.7;
}
#main .movieBox .movie a::before {
	margin-top: 0.1rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 10.6rem;
	height: 10.6rem;
	background: url(../img/common/icon02.png) no-repeat left top / 100%;
	content: '';
}
@media all and (max-width: 768px) {
	#main .movieBox {
		margin-bottom: 6.7rem;
		position: relative;
		z-index: 12;
	}
	#main .movieBox .titleImg {
		margin: 0 auto 1.6rem;
		width: auto;
		max-width: 31.1rem;
	}
	#main .movieBox .movie a {
		margin: 0 1rem;
		padding: 3.2vw 2.67vw 0;
		width: auto;
		aspect-ratio: 335 / 199;
		background-image: url(../img/index/movie_bg01_sp.png);
		box-sizing: border-box;
	}
	#main .movieBox .movie a::before {
		margin-top: 0;
		width: 4.4rem;
		height: 4.4rem;
	}
}
/* popPhotoBox */
#main .popPhotoBox {
	padding: 5rem 0;
	background: linear-gradient(90deg, rgba(213, 172, 14, 0.26) 0%, rgba(86, 144, 214, 0.26) 99.87%);
}
#main .popPhotoBox .content {
	max-width: 120rem;
}
#main .popPhotoBox ul {
	display: grid;
	grid-template-areas:
	"item1 item1 item2 item2"
	"item1 item1 item2 item2"
	"item1 item1 item2 item2"
	"item1 item1 item2 item2"
	"item1 item1 item2 item2"
	"item3 item5 item5 item4"
	"item3 item5 item5 item4"
	"item3 item5 item5 item4"
	"item3 item8 item9 item4"
	"item6 item8 item9 item7"
	"item6 item8 item9 item7"
	"item6 item8 item9 item7"
	"item6 item8 item9 item7"
}
#main .popPhotoBox a {
	position: relative;
	display: block;
	overflow: hidden;
}
#main .popPhotoBox a::after {
	position: absolute;
	bottom: 0.8rem;
	right: 0.8rem;
	z-index: 1;
	width: 4.6rem;
	height: 4.6rem;
	content: "";
	background: url(../img/common/icon03.png) no-repeat left top / 100%;
}
#main .popPhotoBox img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform ease 0.3s;
    -webkit-transition: transform ease 0.3s;
}
#main .popPhotoBox li:nth-child(1) {
	grid-area: item1;
}
#main .popPhotoBox li:nth-child(2) {
	grid-area: item2;
}
#main .popPhotoBox li:nth-child(3) {
	grid-area: item3;
}
#main .popPhotoBox li:nth-child(4) {
	grid-area: item5;
}
#main .popPhotoBox li:nth-child(5) {
	grid-area: item4;
}
#main .popPhotoBox li:nth-child(6) {
	grid-area: item6;
}
#main .popPhotoBox li:nth-child(7) {
	grid-area: item8;
}
#main .popPhotoBox li:nth-child(8) {
	grid-area: item9;
}
#main .popPhotoBox li:nth-child(9) {
	grid-area: item7;
}
.fancybox-slide--image {
	padding: 80px 0 20px !important;
}
@media all and (min-width: 769px) {
	#main .popPhotoBox a:hover img {
		transform: scale(1.1);
        -webkit-transform: scale(1.1);
	}
	.fancybox-button--close {
		transition: .3s;
	}
	.fancybox-button--close:hover {
		opacity: 0.7 !important;
	}
}
@media all and (max-width: 768px) {
#main .popPhotoBox {
	padding: 2.3rem 0 2.5rem;
}
#main .popPhotoBox .content {
	padding: 0 1.3rem;
}
#main .popPhotoBox ul {
	display: flex;
	flex-wrap: wrap;
}
#main .popPhotoBox ul li {
	width: 50%;
}
#main .popPhotoBox ul .li01 {
	width: 100%;
}
#main .popPhotoBox a::after {
	bottom: 0.4rem;
	right: 0.4rem;
	width: 2.9rem;
	height: 2.9rem;
}
}
/* regard */
#main .regard {
	padding: 5rem 0 11.3rem;
}
#main .regard h2 {
	margin: 0 auto 4.5rem;
	width: 56.4rem;
}
#main .regard .regardUl {
	margin: 0 auto 1.7rem;
	max-width: 94.1rem;
}
#main .regard .regardUl > li {
	padding: 2.5rem 4.5rem 2.5rem 4rem;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	border-top: 0.2rem dotted rgba(158, 119, 62, 0.4);
}
#main .regard .regardUl > li:last-child {
	border-bottom: 0.2rem dotted rgba(158, 119, 62, 0.4);
}
#main .regard .regardUl .tag {
	padding: 1rem 0.5rem;
	margin-right: 2.5rem;
	min-height: 5rem;
	width: 14rem;
	display: flex;
	align-items: center;
	line-height: 1.1;
	font-size: 1.8rem;
	justify-content: center;
	text-align: center;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 900;
	color: #9E773E;
	background-color: rgba(213, 172, 14, 0.4);
	border: 1px solid rgba(158, 119, 62, 0.6);
	border-radius: 5rem;
}
#main .regard .regardUl .rBox {
	flex: 1;
}
#main .regard .regardUl .title {
	margin-top: -1rem;
	font-size: 2.5rem;
	font-weight: 500;
}
#main .regard .regardUl .notes {
	padding-left: 1.5rem;
	text-indent: -1.5rem;
	font-size: 1.4rem;
	margin-top: 1.2rem;
}
#main .regard .regardUl .rBox {
	margin-top: 1rem;
}
#main .regard .regardUl .text {
	font-size: 1.8rem;
	line-height: 1.38;
}
#main .regard .regardUl .text a {
	padding-right: 2rem;
	display: inline-block;
	color: #0071BC;
	text-decoration: underline;
	background: url(../img/common/icon06.png) no-repeat right center / 1.7rem;
}
#main .regard .regardUl .sml {
	margin-top: 1.3rem;
	font-size: 1.5rem;
}
#main .regard .regardUl .dotUl li {
	margin-left: -1.4rem;
	padding-left: 1.4rem;
	text-indent: -1.4rem;
	font-size: 1.4rem;
	line-height: 1.64;
}
#main .regard .out {
	padding-top: 3.5rem;
}
#main .regard .btnBox {
	padding-top: 1px;
	margin: 0 auto;
	width: 94rem;
	min-height: 24.5rem;
	position: relative;
	background: #D4AD0D url(../img/index/regard_bg.png) no-repeat center center / 94rem;
	border-radius: 12.25rem;
}
#main .regard .btnBox .photo {
	margin: -3.3rem auto 0;
	width: 56.6rem;
}
#main .regard .btnBox .btn {
	position: absolute;
	bottom: 2.5rem;
	z-index: 1;
	width: 28.3rem;
}
#main .regard .btnBox .btn .image {
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-46%);
	width: 9.6rem;
}
#main .regard .btnBox .btn a {
	position: relative;
	z-index: 2;
	display: block;
}
#main .regard .btnBox .btn a::after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0.3rem;
	bottom: 0.3rem;
	content: "";
	z-index: -1;
	background-color: #fff;
	border-radius: 1.2rem;
}
#main .regard .btnBox .btn a img {
	transition: .3s;
}
#main .regard .btnBox .lBtn {
	left: calc(50% - 34.7rem);
}
#main .regard .btnBox .lBtn .image {
	right: -7.5rem;
}
#main .regard .btnBox .rBtn {
	right: calc(50% - 35.2rem);
}
#main .regard .btnBox .rBtn .image {
	left: -6.5rem;
}
@media all and (min-width: 769px) {
	#main .regard .btnBox .btn a:hover img {
		opacity: 0.7;
	}
	#main .regard .regardUl .text a:hover {
		text-decoration: none;
	}
}
@media all and (max-width: 768px) {
	#main .regard {
		padding: 5rem 0 10rem;
	}
	#main .regard h2 {
		margin: 0 -2rem 7rem;
		width: auto;
		text-align: center;
	}
	#main .regard h2 img {
		width: 37.5rem;
	}
	#main .regard .regardUl {
		margin: 0 -0.5rem 3.7rem;
		max-width: 100%;
	}
	#main .regard .regardUl > li {
		position: relative;
		padding: 2rem 1rem 4.8rem;
		display: block;
		border: 0 !important;
	}
	#main .regard .regardUl > li:last-child {
		padding-bottom: 2.5rem;
		border-bottom: 0.2rem dotted rgba(158, 119, 62, 0.6) !important;
	}
	#main .regard .regardUl > li::after {
		position: absolute;
		top: 0;
		right: 0;
		width: calc(100% - 11.5rem);
		height: 0.3rem;
		content: "";
		border-top: 0.2rem dotted rgba(158, 119, 62, 0.6);
	}
	#main .regard .regardUl .tag {
		position: absolute;
		top: -2rem;
		left: 0;
		padding: 1rem 0.5rem;
		margin-right: 0;
		min-height: 3.9rem;
		width: 11rem;
		line-height: 1.14;
		font-size: 1.4rem;
	}
	#main .regard .regardUl .title {
		margin-top: 0;
		text-align: center;
		line-height: 1.55;
		font-size: 2rem;
	}
	#main .regard .regardUl .notes {
		line-height: 1.4;
	}
	#main .regard .regardUl .rBox {
		margin-top: 1rem;
	}
	#main .regard .regardUl .text {
		text-align: center;
		line-height: 1.6;
	}
	#main .regard .regardUl .text a {
		background-size: 1.4rem auto;
	}
	#main .regard .regardUl .text01 {
		font-size: 1.6rem;
		line-height: 1.5;
	}
	#main .regard .regardUl .sml {
		margin-left: 4rem;
		text-indent: -4rem;
		font-size: 1.4rem;
	}
	#main .regard .regardUl .dotUl {
		margin-top: 3rem;
	}
	#main .regard .regardUl .dotUl li {
		margin: 0;
		font-size: 1.3rem;
		line-height: 1.615;
	}
	#main .regard .out {
		padding-top: 4.5rem;
	}
	#main .regard .btnBox {
		padding: 1px 0 1.3rem;
		margin: 0 -2rem;
		width: auto;
		min-height: 37.5rem;
		border-radius: 0;
		background-image: url(../img/index/regard_bg_sp.png);
		background-size: 35rem auto;
	}
	#main .regard .btnBox .photo {
		margin: -4.5rem auto 0;
		width: 30rem;
	}
	#main .regard .btnBox .btn {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 3rem;
	}
	#main .regard .btnBox .btn .image {
		position: absolute;
		z-index: 1;
		top: 50%;
		transform: translateY(-46%);
		width: 9.6rem;
	}
	#main .regard .btnBox .lBtn {
		bottom: 12.8rem;
	}
	#main .regard .btnBox .rBtn .image {
		transform: translateY(-55%);
	}
}
/* display */
#main .display {
	margin-bottom: 14rem;
	position: relative;
	aspect-ratio: 288 / 169;
}
#main .display .photo01,
#main .display .photo02 {
	position: absolute;
	top: -2.5rem;
	z-index: 2;
	overflow: hidden;
}
#main .display .photo01 img,
#main .display .photo02 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#main .display .photo01 {
	left: 0;
	width: 31.25%;
	border-radius: 0 3.5rem 3.5rem 0;
}
#main .display .photo02 {
	right: 0;
	width: 31.25%;
	border-radius: 3.5rem 0 0 3.5rem;
}
#main .display .content {
	padding: 1.5rem 2rem 3rem;
	margin: 0 auto;
	width: 40%;
	height: 100%;
	background: #fff url(../img/index/display_bg01.png) no-repeat center top / 144rem auto;
}
#main .display .hTitle {
	margin: 0 auto 3.5rem;
	padding-top: 6.5rem;
	color: #FFF;
	text-align: center;
	width: 25.5rem;
	background: url(../img/common/icon04.png) no-repeat center top / 3.6rem;
}
#main .display .text {
	margin: 0 auto 3.5rem;
	line-height: 1.94;
	text-align: center;
}
#main .display .title {
	margin-bottom: 1.2rem;
	color: #5690D6;
	font-size: 2rem;
	font-weight: 700;
	font-family: "Zen Maru Gothic", sans-serif;
	border-bottom: 3px dotted rgba(128, 128, 128, 0.4);
	text-align: center;
}
#main .display .textBox {
	margin: 0 auto;
}
#main .display .date {
	margin-bottom: 3.8rem;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 2.8rem;
	font-weight: 700;
	text-align: center;
}
#main .display .photo {
	margin: 2.5rem auto 0.7rem;
	width: 21rem;
}
#main .display .bigText {
	margin-bottom: 1.1rem;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
}
#main .display .link {
	margin: 0 auto;
	width: 19.3rem;
}
#main .display .link a {
	padding: 0.5rem 0 0.5rem 2.4rem;
	min-height: 4.1rem;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500;
	background: #9E773E url(../img/common/icon05.png) no-repeat right 1.7rem center / 2.5rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border-radius: 3rem;
}
#main .display .link a:hover {
	opacity: 0.7;
}
@media all and (min-width: 769px) {
	#main .display .hTitle,
	#main .display .text {
		max-width: 53rem;
	}
	#main .display .textBox {
		max-width: 50rem;
	}
}
@media all and (min-width: 769px) and (max-width: 1400px) {
	#main .display {
		aspect-ratio: 288 / 195;
	}
	#main .display .photo01,
	#main .display .photo02 {
		height: 90rem;
	}
}
@media all and (max-width: 768px) {
	#main .display {
		margin-bottom: 8rem;
		aspect-ratio: inherit;
	}
	#main .display .photo01,
	#main .display .photo02 {
		position: static;
	}
	#main .display .innPhoto {
		margin: 0 -2rem 3.7rem;
	}
	#main .display .photo01 {
		width: 50%;
		border-radius: 0 3.5rem 3.5rem 0;
	}
	#main .display .photo02 {
		width: 50%;
		border-radius: 3.5rem 0 0 3.5rem;
	}
	#main .display .photo01 img,
	#main .display .photo02 img {
		width: 100%;
	}
	#main .display .content {
		padding: 3rem 2rem 5.5rem;
		width: 100%;
		height: inherit;
		background-image: url(../img/index/display_bg01_sp.png);
		background-size: 100% auto;
	}
	#main .display .hTitle {
		margin-bottom: 3.7rem;
		padding-top: 6.3rem;
		width: 19.3rem;
	}
	#main .display .text {
		margin: 0 0 5.3rem;
		line-height: 2;
	}
	#main .display .photo {
		margin-bottom: 1.7rem;
	}
}
/* shop */
#main .shop h2 {
	margin:  0 auto 6.9rem;
	width: 56.4rem;
}
#main .shop .areaBox {
	padding: 0 0 7.2rem 2.5rem;
	position: relative;
	z-index: 1;
	width: 50%;
}
#main .shop .areaBox::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: -1;
	background: linear-gradient(0deg, rgba(213, 172, 14, 0.98) 0%, rgba(213, 172, 14, 0) 100%);
	opacity: 0.4;
	pointer-events: none;
}
#main .shop .areaBox .photo {
	margin: 0 auto 2rem;
	width: 50rem;
	border-radius: 3.5rem;
	overflow: hidden;
}
#main .shop .areaBox .photo img {
	width: 100%;
}
#main .shop .areaBox .imgText {
	margin: -14.7rem auto 2rem;
	width: 25.7rem;
}
#main .shop .areaBox .textBox {
	padding: 1px 1px 5.5rem;
	margin: 0 auto;
	max-width: 48rem;
	position: relative;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 0 3.5rem;
	box-shadow: 0 0 0.5rem 1px rgba(0, 0, 0, 0.1);
}
#main .shop .areaBox .textBox .image {
	position: absolute;
	top: -10.5rem;
	left: -1.5rem;
	z-index: 1;
	width: 15.1rem;
}
#main .shop .areaBox .textBox .titleBox {
	padding: 2.3rem 9rem 3.2rem;
	margin-bottom: 3rem;
	background: url(../img/index/shop_h_bg01.png) no-repeat left 4.7rem top calc(50% + 0.9rem) / 3.5rem, url(../img/index/shop_h_bg02.png) no-repeat right 5.7rem top calc(50% + 0.9rem) / 3.5rem,rgba(213, 172, 14, 0.2);
	border-radius: 0 3.5rem 0 0;
	overflow: hidden;
}
#main .shop .areaBox .textBox .logo {
	margin: 0 auto 1.6rem;
	width: 16.5rem;
}
#main .shop .areaBox .textBox .h_title {
	text-align: center;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.15;
}
#main .shop .areaBox .textBox .h_title span {
	margin-top: 0.2rem;
	display: block;
	font-size: 1.6rem;
	font-weight: 500;
}
#main .shop .areaBox .textUl {
	margin: 0 auto 3.7rem;
	max-width: 35.7rem;
}
#main .shop .areaBox .textUl > li:not(:last-child) {
	margin-bottom: 0.6rem;
}
#main .shop .areaBox .textUl .title {
	margin-bottom: 1.3rem;
	padding-bottom: 0.8rem;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 700;
	color: #9E773E;
	border-bottom: 0.3rem dotted rgba(158, 119, 62, 0.4);
}
#main .shop .areaBox .textUl .sub {
	padding: 0 2.2rem;
}
#main .shop .areaBox .textUl .dotUl {
	width: 50%;
	font-size: 1.5rem;
}
#main .shop .areaBox .dotUl > li:not(:last-child) {
	margin-bottom: 0.3rem;
}
#main .shop .areaBox .textUl .notesUl {
	margin-bottom: 1.7rem;
}
#main .shop .areaBox .textUl .notesUl li {
	padding-left: 1.3rem;
	text-indent: -1.3rem;
	font-size: 1.3rem;
}
#main .shop .areaBox .textUl .notesUl01 {
	margin-left: 1.7rem;
}
#main .shop .areaBox .textUl .text {
	width: fit-content;
	margin: 0 auto;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.25;
	color: #1A1A1A;
}
#main .shop .areaBox .subBox .price {
	margin-bottom: 0.7rem;
	padding-left: 2rem;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 700;
	color: #9E773E;
}
#main .shop .areaBox .subBox .price .num {
	margin-left: 1.8rem;
	display: inline-block;
	font-size: 2.5rem;
	font-family: "Noto Sans JP", sans-serif;
}
#main .shop .areaBox .subBox .price .num span {
	font-size: 2rem;
	display: inline-block;
	vertical-align: 0.2rem;
}
#main .shop .areaBox .subBox .price .sml {
	font-size: 1.2rem;
	font-weight: 400;
	font-family: "Noto Sans JP", sans-serif;
	vertical-align: 0.5rem;
}
#main .shop .areaBox .subBox .btn {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 28.3rem;
}
#main .shop .areaBox .subBox .btn > img {
	position: absolute;
	z-index: 1;
	top: 50%;
	right: -11.7rem;
	transform: translateY(-48%);
	width: 16rem;
}
#main .shop .areaBox .subBox .btn a {
	position: relative;
	z-index: 2;
	display: block;
	background-color: #fff;
	border-radius: 2rem;
}
#main .shop .areaBox .subBox .btn a::after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0.3rem;
	bottom: 0.3rem;
	content: "";
	z-index: -1;
	background-color: #fff;
	border-radius: 1.2rem;
}
#main .shop .areaBox .subBox .btn a img {
	transition: .3s;
}
#main .shop .areaBox.rBox {
	padding: 0 3.5rem 0 0;
}
#main .shop .areaBox.rBox::after {
	background: linear-gradient(0deg, rgba(86, 144, 214, 0.98) 0%, rgba(86, 144, 214, 0) 100%);
}
#main .shop .areaBox.rBox .textBox .titleBox {
	background-color: rgba(86, 144, 214, 0.2);
}
#main .shop .areaBox.rBox .textBox .h_title {
	color: #5690D6;
}
#main .shop .areaBox.rBox .subBox .btn > img {
	right: auto;
	left: -11.5rem;
}
#main .shop .areaBox.rBox .textBox .titleBox {
	background-image: url(../img/index/shop_h_bg03.png),url(../img/index/shop_h_bg04.png);
}
@media all and (min-width: 767px) {
	#main .shop .areaBox .subBox .btn a:hover img {
		opacity: 0.7;
	}
}
@media all and (max-width: 768px) {
	#main .shop h2 {
		margin-bottom: 3.3rem;
		width: 37.5rem;
	}
	#main .shop .areaBox {
		margin-bottom: 7.5rem;
		padding: 0 1.5rem 3rem !important;
		width: auto;
	}
	#main .shop .areaBox:last-of-type {
		margin-bottom: 0;
	}
	#main .shop .areaBox .photo {
		margin-bottom: 2rem;
		width: auto;
	}
	#main .shop .areaBox .imgText {
		margin: -9.6rem auto 0.4rem;
		width: 16.4rem;
	}
	#main .shop .areaBox .textBox {
		padding: 1px 1px 5.5rem;
		margin: 0 0.5rem;
		max-width: 100%;
	}
	#main .shop .areaBox .textBox .image {
		top: -4.5rem;
		left: -0.7rem;
		width: 9rem;
	}
	#main .shop .areaBox .textBox .titleBox {
		padding: 2.3rem 4rem 3.2rem;
		margin-bottom: 3rem;
		background-position: left 1.5rem top calc(50% + 0.9rem),right 1.8rem top calc(50% + 0.9rem);
		background-size: 2.8rem auto;
	}
	#main .shop .areaBox .textBox .logo {
		margin-bottom: 1.8rem;
	}
	#main .shop .areaBox .textBox .h_title {
		font-size: 2.3rem;
	}
	#main .shop .areaBox .textBox .h_title span {
		margin-top: 0.5rem;
		font-size: 1.4rem;
	}
	#main .shop .areaBox .textUl {
		margin: 0 2rem 3.7rem;
		max-width: 100%;
	}
	#main .shop .areaBox .textUl > li:not(:last-child) {
		margin-bottom: 0.2rem;
	}
	#main .shop .areaBox .textUl .sub {
		margin: 0 -0.5rem;
		padding: 0;
	}
	#main .shop .areaBox .subBox .price {
		position: relative;
		z-index: 3;
		padding-left: 1rem;
	}
	#main .shop .areaBox .subBox .price .num {
		margin-left: 1rem;
	}
	#main .shop .areaBox .subBox .btn > img {
		right: -8.5rem;
		transform: translateY(-68%);
	}
	#main .shop .areaBox .subBox .btn a {
		position: relative;
		z-index: 2;
		display: block;
		background-color: #fff;
		border-radius: 2rem;
	}
	#main .shop .areaBox.rBox .photo {
		border-radius: 1.5rem;
	}
	#main .shop .areaBox.rBox .subBox .btn > img {
		right: auto;
		left: -8.3rem;
	}
}