@charset "utf-8";

/*---------------------------------------
common
---------------------------------------*/

html {
  width: 100%;
	overflow-x:hidden;
	font-size:1px;
}

.container{
	width:100%;
	max-width:1200rem;
	margin:0 auto;
	position:relative;
}

.pc{
	display:block;
}

.sp{
	display: none;
}

a.txtlink{
	color:var(--color-orange);
	text-decoration:underline;
}

/*---------------------------------------
color / font
---------------------------------------*/
:root{
  /* color */
  --color-base: #2E2820;
  --color-orange: #C4960E;
	--color-title: #1C1410;
	--color-gray: #7A6E65;
	--color-red: #b62124;
	--color-bg: #e8cfa0;
	--color-light_gray: #d6cec5;


  /* font-size */
  --fs-10: 10rem;
  --fs-12: 12rem;
  --fs-13: 13rem;
  --fs-15: 15rem;
  --fs-16: 16rem;
  --fs-18: 18rem;
  --fs-20: 20rem;
  --fs-22: 22rem;
  --fs-24: 24rem;
  --fs-26: 26rem;
  --fs-28: 28rem;
  --fs-32: 32rem;
  --fs-34: 34rem;
  --fs-40: 40rem;
  --fs-56: 56rem;
}

@media screen and (max-width: 1200px) {
	:root{
		--fs-12: 1vw;
		--fs-13: 1.083vw;
		--fs-15: 1.25vw;
		--fs-16: 1.333vw;
		--fs-16: 1.333vw;
		--fs-18: 1.500vw;
		--fs-22: 1.833vw;
		--fs-24: 2.000vw;
		--fs-26: 2.167vw;
		--fs-28: 2.333vw;
		--fs-32: 2.667vw;
		--fs-34: 2.833vw;
		--fs-40: 3.333vw;
		--fs-56: 4.667vw;
	}
}

@media screen and (max-width:767px) {
	:root{
  	--fs-10: 10rem;
	  --fs-12: 12rem;
	  --fs-13: 13rem;
	  --fs-15: 15rem;
	  --fs-16: 16rem;
	  --fs-18: 18rem;
	  --fs-20: 20rem;
	  --fs-22: 22rem;
		--fs-24: 24rem;
		--fs-26: 26rem;
	  --fs-28: 28rem;
	  --fs-32: 32rem;
	  --fs-34: 34rem;
	  --fs-40: 40rem;
		--fs-56: 56rem;
	}
}


@media screen and (max-width: 1200px) {
   html {
    font-size: calc(100vw / 1200);
  }

	.container{
		width:100%;
		max-width:100%;
	}
}

@media screen and (max-width: 767px) {
  html {
  	font-size:calc(100vw / 390);
  }

	.container{
		width:350rem;
		margin:0 auto;
	}

	.pc{
		display:none;
	}

	.sp{
		display: block;
	}
}

html,
body{
	margin:0;
	padding:0;
}

body {
	width:100%;
	min-height:100vh;
	display:flex;
	flex-direction:column;
	color:var(--color-base);
	line-height:1.8;
	font-size:18rem;
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
  font-feature-settings: "palt" 1;
  font-optical-sizing: auto;
  letter-spacing: 0.02em;
	background-color:#f8f4ee;
	font-weight:400;
}

.serif{
	font-family: YakuHanMP, "Noto Serif JP", serif;
}

.eng{
	font-family: "Inter", sans-serif;
}

img{
	width:100%;
	-webkit-backface-visibility: hidden;
}

a{
	transition: 0.4s ;
	text-decoration:none;
}

a:hover{
  opacity: 0.6;
}

/*--------------------------------------
loading
----------------------------------------*/
.loader {
  position: fixed;
  width: 100%;
  height: 100%;
	background-color:#fff;
	top:0;
	z-index:9999;
	display: flex;
  justify-content: center;
  align-items: center;
	flex-wrap: wrap;
}

.loader {
  opacity: 1;
  -webkit-transition: opacity 0.8s .1s;
  transition: opacity 0.8s .1s;
}

.is_loaded .loader {
  opacity: 0;
}

.loading_logo{
	width:250rem;
	position:relative;
}

