@charset "UTF-8";

@font-face {
    font-family: 'Zen Maru Gothic';
	font-display: block;
    font-style: normal;
    font-weight: 700;
	src: url('../fonts/ZenMaruGothic/ZenMaruGothic-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Zen Maru Gothic';
	font-display: block;
    font-style: normal;
    font-weight: 500;
	src: url('../fonts/ZenMaruGothic/ZenMaruGothic-Medium.ttf') format('truetype');
}


:root {
	--font-base: 'Inter', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", serif;
	--font-zen_maru_gothic: 'Zen Maru Gothic' , 'Inter', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", serif;

	--color-green01: rgba(185, 207, 67, 1);
	--color-light_green01: rgba(220, 232, 113, 1);

	--header-height: min(11vh , 11rem);
}

*, *::before, *::after{
	box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	font-size: clamp(6.2px, 0.7vw,10px);
	overflow: inherit!important;
}
body {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 0;
	background: #fff;
	font-family: var(--font-zen_maru_gothic);
	color: var(--color-black);
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2;
	letter-spacing: 0;
	overflow-x: hidden;
	overflow-x: clip;
	-webkit-overflow-scrolling: touch;
}

h2 {
	font-size: 6rem;
	font-weight: 700;
	line-height: 1.3;
}
h3 {
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.44;
}
p {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2;
}

ul, ol, li {
	list-style: none;
}

button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	-webkit-appearance: none;
		 -moz-appearance: none;
					appearance: none;
}
a,button {
	text-decoration: none;
	transition: opacity .4s ease , color .4s ease , background-color .4s ease;
	color: inherit;
}
a:hover, button:hover {
	opacity: 0.5;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

strong {
	font-weight: 700;
}
.heading {
	position: relative;
	line-height: 1;
	z-index: 110;
}


/***   スクロールバー   ***/
::-webkit-scrollbar {
	width: 1.55rem;
}
::-webkit-scrollbar-track {
	background-color: transparent;
	margin: 0;
}
::-webkit-scrollbar-thumb {
	background-color: #B8D12B;
}
@media screen and (max-width: 768px){
	::-webkit-scrollbar {
		width: 1.1rem;
	}
}

/***   selection 調整   ***/
::-moz-selection {
	background-color: transparent;
}
::selection {
	background-color: transparent;
}


/*****************

   common   

******************/
#body_inner {
	position: relative;
    width: 100%;
    height: auto;
}

.contents_wrapper {
	position: relative;
	max-width: 144rem;
    width: 96%;
	padding: 0;
    margin-right: auto;
    margin-left: auto;
}


.attention_text {
	display: inline-block;
	font-size: 1.6rem;
	line-height: 1.7;
}

.color-red {
	color: var(--color-red01);
}



@media screen and (min-width:769px) {
	.sp_only {
		display: none!important;
	}
}
@media screen and (max-width:769px) {
	.pc_only {
        display: none!important;
    }

	:root {
		--header-height: 8.2rem;
	}

	html {
		font-size: 7px;
		font-size: clamp(7px,2.5vw,24px);
	}

	body {
		font-size: 1.5rem;
		line-height: 1.86;
	}

	#body_inner {
		width: 100%;
		min-width: 0px;
		top: -1px;
	}

	p {
		font-size: 1.32rem;
		line-height: 1.86;
	}

	img {
		width: 100%;
	}


	.contents_wrapper {
		width: 96.9%;
	}

	.attention_text {
		text-align: left;
		font-size: 1.18rem;
		line-height: 1.8;
	}
}



/*****************
   parts
******************/
.deco_wrapper__ {
	pointer-events: none;
}
.deco_wrapper__ img {
	position: absolute;
	z-index: 100;
	pointer-events: none;
}

.deco_brach,
.deco_cloud {
	pointer-events: none;
}

/******   btn   *****/
.btn01 {
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(158, 182, 27, 1);
	color: #fff;
	border-radius: 1rem;
	max-width: 96%;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 1rem 2rem;
	margin: 3.2rem auto 0;
	border: 0.2rem solid rgba(158, 182, 27, 1);
	box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.25);
	font-size: 2rem;
	transition: box-shadow 0.05s linear , background 0.1s ease , color 0.1s ease;
}

.btn01:hover {
	opacity: 1;
	color: rgba(158, 182, 27, 1);
	background: #fff;
	box-shadow: 0 0.32rem 0.29rem rgba(0, 0, 0, 0.25);
}

@media screen and (min-width:769.02px) {
	.btn01 {
		min-width: 45rem;
		min-height: 5.6rem;
	}
}

@media screen and (max-width:769px) {
	.btn01 {
		min-width: 31rem;
		min-height: 3.4rem;
		font-size: 1.8rem;
		padding: 0.5rem 1rem;
	}
}


/*****************

   header

******************/
#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: transparent;
	pointer-events: none;
	z-index: 9995;
}

.header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 89.6%;
	height: var(--header-height);
	margin-left: auto;
	margin-right: auto;
	pointer-events: all;
}

.header__logo {
	position: relative;
	width: 12.5rem;
	height: auto;
	top: 5.1rem;
	left: 2.2rem;
}
.header__logo img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}

.header__contents {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	-moz-column-gap: 3.1rem;
	     column-gap: 3.1rem;
}


.header__contact {
	display: flex;
	align-items: center;
	justify-content: center;
	-moz-column-gap: 2.2rem;
	     column-gap: 2.2rem;
}
.header__contact_text {
	color: #C4D700;
	font-size: 2.44rem;
	line-height: 1.25;
	text-align: right;
}

#header .hamburger_btn--open {
	--hamburger-size: min(9.2rem, 89%);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--hamburger-size);
	height: var(--hamburger-size);
	background: transparent;
	z-index: 9992;
	cursor: pointer;
}
#header .hamburger_btn--open img {
	width: 100%;
}
#header .hamburger_btn--open:hover {
	transform: scale(1.06);
}


.hamburger_nav {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 44rem;
	max-width: 100%;
	max-width: 100%;
	max-height: 100vh;
	overflow-x: clip;
	padding: 12.5rem 13rem 2.5rem 1rem;
	margin-left: auto;
	margin-right: 0;
	background: #fff;
	box-shadow: -1px 1px 1.7rem rgba(0, 0, 0 , 0.17);
	border-bottom-left-radius: 0.7rem;
	transform: translateX(100%);
	transition: transform 0.56s 0s ease , opacity 0.32s 0s ease;
	pointer-events: none;
	z-index: 9996;
	opacity: 0;
}
.active-hamburger .hamburger_nav {
	transform: translateX(0);
	opacity: 1;
	pointer-events: auto;
}

.hamburger_nav::after {
	--size: 16rem;
	content: "";
	position: absolute;
	top: 11.5rem;
	right: -7rem;
	background-image: url(../img/deco/hamburger_menu__deco_cups.svg);
	width: var(--size);
	height: calc(var(--size) * (856/168));
	max-height: calc(100% - 15.1rem);
	background-size: contain;
	background-repeat: no-repeat;
}

.hamburger_link_list {

}
.hamburger-active .hamburger_link_list {
	transition: opacity 0.62s 0.37s ease;
	opacity: 1;
}

.hamburger_link_list__item a {
	display: block;
	margin-left: auto;
	margin-right: 0;
	margin-bottom: 5.5rem;
	color: #fff;
	font-size: 2.8rem;
	line-height: 1;
	white-space: nowrap;
}
.hamburger_link_list__item a {
	width: 100%;
}
.hamburger_link_list__item a[href="#news"] {
	width: 13rem;
}
.hamburger_link_list__item a[href="#about"] {
	width: 21.7rem;
}
.hamburger_link_list__item a[href="#characters"] {
	width: 27rem;
}
.hamburger_link_list__item a[href="#sns_post"] {
	width: 11.9rem;
}
.hamburger_link_list__item a[href="#omikuji"] {
	width: 21.7rem;
}

.hamburger_sns_list__item_inner {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-moz-column-gap: 1rem;
	     column-gap: 1rem;
	margin: 0 0 2.44rem auto;
}
.hamburger_sns_list__item_inner p {
	text-align: right;
	color: rgba(158, 182, 27, 1);
	line-height: 1.19;
}

.hamburger_sns_list__item .preparation {
	display: inline-block;
	width: 5rem;
}
.hamburger_sns_list__item .preparation img {
	width: 100%;
}


#header .hamburger_btn--close {
	--hamburger-size: 10rem;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	width: var(--hamburger-size);
	height: var(--hamburger-size);
	background: transparent;
	z-index: 9992;
}
#header .hamburger_btn--close:hover {
	transform: scale(1.062);
}

#header .hamburger_btn--close span,
#header .hamburger_btn--close::before,
#header .hamburger_btn--close::after {
	--color: var(--color-light_green01);
	--position: 0;
	content: "";
	position: absolute;
	top: var(--position);
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	display: block;
	width: 44%;
	height: 0.37rem;
	background: var(--color);
	margin-top: 50%;
	transition: top 0.28s 0.28s, transform 0.28s,opacity 0.62s;
}

#header .hamburger_btn--close span {
	display: none;
}
#header .hamburger_btn--close::before {
	transform: translateY(-50%) translateX(-50%) rotate(45deg);
}
#header .hamburger_btn--close::after {
	transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}



@media screen and (max-width:769px) {
	#header {
		--header-height: 8.28rem;
	}

	#header .hamburger_btn--open {
		--hamburger-size: 5rem;
	}

	.header__inner {
		width: 87%;
	}

	.header__logo {
		position: relative;
		width: 7.3rem;
		top: 1.1rem;
		left: 0;
	}

	.header__contact {
		-moz-column-gap: 0.77rem;
		     column-gap: 0.77rem;
	}
	.header__contact_text {
		font-size: 1.8rem;
		line-height: 1.1;
	}
	.header__contact a {
		width: 4rem;
	}

	.header__contents {
		-moz-column-gap: 0.87rem;
		     column-gap: 0.87rem;
	}

	.hamburger_nav {
		right: auto;
		left: 0;
		min-height: inherit;
		max-height: inherit;
		overflow-y: visible;
		padding: 13rem 2.9rem 1.7rem 14rem;
		border-radius: 0;
		background: #fff;
		transform: translateX(-100%);
		z-index: 9996;
	}

	.hamburger_nav::after {
		--size: 13rem;
		right: auto;
		top: 7rem;
		left: -5.9rem;
		max-height: calc(100% - 10rem);
		transform: rotateY(180deg);
	}

	.hamburger_link_list__item a {
		margin-bottom: 3.7rem;
	}
	.hamburger_link_list__item a[href="#news"] {
		width: 10.2rem;
	}
	.hamburger_link_list__item a[href="#about"] {
		width: 15.5rem;
	}
	.hamburger_link_list__item a[href="#characters"] {
		width: 21.7rem;
	}
	.hamburger_link_list__item a[href="#sns_post"] {
		width: 9.39rem;
	}
	.hamburger_link_list__item a[href="#omikuji"] {
		width: 15.5rem;
	}

	.hamburger_sns_list__item .preparation {
		width: 4rem;
	}
	.hamburger_sns_list__item_inner img  {
		width: 4rem;
	}

}




/*****************

   footer

******************/
.home #footer {
	position: relative;
	background-image: url(../img/deco/footer__bg.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: auto;

	z-index: 5000;
}

.home #footer .contents_wrapper {
	position: relative;
	padding-top: 27rem;
	padding-bottom: 5rem;
}

.home #footer .copyright {
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 2rem;
	letter-spacing: 0.1em;
}
.home #footer .abs {
	position: absolute;
}
.home #footer .illust {
	z-index: 100;
}
.home #footer .illust[data-illust="01"] {
	top: 0;
	left: 21%;
	transform: translateY(-44%);
	width: 17.7rem;
}
.home #footer .illust[data-illust="02"] {
	top: 0;
	left: 38%;
	transform: translateY(-17%);
	width: 13.7rem;
}
.home #footer .illust[data-illust="03"] {
	top: 0;
	left: 56.9%;
	transform: translateY(32%);
	width: 11.9rem;
}
.home #footer .illust[data-illust="04"] {
	top: 0;
	left: 69%;
	transform: translateY(-44%);
	width: 13.7rem;
}

.home #footer .flowers[data-flowers="01"] {
	top: 21%;
	left: 12.5%;
	width: 34rem;
}
.home #footer .flowers[data-flowers="02"] {
	top: 7.6rem;
	right: 10rem;
	width: 18.7rem;
}

@media screen and (max-width:769px) {
	.home #footer .contents_wrapper {
		padding-top: 13.4rem;
		padding-bottom: 3.2rem;
	}
	
	.home #footer .copyright {
		font-size: 1.6rem;
	}
	

	.home #footer .illust[data-illust="01"] {
		top: 0;
		left: 0.4rem;
		transform: translateY(-62%);
		width: 11.8rem;
	}
	.home #footer .illust[data-illust="02"] {
		top: 0;
		left: 12.5rem;
		transform: translateY(-20%);
		width: 9.2rem;
	}
	.home #footer .illust[data-illust="03"] {
		top: 0;
		left: 22.8rem;
		transform: translateY(25%);
		width: 8.1rem;
	}
	.home #footer .illust[data-illust="04"] {
		top: 0;
		left: 27rem;
		transform: translateY(-86%);
		width: 9.6rem;
	}
	
	.home #footer .flowers[data-flowers="01"] {
		top: 6.2rem;
		left: 1.1rem;
		width: 12.5rem;
		transform: rotate(-10deg);
	}
	.home #footer .flowers[data-flowers="02"] {
		top: 4rem;
		right: -1rem;
		width: 6.2rem;
		transform: rotate(22deg);
	}
}





/*******************

   animation  

********************/
/*****   loading   *****/
.loading_block {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	text-align: center;
	transition: opacity 0.55s 0.15s ease;
}
.loading_block__inner {
	opacity: 0;
}
.loading_block.loading_off {
	opacity: 0;
	pointer-events: none;
}
.loading_block.loading_on .loading_block__inner {
	opacity: 1;
}
.loading_block.active--animation {
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.25s 2.2s ease-in-out;
}



.loading_block[data-percent="0"] .percent_0 {
	opacity: 1;
}
.loading_block[data-percent="75"] .percent_75 {
	opacity: 1;
	transition: opacity 0.2s ease-in-out;
}
.loading_block[data-percent="100"] .percent_100 {
	opacity: 1;
}

.loading_block__img_block {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto 1.5rem;
}

.loading_block .percent_0,
.loading_block .percent_75,
.loading_block .percent_100 {
	transition: opacity 0.5s ease-in-out;
}

/* yunomi */
.loading_block__yunomi_block {
	position: relative;
	width: 7rem;
}

