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


/** ul ============================================= **/

.top_mainimage_superbox{
	width : 100% ;
	height : auto ;
	margin : 0px auto 150px ;
	z-index : 1 ;
}

.top_mainimage{
	width : 100% ;
	height : auto ;
	z-index : 1 ;
}


.top_mainimage_linkbox{
	width : 100% ;
	max-width : 1000px ;
	margin : -300px auto 0px;
	z-index : 6 ;
}

.top_mainimage_link_item{
	width : 242px ;
}
.top_mainimage_link_item img{
	width : auto ;
	max-width : 100% ;
}





.top_heart_section{
	width : 100% ;

}
.top_heart_back_flower{
	position: absolute;
	top : -40px ;
	left : 50% ;
	width : auto ;
	max-width : 100% ;
	transform: translate(-50%,0%);
	z-index : 3;
}

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


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

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

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

.top_btn_heart{
	width : 180px ;
	margin : 36px auto 0px ;
}


.top_life_section{
	width : 100% ;
	padding : 150px 0px ;
	background-color: #F7F6F1 ;
}

.top_life_title{
	width : auto ;
	max-width : 100% ;
	margin : 0px auto ;
}

.top_life_story{
	width : 100% ;
	text-align : center ;
	margin : 30px auto 0px ;
}

.top_btn_life{
	width : auto ;
	margin : 16px auto 0px ;
}


.top_life_flex{
	width : 100% ;
	padding : 0px 20px ;
	margin : 20px auto 0px ;
}

.top_life_flex_item{
	max-width : 286px ;
	width : 19% ;
}
.top_life_flex_item img{
	width : 100% ;
}



.top_faq_section{
	width : 100% ;
}

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

.top_faq_superbox{
	width : 100% ;
	max-width : 1000px ;
	padding : 10px 20px 100px;
	margin : 0px auto ;
	z-index : 6 ;
}

.top_faq_title{
	width : auto ;
	max-width : 140px ;
	margin : 0px auto 80px ;
}


.top_faq_itembox{
	width : 100% ;
	padding : 13px 0px ;
	border-bottom : 1px dashed #ABA99B ;
}

.top_faq_item_q{
	width : 100% ;
	padding : 6px 60px 16px 70px ;
	font-size : 20px ;
	font-weight : 700 ;
	cursor: pointer;
}

.top_faq_icon_q{
	position :absolute ;
	top : 0px ;
	left : 0px ;
	width : 50px ;
}

.top_faq_item_a{
	float : right ;
	width : calc( 100% - 40px );
	padding : 16px 16px 32px 80px ;
	border-radius: 16px ;
	background-color: #F7F6F1 ;
	font-size : 17px ;
	display : none ;
}
.top_faq_icon_a{
	position :absolute ;
	top : 16px ;
	left : 16px ;
	width : 50px ;
}

.top_faq_arrow{
	position : absolute ;
	top : 16px ;
	right : 8px ;
}

.top_faq_btn{
	width : 265px ;
	margin : 64px auto 0px ;
}





.top_recruit_section{
	width : 100% ;
	background-image : url("../images/common/back_smile.jpg");
	background-position: center center ;
	background-size : cover ;
	padding : 100px 0px ;
}

.top_recruit_btn{
	width : 100%  ;
	max-width : 860px ;
	cursor: pointer ;
	margin : 0px auto ;
}




.top_blog_section{
	width : 100% ;
	padding : 70px 0px 60px ;
	background-color: #F7F6F1 ;
}

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

.top_blog_title{
	width : 348px ;
	margin : 0px auto ;
	z-index : 6;
}

.top_blog_flex_wrap{
	width : 100% ;
}

.top_blog_flex{
	width : 100% ;
	max-width : 1220px ;
	margin : 80px auto 0px ;
	z-index : 6;
}


.top_blog_item{
	width : 280px ;
	height : auto ;
	min-height : 320px ;
	overflow: hidden ;
	border-radius: 10px ;
	box-shadow: 0px 4px 2px rgba(218,217,210,1.0) ;
	margin-bottom : 20px ;
	background-color: #FFFFFF ;
}

.top_blog_item_wrap{
	width : 100% ;
	height : 100% ;
	padding-bottom : 30px ;
}

.top_blog_item_image{
	width : 100% ;
	height : 212px ;
	overflow : hidden ;
	border-radius: 10px ;
	z-index : 6;
}
.top_blog_item_image img{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
}

.top_blog_item_cate{
	width : 240px ;
	height : 30px ;
	line-height : 24px ;
	border : 2px solid #FFFFFF ;
	background-color : #DCDCDC ;
	text-align : center ;
	margin : -15px auto 0px ;
	border-radius: 15px ;
	color : #585338 ;
	font-size : 14px ;
	z-index : 7 ;
}

.top_blog_item_cate.kiyosu{
	background-color : #C49902 !important ;
	color : #FFFFFF !important ;
}
.top_blog_item_cate.gojo{
	background-color : #609404 !important ;
	color : #FFFFFF !important ;
}
.top_blog_item_cate.okazaki{
	background-color : #D4527A !important ;
	color : #FFFFFF !important ;
}
.top_blog_item_cate.houmon{
	background-color : #3CBC9F !important ;
	color : #FFFFFF !important ;
}




