@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap");
@charset "UTF-8";
/*--------------------------------------------
STATE
---------------------------------------------*/
@media screen and (max-width: 750px){
	.is-pc{
		display : none;
	}
}
@media print,screen and (min-width: 751px){
	.is-sp{
		display : none;
	}
}
/*--------------------------------------------
DATA TEXT
---------------------------------------------*/
[data-before]:before{
	content : attr( data-before );
	white-space : pre;
}
[data-after]:after{
	content : attr( data-after );
	white-space : pre;
}
[data-both]:before{
	content : attr( data-both );
	white-space : pre;
}
[data-both]:after{
	content : attr( data-both );
	white-space : pre;
}
@media screen and (max-width: 750px){
	[data-sp-after]:after{
		content : attr( data-sp-after );
		white-space : pre;
	}
}
@media screen and (max-width: 750px){
	[data-sp-befpre]:befpre{
		content : attr( data-sp-before );
		white-space : pre;
	}
}
@media print,screen and (min-width: 751px){
	[data-pc-after]:after{
		content : attr( data-pc-after );
		white-pcace : pre;
	}
}
@media print,screen and (min-width: 751px){
	[data-pc-befpre]:befpre{
		content : attr( data-pc-before );
		white-space : pre;
	}
}
/*--------------------------------------------
FONTS
---------------------------------------------*/
.dm{
	font-family : "DM Serif Display", serif;
	font-weight : 400;
}
/*--------------------------------------------
TITLE
---------------------------------------------*/
.title01{
	text-align : center;
	font-family : "DM Serif Display", serif;
	font-weight : 400;
}
.title01.white{
	color : #fff;
}
@media screen and (max-width: 750px){
	.title01{
		font-size : 4rem;
	}
}
@media print,screen and (min-width: 751px){
	.title01{
		font-size : 3.6rem;
	}
}
.title02{
	text-align : center;
	font-family : "DM Serif Display", serif;
}
.title02.blue{
	color : #0084c4;
}
@media screen and (max-width: 750px){
	.title02{
		font-size : 3.6rem;
	}
}
@media print,screen and (min-width: 751px){
	.title02{
		font-size : 3.6rem;
	}
}
/*--------------------------------------------
LINK
---------------------------------------------*/
.more01{
	display : block;
	margin-left : auto;
	margin-right : auto;
	border-style : solid;
	border-color : #000;
	font-size : 3.6rem;
}
@media screen and (max-width: 750px){
	.more01{
		width : calc( 210 * 100vw / 750 );
		height : calc( 50 * 100vw / 750 );
		border-radius : calc( 25 * 100vw / 750 );
		border-width : calc( 3 * 100vw / 750 );
		padding-left : calc( 49 * 100% / 750 );
	}
}
@media print,screen and (min-width: 751px){
	.more01{
		width : 210px;
		height : 50px;
		font-size : 3.6rem;
		border-radius : 25px;
		border-width : 2px;
		padding-left : 54px;
	}
}
.link01{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	font-weight : 600;
	border-style : solid;
	border-color : currentColor;
}
@media screen and (max-width: 750px){
	.link01{
		font-size : 3rem;
		border-width : 1px;
		width : calc( 475 * 100vw / 750 );
		height : calc( 62 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 751px){
	.link01{
		font-size : 1.6rem;
		border-width : 1px;
		width : 270px;
		height : 38px;
	}
}
@media screen and (max-width: 750px){
	.link02{
		display : inline-flex;
		align-items : center;
		position : relative;
		left : 50%;
		transform : translateX(-50%);
		font-size : 3.2rem;
	}
	.link02:before{
		content : "";
		display : block;
		background : url("../images/ui/icon/arrow03.svg") 0 center / contain no-repeat;
		width : calc( 19 * 100vw / 750 );
		height : calc( 33 * 100vw / 750 );
	}
}
@media print,screen and (min-width: 751px){
	.link02{
		display : block;
		background : url("../images/ui/icon/arrow02.svg") 0 bottom / 100% auto no-repeat;
		width : 86px;
		font-weight : 600;
		font-size : 1.6rem;
		margin-left : auto;
		margin-right : auto;
		padding-bottom : 4px;
		padding-left : 28px;
	}
}
/*--------------------------------------------
BACKGROUND COLOR
---------------------------------------------*/
.bg01{
	background-color : #fdf4d1;
}