.loading_block__yunomi_block img {
	width: 100%;
}
.loading_block__yunomi_block .percent_75 img,
.loading_block__yunomi_block .percent_100 img {
	position: absolute;
	bottom: 0;
	left: 0;
}
.loading_block__yunomi_block .percent_75,
.loading_block__yunomi_block .percent_100  {
	opacity: 0;
}

/*teapot*/
.loading_block__teapot_block {
	position: absolute;
	top: -8.6rem;
	right: 0.55rem;
	transform: translateY(-100%);
	width: 100%;
}

.loading_block__teapot_block img ,
.loading_block__teapot_block svg {
	width: 100%!important;
}
.loading_block__teapot_block span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 16.2rem;
	opacity: 0;
}
.loading_block__teapot_block span.percent_75,
.loading_block__teapot_block span.percent_100 {
	position: absolute;
	width: 17.3rem;
	transform: translateY(-19.6%);
}
.loading_block__teapot_block span.percent_75.percent_100 {
	opacity: 0;
}
.loading_block[data-percent="0"] .loading_block__teapot_block span.percent_0 {
	opacity: 1;
}
.loading_block[data-percent="75"] .loading_block__teapot_block span.percent_75.percent_100,
.loading_block[data-percent="100"] .loading_block__teapot_block span.percent_75.percent_100 {
	opacity: 1;
}

.loading_block__teapot_block span.percent_75.percent_100::before,
.loading_block__teapot_block span.percent_75.percent_100::after {
	--size: 2.9rem;
	--delay: 0.2s;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../img/deco/mokumoku01--beige.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: var(--size);
	height: calc(var(--size) * (171/197));
	opacity: 0;
	transition: opacity 0.44s var(--delay) ease-in-out;
}
.loading_block__teapot_block span.percent_75.percent_100::before {
	--size: 2.2rem;
	--delay: 0.4s;
	top: 48.1%;
	left: -4.7%;
}
.loading_block__teapot_block span.percent_75.percent_100::after {
	--size: 2.9rem;
	--delay: 1s;
	top: 28.9%;
	left: -18.2%;
}


.loading_block[data-percent="100"] .loading_block__teapot_block span.percent_75.percent_100::before,
.loading_block[data-percent="100"] .loading_block__teapot_block span.percent_75.percent_100::after {
	opacity: 1;
}

/*bar*/
.loading_block__bar {
	position: relative;
	left: 0.77rem;
	width: 280px;
	max-width: 94%;
	height: 20px;
	border-radius: 100rem;
	background: rgba(196, 215, 0, 0.56);
}
.loading_block__bar::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	border-radius: 100rem;
	background: rgba(196, 215, 0, 1);
}
.loading_block[data-percent="75"] .loading_block__bar::after {
	width: 75%;
}
.loading_block[data-percent="100"] .loading_block__bar::after {
	width: 100%;
}

/*percent*/
.loading_block__percent_block {
	position: relative;
	text-align: center;
	font-size: 17px;
	font-weight: 700;
	color: rgba(196, 215, 0, 1);
}
.loading_block__percent_block > span {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.4s ease-in-out;
}
.loading_block__percent_block--num {
	font-size: 2.5rem;
}



/*****   mokumoku   *****/
#js-mokumoku__base_img {
	display: none;
}

.mokumoku_block {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 10000;
	overflow: clip;
	pointer-events: none;
}
.mokumoku_block.active--animation {
	opacity: 1;
	pointer-events: all;
	-webkit-animation: fade_out 1s ease-in-out 2.44s forwards;
	        animation: fade_out 1s ease-in-out 2.44s forwards;
}
@-webkit-keyframes fade_out {
	0% {
		opacity: 1;
	}
	100% {
		pointer-events: none;
		opacity: 0;
	}
}
@keyframes fade_out {
	0% {
		opacity: 1;
	}
	100% {
		pointer-events: none;
		opacity: 0;
	}
}


.mokumoku_block__field[data-field="base"] {
	--duration: 1s;
	--delay: 0s;
	--transform_scale: 0.89;
	--rotate: 0deg;
	position: relative;
	width: 100%;
	height: 100%;
	background: transparent;
}
.mokumoku_block__field[data-field="base"] img {
	position: absolute;
	transform: rotate(var(--rotate));
	transition: opacity var(--duration) var(--delay) , transform var(--duration) var(--delay);
	filter: blur(0.11rem);
}
.mokumoku_block__field[data-field="base"].fade_out img  {
	opacity: 0!important;
	transform: scale(var(--transform_scale)) rotate(var(--rotate))!important;
	transition: 0s!important;
}


.mokumoku_block__field[data-field="base"]:nth-of-type(2) {
	position: absolute;
	top: 15vh;
	left: 1vw;
}
.mokumoku_block__field[data-field="base"]:nth-of-type(3) {
	position: absolute;
	top: -34vh;
	left: -15vw;
}

.mokumoku_block__field[data-field="base"]:nth-of-type(4) {
	position: absolute;
	top: -1vh;
	right: -25vw;
}

.mokumoku_block__field[data-field="base"]:nth-of-type(5) {
	position: absolute;
	top: -15vh;
	left: 32vw;
}
.mokumoku_block__field[data-field="base"]:nth-of-type(6) {
	position: absolute;
	top: 96vh;
	left: -40vw;
}
.mokumoku_block__field[data-field="base"]:nth-of-type(7) {
	position: absolute;
	top: 44vh;
	left: -32vw;
}
.mokumoku_block__field[data-field="base"]:nth-of-type(8) {
	position: absolute;
	top: 25vh;
	right: -11vw;
}
.mokumoku_block__field[data-field="base"]:nth-of-type(9) {
	position: absolute;
	top: -22vh;
	left: 62vw;
}
.mokumoku_block__field[data-field="base"]:nth-of-type(10) {
	position: absolute;
	top: 51vh;
	right: -28vw;
}



.mokumoku_block__field[data-field="base"] img:nth-of-type(1) {
	--delay: 0s;
	top: 10vh;
	left: -19vw;
	width: 44vw;
	opacity: 0.69;
	z-index: 100;
}
.mokumoku_block__field[data-field="base"] img:nth-of-type(2) {
	--delay: 0.25s;
	top: 2.2vh;
	left: 25vw;
	width: 47vw;
	opacity: 0.32;
	z-index: 90;
}
.mokumoku_block__field[data-field="base"] img:nth-of-type(3) {
	--delay: 1.4s;
	top: -2vh;
	left: 56vw;
	width: 77vw;
	opacity: 0.89;
	z-index: 110;
}
.mokumoku_block__field[data-field="base"] img:nth-of-type(4) {
	--delay: 0.7s;
	top: 32vh;
	left: -14vw;
	width: 51vw;
	opacity: 0.54;
}
.mokumoku_block__field[data-field="base"] img:nth-of-type(5) {
	--delay: 1.5s;
	top: 5vh;
	left: 7vw;
	width: 82vw;
	opacity: 1;
}
.mokumoku_block__field[data-field="base"] img:nth-of-type(6) {
	--delay: 1.8s;
	--rotate: 100deg;
	top: -10vh;
	left: -15vw;
	width: 77vw;
	opacity: 1;
}
.mokumoku_block__field[data-field="base"] img:nth-of-type(7) {
	--delay: 1s;
	top: 69vh;
	left: -1vw;
	width: 92vw;
	opacity: 0.92;
}
.mokumoku_block__field[data-field="base"] img:nth-of-type(8) {
	--delay: 0.5s;
	--rotate: 110deg;
	top: 25vh;
	left: 81vw;
	width: 41vw;
	opacity: 0.62;
}



/*****   slick   *****/
.slider {
	line-height: 0;
	opacity: 0;
	transition: 0.56s opacity ease-in-out;
}
.slick-initialized {
	opacity: 1!important;
}