@media screen and (max-width:767px) {
	.loading_logo{
		width:150rem;
		position:relative;
	}
}

/*---------------------------------------
header
---------------------------------------*/
#header{
	width:100%;
	height:100rem;
	background-color:#fff;
	position:relative;
	z-index:5000;
	transition: 0.4s ;
	font-size: var(--fs-15);
}

#header ul.sub{
	width:1320rem;
	height:60rem;
	margin:0 auto;
	position:relative;
	border-bottom:1px solid #ede7df;
	display: flex;
  justify-content: start;
  align-items: center;
	flex-wrap: wrap;
}

#header ul.sub li:nth-child(1){
	width:900rem;
	position:relative;
	margin-left:60rem;
	line-height:0;
}

#header ul.sub li:nth-child(1) h1 img{
	width:152rem;
	height:30rem;
	position:relative;
}

#header ul.sub li:nth-child(2){
	width:240rem;
	height:30rem;
	position:relative;
}

#header ul.sub li:nth-child(2) .search_box{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height:32rem;
	box-sizing:border-box;
	border: 2px solid #eae6e2;
	border-radius:15rem;
	padding-left:10rem;
}

.common_search_form button:disabled{
	opacity:0.5;
	cursor:default;
}

#header ul.sub li:nth-child(2) .search_box input{
	font-size: var(--fs-15);
	width: 100%;
	box-sizing:border-box;
	border: none;
	outline: none;
	background:none;
	margin-left:5rem;
}

#header ul.sub li:nth-child(2) .search_box span{
	display:block;
	width:18rem;
	line-height:0;
}

#header ul.sub li:nth-child(3){
	margin-left:30rem;
}

#header ul.sub li:nth-child(4){
	position:absolute;
	right:0;
	top:15rem;
	width:31px;
	height:31px;
}

#header ul.sub li:nth-child(4) a{
	display:block;
	width:31px;
	height:31px;
	box-sizing:border-box;
	border:1px solid var(--color-light_gray);
	display: flex;
  justify-content: center;
  align-items: center;
	flex-wrap: wrap;
}

#header ul.sub li:nth-child(4) a img{
	width:16rem;
	height:16rem;
}

#header ul.menu{
	position:relative;
	width:1200rem;
	margin:0 auto;
	display: flex;
  justify-content: start;
  align-items: center;
	flex-wrap: wrap;
	gap:10rem;
}

#header ul.menu li a{
	display:block;
	position:relative;
	height:40rem;
	line-height:40rem;
	padding:0 30rem;
	letter-spacing:1rem;
}

#header ul.menu li a.active{
	color:#c4960e;
	font-weight:700;
}

#header ul.menu li a::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:0;
	height:1px;
	background:#c4960e;
	transform:translateX(-50%);
	transition:0.4s;
}

#header ul.menu li a:hover{
	opacity:1.0;
	color:#c4960e;
}

#header ul.menu li a.active::after,
#header ul.menu li a:hover::after{
	width:100%;
}

#global_navi{
	display:none;
}

@media screen and (max-width:1320px) {
	#header ul.sub{
		position:absolute;
		right:0;
		top:0;
		z-index:100;
	}

	#header ul.menu{
		padding-top:60rem;
	}
}

@media screen and (max-width:1260px) {
	#header ul.sub{
		width:100%;
	}

	#header ul.sub li:nth-child(1){
		position:absolute;
		margin-left:0;
		left:0.5vw;
	}

	#header ul.sub li:nth-child(2){
		position:absolute;
		margin-left:0;
		left:71.5vw;
	}

	#header ul.sub li:nth-child(3){
		position:absolute;
		margin-left:0;
		left:92.5vw;
	}
}

