
/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/



.heart_section{
	width : 100% ;
	height : auto ;
	margin : 0px auto ;
}

.heart_for_superbox{
	width : 100% ;
	height : auto ;
	margin : 0px auto ;
	padding : 120px 0px 400px ;
	background-image : url("../images/heart/heart_mainimage.jpg");
	background-size : cover ;
	background-position: center top ;
}

.heart_mainimage{
	position: absolute;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	height : auto ;
	z-index : 1 ;
}


.heart_title_for{
	width : 320px ;
	height : auto ;
	margin : 0px auto ;
	z-index : 4;
}

.heart_for_story{
	width : 100% ;
	height : auto ;
	text-align : center ;
	color : #0E5282 ;
	text-align: center ;
	line-height: 30px ;
	margin : 60px auto 0px ;
	z-index : 4;
}
.heart_for_story p{
	margin-bottom : 10px ;
}

.heart_back_flower{
	position : absolute ;
	top : 0px ;
	left : 50% ;
	width : 100%  ;
	max-width : 1440px ;
	height : auto ;
	transform: translate( -50%, 0% );
	z-index : 3;
}
.heart_back_flower_02{
	position : absolute ;
	bottom : 0px ;
	left : 50% ;
	width : 100%  ;
	max-width : 1440px ;
	height : auto ;
	transform: translate( -50%, 0% );
	z-index : 3;
}

.heart_user_superbox{
	width : 100% ;
	max-width : 1080px ;
	padding : 0px 20px ;
	margin : 60px auto ;
	z-index: 4 ;
}


.heart_image_user{
	float : right ;
	width : 560px ;
	height : auto ;
}

.heart_user_left{
	float : left ;
	width : 440px ;
	color : #000000 ;
}

.heart_title_user{
	width : 440px ;
	height : auto ;
	margin-bottom : 40px ;
}



.heart_thank_superbox{
	width : 100% ;
	height : auto ;
	padding : 160px 0px ;
	background-color: #F7F6F1 ;
}

.heart_thank_inner{
	width : 100% ;
	max-width : 1080px ;
	margin : 0px auto ;
	z-index : 4;
}

.heart_image_thank{
	float : left ; 
	width : 622px ;
}
.heart_thank_right{
	float : left ;
	width : 440px ;
	color : #000000 ;
	margin-left : 10px ;
	padding-top : 64px ;
}


.heart_care_left{
	float : left ;
	width : 440px ;
	color : #000000 ;
	padding-top : 50px 
}















@media screen and (max-width: 1200px) {



}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 1100px) {




.heart_section{
}

.heart_for_superbox{

	padding : 100px 0px 400px ;
	background-image : url("../images/heart/heart_mainimage_sp.jpg");
}

.heart_mainimage{
}


.heart_title_for{
	width : 440px ;
}

.heart_for_story{
	font-size: 26px;
	line-height: 43px;
	margin : 30px auto 0px;
	padding : 0px 20px;
}
.heart_for_story p{
	margin-bottom : 20px ;
}

.heart_back_flower{
	width : 130%  ;
	max-width : 3000px ;
}
.heart_back_flower_02{
	width : 130%  ;
	max-width : 3000px ;
}
.heart_user_superbox{
	max-width : 768px ;
	padding : 0px 64px ;
	margin : 100px auto 140px;
}


.heart_image_user{
	float : none ;
	width : 100% ;
	margin-bottom : 50px ;
}

.heart_user_left{
	float : none ;
	width : 100% ;
}

.heart_title_user{
	margin : 0px auto 40px ;
}



.heart_thank_superbox{
	padding : 140px 0px ;
}

.heart_thank_inner{
	max-width : 768px ;
	padding : 0px 64px ;
	margin : 0px auto ;
}

.heart_image_thank{
	float : none ; 
	width : 100% ;
	margin : 0px auto 80px ;
}
.heart_thank_right{
	float : none ;
	width : 100% ;
	margin-left : 0px ;
	padding-top : 0px ;
}


.heart_care_left{
	float : left ;
	width : 100% ;
	color : #000000 ;
	padding-top : 50px 
}
















}