.slick-track {
	display: flex!important;
	will-change: transform;
	perspective: 1000;
}
.slick-slide{
    height: auto!important;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.slick-list {
	overflow-y: visible;
	overflow-x: hidden;
	/* overflow-x: clip; */
}

@media screen and (min-width:769px) {
	.pc_slider  {
		opacity: 0;
	}
}


/*****   アコーディオン   *****/
.js-acc_switch {
	position: relative;
	cursor: pointer;
}

.js-acc_block {
	display: none;
	will-change: height;
}

.js-acc_wrapper.active .js-acc_switch::after {
	transform: translateY(-45%) rotate(-540deg);
}

.js-acc_wrapper .acc_open_text,
.js-acc_wrapper.active .acc_close_text {
	display: block;
}
.js-acc_wrapper.active .acc_open_text,
.js-acc_wrapper .acc_close_text {
	display: none;
}

@media screen and (max-width:769px) {
    .acc_switch::after {
		right: 1.4rem;
	}

	.js-acc_switch::after {
		--size: 1.7rem;
	}
}




/***************

   main

****************/
.main_section {
	position: relative;
	background: #FFF;
}

.section_group {
	position: relative;
	top: 0.1px;
	padding-top: 1px;
	z-index: 100;
}

.section_group__waves_wrapper {
	display: none;
}


.section_group__block {
	position: relative;
}
.section_group__block--inner {
	position: relative;
	overflow-x: hidden;
	overflow-x: clip;
}



@media screen and (min-width:769.02px) {
	.section_group__top_design {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 18rem;
		background: linear-gradient(180deg, #C5D586 0%, #FFF 70%);
		transform: translateY(-92%);
		-webkit-filter: blur(-1.9rem);
		        filter: blur(-1.9rem);
	}


	.section_group__side_design_wrapper {
	}
	.section_group__side_design {
		position: absolute;
		top: 0;
		z-index: 1000;
		display: block;
		width: calc((100% - 125rem) / 2 );
		min-width: 13rem;
		height: calc(100% + 5rem);
	}
	.section_group__side_design::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		display: block;
		width: 100%;
		height: 100%;
		background: linear-gradient(-90deg, rgba(254, 254, 254, 0.01) 0%, rgba(252, 253, 244, 0.20) 4%, rgba(250, 251, 235, 0.36) 9%, rgba(248, 250, 227, 0.52) 14%, rgba(246, 249, 220, 0.65) 19%, rgba(245, 248, 214, 0.76) 25%, rgba(243, 247, 210, 0.85) 32%, rgba(243, 246, 206, 0.92) 39%, rgba(242, 246, 203, 0.96) 49%, rgba(242, 246, 202, 1) 69%, #F2F6CA 100%);
		-webkit-filter: drop-shadow(0 -1rem 0.77rem rgba(242, 246, 202, 1));
		        filter: drop-shadow(0 -1rem 0.77rem rgba(242, 246, 202, 1));
	}
	.section_group__side_design > span {
		--size_adjust: 0.28rem;
		position: absolute;
		top: 2.5rem;
		right: var(--size_adjust);
		display: block;
		width: calc(100% - var(--size_adjust));
		height: calc(100% - 2.5rem);
		z-index: 10;
	}
	.section_group__side_design > span::before {
		--position: calc(50% + 62rem);
		--leaves-position: 20rem;
		content: "";
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		left: 0;
		display: block;
		background-image: url(../img/deco/bg__leaves.svg);
		background-repeat: repeat;
		background-size: 22rem 100rem;
		background-position: top right;
		width: 100%;
		height: 100vh;
	}

	.section_group__side_design[data-side="right"] {
		left: auto;
		right: 0;
	}
	.section_group__side_design[data-side="right"]::before {
		left: auto;
		right: 0;
		background: linear-gradient(90deg, rgba(254, 254, 254, 0.01) 0%, rgba(252, 253, 244, 0.20) 4%, rgba(250, 251, 235, 0.36) 9%, rgba(248, 250, 227, 0.52) 14%, rgba(246, 249, 220, 0.65) 19%, rgba(245, 248, 214, 0.76) 25%, rgba(243, 247, 210, 0.85) 32%, rgba(243, 246, 206, 0.92) 39%, rgba(242, 246, 203, 0.96) 49%, rgba(242, 246, 202, 1) 69%, #F2F6CA 100%);
	}
	.section_group__side_design[data-side="right"] > span {
		--size_adjust: 2.8rem;
		right: auto;
		left: var(--size_adjust);
	}
	.section_group__side_design[data-side="right"] > span::before {
		background-image: url(../img/deco/bg__leaves--right.svg);
		background-position: top left;
	}
}


@media screen and (max-width:769px) {
		/* Animation */
		.section_group__waves_wrapper {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 7rem;
			z-index: 100;
			transform: translateY(-89%);
		}
		.section_group__waves_wrapper::after,
		.section_group__waves_wrapper::before {
			content: "";
			position: absolute;
			top: calc(100% - 0.6rem);
			left: 0;
			display: block;
			width: 100%;
			height: 25rem;
			background: linear-gradient(180deg, rgba(217, 217, 217, 0.10) 0%, rgba(255, 255, 255, 0.00) 0.01%, #FFF 70.31%);
		}
		.section_group__waves_wrapper::before {
			background: #F9FFD6;
		}


		.section_group__waves_wrapper--inner {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 15rem;
			overflow: hidden;
			pointer-events: none;
		}

		.section_group__waves {
			position: absolute;
			bottom: 0;
			margin:0 auto;
			width: 100%;
			height: 7rem;
			z-index: 100;
		
		}
		
		.section_group__waves::before,
		.section_group__waves::after,
		.section_group__waves span {
			content:"";
			position:absolute;
			left: 50%;
			display: block;
			width: 250vw;
			height: 250vw;
			background-color: rgba(249,255,214,1);
			animation:wave linear 13s infinite;
		}
	
		.section_group__waves::before {
			top: 19%;
			border-radius: 47% 55% / 51.9% 51%;
			animation-delay: -0.5s;
		}
	
		.section_group__waves::after {
			top: 18.2%;
			left: 51.8%;
			border-radius: 44% 54.1% / 50% 54%;
			animation-delay: 0s;
			opacity:0.7;
		}

		.section_group__waves span {
			top: 19%;
			left: 40%;
			border-radius: 47% 44.4% / 54% 56.9%;
			animation-delay: -2.8s;
			opacity: 0.87;
		}
	
		@keyframes wave {
			from {
				transform: translateX(-50%) rotate(0deg);
			}
			to {
				transform: translateX(-50%) rotate(360deg);
			}
		}
}



.section_group__block .deco_leaves {
	position: absolute;
	top: -3.25rem;
	left: 18.2rem;
	width: 73.9rem;
	z-index: 1000;
	opacity: 1;
}

.section_group__block .deco_wrapper__ .deco_group[data-group="001"] {
	top: -1.7rem;
	right: 4.5rem;
	width: 31rem;
	z-index: 500;
}


@media screen and (max-width:769px) {
	.section_group__block .deco_leaves {
		top: 3.2rem;
		left: 0rem;
		width: 21rem;
		opacity: 1;
	}
	.section_group__block .deco_wrapper__ .deco_group[data-group="001"] {
		top: 13.9rem;
		right: -2.8rem;
		width: 19rem;
	}
}





/*****************

   .fv

******************/
.fv {
	position: relative;
	background: transparent;
	z-index: 100;
	padding: 0;
	padding-bottom: 18rem;
	background: rgba( 197 , 213 , 134 , 1 );
	overflow: hidden;
}

.fv__text_block {
	pointer-events: none;
}

.fv__bg {
	position: relative;
	width: 100%;
}
.fv__bg img {
	width: 100%;
	height: auto;
}


.fv__illust_wrapper object,
.fv__illust_wrapper img  {
	position: absolute;
	z-index: 100;
}

.fv__bg .fv__shoji {
	position: absolute;
	z-index: 100;
	top: 0;
	right: -0.5%;
	width: 69.11%;
	height: auto;
	z-index: 10;
	opacity:1;
	pointer-events: none;
}

.fv__character--ryoku object {
	bottom: 18.7%;
	left: 61.1%;
	width: 18.6%;
	z-index: 400;
	opacity:1;
}
.fv__character--hana object {
	bottom: 7.9%;
	left: 40.4%;
	width: 14.4%;
	z-index: 400;
	opacity:1;
}
.fv__character--chai_earl object {
	bottom: 27.1%;
	left: 45.7%;
	width: 17.7%;
	opacity:1;
}
.fv__character--long object {
	bottom: 40.8%;
	left: 67.3%;
	width: 15.66%;
	z-index: 5;
	opacity:1;
}
.fv__character--cafe object {
	bottom: 48.6%;
	left: 50.7%;
	width: 16.9%;
	z-index: 5;
	opacity:1;
}
.fv__character--muha object {
	bottom: 23.9%;
	left: 76.6%;
	width: 18%;
	z-index: 150;
	opacity:1;
}

.fv__character--sakura object {
	bottom: 31%;
	left: 32.7%;
	width: 11.8%;
	z-index: 110;
	opacity:1;
}
.fv__character--ran object {
	bottom: 6.1%;
	left: 7.3%;
	width: 12.5%;
	z-index: 110;
	z-index: 500;
	opacity:1;
}
.fv__character--min object {
	bottom: 7%;
	left: 22%;
	width: 15.19%;
	z-index: 110;
	z-index: 500;
	opacity:1;
}
.fv__character--saw object {
	bottom: 31.44%;
	left: 19.28%;
	width: 11.6%;
	z-index: 120;
	opacity:1;
}


.fv__illust_wrapper .fv__cushion {
	bottom: 13.34%;
	left: 57.5%;
	width: 25.6%;
	opacity:1;
}
.fv__illust_wrapper .fv__yunomi {
	bottom: 6.1%;
	left: 73.9%;
	width: 5.2%;
	opacity:1;
}
.fv__illust_wrapper .fv__teapot {
	bottom: 9.37%;
	left: 80%;
	width: 10.7%;
	opacity:1;
}
.fv__illust_wrapper .fv__table {
	bottom: 14.9%;
	left: 11.96%;
	width: 28%;
	z-index: 200;
	opacity:1;
}



@media screen and (min-width:769.02px) {
	.fv {}
	.fv__bg {
		position: relative;
		right: 0;
		width: 100%;
		transform: translateY(-2.5%);
	}

	.fv__text_block {
		position: absolute;
		top: 18%;
		left: 50%;
		transform: translateX(-50%);
		width: 87%;
		max-width: 140rem;
		z-index: 1000;
	}
	.fv__tit {
		margin: 0 auto;
	}
	.fv__tit img {
		width: min(56rem, 40vw);
	}

}

@media screen and (min-width:1800px) {
	.fv__bg {
		transform: translateY(-8.2%);
	}
}



@media screen and (max-width:769px) {
	.fv {
		padding-bottom: 9.6rem;
	}
	.fv__text_block {
		position: relative;
	}
	.fv__tit {
		position: relative;
		width: 31.7rem;
		margin: 0.82rem auto 0;
	}

	.fv__tit_howa {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.fv__tit_howa::before,
	.fv__tit_howa::after {
		content: "";
		position: absolute;
		background-image: url(../img/fv/fv__tit_huwahuwa01.svg);
		height: auto;
		background-size: contain;
		background-repeat: no-repeat;
		opacity: 0.04;
		-webkit-animation: howahowa 7.7s linear 0s forwards infinite;
		        animation: howahowa 7.7s linear 0s forwards infinite;
	}
	.fv__tit_howa::before {
		background-image: url(../img/fv/fv__tit_huwahuwa01.svg);
		width: 7.3rem;
		aspect-ratio: 61.3/55;
	}
	.fv__tit_howa::after {
		background-image: url(../img/fv/fv__tit_huwahuwa02.svg);
		width: 3.7rem;
		aspect-ratio: 34/30;
	}

	.fv__tit_howa[data-type="01"]::before {
		bottom: -1.5rem;
		left: -2.5rem;
	}

	.fv__tit_howa[data-type="01"]::after {
		bottom: -2.8rem;
		left: 4.4rem;
		-webkit-animation-duration: 8.7s;
		        animation-duration: 8.7s;
		-webkit-animation-delay: 2s;
		        animation-delay: 2s;
	}
	.fv__tit_howa[data-type="02"]::before {
		top: -1rem;
		right: -2rem;
		width: 4rem;

		-webkit-animation-duration: 7.9s;

		        animation-duration: 7.9s;
		-webkit-animation-delay: 0.5s;
		        animation-delay: 0.5s;
	}
	.fv__tit_howa[data-type="02"]::after {
		top: -1.9rem;
		right: 1.7rem;
		width: 2.8rem;

		-webkit-animation-duration: 11s;

		        animation-duration: 11s;
		-webkit-animation-delay: 2.5s;
		        animation-delay: 2.5s;
	}

	@-webkit-keyframes howahowa {
		0% {
			transform: translateX(-1.4%) translateY(70%);
			opacity: 0.04;
			-webkit-filter: blur(1px);
			        filter: blur(1px);
		}
		17% {
			transform: translateX(1%) translateY(62%);
		}
		32% {
			transform: translateX(0.5%) translateY(55%);
			opacity: 0.7;
			-webkit-filter: blur(2.5px);
			        filter: blur(2.5px);
		}
		42% {
			transform: translateX(-1%) translateY(49%);
			opacity: 0.7;
		}
		55% {
			transform: translateX(0.77%) translateY(40%);
			opacity: 0.87;
			-webkit-filter: blur(1.3px);
			        filter: blur(1.3px);
		}
		70% {
			transform: translateX(-2.5%) translateY(32%);
			opacity: 0.5;
		}
		96% {
			transform: translateX(2.2%) translateY(10%);
			opacity: 0.02;
		}
		100% {
			opacity: 0;
		}
	}

	@keyframes howahowa {
		0% {
			transform: translateX(-1.1%) translateY(70%);
			opacity: 0.04;
			-webkit-filter: blur(1px);
			        filter: blur(1px);
		}
		17% {
			transform: translateX(1%) translateY(62%);
		}
		32% {
			transform: translateX(0.5%) translateY(55%);
			opacity: 0.7;
			-webkit-filter: blur(2.5px);
			        filter: blur(2.5px);
		}
		42% {
			transform: translateX(-1%) translateY(49%);
			opacity: 0.7;
		}
		55% {
			transform: translateX(0.55%) translateY(40%);
			opacity: 0.87;
			-webkit-filter: blur(1.3px);
			        filter: blur(1.3px);
		}
		70% {
			transform: translateX(-2%) translateY(32%);
			opacity: 0.5;
		}
		96% {
			transform: translateX(2.5%) translateY(10%);
			opacity: 0.02;
		}
		100% {
			opacity: 0;
		}
	}


	.fv__bg .fv__shoji {
		position: absolute;
		z-index: 100;
		top: 0;
		right: 0;
		width: 100%;
		height: auto;
		z-index: 10;
		opacity:1;
		pointer-events: none;
	}
	
	.fv__character--ryoku object {
		bottom: 16.29%;
		left: 36.9%;
		width: 37%;
	}
	.fv__character--hana object {
		bottom: 5.47%;
		left: 4.77%;
		width: 28.77%;
	}
	.fv__character--chai_earl object {
		bottom: 25.6%;
		left: 7.3%;
		width: 39%;
	}
	.fv__character--long object {
		bottom: 41.4%;
		left: 52.9%;
		width: 32%;

	}
	.fv__character--cafe object {
		bottom: 47.3%;
		left: 17.17%;
		width: 37%;
	}
	.fv__character--muha object {
		bottom: 24.1%;
		left: 60%;
		width: 38%;
	}

	.fv__illust_wrapper .fv__cushion {
		bottom: 11.8%;
		left: 29.6%;
		width: 49.6%;
		opacity:1;
	}
	.fv__illust_wrapper .fv__yunomi {
		bottom: 3.04%;
		left: 59.1%;
		width: 11%;
		opacity:1;
	}
	.fv__illust_wrapper .fv__teapot {
		bottom: 7.3%;
		left: 69.2%;
		width: 21.9%;
		opacity:1;
	}
	
	.fv__illust_wrapper .fv__table,
	.fv__character--sakura object,
	.fv__character--ran object,
	.fv__character--min object,
	.fv__character--saw object {
		opacity: 0;
		pointer-events: none;
	}
}




/*****************

   .lead_section

******************/
.lead_section {
	position: -webkit-sticky;
	position: sticky;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	top: max(-7.7rem , -9.6vh);
	left: 0;
	padding: min(25rem , 20vh) 0 62.8rem;
	background: linear-gradient(180deg, #FFFFF1 14.06%, #D5E47A 53.13%, #EEF6B9 73.96%);
	overflow: hidden;
	z-index: -100;
	transform: translateZ(0);
}
@media screen and (max-width: 1200px) {
	.lead_section {
		top: -3.4vw;
	}
}

.js-lead_section__observer {
	position: absolute;
	top: 15rem;
	left: 0;
	width: 100%;
	height: calc(99vh - 15rem);
	height: calc(99dvh - 15rem);
}

.lead_section__logo img {
	position: relative;
	width: 10rem;
	height: max(8.9rem , 8.9vh);
	-o-object-fit: contain;
	   object-fit: contain;
	-o-object-position: right;
	   object-position: right;
}
.lead_section__text_block .lead_section__logo {
	visibility: hidden;
	opacity: 0;
}
.lead_section__text_block.fade_in .lead_section__logo {
	position: relative;
	-webkit-animation: press_the_logo_anime 0.51s 2.2s forwards ease-in;
	        animation: press_the_logo_anime 0.51s 2.2s forwards ease-in;
	will-change: transform, opacity,visibility;
}

@-webkit-keyframes press_the_logo_anime {
	0% {
		visibility:visible;
	  	opacity: 0;
	  	transform: translateX(18px) rotate(-4.5deg) scale(1.62);
	}
	96% {
		visibility:visible;
	  	opacity: 0.87;
	  	transform:  rotate(0.2deg) scale(0.996);
	}
	96% {
		visibility:visible;
	  	transform: rotate(0deg) scale(0.996);
	}
	100% {
		visibility:visible;
	  	opacity: 1.0;
	  	transform: rotate(0deg) scale(1);
	}
}

@keyframes press_the_logo_anime {
	0% {
		visibility:visible;
	  	opacity: 0;
	  	transform: translateX(18px) rotate(-4.5deg) scale(1.62);
	}
	96% {
		visibility:visible;
	  	opacity: 0.87;
	  	transform:  rotate(0.2deg) scale(0.996);
	}
	96% {
		visibility:visible;
	  	transform: rotate(0deg) scale(0.996);
	}
	100% {
		visibility:visible;
	  	opacity: 1.0;
	  	transform: rotate(0deg) scale(1);
	}
}

.lead_section__text_block {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin: 0 auto min(5rem , 5vh);;
	width: -webkit-fit-content;;
	width: -moz-fit-content;;
	width: fit-content;
	-moz-column-gap: 3.2rem;
	     column-gap: 3.2rem;
}
.lead_section__text {
	opacity: 0;
	transform: translateY(25px);
	transition: opacity 1.4s ease-in-out , transform 1.4s ease-in-out;
}
.lead_section__text--inner {
	display: block;
}

.lead_section__text--inner img {
	display: block;
	height: min(45rem , 55vh);
	width: auto;
}

.lead_section__text_block.fade_in .lead_section__text {
	opacity: 1;
	transform: translate(0);
}


.lead_section__text_block::before,
.lead_section__text_block::after {
	--size: min(24rem , 24vh);
	--aspect: 1;
	content: "";
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	width: var(--size);
	height: calc(var(--size) * var(--aspect));
	opacity: 0;
	transition: opacity 1.3s 0.77s ease-in-out;
}
.lead_section__text_block.fade_in::before,
.lead_section__text_block.fade_in::after {
	opacity: 1;
}

.lead_section__text_block::before {
	--aspect: 171/237;
	background-image: url(../img/deco/lead_sectionn__deco_leaves01.svg);
	top: -4rem;
	left: -14rem;
}
.lead_section__text_block::after {
	--size: min(22.8rem , 22.8vh);
	--aspect: 226/270;
	background-image: url(../img/deco/lead_sectionn__deco_leaves02.svg);
	bottom: -22%;
	right: 0;
	transform: translateX(66%);
}


.lead_section__img_block {
	position: relative;
	right: 8.7rem;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	height: min(18.6rem , 18vh);
}
.lead_section__img_block img:nth-of-type(1) {
	width: 33rem;
	height: 89%;
	-o-object-fit: contain;
	   object-fit: contain;
	-o-object-position: right;
	   object-position: right;
}
.lead_section__img_block img:nth-of-type(2) {
	width: 18rem;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
	-o-object-position: left;
	   object-position: left;
}


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

}

@media screen and (max-width:769px) {
	.js-lead_section__observer {
		top: 0;
		height: 86.2vh;
		height: 86.2dvh;
	}
	.lead_section {
		top: min(-4.4rem , -4vh);
		padding: 13rem 0 20rem;
		margin-bottom: 28rem;
	}
	
	.lead_section__logo img {
		width: 7.3rem;
		height: min(8.9rem ,11.9vh);
	}
	
	.lead_section__text_block {
		-moz-column-gap: 1.9rem;
		     column-gap: 1.9rem;
	}
	.lead_section__text--inner {
		display: block;
	}
	
	.lead_section__text--inner img {
		display: block;
		height: min(41.7rem , 50vh);
		width: auto;
	}
	
	.lead_section__text_block::before,
	.lead_section__text_block::after {
		--size: min(19rem , 19vh);
	}
	
	.lead_section__text_block::before {
		top: -1.1rem;
		left: 0;
		transform: translateX(-47%);
	}
	.lead_section__text_block::after {
		--size: min(15rem , 15.5vh);
		bottom: -2.5%;
		right: 0.4rem;
		transform: translateX(50%);
	}
	
	
	.lead_section__img_block {
		height: min(15rem , 18vh);
		right: 0;
	}
	.lead_section__img_block img:nth-of-type(1) {
		width: 50%;
		min-width: 20rem;
		height: 89%;
	}
	.lead_section__img_block img:nth-of-type(2) {
		position: relative;
		top: -3.4rem;
		right: 1.1rem;
		width: 38%;
		height: 95%;
	}
}



/*****************

   .news

******************/
.news {
	--top_adjust: 20rem;
	position: relative;
	padding-top: 10rem;
	padding-bottom: 7rem;
	z-index: 100;
}



.news__heading {
	position: relative;
	width: 100%;
	max-width: 86rem;
	margin-bottom: 25.6rem;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	z-index: 2000;
}
.news__heading img {
	width: 22rem;
}

.news .slick-list {
	overflow: inherit;
}

.news_list {
	position: relative;
	max-width: 134rem;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	z-index: 10;
}

.news_list .slick-slide {
	margin: 0 3rem;
}
.news_list .slick-slide > div {
	height: 100%;
}

.news_list__item {
	position: relative;
	width: 44.4%;
	height: 100%;
	z-index: 100;
}

.news_list::before {
	content: "";
	position: absolute;
	top: 0;
	right: -30vw;
	transform-origin: right top;
	width: 130vw;
	height: calc(100% + 5.9rem);
	background: #F4F7D5;
	z-index: -1;
}

.news_list__item .news_list__item__inner {
	position: relative;
	display: block;
	background: var(--color-green01);
	text-align: left;
	width: 100%;
	min-height: 100%;
	padding: 2rem 1.9rem 2.8rem;
	border-radius: 1rem;
	color: #fff;
	z-index: 100;
}
.news_list__item a:hover {
	opacity: 1;
}

.news_list__thumbnail {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.87rem;
	overflow: hidden;
	-webkit-filter: drop-shadow(0px 0px 0.7rem rgba(0 , 0, 0 , 0.2));
	        filter: drop-shadow(0px 0px 0.7rem rgba(0 , 0, 0 , 0.2))
}
.news_list__thumbnail img {
	border: 0.328rem solid #fff;
	will-change: transform;
	transform: scale(1);
	transform-origin: center;
	transition: transform 0.5s ease;
	-o-object-fit: cover;
	   object-fit: cover;
}

.news_list__item a:hover .news_list__thumbnail img {
	transform: scale(1.1);
}


.news_list__date,
.news_list__tit {
	display: inline-block;
	font-size: 1.62rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
}
.news_list__date {
	margin-bottom: 0.1rem;
}


.news__btn {
	position: relative;
	z-index: 10;
	min-width: 32rem;
	min-height: 4.5rem;
	font-size: 2rem;
	cursor: pointer;
	z-index: 10;
	line-height: 1.5;

}



/*** deco ***/
.news__ryoku_illust {
	position: absolute;
	top: 5.9rem;
	left: 21rem;
	width: 29rem;
	z-index: 200;
}




.news .deco_wrapper__ .deco_branch {
	top: 10.4rem;
	right: 5.5rem;
	width: 47rem;
	z-index: 90;
	transform: rotate(-7deg);
}
.news .deco_wrapper__ .deco_gray_pattern {
	top: -10rem;
	right: -5rem;
	width: 87rem;
	transform: translateX(50%) rotate(-70deg);
	opacity: 0.87;
	z-index: -1;
}
.news .deco_wrapper__ .deco_group[data-group="002"] {
	top: 1.8rem;
	left: 0;
	width: 37rem;
	z-index: 500;
	opacity: 0.92;
}
.news .deco_wrapper__ .deco_group[data-group="003"] {
	top: 92.8rem;
	right: 1rem;
	width: 25rem;
}
.news .deco_wrapper__ .deco_group[data-group="004"] {
	bottom: -15.5rem;
	right: 15rem;
	width: 25rem;
	z-index: 900;
}
.news .deco_wrapper__ .deco_group[data-group="005"] {
	bottom: -12.5rem;
	left: 18.2rem;
	width: 10.2rem;
	z-index: 1010;
}
.news .deco_wrapper__ .deco_group[data-group="kiku"] {
	bottom: -19rem;
	left: -19.6rem;
	width: 50rem;
	z-index: 99;
}


@media screen and (min-width:769.02px) {
	.news {
		padding-top: 13rem;
		padding-bottom: 13rem;
	}
	.news_list {
		display: block;
		padding-top: 4rem;
	}

	.news_list__item:nth-of-type(2):after {
		--size: 18rem;
		content: "";
		position: absolute;
		top: 1.18rem;
		right: 1rem;
		background-image: url(../img/deco/news__box_deco01.svg);
		width: var(--size);
		height: calc(var(--size) * (118/184));
		background-size: contain;
		background-repeat: no-repeat;
		transform: translateY(-100%);
	}

	.news_list::after {
		--size: 7.7rem;
		content: "";
		position: absolute;
		top: 0.25rem;
		left: 37%;
		background-image: url(../img/deco/news__box_deco01.svg);
		width: var(--size);
		height: calc(var(--size) * (118/184));
		background-size: contain;
		background-repeat: no-repeat;
		transform: translateY(-100%);
	}

	.news_list .slick-arrow {
		--adjust: 21rem;
		--size: 8.7rem;
		top: 51%;
	}

	.news .slick-list {
		position: relative;
	}
	.news .slick-list::before,
	.news .slick-list::after {
		--size: 15rem;
		content: "";
		position: absolute;
		background-image: url(../img/deco/news__deco_fan01.svg);
		width: var(--size);
		height: calc(var(--size) * (80/150));
		background-size: contain;
		background-repeat: no-repeat;
		z-index: -1;
	}
	.news .slick-list::before {
		bottom: -5rem;
		left: 15rem;
	}
	.news .slick-list::after {
		--size: 19rem;
		top: -2.5rem;
		right: 11rem;
	}



	.news .deco_wrapper__ .deco_group[data-group="003"],
	.news .deco_wrapper__ .deco_group[data-group="kiku"]{
		display: none;
	}
}

@media screen and (max-width:769px) {
	.news {
		padding-top: 8.7rem;
		background: transparent;
	}
	.news .contents_wrapper {
		padding-top: 21rem;
	}
	.news__heading {
		width: 82%;
		margin-bottom: 24rem;
	}
	.news__heading img {
		width: 14rem;
	}

	.news_list {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: row-reverse;
		flex-wrap: wrap;
		width: 98.2%;
		row-gap: 2rem;
	}
	.news_list__item {
		width: 48.2%;
		min-height: 21.5rem;
	}
	
	.news_list__item .news_list__item__inner {
		padding: 1.1rem 1.1rem 1.5rem;
	}

	.news_list__item:nth-of-type(2n) {
		transform: translateY(15rem);
	}
	.news_list__item:nth-of-type(2n):last-of-type {
		margin-bottom: 19rem;
	}
	

	.news_list::before {
		top: -5.5rem;
		right: -15vw;;
		width: 190vw;
		height: 77%;
		transform: rotate(-22deg);
	}

	.news_list__item:nth-of-type(1):after {
		--size: 8.2rem;
		content: "";
		position: absolute;
		top: 0.189rem;
		right: 0.2rem;
		background-image: url(../img/deco/news__box_deco01.svg);
		width: var(--size);
		height: calc(var(--size) * (118/184));
		background-size: contain;
		background-repeat: no-repeat;
		transform: translateY(-100%);
		z-index: 100;
	}

	
	.news_list__thumbnail {
		margin-bottom: 0.25rem;
	}
	
	.news_list__date,
	.news_list__tit {
		font-size: 1.18rem;
		letter-spacing: 0.07em;
	}


	.news__btn {
		min-width: 22rem;
		min-height: 3.2rem;
		margin-top: 3.9rem;
		font-size: 1.6rem;
	}

	/*** deco ***/
	.news__ryoku_illust {
		top: 26.6rem;
		left: -2rem;
		width: 23.7rem;
	}


	.news .deco_wrapper__ .deco_gray_pattern {
		top: -1rem;
		right: -6.2rem;
		width: 87rem;
		transform: translateX(50%) rotate(-70deg);
		z-index: 10;
		opacity: 0.92;
	}
	.news .deco_wrapper__ .deco_branch {
		top: 31rem;
		right: -4rem;
		width: 26rem;
		z-index: 300;
		transform: scale(1);
	}


	.news .deco_wrapper__ .deco_gray_pattern {
		top: -2.5rem;
		right: -6.2rem;
		opacity: 0.69;
	}
	.news .deco_wrapper__ .deco_group[data-group="002"] {
		top: 26rem;
		left: -0.5rem;
		width: 14rem;
	}
	.news .deco_wrapper__ .deco_group[data-group="003"] {
		display: none;
	}
	.news .deco_wrapper__ .deco_group[data-group="004"] {
		bottom: -9.6rem;
		right: -2rem;
		width: 19rem;
		z-index: 1;
	}
	.news .deco_wrapper__ .deco_group[data-group="005"] {
		bottom: -5.5rem;
		left: -3.2rem;
		width: 11.9rem;
	}
	.news .deco_wrapper__ .deco_group[data-group="kiku"] {
		bottom: -18rem;
		left: -14rem;
		width: 20rem;
	}
}




/********   all_news    ********/
.all_news__block {
	padding-bottom: 0.5rem;
}
.all_news__inner {
	--modal_color: #B8D12B;
	width: 96%;
	max-width: 99.6rem;
	margin: 0 auto;
	margin-top: 5.4rem;
	height: auto;
	padding: 3.7rem 0 5.6rem;
	background: #fff;
	border: 0.28rem solid var(--modal_color);
	border-radius: 1.5rem;
}



.all_news_list {
	overflow-y: auto;
	padding: 0.5rem 10%;
	padding-right: 4%;
	margin-right: 5.18%;
	max-height: 37rem;
}

/***   スクロールバー   ***/
.all_news_list::-webkit-scrollbar {
	width: 0.89rem;
	height: 1rem;
}


.all_news_list__item {
	text-align: left;
	font-size: 1.8rem;
	line-height: 1.76;
	border-top: 0.22rem dashed var(--modal_color);
}
.all_news_list__item:last-of-type {
	border-bottom: 0.22rem dashed var(--modal_color);
}

.all_news_list__item a {
	display: grid;
	grid-template-columns: auto 1fr;
	-moz-column-gap: 1.8rem;
	     column-gap: 1.8rem;
	padding: 1.6rem 11rem 1.8rem 10rem;
	color: #819600;
	font-weight: 700;
}

.all_news__heading {
	text-align: center;
	color: #9EB61B;
	font-size: 2.8rem;
	margin-bottom: 2.1rem;
}

.all_news__time,
.all_news__text {
	display: block;
	font-size: 1.6rem;
	line-height: 2;
}

.all_news__text {
	font-weight: 700;
}


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

}

@media screen and (max-width: 768px){
	.all_news__heading {
		font-size: 2.2rem;
		margin-bottom: 3.4rem;
	}

	.all_news .modal__inner {
		width: 87%;
	}

	.all_news_list {
		max-height: calc(90vh - 10rem);
		padding: 0.25rem 7.7%;
		padding-right: 4%;
		margin-right: 5.5%;
		max-height: 27rem;
	}

	.all_news__inner {
		margin-top: 3.47rem;
	}
	/***   スクロールバー   ***/
	.all_news_list::-webkit-scrollbar {
		width: 0.69rem;
	}
	
	.all_news_list__item a {
		padding: 1.5rem 0.5rem 1.7rem 0.5rem;
	}

	.all_news__time {
		font-size: 1.25rem;
	}
	
	.all_news__text {
		font-size: 1.25rem;
	}
}








/*****************

   .about

******************/

.about {
	padding-top: 8.7rem;
	padding-bottom: 13rem;
	background: transparent;
}
.about .contents_wrapper {
	padding-bottom: 10rem;
}

.about__wrapper {
	max-width: 77rem;
	margin-left: auto;
	margin-right: auto;
}

.about__heading {
	position: relative;
	text-align: center;
	margin-bottom: 10.6rem;
	z-index: 1100;
}
.about__heading img {
	width: 39rem;
}

.about__text {
	position: relative;
	width: 47.7rem;
	max-width: 32vw;
	margin: 0 auto 2.5rem;
	color: #A86522;
	text-align: center;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.8;
	z-index: 500;
}

.about .illust {
	position: absolute;
}
.about .illust[data-illust="01"] {
	top: 11rem;
	left: 8.2rem;
	width: 30.4rem;
	z-index: 1000;
}
.about .illust[data-illust="02"] {
	bottom: 0;
	right: 10rem;
	width: 32rem;
	z-index: 1000;
}



/*** deco ***/
.about .deco_wrapper__ .about__deco[data-deco="01"] {
	top: 47rem;
	right: -7rem;
	transform: translateX(22%);
	width: 51.9rem;
	z-index: 90;
}
.about .deco_wrapper__ .about__deco[data-deco="02"] {
	bottom: 29rem;
	left: -7rem;
	transform: translateX(-10%);
	width: 47.7rem;
	z-index: 90;
}



.about .deco_wrapper__ .deco_gray_pattern[data-gray="01"] {
	position: absolute;
	top: -10rem;
	right: 0;
	transform: translateX(62%);
	z-index: 10;
	opacity: 0.82;
}
.about .deco_wrapper__ .deco_gray_pattern[data-gray="02"] {
	position: absolute;
	bottom: -31rem;
	left: 0;
	transform: translateX(-56%);
	z-index: 10;
	opacity: 0.82;
}



@media screen and (min-width:769.02px) {
	.about .deco_wrapper__ .deco_group[data-deco="01"] {
		display: none;
	}

	.about .deco_wrapper__ .deco_group[data-deco="02"] {
		top: 22rem;
		right: 10rem;
		width: 25rem;
	}
	
	
	.about .deco_wrapper__ .deco_group[data-deco="03"] {
		bottom: -5.4rem;
		left: 1.3rem;
		width: 39.6rem;
	}

	.about .deco_wrapper__ .deco_gray_pattern[data-gray="01"] {
		top: 15rem;
	}

	.about .deco_wrapper__ .deco_gray_pattern[data-gray="02"] {
		display: none;
	}
}

@media screen and (max-width:769px) {
	.about {
		padding-top: 5rem;
		padding-bottom: 16rem;
	}

	.about .contents_wrapper {
		padding-bottom: 25rem;
	}

	.about__heading {
		width: 4.56rem;
		margin-left: auto;
		margin-right: 3.7rem;
		margin-bottom: 17rem;
	}

	.about__text {
		font-size: 1.4rem;
		width: 89.6%;
		max-width: 100%;
	}

	.about .illust[data-illust="01"] {
		top: 11.2rem;
		left: -7.3rem;
		width: 32.9rem;
		z-index: 1000;
	}
	.about .illust[data-illust="02"] {
		bottom: 0;
		right: -7.7rem;
		width: 29rem;
		z-index: 1000;
	}


	/*** deco ***/
	.about .deco_wrapper__ .about__deco[data-deco="01"] {
		top: 24.4rem;
		right: 0;
		transform: translateX(47%);
		width: 21.7rem;
	}
	.about .deco_wrapper__ .about__deco[data-deco="02"] {
		bottom: -10rem;
		left: 0;
		transform: translateX(-39%);
		width: 22rem;
	}
	

	.about .deco_wrapper__ .deco_group[data-deco="01"] {
		bottom: 13.4rem;
		left: 0;
		width: 18.2rem;
		transform: translateX(-26%);
	}

	.about .deco_wrapper__ .deco_group[data-deco="02"] {
		top: 31rem;
		right: 0;
		width: 19.2rem;
		transform: translateX(37%);
	}

	.about .deco_wrapper__ .deco_group[data-deco="03"] {
		bottom: -8.9rem;
		left: 0rem;
		width: 20rem;
		transform: translateX(-54%);
	}
	
	.about .deco_wrapper__ .deco_gray_pattern[data-gray="01"] {
		position: absolute;
		top: -6.2rem;
		right: 0;
		transform: translateX(54%);
		z-index: 10;
		opacity: 0.82;
	}
	.about .deco_wrapper__ .deco_gray_pattern[data-gray="02"] {
		position: absolute;
		bottom: -26rem;
		left: 0;
		transform: translateX(-44%);
		z-index: 10;
		opacity: 0.82;
	}

}



/*****************

   .characters

******************/

.characters {
	position: relative;
	padding: 2.5rem 0 9.2rem;
}
.characters__heading {
	text-align: center;
	width: 45rem;
	margin: 0px auto 6.2rem;
}


.characters_slider {
	position: relative;
	width: 47rem;
	margin: 0 auto;
}
.characters_slider::before,
.characters_slider::after {
	content: "";
	position: absolute;
	top: 0;
	width: 2.9rem;
	height: 100%;
	z-index: 500;
}
.characters_slider::before {
	left: -0.1rem;
	background: linear-gradient(90deg, #ffffff 0%, #ffffff00 100%);
}
.characters_slider::after {
	right: -0.1rem;
	background: linear-gradient(-90deg, #ffffff 0%, #ffffff00 100%);
}


.slick-arrow {
	--size: 11.9rem;
	--adjust: 0;
	position: absolute;
	top: 47%;
	font-size: 0;
	line-height: 0;
	width: var(--size);
	height: calc(var(--size) * (129/117));
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 5000;
}
.slick-arrow.slick-prev {
	left: var(--adjust);
	transform: translateX(-100%) translateY(-50%);
	background-image: url(../img/text/slider_arrow--prev--brown.svg);
}
.slick-arrow.slick-next {
	right: var(--adjust);
	transform: translateX(100%) translateY(-50%);
	background-image: url(../img/text/slider_arrow--next--brown.svg);
}

.character {
	text-align: center;
	padding: 2rem 4.7rem;
}
.character img {
	display: inline;
	width: 100%;
}

.character .character__leaf {
	--size: 5rem;
	position: absolute;
	width: var(--size);
	font-size: var(--size);
}
.character .character__leaf[data-size="s"] {
	--size: 4.4rem;
}
.character .character__leaf[data-size="m"] {
	--size: 5.1rem;
}
.character .character__leaf[data-size="l"] {
	--size: 5.9rem;
}
.character .character__leaf[data-size="2l"] {
	--size: 6.2rem;
}
.character .character__leaf[data-rotate="90"] {
	transform: rotateY(180deg);	
}
.character .character__leaf[data-rotate="180"] {
	transform: rotate(180deg);
}
.character .character__leaf[data-rotate="270"] {
	transform: rotateX(180deg);
}

.character__name {
	position: relative;
	width: 56.9%;
	margin: 0 auto 4.5rem;
}
.character .character__name .character__cup {
	position: absolute;
	top: 20%;
	right: 6.2%;
	width: 28.9%;
	transform: translateY(-100%) rotate(-7deg);
	transition: transform 0.44s 0.77s ease;
}
.slick-current .character .character__name .character__cup {
	transform: translateY(-100%) rotate(1deg);
}
.character__name .character__leaf:nth-of-type(1) {
	top: -0.4em;
	left: -1.18em;
}
.character__name .character__leaf:nth-of-type(2) {
	top: 2.1em;
	left: -2em;
}
.character__name .character__leaf:nth-of-type(3) {
	top: 5.1em;
	left: -1.18em;
}
.character__name .character__leaf:nth-of-type(4) {
	top: -0.2em;
	right: -1.4em;
}
.character__name .character__leaf:nth-of-type(5) {
	top: 2em;
	right: -1.5em;
}
.character__name .character__leaf:nth-of-type(6) {
	top: 4.59em;
	right: -1em;
}

.character__illust_box {
	position: relative;
	width: 80%;
	margin: 0 auto 3.2rem;
}
.character__illust_box img,
.character__illust_box svg,
.character__illust_box object
 {
	width: 100%;
}


.character[data-character="sakura"] .character__illust_box,
.character[data-character="ran"] .character__illust_box,
.character[data-character="min"] .character__illust_box,
.character[data-character="saw"] .character__illust_box {
	width: 59%;
}



.character__introduction {
	width: 89.1%;
	max-width: 100%;
	margin: 0 auto 3.4rem;
}

.character[data-character="ryoku"] .character__introduction {
	width: 89.1%;
}
.character[data-character="hana"] .character__introduction {
	width: 76%;
}
.character[data-character="chai"] .character__introduction {
	width: 96%;	
}
.character[data-character="earl"] .character__introduction {
	width: 62.8%;
}
.character[data-character="long"] .character__introduction {
	width: 96%;	
}
.character[data-character="cafe"] .character__introduction {
	width: 100%;
}
.character[data-character="muha"] .character__introduction {
	width: 92.2%;
}
.character[data-character="sakura"] .character__introduction {
	width: 77%;
}
.character[data-character="ran"] .character__introduction {
	width: 89.1%;
}
.character[data-character="min"] .character__introduction {
	width: 94.7%;
}
.character[data-character="saw"] .character__introduction {
	width: 98.2%;
}


.character__profile {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	max-width: 100%;
	margin: 0 auto;
}
.character__profile .character__profile_box img {
	position: relative;
	width: auto;
	height: 8.7rem;
	z-index: 10;
}

.character__profile .character__leaf:nth-of-type(1) {
	top: -1.7rem;
	right: -1.3em;
}
.character__profile .character__leaf:nth-of-type(2) {
	top: 2.2rem;
	left: -1.5em;
}


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

	.characters__wrapper {
		display: flex;
		width: 100rem;
		margin: 0 auto;
	}


	.characters .slick-arrow {
		--size: 7rem;
		--adjust: 5rem;
	}

	.character .character__leaf {
		display:none;
	}

	.character[data-character="hana"] .character__illust_box {
		width: 82%;
	}
	.character[data-character="cafe"] .character__illust_box {
		width: 91.7%;
	}
}

@media screen and (max-width:769px) {
	.characters {
		padding: 0.1rem 0 10rem;
	}
	.characters__heading {
		width: 27rem;
		margin: 0 auto 4.7rem;
	}

	.characters  .contents_wrapper {
		width: 100%;
	}
	

	.character .character__leaf {
		--size: 3.9rem;
	}
	.character .character__leaf[data-size="s"] {
		--size: 3.4rem;
	}
	.character .character__leaf[data-size="m"] {
		--size: 3.9rem;
	}
	.character .character__leaf[data-size="l"] {
		--size: 4.17rem;
	}
	.character .character__leaf[data-size="2l"] {
		--size: 4.7rem;
	}

	.character__name .character__leaf:nth-of-type(1) {
		top: -0.4em;
		left: -1em;
	}
	.character__name .character__leaf:nth-of-type(2) {
		top: 1.4em;
		left: -1.87em;
	}
	.character__name .character__leaf:nth-of-type(3) {
		top: 3.7em;
		left: -1.1em;
	}
	.character__name .character__leaf:nth-of-type(4) {
		top: -0.5em;
		right: -1.4em;
	}
	.character__name .character__leaf:nth-of-type(5) {
		top: 1.4em;
		right: -1.8em;
	}
	.character__name .character__leaf:nth-of-type(6) {
		top: 3.47em;
		right: -1em;
	}



	.characters_slider {
		width: 100%;
	}
	.slick-arrow {
		--size: 5rem;
		--adjust: 0.55rem;
	}
	.slick-arrow.slick-prev,
	.slick-arrow.slick-next {
		transform: translateY(-50%);
	}

	.characters_slider::before,
	.characters_slider::after {
		width: 0.5rem;
	}

	.character__name {
		width: 56.9%;
		margin-bottom: 3.2rem;
	}
	.character__illust_box {
		width: 70.7%;
	}

	.character[data-character="hana"] .character__illust_box {
		width: 72%;
	}
	.character[data-character="cafe"] .character__illust_box {
		width: 77.7%;
	}

	.character__introduction  {
		width: 89.1%;
		margin-bottom: 2.2rem;
	}

	.character__profile .character__profile_box img {
		height: 5.69rem;
		max-width: 100%;
	}

	.character {
		padding: 2rem 3.7rem;
	}


	.character[data-character="sakura"] .character__illust_box,
	.character[data-character="ran"] .character__illust_box,
	.character[data-character="min"] .character__illust_box,
	.character[data-character="saw"] .character__illust_box {
		width: 47%;
	}
	
}

.characters_icon {
	position: relative;
}
.characters_icon__tit {
	position: relative;
	width: 34rem;
	max-width: 100%;
	margin: 18.2rem auto 4.4rem;
	z-index: 2000;
}
.characters_icon_list {
	--colum_gap: 1.9rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	-moz-column-gap: var(--colum_gap);
	     column-gap: var(--colum_gap);
	row-gap: 2rem;
	max-width: 37rem;
	width: 100%;
	margin: 0 auto;
}
.characters_icon_list__item {
	width: calc((100% - (3 * var(--colum_gap))) / 4);
	cursor: pointer;
}
.characters_icon_list__item a {
	--size: 7.7rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--size);
	height: var(--size);
	background: #FFF7E8;
	border-radius: 1.1rem;
	font-size: var(--size);
	box-shadow: 0.039em 0.047em 0 #F3E4DE;
}
.characters_icon_list__item a:hover {
	opacity: 0.77;
}

.characters_icon_list__item a img {
	width: auto;
	height: 69%;
	-o-object-fit: contain;
	   object-fit: contain;
	-o-object-position: center;
	   object-position: center;
	transition: transform 0.11s linear;
}

.characters_icon_list__item a:hover img {
	transform: scale(1.06);
}



@media screen and (min-width:769.02px) {
	.characters_icon_list__item:nth-of-type(2) {
		margin: 0 0.1%;
	}

	/*** deco ***/
	.characters .deco_wrapper__ .deco_group[data-group="001"] {
		top: -5rem;
		left: 13rem;
		width: 19rem;
	}
	.characters .deco_wrapper__ .deco_group[data-group="002"] {
		top: -8.2rem;
		right: -10rem;
		width: 37rem;
	}

	.characters .deco_wrapper__ .deco_group[data-group="003"] {
		bottom: -1.7rem;
		left: 6.2rem;
		width: 17rem;
	}
	.characters .deco_wrapper__ .deco_group[data-group="004"] {
		bottom: -7rem;
		right: -7rem;
		width: 62rem;
	}
}

@media screen and (max-width:769px) {
	.characters_icon__tit {
		width: 26.2rem;
		margin-bottom: 3.1rem;
		margin-top: 5.5rem;
	}

	.characters_icon_list {
		--colum_gap: 2rem;
		width: 29rem;
		row-gap: 1.8rem;
	}
	.characters_icon_list__item {
		width: calc((100% - (2 * var(--colum_gap))) / 3);
	}
	.characters_icon_list__item:nth-of-type(1),
	.characters_icon_list__item:nth-of-type(6),
	.characters_icon_list__item:nth-of-type(8),
	.characters_icon_list__item:nth-of-type(10) {
		margin: 0 0.1%;
	}



	/*** deco ***/
	.characters .deco_wrapper__ .deco_group[data-group="001"] {
		top: -9.6rem;
		right: -2.9rem;
		width: 18rem;
	}
	.characters .deco_wrapper__ .deco_group[data-group="002"] {
		top: -0.77rem;
		right: -5.6rem;
		width: 13rem;
	}

	.characters .deco_wrapper__ .deco_group[data-group="003"] {
		bottom: -8.6rem;
		left: -5.6rem;
		width: 16rem;
	}
	.characters .deco_wrapper__ .deco_group[data-group="004"] {
		bottom: -3.2rem;
		right: -11.3rem;
		width: 19rem;
	}
}




/*****************

   .sns-post

******************/
.sns_post {
	position: relative;
	padding: 4rem 0 0;
}

.sns_post::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	height: 32.8rem;
	background: linear-gradient(180deg, rgba(238, 247, 185, 0) 0%, #FFF 39.36%);
	transform: translateY(-73%) translateX(-50%);
	z-index: -1;
}

.sns_post__heading {
	position: absolute;
	top: 4rem;
	left: 26%;
	width: 22rem;
}


.sns_post__illust {
	position: relative;
	width: 37rem;
	margin-left: auto;
	margin-right: 18%;
	margin-bottom: -0.1rem;
	z-index: 500;
}



.sns_post__wrapper {
	position: relative;
	width: 100%;
	min-height: 91.7rem;
	background: #D6C2AE;
	padding-top: 6.2rem;
	padding-bottom: 15rem;
	overflow: hidden;
	z-index: 100;
}
.sns_post__wrapper::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10rem;
	background: #A48779;
	z-index: -1;
}
.sns_post__wrapper .bg_illust {
	position: absolute;
	bottom: 1.8rem;
	left: calc(50% - 39rem);
	transform: translateX(-50%);
	width: 27rem;
	max-width: 140rem;
	max-height: 100%;
	z-index: 1;
}


.sns_post__block {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	max-width: 132rem;
	width: 92%;
	margin: 0 auto;
}
.sns_post__box {
	width: 37.7rem!important;
	max-width: 100%!important;
	max-height: 60rem;
	margin: 0 4.4rem;
	overflow-y: auto;
	box-shadow: 0 0.37rem 0.44rem rgba(0, 0, 0, 0.44);
	border-radius: 1.5rem;
	scrollbar-width: none;
}


.sns_post__box::-webkit-scrollbar {  
  	display: none;
}


.sns_post__block .slick-arrow.slick-next {
	background-image: url(../img/text/slider_arrow--next--ryokucha.svg);
}
.sns_post__block .slick-arrow.slick-prev {
	background-image: url(../img/text/slider_arrow--prev--ryokucha.svg);
}

.sns_post__block .slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	-moz-column-gap: 1.7rem;
	     column-gap: 1.7rem;
	position: absolute;
	bottom: -0.7rem;
	left: 50%;
	transform: translateX(-50%) translateY(100%);
}

.sns_post__block .slick-dots button {
	--size: 1.5rem;
	font-size: 0;
	line-height: 0;
	width: var(--size);
	height: var(--size);
	border-radius: 10rem;
	background: rgba(174, 194, 52, 1);
}
.sns_post__block .slick-dots .slick-active button {
	background: rgba(129, 150, 0, 1);
}



.sns_post__box blockquote {
	display: none;
}

.twitter-tweet {
	border-radius: 10px;
	overflow: hidden;
	margin: 0!important;
}



/*deco*/
.sns_post .deco_wrapper__ .deco_branch[data-branch="01"] {
	top: 7rem;
	left: 5rem;
	z-index: 20;
	width: 40rem;
	transform: rotate(11deg);
}
.sns_post .deco_wrapper__ .deco_branch[data-branch="02"] {
	top: 0.6rem;
	right: 2rem;
	z-index: 20;
	width: 37rem;
	z-index: 600;
}
.sns_post .deco_wrapper__ .deco_group[data-group="001"] {
	top: 6rem;
	left: 6rem;
	width: 18.8rem;
	z-index: 1000;
}
.sns_post .deco_wrapper__ .deco_group[data-group="002"] {
	top: -2rem;
	right: 61rem;
	width: 24.4rem;
}
.sns_post .deco_wrapper__ .deco_group[data-group="003"] {
	top: 9.2rem;
	right: 1.1rem;
	width: 29.8rem;
	z-index: 700;
}




@media screen and (min-width: 769px) {
	.sns_post__block {
		margin-bottom: 8.2rem;
	}
	.sns_post__block .slick-arrow {
		--size: 6.2rem;
		--adjust: 44.55rem;
	}
}

@media screen and (max-width:769px) {
	.sns_post {
		padding-top: 22.8rem;
	}

	.sns_post__wrapper {
		min-height: 45rem;
		padding-top: 4rem;
		padding-bottom: 13rem;
	}

	.sns_post::before {
		height: 11.9rem;
		-webkit-filter: blur(0.18rem);
		        filter: blur(0.18rem);
	}
	
	.sns_post__heading {
		top: -5rem;
		left: 8.9%;
		width: 13rem;
	}

	.sns_post__block {
		width: 100%;
		max-width: 100%;
		margin-bottom: 5rem;
	}


	.sns_post__illust {
		position: relative;
		width: 94.4%;
		margin-left: 1.5%;
		margin-right: auto;
	}

	.sns_post__box {
		width: 29.6rem!important;
		margin: 0 1rem;
	}

	.sns_post__wrapper::after {
		height: 5rem;
	}

	.sns_post__wrapper .bg_illust {
		left: 50%;
	}

	.sns_post__block .slick-dots  {
		bottom: 0;
		line-height: 1;
	}

	.sns_post__block .slick-arrow {

	}
	
	
	/*deco*/
	.sns_post .deco_wrapper__ .deco_branch[data-branch="01"] {
		top: -20rem;
		left: -4.4rem;
		width: 21rem;
	}
	.sns_post .deco_wrapper__ .deco_branch[data-branch="02"] {
		top: -11.7rem;
		right: -2.8rem;
		width: 22rem;
	}
	.sns_post .deco_wrapper__ .deco_group[data-group="001"] {
		top: -29rem;
		left: -3.2rem;
		width: 14rem;
		display: none;
	}
	.sns_post .deco_wrapper__ .deco_group[data-group="002"] {
		top: -25.5rem;
		right: -1rem;
		width: 11.5rem;
	}
	.sns_post .deco_wrapper__ .deco_group[data-group="003"] {
		top: 3.9rem;
		right: -1.7rem;
		width: 11.5rem;
	}
}






/*****************

   .omikuji

******************/
.omikuji {
	position: relative;
	padding: 5.5rem 0 24rem;
	overflow: hidden;
	overflow-x: clip;
}

.omikuji .contents_wrapper::before,
.omikuji .contents_wrapper::after {
	--size: 22rem;
	--adjust: 10.6rem;
	content: "";
	position: absolute;
	top: -2.8rem;
	background-image: url(../img/deco/deco_sector01.svg);
	width: var(--size);
	height: calc(var(--size) * (157/294));
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 20;
}
.omikuji .contents_wrapper::before {
	left: var(--adjust);
}
.omikuji .contents_wrapper::after {
	right: var(--adjust);
}

.omikuji__heading {
	font-size: min(540px , 55vh);
	position: relative;
	width: 100%;
	margin: 0 auto 13rem;
	width: 1em;
	line-height: 0;
}
.omikuji__heading img {
	position: relative;
	z-index: 80;
	font-size: 2rem;
}


.omikuji__heading .heading_deco {
}
.omikuji__heading .heading_deco::before,
.omikuji__heading .heading_deco::after {
	--size: 0.926em;
	content: "";
	position: absolute;
	top: 50%;
	background-image: url(../img/deco/omikuji__heading_deco01.png);
	width: var(--size);
	height: calc(var(--size) * (357/615));
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 10;
}
.omikuji__heading .heading_deco.left::before {
	left: 0;
	transform: translateX(-73%) translateY(-100%);
}
.omikuji__heading .heading_deco.left::after {
	left: 0;
	transform: translateX(-73%) translateY(0%);
}
.omikuji__heading .heading_deco.right::before {
	right: 0;
	transform: translateX(73%) translateY(-100%);
}
.omikuji__heading .heading_deco.right::after {
	right: 0;
	transform: translateX(73%) translateY(0%);
}


@media screen and (min-width:769px) {
	.omikuji__heading {
		margin-bottom: 0.14em;
	}

	.omikuji__heading .heading_deco.left::after,
	.omikuji__heading .heading_deco.right::after{
		display: none;
	}
}


@media screen and (max-width:769px) {
	.omikuji {
		padding: 4rem 0 10.2rem;
	}
	.omikuji .contents_wrapper::before,
	.omikuji .contents_wrapper::after {
		--size: 13rem;
		--adjust: -5.6rem;
	}
	.omikuji__heading {
		font-size: min(27.3rem , 47.7vh);
		margin-bottom: 0.482em;
	}
	.omikuji__heading .heading_deco::before,
	.omikuji__heading .heading_deco::after {
		top: 54.7%;
		--size: 1em;
	}
	
	.omikuji__heading .heading_deco.left::before {
		transform: translateX(-62%) translateY(-104%);
	}
	.omikuji__heading .heading_deco.left::after {
		transform: translateX(-62%) translateY(4%);
	}
	.omikuji__heading .heading_deco.right::before {
		transform: translateX(62%) translateY(-104%);
	}
	.omikuji__heading .heading_deco.right::after {
		transform: translateX(62%) translateY(4%);
	}
}






.omikuji__wrapper {
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


.omikuji__inner {
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%; /* 基準 調整 */
	margin-left: auto;
	margin-right: auto;
}

.omikuji__block {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
	width: 100%;
	z-index: 100;
}


@media screen and (min-width:769px) {
	.omikuji__wrapper {
		width: min(315px , 31vh);
	}

	.omikuji__inner {
		width: 77.7%;
	}
}

@media screen and (max-width:769px) {
	.omikuji__wrapper {
		width: min(20rem , 25vh);
	}
}



/* yunomi */
.omikuji__lead {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateY(92%) translateX(-50%);
	width: 110%;
	max-width: 1000rem;
}

.omikuji__yunomi_block {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;

	transition: 0s;
}


.omikuji__yunomi_block .omikuji__result_group {
	transition: 0s;
}
.omikuji__yunomi[data-type="pouring"] {
}
.omikuji__yunomi_block object,
.omikuji__yunomi_block svg {
	position: relative;
	transform: translateY(4.4%);
	width: 100%;
	height: auto;
}
.omikuji__wrapper .omikuji__yunomi {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	transition: opacity 1s ease-in-out;
	pointer-events: none;
}
.omikuji__yunomi_block .omikuji__result_group .omikuji__yunomi {
	transition: 0s;
}
.omikuji__yunomi[data-type="base"] {
	position: relative;
	cursor: pointer;
}
.omikuji__yunomi[data-type="base"] .tap_text {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-45%) translateY(34%);
	width: 51.9%;
}
.omikuji__yunomi[data-type="base"]:hover .tap_text {
	transform: translateX(-45%) translateY(32%) scale(1.06);
}

.omikuji__wrapper[data-condition="first"] .omikuji__yunomi[data-type="base"] {
	opacity: 1;
	z-index: 10;
	pointer-events: all;
}
.omikuji__wrapper[data-condition="result"] .omikuji__yunomi[data-type="pouring"] {
	transition-delay: 0.2s!important;
	transition-duration: 0.7s!important;
}


/*teapot*/
.omikuji__teapot_block {
	--base_size: 70.7rem;
	position: absolute;
	top: -91%;
	right: -144%;
	z-index: 100;
	pointer-events: none;
	transform-origin: top right;
	font-size: var(--base_size);
}

.omikuji__teapot {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: var(--base_size);
	transition: opacity 0.77s 0.7s ease-in-out;
}

.omikuji__block .omikuji__teapot[data-type="pouring"] {
	width: calc(var(--base_size) * (84/70.7));
	opacity: 0;
	z-index: 10;
	transition: opacity 0.7s 3.7s ease-in-out;
}


.omikuji__wrapper[data-condition="first"] .omikuji__teapot {
	opacity: 0;
}


.omikuji__wrapper[data-condition="pouring"] .omikuji__teapot_block {
	--first_postiion_Y: 7.3rem;
	--pouring_position_Y: 2.2rem;
	--last_postion_Y: 0;
	--first_postiion_X: 5.6rem;
	--pouring_position_X: 2.8rem;
	--last_postion_X: 0;
	--pouring_rotate: 9.2deg;
	--last_rotate: 0deg;
	transition: opacity 0.7s 0.1s ease-in-out;
	-webkit-animation: teapot_pouring 3.9s ease 0.7s forwards;
	        animation: teapot_pouring 3.9s ease 0.7s forwards;
}
@-webkit-keyframes teapot_pouring {
	0% {
		transform: translateY(var(--first_postiion_Y)) translateX(var(--first_postiion_X)) rotate(var(--pouring_rotate));
	}

	54% {
		transform: translateY(var(--pouring_position_Y)) translateX(var(--pouring_position_X)) rotate(var(--pouring_rotate));
	}
	55.1% {
		transform: translateY(var(--pouring_position_Y)) translateX(var(--pouring_position_X)) rotate(var(--pouring_rotate));
	}

	100% {
		transform: translateY(var(--last_postion_Y)) translateX(var(--last_postion_X)) rotate(var(--last_rotate));
	}
}
@keyframes teapot_pouring {
	0% {
		transform: translateY(var(--first_postiion_Y)) translateX(var(--first_postiion_X)) rotate(var(--pouring_rotate));
	}

	54% {
		transform: translateY(var(--pouring_position_Y)) translateX(var(--pouring_position_X)) rotate(var(--pouring_rotate));
	}
	55.1% {
		transform: translateY(var(--pouring_position_Y)) translateX(var(--pouring_position_X)) rotate(var(--pouring_rotate));
	}

	100% {
		transform: translateY(var(--last_postion_Y)) translateX(var(--last_postion_X)) rotate(var(--last_rotate));
	}
}

.omikuji__wrapper[data-condition="stop"] .omikuji__teapot[data-type="pouring"] {
	transition: opacity 0.32s 0.1s ease-in-out;
	opacity: 0;
}
.omikuji__wrapper[data-condition="stop"] .omikuji__teapot_block  {
	transition: opacity 0.87s 0s ease-in-out, transform 0.87s 0s ease-in-out;
}
.omikuji__wrapper[data-condition="result"] .omikuji__teapot_block  {
	--first_postiion_Y: 4.1rem;
	--pouring_position_Y: 2rem;
	--last_postion_Y: 0;
	--first_postiion_X: 4rem;
	--pouring_position_X: 2.8rem;
	--last_postion_X: 0;
	--pouring_rotate: 10.6deg;
	--last_rotate: 0deg;
	animation: teapot_pouring 2.9s ease-out 0s forwards reverse;
}


@media screen and (min-width:769px) {
	.omikuji__teapot_block {
		--base_size: 187%;
		width: 100%;
	}

}

@media screen and (max-width:769px) {
	.omikuji__teapot_block {
		--base_size: 183%;
		top: -86.2%;
		right: -145.1%;
		width: 100%;
	}
	
	.omikuji__wrapper[data-condition="pouring"] .omikuji__teapot_block,
	.omikuji__wrapper[data-condition="result"] .omikuji__teapot_block {
		--first_postiion_Y: 5.9rem;
		--pouring_position_Y: 1rem;
		--first_postiion_X: 4.7rem;
		--pouring_position_X: 1.5rem;
	}
	.omikuji__wrapper[data-condition="result"] .omikuji__teapot_block {
		--first_postiion_Y: 2.5rem;
		--first_postiion_X: 1.7rem;
	}
		

	.omikuji__yunomi_block object, .omikuji__yunomi_block svg {
		transform: translateY(3.7%);
	}
}


/*ryoku*/

.omikuji__ryoku {
	display: block;
	position: absolute;
	top: -21.8rem;
	left: -38.2rem;
	width: 47rem;
	opacity: 0;
	pointer-events: none;
}

@media screen and (min-width:769px) {
	.omikuji__ryoku {
		top: -59%;
		left: -118%;
		width: 144%;
	}
}

@media screen and (max-width:769px) {
	.omikuji__ryoku {
		top: -62%;
		left: -45%;
		width: 111%;
	}
}


/*result_omikuji*/
.omikuji__result_omikuji {
	display: block;
	position: absolute;
	top: 10rem;
	right: 0;
	transform: translateX(76%);
	width: 28rem;
	z-index: 3000;
	pointer-events: none;
	opacity: 0;
	transition: 0s;
}
.omikuji__result_omikuji[data-omikuji="daidaidai-kichi"] {
	width: 40rem;
	transform: translateX(87%);
}

@media screen and (min-width:769px) {
	.omikuji__result_omikuji {
		top: 21%;
		width: 83.9%;
		transform: translateX(80%);
	}
	.omikuji__result_omikuji[data-omikuji="daidaidai-kichi"] {
		top: 19.6%;
		width: 114%;
		transform: translateX(87%);
	}
}

@media screen and (max-width:769px) {
	.omikuji__result_omikuji {
		width: 66%;
		top: 44.4%;
		transform: translateX(55%);
	}

	.omikuji__result_omikuji[data-omikuji="daidaidai-kichi"] {
		width: 92.8%;
		top: 39%;
		transform: translateX(44%);
	}
}




/*lucky_item*/
.omikuji__lucky_item {
	display: block;
	position: absolute;
	top: 19rem;
	left: 0;
	transform: translateX(-86%);
	width: 37rem;
	z-index: 3000;
	pointer-events: none;
	opacity: 0;
	transition: 0s;
}

@media screen and (min-width:769px) {
	.omikuji__lucky_item {
		top: 51%;
		left: 0;
		transform: translateX(-87.7%);
		width: 115%;
	}
}

@media screen and (max-width:769px) {
	.omikuji__lucky_item {
		width: 69%;
		top: 55%;
		transform: translateX(-59%);
	}
}




/* logo */
.omikuji__logo {
	display: block;
	position: absolute;
	top: 110%;
	left: 50%;
	transform: translateX(-50%);
	width: 50%;
	z-index: 3000;
	pointer-events: none;
	opacity: 1;
	transition: 0s;
}

.omikuji__logo img {
	width: 100%;
}

@media screen and (max-width:769px) {
	.omikuji__logo {
		top: 111%;
		width: 36.1%;
	}
}



/*effect*/
.omikuji__effect {
	position: absolute;
	z-index: 5000;
	pointer-events: none;
	opacity: 0;
}

.omikuji__effect img {
	width: 100%;
}


@media screen and (min-width:769.02px) {
	.omikuji__effect:nth-of-type(1) {
		top: -82.8%;
		left: -106.9%;
		width: 310%;
		
	}
	.omikuji__effect:nth-of-type(2),
	.omikuji__effect:nth-of-type(3),
	.omikuji__effect:nth-of-type(7) {
		top: -82.8%;
		left: -96.9%;
		width: 296%;
		
	}
	.omikuji__effect:nth-of-type(4) {
		top: -21%;
		left: 47%;
		width: 25%;
		
	}
	.omikuji__effect:nth-of-type(5) {
		top: -82.8%;
		left: -114%;
		width: 328%;
		
	}
	.omikuji__effect:nth-of-type(6) {
		top: -87%;
		left: -117%;
		width: 329%;
		
	}

	.omikuji__effect:nth-of-type(8) {
		top: -86%;
		left: -102.5%;
		width: 316%;
		
	}
	.omikuji__effect:nth-of-type(9) {
		top: -87.6%;
		left: -102%;
		width: 310%;
		
	}
}

@media screen and (max-width:769px) {
	.omikuji__effect:nth-of-type(1) {
		top: -87.7%;
		left: -26%;
		width: 150%;

	}
	.omikuji__effect:nth-of-type(2),
	.omikuji__effect:nth-of-type(3),
	.omikuji__effect:nth-of-type(7) {
		top: -87%;
		left: -15%;
		width: 130%;

	}
	.omikuji__effect:nth-of-type(4) {
		top: -21%;
		left: 69%;
		width: 29%;

	}
	.omikuji__effect:nth-of-type(5) {
		top: -84%;
		left: -19%;
		width: 140%;

	}
	.omikuji__effect:nth-of-type(6) {
		top: -84.77%;
		left: -25.5%;
		width: 147%;

	}
	.omikuji__effect:nth-of-type(8) {
		top: -86%;
		left: -28%;
		width: 140.4%;

	}
	.omikuji__effect:nth-of-type(9) {
		top: -84.4%;
		left: -25.1%;
		width: 147%;
	}
}



/*bg_effect*/
.omikuji__bg_effect {
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	max-width: 1000rem;
	pointer-events: none;
	z-index: 10;
	opacity: 0;
}

.omikuji__bg_effect img {
	width: 100%;
}

@media screen and (min-width:769.02px) {
	.omikuji__bg_effect {
		bottom: 4%;
		width: 370%;
	}
}

@media screen and (max-width:769px) {
	.omikuji__bg_effect {
		bottom: 32%;
		width: 100vw;
	}
}



/* animation*/
.omikuji__block span[data-type="pouring"],
.omikuji__block [data-type="result"] {

	transition-property: opacity;
	transition-duration: 0.55s;
	transition-delay: 0s;
	transition-timing-function: ease-in-out;
}


.omikuji__wrapper[data-condition="result"] [data-type="result"] {
	opacity: 1;

	transition-property: opacity;
	transition-duration: 0s;
	transition-delay: 0.1s;
	transition-timing-function: ease-in-out;
}
.omikuji__wrapper[data-condition="pouring"] span[data-type="pouring"], 
.omikuji__wrapper[data-condition="stop"] span[data-type="pouring"] {
	opacity: 1;
}

.omikuji__wrapper [data-type="result"] {
	opacity: 0;
}

.omikuji__wrapper[data-condition="result"] [data-type="result"] {
	opacity: 1;
}


.omikuji__wrapper[data-condition="result"] .omikuji__block span[data-type="pouring"] ,
.omikuji__wrapper[data-condition="result"] .omikuji__ryoku_block [data-type="result"] {
	transition-duration: 0s;
	transition-delay: 0.44s;
}
.omikuji__wrapper[data-condition="result"] .omikuji__yunomi_block [data-type="result"] {
	transition-duration: 0.4s;
	transition-delay: 0s;
}


.omikuji__wrapper .omikuji__effect,
.omikuji__wrapper .omikuji__bg_effect {
	transition: opacity 1.5s 0.2s ease-in-out;
}

.omikuji__wrapper .omikuji__lucky_item_block [data-type="result"] img,
.omikuji__wrapper .omikuji__result_omikuji_block [data-type="result"] img,
.omikuji__wrapper .omikuji__logo_block [data-type="result"] img {
	transform: scale(0.89);
	opacity: 0;
	transition: opacity 1.5s 1.4s , transform 1.5s 1.4s ease-in-out;
}
.omikuji__wrapper .omikuji__logo_block [data-type="result"] img {
	transform: scale(1);
	transition: opacity 1.4s 2.9s , transform 1.4s 2.9s ease-in-out;
}
.omikuji__wrapper[data-condition="result"] .omikuji__lucky_item_block [data-type="result"] img,
.omikuji__wrapper[data-condition="result"] .omikuji__result_omikuji_block [data-type="result"] img,
.omikuji__wrapper[data-condition="result"] .omikuji__logo_block [data-type="result"] img {
	transform: translate(0);
	opacity: 1;
}
.omikuji__wrapper[data-condition="result"] .omikuji__effect_block [data-type="result"],
.omikuji__wrapper[data-condition="result"] .omikuji__bg_effect_block [data-type="result"],
.omikuji__wrapper[data-condition="result"] .omikuji__lucky_item_block [data-type="result"],
.omikuji__wrapper[data-condition="result"] .omikuji__result_omikuji_block [data-type="result"] {
	transition-duration: 0s;
	transition-delay: 0s;
}





/*****************

   .contact_section

******************/
.contact_section {
	position: relative;
	padding: 17rem 0 2rem;
	overflow: hidden;
	margin-top: -0.4rem;
}

.contact_section .heading {
	position: relative;
	z-index: 2000;
	text-align: center;
	width: 34rem;
	margin: 0 auto 3.4rem;
	padding-top: 7.3rem;
}
.contact_section .heading img {
	width: 100%;
}
.contact_section .list {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	-moz-column-gap: 2.2rem;
	     column-gap: 2.2rem;
	z-index: 2000;
}
.contact_section .list__item {
	width: 4.7rem;
}
.contact_section .list[data-list="mail"] .list__item {
	width: 5.6rem;
}

.contact_section .preparation {
	position: relative;
	left: 50%;
	transform: translateX(-51.9%);
	display: inline-block;
	width: 118%;
	margin: 0.4rem auto;
	text-align: center;
}
.contact_section .preparation img {
	width: 100%;
	max-width: 100rem;
}



/*deco*/
.contact_section .deco_wrapper__ .deco_cloud {
	position: absolute;
	top: 18.2rem;
	left: 1rem;
	width: 39rem;
	opacity: 0.89;
	-webkit-filter: blur(0.2rem);
	        filter: blur(0.2rem);
}
.contact_section .deco_wrapper__ .deco_group[data-group="001"] {
	top: -14rem;
	left: 13rem;
	width: 22rem;
}
.contact_section .deco_wrapper__ .deco_group[data-group="002"] {
	top: -9.2rem;
	right: 15rem;
	width: 19.6rem;
}

.contact_section .deco_wrapper__ .deco_gray[data-gray="01"] {
	position: absolute;
	top: -7rem;
	left: -22rem;
	width: 59rem;
	z-index: 10;
	opacity: 0.92;
}
.contact_section .deco_wrapper__ .deco_gray[data-gray="02"] {
	position: absolute;
	top: -13rem;
	right: -17rem;
	width: 59rem;
	z-index: 50;
	opacity: 0.92;
}

@media screen and (max-width:769px) {
	.contact_section {
		padding-top: 18rem;
		padding-bottom: 3.7rem;
	}
	.contact_section .heading {
		width: 25.6rem;
		padding-top: 2.5rem;
		margin-bottom: 1.96rem;
	}
	.contact_section .list {
		-moz-column-gap: 1.77rem;
		     column-gap: 1.77rem;
	}
	.contact_section .list .list__item {
		width: 3.44rem;
	}
	.contact_section .list[data-list="mail"] .list__item  {
		width: 4.17rem;
	}


	/*deco*/
	.contact_section .deco_wrapper__ .deco_cloud {
		top: 13.7rem;
		left: -6.2rem;
		width: 16.2rem;
	}
	.contact_section .deco_wrapper__ .deco_group[data-group="001"] {
		top: -9.2rem;
		left: 1rem;
		width: 11.9rem;
	}
	.contact_section .deco_wrapper__ .deco_group[data-group="002"] {
		top: -13rem;
		right: 0.5rem;
		width: 12.5rem;
	}

	.contact_section .deco_wrapper__ .deco_gray[data-gray="01"] {
		top: -14.4rem;
		left: -25rem;
		width: 41.7rem;
	}
	.contact_section .deco_wrapper__ .deco_gray[data-gray="02"] {
		top: -15.6rem;
		right: -28rem;
		width: 41.7rem;
	}

}




/*****************

   .page_bottom

******************/
.page_bottom {
	position: relative;
	padding-bottom: 24rem;
	margin-top: -0.4rem;
}

.page_bottom  .deco_cloud {
	position: absolute;
	bottom: -9.6rem;
	right: 0;
	width: 44rem;
	max-width: 9999px;
	z-index: 4;
	pointer-events: none;
}

.page_bottom .deco_brach {
	position: absolute;
	bottom: -14rem;
	left: 1rem;
	width: 50rem;
	transform: rotate(7deg);
}

@media screen and (max-width:769px) {
	.page_bottom {
		padding-bottom: 15rem;
	}

	.page_bottom .deco_cloud {
		width: 13.4rem;
		top: -7.3rem;
		right: -2.8rem;
	}

	.page_bottom .deco_brach {
		bottom: -10.6rem;
		left: -1.5rem;
		width: 22rem;
		transform: translateX(0);
	}
}


/***  topへ戻るボタン   ***/
.to_top {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 130rem;
	max-width: 96%;
	height: 100%;
	padding-bottom: 11rem;
	background: transparent;
	pointer-events: none;
	z-index: 9990;
}


.js-to_top__switch {
	--adjust: 100vh;
	position: absolute;
	display: block;
	top: var(--adjust);
	left: 0;
	width: 100%;
	height: calc(100% - var(--adjust));
	z-index: -1;
}
.to_top__btn {
	position: -webkit-sticky;
	position: sticky;
	top: calc(100vh - 1.8rem);
	top: calc(100dvh - 1.8rem);
	transform: translateY(-100%);
	display: block;
	width: 18.2rem;
	margin-left: auto;
	margin-right: 0;
	pointer-events: none;
	opacity: 0;
	will-change: top;
	transition: opacity 0.39s ease , transform 0.39s linear;
	will-change: transform,opacity;
}
.to_top svg {
	width: 100%;
}
.to_top__btn.active {
	pointer-events: all;
	cursor: pointer;
	opacity: 1;
}
.to_top__btn object {
	width: 100%;
	height: auto;
}
.to_top__btn.active:hover {
	opacity: 1;
	transform: translateY(-100%) scale(1.037);
}


/*** svg animation ***/
.to_top_svg_inner__mokumoku g {
	opacity: 0;
	transform: translateX(0) translateY(0);
	-webkit-animation: svg_mokumoku 5s ease-in-out 0s infinite;
	        animation: svg_mokumoku 5s ease-in-out 0s infinite;
}
.to_top_svg_inner__mokumoku g:nth-of-type(1) {
	-webkit-animation-duration: 5.6s;
	        animation-duration: 5.6s;
	-webkit-animation-delay: 1.5s;
	        animation-delay: 1.5s;
}
.to_top_svg_inner__mokumoku g:nth-of-type(2) {
	-webkit-animation-duration: 5s;
	        animation-duration: 5s;
	-webkit-animation-delay: 4.1s;
	        animation-delay: 4.1s;
}
.to_top_svg_inner__mokumoku g:nth-of-type(3) {
	-webkit-animation-duration: 3.2s;
	        animation-duration: 3.2s;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
}
.to_top_svg_inner__mokumoku g:nth-of-type(4) {
	-webkit-animation-duration: 4.4s;
	        animation-duration: 4.4s;
	-webkit-animation-delay: 3.1s;
	        animation-delay: 3.1s;
}


.to_top_svg_inner__mokumoku g.mokumoku_big path {
	transform: translateX(2.8%) translateY(26%) scale(0.92);
}

.to_top_svg_inner__mokumoku g path {
	opacity: 0;
	transition: opacity 0.22s ease-in-out;
}
svg:hover .to_top_svg_inner__mokumoku g path {
	opacity: 1;
	transition: opacity 0.5s ease;
}

@-webkit-keyframes svg_mokumoku {
	0% {
		opacity: 0;
		transform: translateX(4.1%) translateY(4.4%);
	}
	47% {
		opacity: 0.77;
	}
	50% {
		opacity: 0.87;
	}
	55% {
		opacity: 0.92;
	}
	56% {
		opacity: 0.928;
	}
	62% {
		opacity: 0.77;
	}
	96% {
		opacity: 0.1;
	}
	100% {
		opacity: 0;
		transform: translateX(-11.9%) translateY(-29%);
	}
}

@keyframes svg_mokumoku {
	0% {
		opacity: 0;
		transform: translateX(4.1%) translateY(4.4%);
	}
	47% {
		opacity: 0.77;
	}
	50% {
		opacity: 0.87;
	}
	55% {
		opacity: 0.92;
	}
	56% {
		opacity: 0.928;
	}
	62% {
		opacity: 0.77;
	}
	96% {
		opacity: 0.1;
	}
	100% {
		opacity: 0;
		transform: translateX(-11.9%) translateY(-29%);
	}
}


@media screen and (max-width:769px) {
	.to_top {
		padding-bottom: 4.7rem;
	}
	.to_top__btn {
		width: 9.6rem;
		margin-right: 0.5rem;
	}
}




/*****************


   .contact　ページ


******************/
body.page_group-contact {
	margin-top: 0;
	padding: 110px 0 0;
	font-size: 18px;
}

body.page_group-contact .contact__heading {
	text-align: center;
	width: 310px;
	margin: 0 auto 37px;
}
body.page_group-contact .contact__lead,
body.page_group-contact .contact__text {
	text-align: center;
	margin: 0 auto 44px;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.82;
}

body.page_group-contact .contact__text {
	margin: 0 auto 44px;
}

body.page_group-contact  #body_inner {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	min-height: 100vh;
}

.contact {
	background: #fff;
}


@media screen and (max-width:769px) {
	body.page_group-contact {
		font-size: 1.8rem;
	}
	body.page_group-contact {
		padding: 7rem 0 0;
	}
	body.page_group-contact .contact__heading {
		width: 18rem;
		margin-bottom: 2.92rem;
	}
	body.page_group-contact .contact__lead,
	body.page_group-contact .contact__text {
		font-size: 1.6rem;
		margin-bottom: 4.7rem;
	}
	body.page_group-contact .contact__text {
		margin-top: -1rem;
		margin-bottom: 7.7rem;
	}

}

/*************

   contact footer

**************/
body.page_group-contact #footer {
	position: relative;
	text-align: center;
	background-image: url(../img/deco/contact_page-footer__bg_illust.svg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	margin-top: 70px;
}

body.page_group-contact #footer .copyright {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 110px;
	padding-top: 1em;
	text-align: center;
	color: #fff;
	font-size: 16px;
}