@media screen and (max-width:1200px){
	#header{
		height:8.333vw;
		font-size:1.25vw;
	}

	#header ul.sub li:nth-child(2){
		width:20vw;
		height:2.5vw;
	}

	#header ul.sub li:nth-child(2) .search_box{
		height:2.667vw;
		border:0.167vw solid #eae6e2;
		border-radius:1.25vw;
		padding-left:0.833vw;
	}

	#header ul.sub li:nth-child(2) .search_box input{
		font-size:1.25vw;
		margin-left:0.417vw;
	}

	#header ul.sub li:nth-child(2) .search_box span{
		width:1.5vw;
	}

	#header ul.sub li:nth-child(4){
		top:1.25vw;
		width:2.583vw;
		height:2.583vw;
	}

	#header ul.sub li:nth-child(4) a{
		width:2.583vw;
		height:2.583vw;
		border:0.083vw solid var(--color-light_gray);
	}

	#header ul.sub li:nth-child(4) a img{
		width:1.333vw;
		height:1.333vw;
	}

	#header ul.menu{
		width:100vw;
		gap:0.833vw;
	}

	#header ul.menu li a{
		height:3.333vw;
		line-height:3.333vw;
		padding:0 2.5vw;
		letter-spacing:0.083vw;
	}

	#header ul.menu li a::after{
		height:0.083vw;
	}
}

#sidebar{
	display: none;
}

@media screen and (max-width:767px) {
	#header{
		display:none;
	}

	#global_navi{
		display:block;
		width:100%;
		height:60rem;
		position:fixed;
		left:0;
		top:0;
		z-index: 9000;
		background-color:#fff;
		transition: 0.4s ;
	}

	#global_navi h1{
		position:absolute;
		left:20rem;
		top:15rem;
		width:152rem;
		font-size:0;
	}

	#global_navi .sp_navi{
		position:absolute;
		right:20rem;
		top:12rem;
		width:36rem;
		font-size:0;
		transition:0.4s;
	}

	#global_navi .sp_navi:hover{
		cursor:pointer;
		opacity:0.6;
	}

	#sidebar {
		display: block;
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 9999;
		background-color: #f0eae0;
		top: 0;
		left: 0;
		overflow-y: auto;
		transform: translateX(100%);
		opacity: 0;
		visibility: hidden;

		transition:
			transform 0.6s ease,
			opacity 0.6s ease,
			visibility 0.6s ease;
	}

	#sidebar.is-open {
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
	}

	body.menu-open{
		overflow: hidden;
	}

	#sidebar .btn_close{
		width:36rem;
		position:absolute;
		right:20rem;
		top:12rem;
		transition:0.4s;
	}

	#sidebar .btn_close:hover{
		cursor:pointer;
		opacity:0.6;
	}

	#sidebar .search_box{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 350rem;
		height:40rem;
		box-sizing:border-box;
		margin:60rem auto 0;
		background-color:#fff;
		border:1px solid var(--color-light_gray);
		border-radius:20rem;
	}

	#sidebar .search_box input{
		font-size: var(--fs-13);
		width: 100%;
		box-sizing:border-box;
		border: none;
		outline: none;
		background:none;
		margin-left:5rem;
		height:40rem;
		width:300rem;
	}

	#sidebar .search_box span{
		display:block;
		width:18rem;
		line-height:0;
	}

	#global-nav{
		width: 100%;
		height:100%;
		position:relative;
		transition: all 0.6s;
	}

	.open #sidebar{
		opacity: 1;
		visibility: visible;
	}

	#global-nav ul.navi_list{
		width:100%;
		margin:10rem auto 0;
	  justify-content: center;
	  align-items: top;
		display: flex;
		flex-wrap: wrap;
		padding:20rem 0 25rem;
		gap:0;
	}

	#global-nav ul.navi_list li{
		width:100%;
	}

	#global-nav ul.navi_list li:first-child a{
		border-top:1px solid #E0D8CC;
	}

	#global-nav ul.navi_list li a{
		font-size:var(--fs-18);
		padding:20rem 25rem  !important;
		display:block;
		width:100%;
		display:block;
		position: relative;
		box-sizing:border-box;
		font-weight:700;
		border-bottom:1px solid #E0D8CC;
	}

	#global-nav ul.navi_list li a:after{
		position: absolute;
		right:25rem;
		top:calc(50% - 3.5rem);
		content: "";
		width: 7rem;
		height: 7rem;
		border-top:2px solid var(--color-orange);
		border-right:2px solid var(--color-orange);
		transform:rotate(45deg);
	}

	#global-nav ul.side_sub{
		position:relative;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		gap:25rem;
		padding-bottom:50rem;
	}

	#global-nav ul.side_sub li:nth-child(1) a{
		display:block;
		position:relative;
		font-size:var(--fs-12);
		line-height:1.0;
		font-weight:400;
		height:31rem;
		display: flex;
		align-items: center;
	}

	#global-nav ul.side_sub li:nth-child(2){
		position:relative;
		width:31rem;
		height:31rem;
		margin-right:25rem;
	}

	#global-nav ul.side_sub li:nth-child(2) a{
		display:block;
		width:31rem;
		height:31rem;
		box-sizing:border-box;
		border:1px solid var(--color-light_gray);
		display: flex;
	  justify-content: center;
	  align-items: center;
		flex-wrap: wrap;
	}

	#global-nav ul.side_sub li:nth-child(2) a img{
		display: block;
		width: 16rem;
		height: 16rem;
		max-width: 16rem;
		max-height: 16rem;
		flex: 0 0 16rem;
	}

	#global-nav ul.side_sub li:nth-child(2) a{
		display:flex;
		justify-content:center;
		align-items:center;
		width:31rem;
		height:31rem;
		border:1px solid var(--color-light_gray);
	}

	#global-nav ul.side_sub li:nth-child(2) a img{
		display:block;
		width:16rem !important;
		height:auto !important;
		max-width:none;
		max-height:none;
		min-width:0;
		min-height:0;
		object-fit:contain;
		flex:none;
	}

}