.top_blog_item_cate.sukaguchi,
.blog_index_cate_item_wrap.sukaguchi,
.top_blog_item_cate.chiaki,
.blog_index_cate_item_wrap.chiaki,
.top_blog_item_cate.kiyosu,
.blog_index_cate_item_wrap.kiyosu{
	background-color : #C49902 !important ;
	color : #FFFFFF !important ;
}

.top_blog_item_cate.kakamikahara,
.blog_index_cate_item_wrap.kakamikahara,
.top_blog_item_cate.gojo,
.blog_index_cate_item_wrap.gojo{
	background-color : #609404 !important ;
	color : #FFFFFF !important ;
}

.top_blog_item_cate.kisogawa,
.blog_index_cate_item_wrap.kisogawa,
.top_blog_item_cate.okazaki,
.blog_index_cate_item_wrap.okazaki{
	background-color : #D4527A !important ;
	color : #FFFFFF !important ;
}

.top_blog_item_cate.rihabili,
.blog_index_cate_item_wrap.rihabili,
.top_blog_item_cate.sanjo,
.blog_index_cate_item_wrap.sanjo{
	background-color : #3CBC9F !important ;
	color : #FFFFFF !important ;
}













.top_blog_item_title{
	padding : 12px  ;
	font-size : 18px ;
}

.top_blog_item_date{
	position: absolute;
	bottom : 0px ;
	right : 0px ;
	width : 100% ;
	height : 30px ;
	line-height : 30px ;
	padding-right : 12px ;
	text-align : right ;
	font-size : 13px ;
	opacity : 0.6 ;

}

.top_blog_btn{
	width : 265px ;
	margin : 50px auto 0px ;
}



.top_staff_section{
	width : 100% ;
}

.top_staff_staff{
	float : left ;
	width : 52.77% ;
	z-index : 1 ;
}
.top_staff_company{
	float : left ;
	width : 47.23% ;
	z-index : 1 ;
}










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



}


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





.top_mainimage_superbox{
	margin : 0px auto 20px ;
}

.top_mainimage{
}


.top_mainimage_linkbox{
	margin-top : 0px ;
}

.top_mainimage_link_item{
}
.top_mainimage_link_item img{
}

.top_mainimage_link_item_sp{
	width : auto ;
	max-width : 100% ;
	margin : 0px auto 15px ;
}




.top_heart_section{
	margin-top : 140px ;
}
.top_heart_back_flower{
}

.top_heart_superbox{
	max-width : 768px ;
	padding : 0px 64px ;
	margin : 60px auto ;
	z-index: 4 ;
}


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

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

.top_heart_title{
	width : 440px ;
	margin : 40px auto 40px  ;
}

.top_btn_heart{
	width : 260px ;
	margin : 36px auto 0px ;
}


.top_life_section{
	padding : 140px 0px 70;
}

.top_life_title{
}

.top_life_story{
	padding : 0px 64px ;
	margin : 30px auto 0px ;
	text-align : left ;
}

.top_btn_life{
	margin-top : 26px ;
}


.top_life_flex{
	width : 100% ;
	padding : 20px ;
	margin : 60px 0px 0px 0 ;
}

.top_life_flex_item{
	max-width : 286px;
	width : 33% ;
}
.top_life_flex_item img{
}



.top_faq_section{
}

.top_faq_back_flower{
}

.top_faq_superbox{
	max-width : 680px ;
	padding : 10px 20px 100px;
}

.top_faq_title{
}


.top_faq_itembox{
	padding : 20px 0px ;
}

.top_faq_item_q{
	font-size : 26px ;
}

.top_faq_icon_q{
}

.top_faq_item_a{
	padding : 20px 20px 20px 80px ;
	font-size : 22px ;
}
.top_faq_icon_a{
}

.top_faq_arrow{
}

.top_faq_btn{
	width : 454px ;
	margin : 64px auto 0px ;
}





.top_recruit_section{
	background-image : url("../images/common/back_smile_sp.jpg");
	padding : 60px 0px ;
}

.top_recruit_btn{
}




.top_blog_section{
	padding : 100px 0px 80px ;
}

.top_blog_back_flower{
}

.top_blog_title{
}

.top_blog_flex_wrap{
	width : 100% ;
	overflow-x : scroll ;
}
.top_blog_flex{
	width : 1300px ;
	max-width : 1300px ;
	padding : 0px 40px ;
	margin : 80px auto 0px ;
}


.top_blog_item{
}

.top_blog_item_wrap{
}

.top_blog_item_image{
}
.top_blog_item_image img{
}

.top_blog_item_cate{
	width : 100% ;
	height : 40px ;
	line-height : 34px ;
	margin : -20px auto 0px ;
	border-radius: 20px ;
	font-size : 16px ;
}

.top_blog_item_title{
	font-size : 22px ;
}

.top_blog_item_date{
	font-size : 16px ;
}

.top_blog_btn{
	width : 460px ;
	margin : 70px auto 0px ;
}



.top_staff_section{
	width : 100% ;
}

.top_staff_staff{
	float : none ;
	width : 100% ;
	max-width : 768px ;
	margin : 0px auto ;
}
.top_staff_company{
	float : none ;
	width : 100% ;
	max-width : 768px ;
	margin : 0px auto ;
}













}