body.page_group-contact #footer .illust {
	position: absolute;
	bottom: calc(100% - 2rem);
	right: 0;
	pointer-events: none;
}


@media screen and (max-width:769px) {
	body.page_group-contact #footer {
		margin-top: 7.7rem;
	}
	body.page_group-contact #footer .illust {
		width: 10rem;
		bottom: calc(100% - 1rem);
	}
	body.page_group-contact #footer .copyright {
		font-size: 1.44rem;
		height: 8.2rem;
	}
}



/**********
   contactForm
***********/
#contactForm {
	--border: 0.11rem solid rgba(194, 204, 102, 1);
	width: 100%;
	max-width: 730px;
	margin-left: auto;
	margin-right: auto;
}

#contactForm input[type="text"],#contactForm input[type="mail"],#contactForm select,#contactForm textarea {
	width: 100%;
	padding-left: 0.7em;
	padding-right: 0.7em;
	outline: none;
	border: var(--border);
	border-radius: 1rem;
	box-shadow: 0px 0.4rem 0.4rem 0px rgba(0, 0, 0, 0.25);
	background: #fff;
	color: #000;
	transition: box-shadow 0.34s 0s ease;
}
#contactForm input:not(.form__btn_inner):focus,
#contactForm textarea:focus {
	box-shadow: 0 0.22rem 0.22rem 0 rgba(0, 0, 0, 0.25);
}

