html{
	font-size: 13.333333333333334vw;
}
body{
	margin:0;
}
.container {
	position: relative;
	font-family: "mheihks-medium";
	color: #575756;
}
.container img{
	vertical-align:bottom;
}
.content > div{
	position: relative;
}
.content > div > p,
.content > div > a{
	position: absolute;
}
.content > div p {
	font-size: 0.225rem;
	line-height: 0.38rem;
	letter-spacing: 0.04rem;
	margin: 0;
	transform: scaleX(98%);
	color: #8a8d90;
}
/*content1*/
.content .content1 p {
	width: 4.8rem;
	top: 52%;
	left: 48.2%;
	text-align: center;
	transform: scaleX(98%) translateX(-50%);
	color: #846173;
	letter-spacing: 0.01rem;
}
.content1 p span{
	color:#c67b81;
}
/*content2*/
.content2 a{
	color:#734d69;
	text-decoration: none;
	font-size:.335rem;
}
.content2 .link_5 {
	width: 2.2rem;
	top: 8.2%;
	left: 30%;
	
}
.content2 .text_5 {
	width: 5rem;
	top: 11.3%;
	left: 14%;
}
/* .content2 .text_5_tc {
	width: 4.5rem;
	top: 13%;
	left: 22%;
} */
.content2 .link_20 {
	width: 2.2rem;
	top: 29.8%;
	left: 49.7%;
}
.content2 .text_20 {
	width: 5.3rem;
	top: 33.2%;
	left: 12.3%;
}
.content2 .link_13 {
	width: 2.9rem;
    top: 48.1%;
    left: 39.5%;
}
.content2 .text_13 {
	width: 5.2rem;
	top: 51.4%;
	left: 12.8%;
}
.content2 .link_1 {
	width: 2.6rem;
	top: 70.3%;
	left: 19.3%;
}
.content2 .text_1 {
	width: 5.3rem;
    top: 73.5%;
    left: 12.8%;
}
.content2 .link_4 {
	width: 3rem;
    top: 89.2%;
    left: 32%;
}
.content2 .text_4 {
	width: 5.2rem;
    top: 92%;
    left: 11.6%;
}
/*content3*/
.content4 .link_MarriageDay {
	width: 2rem;
    top: 21.2%;
    left: 37.4%;
    color: #734d69;
    text-decoration: none;
    font-size: .335rem;
}
.content4 .text_MarriageDay {
	width: 5.1rem;
	top: 15.2%;
	left: 50%;
	letter-spacing: 0.03rem;
	text-align: center;
	transform: translateX(-50%);
}
/*content4*/
.cardBox{
	position: absolute;
	/* width: 6rem; */
	/* left: 11.5%; */
}
.cardBox .title {
	color: #a97099;
	font-size: .335rem;
	letter-spacing: 0.05rem;
	line-height:.4rem;
	/* font-family: "mheiprc-light"; */
}
.content4 .cardBox0 {
	top: 34.8%;
	left: 51.6%;
}
.content4 .cardBox1{
	top: 51.7%;
	left: 10%;
	width: 2.8rem;
}
.content4 .cardBox2{
	top: 73%;
	left: 51%;
	width: 3.2rem;
}
.content4 .cardBox3 {
	top: 88.8%;
	left: 7%;
	width: 2.8rem;
}


/* .cardBox .title {
	color: #F6AF8C;
	font-size: 0.33rem;
	font-family: "mheihk-light";
} */
.cardBox a {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	bottom: 0;
	
}
.cardBox .contentText {
	margin-top: 0.08rem;
	
}
@font-face {
	font-family: 'mheihks-medium';
	src: url('../font/mheihks-medium/mheihks-medium.eot') format('embedded-opentype'), 
		url('../font/mheihks-medium/mheihks-medium.svg') format('svg'),
		url('../font/mheihks-medium/mheihks-medium.ttf') format('truetype'),
		url('../font/mheihks-medium/mheihks-medium.woff') format('woff');
}
@font-face {
	font-family: 'mheihks-light';
	src: url('../font/mheihks-light/mheihks-light.eot') format('embedded-opentype'), 
		url('../font/mheihks-light/mheihks-light.svg') format('svg'),
		url('../font/mheihks-light/mheihks-light.ttf') format('truetype'),
		url('../font/mheihks-light/mheihks-light.woff') format('woff');
}
@font-face {
	font-family: 'mheihk-medium';
	src: url('../font/mheihk-medium/mheihk-medium.eot') format('embedded-opentype'), 
		url('../font/mheihk-medium/mheihk-medium.svg') format('svg'),
		url('../font/mheihk-medium/mheihk-medium.ttf') format('truetype'),
		url('../font/mheihk-medium/mheihk-medium.woff') format('woff');
}
@font-face {
	font-family: 'mheihk-light';
	src: url('../font/mheihk-light/mheihk-light.eot') format('embedded-opentype'), 
		url('../font/mheihk-light/mheihk-light.svg') format('svg'),
		url('../font/mheihk-light/mheihk-light.ttf') format('truetype'),
		url('../font/mheihk-light/mheihk-light.woff') format('woff');
}