/*--------------------------------------
footer
----------------------------------------*/
#footer{
	width: 100%;
	position: relative;
	background-color:var(--color-title);
	padding:25rem 0;
	margin-top:auto;
	flex-shrink:0;
}

#footer #footer_logo{
	width:90rem;
	margin:0 auto;
}

#footer #copyright{
	text-align:center;
	font-size:var(--fs-12);
	color:var(--color-gray);
	margin-top:10rem;
}

@media screen and (max-width: 1200px) {
	#footer{
		width: 100%;
		position: relative;
		background-color:var(--color-title);
		padding:2.08vw 0;
	}

	#footer #footer_logo{
		width:7.5vw;
		margin:0 auto;
	}

	#footer #copyright{
		text-align:center;
		font-size:var(--fs-12);
		color:var(--color-gray);
		margin-top:0.83vw;
	}
}

@media screen and (max-width:767px) {
	#footer{
		width: 100%;
		position: relative;
		background-color:var(--color-title);
		padding:25rem 0;
	}

	#footer #footer_logo{
		width:94rem;
		margin:0 auto;
	}

	#footer #copyright{
		text-align:center;
		font-size:var(--fs-12);
		color:var(--color-gray);
		margin-top:10rem;
	}
}

/*--------------------------------------
common
----------------------------------------*/
.subtitle{
	display:inline-block;
	color:var(--color-orange);
	font-size: var(--fs-12);
	position:relative;
	line-height: 150%;
	padding-left:30rem;
	letter-spacing:1rem;
}

.subtitle:after{
	content: "";
	position: absolute;
	left: 0;
	top:8rem;
	width:20rem;
	height:1px;
	background-color:var(--color-orange);
}

@media screen and (max-width: 1200px) {
	.subtitle{
		padding-left:2.5vw;
	}

	.subtitle:after{
		width:1.667vw;
	}
}

@media screen and (max-width:767px) {
	.subtitle{
		font-size: var(--fs-12);
		padding-left:30rem;
		letter-spacing:1rem;
	}

	.subtitle:after{
		width:20rem;
		top:10rem;
	}

	.subtitle br{
		display:inline-block !important;
	}
}

/*--------------------------------------
breadcrumbs
----------------------------------------*/
#breadcrumbs{
	width:100%;
	position:relative;
	padding-top:10rem;
	background-color:#fff;
}

#breadcrumbs ul{
	width:1200rem;
	margin:0 auto;
	display:flex;
	justify-content:start;
	align-items:center;
	padding:5rem 0;
}

#breadcrumbs ul li{
	position:relative;
	padding-right:15rem;
	margin-right:15rem;
}


#breadcrumbs ul li:after{
	content:"/";
	font-size:var(--fs-15);
	color:var(--color-gray);
	position:absolute;
	right:0;
	top:3rem;
}