#contactForm input:not(.form__btn_inner),
#contactForm select,
#contactForm textarea{
	font-size: 1em;
	font-family: var(--font-base);
	color: #111;
}

#contactForm select {
	cursor: pointer;
}

#contactForm textarea {
	height: 140px;
	padding-top: 0.5em;
	line-height: 1.7;
}


#contactForm .form_item {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	-moz-column-gap: 20px;
	     column-gap: 20px;
	margin-bottom: 22.8px;
}

#contactForm .form_item dd {
	flex: 1;
}

#contactForm .form_item__inner {
	width: 100%;
}

#contactForm .form_item__inner--flex {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	max-width: 100%;
	-moz-column-gap: 1rem;
	     column-gap: 1rem;
}

#contactForm .form_item__tit {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	-moz-column-gap: 1rem;
	     column-gap: 1rem;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	max-width: 100%;
	margin-top: 0.1em;
	font-weight: 500;
	cursor: pointer;
}
#contactForm .required .form_item__tit::after {
	content: "必須";
	position: relative;
	top: 0.11em;
	display: inline-block;
	color: #fff;
	background: rgba(234, 85, 20, 1);
	border-radius: 0.25em;
	padding: 0.5em 0.62em 0.62em;
	font-size: 0.62em;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}




/* contact btn */
.form__btn_block {
	margin: 62px auto 15px;
}
.form__btn {
	position: relative;
	width: 100%;
	max-width: 380px;
	height: 69px;
	margin: 0 auto;
	border: none!important;
	border-radius: 0px!important;
	font-size: 1.04em;
}
.form__btn.form__return_btn {
	width: 180px;
}
.form__btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: -1;
}
.form__btn .form__btn_inner {
	--bg-color: rgba(158, 182, 27, 1);
	--color: #fff;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding-top: 0.02em;
	margin: 0 auto;
	box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	border: 0.087em solid rgba(158, 182, 27, 1);
	background: var(--bg-color);
	color: var(--color);
	-webkit-appearance: none;
	font-weight: 700;
	font-size: 1em;
	font-family: var(--font-base);
	cursor: pointer;
	transition: opacity .4s ease , color .4s ease , background-color .4s ease , box-shadow 0.32s ease;
}
.form__return_btn .form__btn_inner {
	--bg-color: #fff;
	--color: rgba(158, 182, 27, 1);
}
.form__btn .form__btn_inner:hover {
	opacity: 0.62!important;
	background: var(--color);
	color: var(--bg-color);
	box-shadow: 0 0.28rem 0.28rem 0 rgba(0, 0, 0, 0.2);
}


.form__btn_block--flex {
	display: flex;
	justify-content: center;
	-moz-column-gap: 2.5em;
	     column-gap: 2.5em;
	max-width: 100%;
}
.form__btn_block--flex .form__btn {
	margin: 0;
}


/* error */
#contactForm .formError {
	position: static!important;
	margin: 0!important;
	pointer-events: none;
	opacity: 1!important;
}
#contactForm .formErrorContent {
	font-size: 0.77em;
	font-weight: 700;
	margin: 0.7rem auto 0.47em;
	padding-left: 0.5em;
	color: #fff;
	background: rgb(234, 59, 20);
	border-radius: 0.77rem;
}
#contactForm .formError .formErrorContent:after {
	transform: translate(0);
	top: calc(100% - 0.1rem);
	left:3.6rem;
	transform: translateX(50%);
	border-top-color: rgb(234, 59, 20);
}

#contactForm .form-mail .formErrorContent span {
	display: none;
}
#contactForm .form-mail .formErrorContent span:last-of-type{
	display: inherit;
}





@media screen and (min-width:769.02px) {
	#contactForm .form_item {
	}

	#contactForm .form_item dt {
		width: 230px;
	}

	#contactForm .form_item__tit {
		position: relative;
		top: 0.07em;
	}

	#contactForm input[type="text"],#contactForm input[type="mail"],#contactForm select {
		height: 2.5em;
	}


}
@media screen and (max-width:769px) {
	#contactForm {
		width: 89.6%;
	}
	#contactForm input:not(.form__btn_inner),
	#contactForm textarea {
		font-size: 1.6rem;
	}

	#contactForm textarea {
		height: 14rem;
	}
	#contactForm .form_item {
		display: block;
		margin-bottom: 3.44rem;
	}
	#contactForm .form_item__tit {
		line-height: 1.5;
		margin-bottom: 0.8rem;
		-moz-column-gap: 1.5rem;
		     column-gap: 1.5rem;
	}

	#contactForm input[type="text"],#contactForm input[type="mail"],#contactForm select {
		height: auto;
		padding-top: 1.1rem;
		padding-bottom: 1.3rem;
	}



	/* contact btn */
	.form__btn_block--flex {
		flex-direction: column-reverse;
	}
	.form__btn_block {
		align-items: center;
		row-gap: 3.77rem;
	}
	.form__btn {
		max-width: 100%;
		height: 6.6rem;
		margin: 0 auto;
	}

	.form__btn.form__return_btn {
		width: 55%;
	}


	#contactForm .formErrorContent {
		font-size: 1.15rem;
		letter-spacing: -0.028em;
	}
}