#breadcrumbs ul li:last-child:after{
	content:"";
	right:0;
	top:0;
}

#breadcrumbs ul li a{
	font-size:var(--fs-15);
	color:var(--color-gray);
}

#breadcrumbs ul li a.active{
	color:var(--color-title);
}

@media screen and (max-width: 1200px) {
	#breadcrumbs ul{
		width:100%;
		padding:0.417vw 1vw;
	}

	#breadcrumbs ul li{
		padding-right:1.25vw;
		margin-right:1.25vw;
	}

	#breadcrumbs ul li:after{
		font-size:1.25vw;
		top:0.25vw;
	}

	#breadcrumbs ul li a{
		font-size:1.25vw;
	}
}

@media screen and (max-width: 767px) {
	#breadcrumbs{
		width:100%;
		position:relative;
		padding-top:60rem;
		overflow: auto;
	}

	#breadcrumbs ul{
		width:100%;
		display:flex;
		justify-content:start;
		align-items:center;
		padding:5rem 0 0 20rem;
		white-space: nowrap;
	}

	#breadcrumbs ul li{
		position:relative;
		padding-right:15rem;
		margin-right:15rem;
	}


	#breadcrumbs ul li:after{
		content:"/";
		font-size:var(--fs-13);
		color:var(--color-gray);
		position:absolute;
		right:0;
		top:5rem;
	}

	#breadcrumbs ul li a{
		font-size:var(--fs-13);
		color:var(--color-gray);
	}
}

/*--------------------------------------
page_title
----------------------------------------*/
#page_title{
	width:100%;
	position:relative;
	padding:80rem 0;
}

#page_title.prize_detail{
	background-color:#1c1410;
}

#page_title .container ul{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

#page_title h2.title{
	font-size:var(--fs-56);
	font-weight: 700;
	line-height: 120%;
	letter-spacing: -0.24px;
}

#page_title.prize_detail h2.title{
	color:#fff;
}

#page_title .container .title_info{
	border-left:2px solid #2e2820;
	position:relative;
	padding:10rem 0 10rem 20rem;
}

#page_title .container .title_info span{
	display:block;
	font-size:var(--fs-13);
	color:#fff;
}

#page_title .container ul li:nth-child(2) dl{
	font-size:var(--fs-13);
	color:#fff;
	display:grid;
	grid-template-columns:max-content 1fr;
	column-gap:10rem;
	row-gap:0;
}

#page_title .container ul li:nth-child(2) dl .nominate_note{
	grid-column:1 / -1;
	margin-top:0;
	line-height:1.8;
}

#page_title .container ul li a{
	font-size:var(--fs-13);
	color:var(--color-orange);
}

@media screen and (max-width: 1200px) {
	#page_title{
		padding:6.666vw 1vw;
	}

	#page_title h2.title{
		font-size:4.667vw;
		letter-spacing:-0.02vw;
	}

	#page_title .container ul li:nth-child(2) dl{
		font-size:1.083vw;
		column-gap:0.833vw;
	}

	#page_title .container ul li a{
		font-size:1.083vw;
	}
}

@media screen and (max-width: 767px) {
	#page_title{
		width:100%;
		position:relative;
		padding:50rem 0 70rem;
	}

	#page_title.prize_detail{
		padding:80rem 0;
	}

	#page_title .container ul{
		display:block;
	}

	#page_title h2.title{
		font-size:var(--fs-32);
		letter-spacing: -1.4rem;
		margin-top:10rem;
	}

	#page_title .container .title_info{
		border-left:0px solid #2e2820;
		position:relative;
		padding:0;
		margin-top:40rem;
	}

	#page_title .container ul li:nth-child(2) dl{
		font-size:var(--fs-13);
		color:#fff;
		display:grid;
		grid-template-columns:max-content 1fr;
		column-gap:10rem;
		row-gap:0;
	}

	#page_title .container ul li a{
		font-size:var(--fs-13);
		color:var(--color-orange);
	}
}


/*--------------------------------------
page_top
----------------------------------------*/
#page_top{
	position:fixed;
	width:50rem;
	height:50rem;
	background-color:#1C1410;
	right:-100rem;
	bottom:30rem;
	z-index:1000;
	opacity:0;
	transition:
		right .4s,
		opacity .4s;
}