/**************
   confirm page
***************/
.page-confirm #contactForm .form_item__inner {
	background: transparent;
	color: #fff;
	visibility: hidden;
	position: absolute;
	pointer-events: none;
}
.page-confirm label {
	pointer-events: none;
	margin: 0!important;
}
.page-confirm #contactForm .required .form_item__tit::after {
	display: none;
}



.page-confirm #contactForm .form_item:nth-of-type(n+2) {
	border-top: 0;
}

.page-confirm #contactForm .confirm_input_content {
	display: block;
	min-height: 2.5em;
	font-size: 1em;
}
.page-confirm #contactForm .form_item[data-form="message"] dd {
	min-height: 140px;
	max-height: 250px;
	overflow-y: auto;
}


@media screen and (max-width:769px) {
	#contactForm .confirm_input_content {
		font-size: 1.6rem;
	}

	.page-confirm #contactForm .confirm_input_content {
		min-height: 0px;
		padding-top: 1.1rem;
		padding-bottom: 1.3rem;
	}

	.page-confirm #contactForm .form_item dt {
		margin-bottom: 0.73rem;
	}
	.page-confirm #contactForm .form_item[data-form="message"] dd {
		min-height: 14rem;
		max-height: 20rem;
		overflow-y: auto;
	}
}



/*****************


   .news　ページ


******************/
.page_group-news {

}

.page_group-news .section_group {
	min-height: 100vh;
}

.post_news  {
	padding-top: 5.5rem;
	padding-bottom: 8.7rem;
}


.post_news .contents_wrapper {
	max-width: 100rem;
}

.post_news__date {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24.4rem;
	height: 3.9rem;
	margin-bottom: 4.7rem;
	padding-bottom: 0.2em;
	border-radius: 1000rem;
	background: #B9CF43;
	color: #ffffffee;
	font-size: 2.96rem;
	line-height: 1.1;
	white-space: nowrap;
}


.post_news__inner {
	width: 100%;
	max-width: 75rem;
	margin-left: auto;
	margin-right: auto;
}



.post_news__tit {
	margin-bottom: 7.6rem;
	color: #C2782D;
	text-align: left;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.5;
}

.post_news__thumbnail {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	max-width: 280px;
	margin: 0 auto 4.4rem;
	border: 0.5rem solid #fff;
	-webkit-filter: drop-shadow(0px 0px 0.77rem rgba(0 , 0, 0 , 0.25));
	        filter: drop-shadow(0px 0px 0.77rem rgba(0 , 0, 0 , 0.25))
}

.post_news__btn {
	min-width: 14rem;
}

.post_news__text_box {
	min-height: 40rem;
	background: #F4F7D5;
	padding: 3.7rem 4.4rem 5rem;
	margin-bottom: 5.5rem;
	border-radius: 2.5rem;
}
.post_news__text {
	color: #C2782D;
	text-align: left;
	font-size: 2rem;
	line-height: 1.55;
	letter-spacing: 0.1em;
	word-break: break-all;
}

.post_news__text a {
	font-size: 0.89em;
	text-decoration: underline dotted 0.15rem;
	transition: opacity 0.1s;
}
.post_news__text a:hover {
	opacity: 0.55;
	text-decoration: none;
}

.post_news__cancel_btn {
	position: absolute;
	top: 0;
	right: 0;
	transform: translateY(-10%);
}

@media screen and (max-width:769px) {
	.post_news  {
		padding-top: 5rem;
		padding-bottom: 10rem;
	}

	.post_news .contents_wrapper {
		width: 92.9%;
	}
	.post_news__inner {
		max-width: 500px;
	}

	.post_news__date {
		width: 14.4rem;
		height: 2.5rem;
		margin-left: 1.5rem;
		margin-bottom: 2.7rem;
		font-size: 1.6rem;
	}
	.post_news__tit {
		margin-bottom: 5.1rem;
		text-align: center;
		font-size: 2.44rem;
	}
	
	.post_news__thumbnail {
		width: 81%;
		max-width: 100%;
		margin: 0 auto 3.8rem;
		border-width: 0.32rem;
	}
	
	.post_news__btn {
		min-width: 10rem;
	}
	
	.post_news__text_box {
		min-height: 31rem;
		padding: 2rem 2.8rem 5rem;
		margin-bottom: 3.2rem;
		border-radius: 1.6rem;
	}
	.post_news__text {
		font-size: 1.6rem;
	}
	.post_news__text .smaller {
		font-size: 0.92em;
	}
	
	.post_news__cancel_btn {
		width: 6.2rem;
		right: 1.5rem;
	}
}


.loading_block,
.mokumoku_block {

}

/*****************

  .movie

******************/

.movie_section {
	margin-top: 12rem;
	margin-bottom: 11rem;
}

.movie__deco .deco_group[data-group="001"] {
	top: -12.7rem;
	left: 2.5rem;
	width: 31rem;
	z-index: 500;
}
.movie__deco .deco_group[data-group="002"] {
	top: -2rem;
	right: 21rem;
	width: 30rem;
	z-index: 200;
}
.movie__deco .deco_gray[data-gray="01"] {
	top: 2rem;
	right: -15rem;
	width: 65rem;
}
.movie__deco .deco_group[data-group="003"] {
	top: 31rem;
	right: 3rem;
	width: 23rem;
}
@media screen and (max-width:769px) {
	.movie_section {
		margin-top: 15rem;
		margin-bottom: 0;
	}
	.movie__deco .deco_group[data-group="001"] {
		top: -1rem;
		left: auto;
		right: 0;
		width: 15rem;
		z-index: 9991; /* TOPへ戻るボタン（.to_top）より上に設定 Safariで表示されない*/
	}
	.movie__deco .deco_group[data-group="002"] {
		top: -5rem;
		right: 11rem;
		width: 12rem;
		z-index: 9991; /* TOPへ戻るボタン（.to_top）より上に設定 Safariで表示されない*/
	}
	.movie__deco .deco_gray[data-gray="01"] {
		display: none;
	}
	.movie__deco .deco_group[data-group="003"] {
		display: none;
	}
}

.movie__heading {
	position: relative;
	width: 100%;
	max-width: 86rem;
	margin-bottom: 8rem;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	z-index: 2000;
}
.movie__heading img {
	width: 23rem;
}
@media screen and (max-width:769px) {
	.movie__heading {
		width: 82%;
		margin-bottom: 5rem;
		z-index: 9991; /* TOPへ戻るボタン（.to_top）より上に設定 Safariで表示されない*/
	}
	.movie__heading img {
		width: 16rem;
	}
}

.movie_wrapper {
	margin: 0 auto;
	width: 80%;
	max-width: 720px;
}
.movie_wrapper iframe {
	max-width: 100%;
	position: relative;
	z-index: 800;
}
@media screen and (max-width:769px) {
	.movie_wrapper {
		width: 90%;
		max-width: 100%;
	}
}