#page_top:after{
	content:"";
	position:absolute;
	right:0;
	left:0;
	top:calc(50% - 9rem);
	margin:auto;
	width:18rem;
	height:18rem;
	background:url(../img/common/top_arrow.svg) no-repeat center center;
	background-size:cover;
}

#page_top.show{
	right:30rem;
	opacity:1;
}

#page_top.stop{
	position:absolute;
	right:30rem;
}

#page_top:hover{
	opacity:0.6;
}

@media screen and (max-width: 767px) {
	#page_top.show{
		right:20rem;
		opacity:1;
	}

	#page_top.stop{
		position:absolute;
		right:20rem;
	}
}

/*--------------------------------------
read-more-wrapper
----------------------------------------*/
.read-more-wrapper {
  position: relative;
}

.read-more-check {
  display: none;
}

.read-more-content {
  max-height: 16em;
  transition: max-height 0.4s cubic-bezier(0, 1, 0, 1);
  position: relative;
  overflow: hidden;
  will-change: max-height;
}

.read-more-inner p {
  margin: 0;
  line-height: 1.5;
}

.read-more-content::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%, #fff 100%);
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.read-more-wrapper:has(.read-more-check:checked) .read-more-content {
  max-height: 3000rem;
  transition: max-height 0.5s ease-in-out;
}

.read-more-wrapper:has(.read-more-check:checked) .read-more-content::after {
  opacity: 0;
}

.read-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4rem;
  margin-top: 15rem;
  padding: 0 0;
  position: relative;
  z-index: 1;
	font-size:var(--fs-13);
	color:var(--color-orange);
  cursor: pointer;
  user-select: none;
	transition: 0.4s ;
}

.read-more-btn:hover {
  opacity:0.6;
}

.read-more-btn::after {
  content: '';
  display: inline-block;
	width:15rem;
	height:12rem;
	background: url(../img/common/arrow_orange.svg) no-repeat center center;
	background-size:cover;
	transform: rotate(90deg);
  transition: transform 0.3s ease;
}

.read-more-btn span{
	padding:0 !important;
}

.read-more-btn .close-text {
  display: none;
}

.read-more-wrapper:has(.read-more-check:checked) .read-more-btn {
  margin-top: 10rem;
}

.read-more-wrapper:has(.read-more-check:checked) .more-text {
  display: none;
}

.read-more-wrapper:has(.read-more-check:checked) .close-text {
  display: inline;
}

.read-more-wrapper:has(.read-more-check:checked) .read-more-btn::after {
  transform: rotate(-90deg);
}

@media (min-width: 768px) {
  .read-more-content {
    max-height: none !important;
  }

  .read-more-content::after {
    display: none;
  }

  .read-more-btn {
    display: none;
  }
}


/*---------------------------------------
title
---------------------------------------*/
h4.title{
	display:inline-block;
	font-size: var(--fs-28);
	color:var(--color-title);
	font-weight: 500;
	line-height: 120%;
	line-height: 150%;
	letter-spacing: -1rem;
	border-bottom: 3px solid;
  border-image: linear-gradient(to right, #c59512 0%, transparent 80%) 1;
	padding-bottom:15rem;
	margin-bottom:5rem;
}

@media screen and (max-width:767px) {
	h4.title{
		font-size:var(--fs-20);
		padding-bottom:10rem;
	}
}

h5.headline{
	font-size:var(--fs-16);
	color:var(--color-orange);
	position:relative;
	line-height:1.6;
	padding-left:20rem;
	margin:40rem 0 20rem;
	font-weight:500;
}

h5.headline::after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:4rem;
	height:100%;
	background-color:var(--color-orange);
}

/*--------------------------------------
animation
----------------------------------------*/
.slideup{
	opacity: 0;
}

.slideup.addup{
	animation: fadeInUp 1.4s cubic-bezier(0.19, 1, 0.22, 1) 0.6s forwards;
}

@keyframes fadeInUp{
	0%{
		opacity: 0;
		transform: translateY(50px);
	}
	100%{
		opacity:1;
		transform: translateY(0);
	}
}