/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/
/* サンクスページ */
.thanks_section {
    width: 100%;
    height: auto;
    margin: 0px auto 60px;
}
.thanks_superbox {
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 100px 0px;
    background-size: cover;
    background-position: center top;
}

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

.top_thanks_btn {
    width: auto;
    margin: 64px auto 0px;
}
@media screen and (max-width: 1100px) {
	.top_thanks_btn {
		width: auto;
		margin: 64px auto 0px;
	}
}
#header{
	position : fixed ;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	height : 100px ;
	background-color: #FFFFFF ;
	z-index : 44 ;
}

.header_dummy{
	width : 100% ;
	height : 120px ;
	background-color: #FFFFFF ;
	z-index : 1 ;
}

.header_inner{
	width : 100% ;
	max-width : 1300px ;
	margin : 0px auto ;
	padding : 10px ;
}

.logo_header{
	float : left ;
	width : 380px ;
	height : auto ;
	margin-right : 20px ;
}

.gnavi_item{
	float : left ;
	width : auto ;
	padding : 20px 10px ;
}

.tel_header{
	float : right ;
	width : 240px ;
	height : auto ;
	margin-top : 3px ;
}


.menu_sp_superbox{
	position: fixed ;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	height : 0%;
	background-color : #F7F6F1 ;
	z-index : 41 ;
	overflow: hidden ;
}













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

.ul_titlebox{
	width : 100% ;
	/** height : auto ; **/
	height : 320px ;
	z-index : 1 ;
}

.ul_title_image{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	z-index : 1 ;
}

.ul_mask_head{
	position : absolute ;
	top :-2px ;
	left : 0px ;
	width : 100% ;
	height : auto ;
	z-index : 4 ;
}
.ul_mask_foot{
	position : absolute ;
	bottom :-2px ;
	left : 0px ;
	width : 100% ;
	height : auto ;
	z-index : 4 ;
}

.ul_titletext{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index : 5 ;
}

.pnkz{
	width : 100%;
	max-width : 1240px;
	height : 40px;
	line-height: 40px;
	padding : 0px 20px;
	font-size: 14px;
}
.pnkz a span{
	text-decoration: underline;
}

.pnkz span{
	margin-right : 6px ;
}


.ul_mask_head{
	position : absolute ;
	top : -2px ;
	left : 0px ;
	width : 100% ;
	height : auto ;
	z-index : 2 ;
}
.ul_mask_foot{
	position : absolute ;
	bottom : -2px ;
	left : 0px ;
	width : 100% ;
	height : auto ;
	z-index : 2 ;
}




#footer_contact{
	width : 100% ;
	height : auto ;
	padding : 140px 0px 120px ;
	background-image : url("../images/common/back_contact.jpg");
	background-size : cover ;
	background-position: center center ;
	overflow: hidden ;
	z-index : 8 ;
}

.footer_contact_inner{
	width : 100% ;
	max-width : 1080px ;
	padding : 0px 40px ;
	margin : 0px auto ;
}

.footer_contact_story{
	float : left ;
	width : 330px ;
	height : auto ;
}

.title_footer_contact{
	width : 294px ;
	margin-bottom : 24px ;
}

.footer_contact_tel{
	float : left ;
	width : 280px ;
	margin-left : 70px ;
}
.footer_contact_mail{
	float : left ;
	width : 280px ;
	margin-left : 26px ;
}




#footer{
	width : 100% ;
	height : auto ;
	padding : 60px 0px 10px ;
	background-color: #F7F6F1 ;
	z-index : 41 ;
}

.footer_inner{
	width : 1080px ;
	padding : 0px 40px ;
	margin : 0px auto ;
}

.footer_find_superbox{
	float : left ;
	width : 470px ;
}

.footer_link_superbox{
	float : left ;
	width : 200px ;
	margin-left : 40px ;
	font-size : 14px ;
}

.footer_find_title{
	width : 100% ;
	text-align : center ;
	font-size : 18px ;
	font-weight : 700 ;
	margin-bottom : 12px ;
}

.footer_find_item{
	width : 224px ;
	height : 74px ;
	background-color: #FFFFFF ;
	border-radius : 16px ;
	margin-bottom : 16px ;
	overflow : hidden ;
}

.footer_find_item_wrap{
	width : 224px ;
	height : 74px ;
	font-size : 14px ;
	font-weight : 700 ;
	line-height : 23px ;
	padding : 0px 30px 0px 90px ;
}

.footer_find_icon{
	position: absolute ;
	top : 50% ;
	left : 20px ;
	width : 64px ;
	transform: translate( 0% , -50% );
}

.footer_find_arrow{
	position: absolute ;
	top : 50% ;
	right : 16px ;
	width : 10px ;
	transform: translate( 0% , -50% );
}

.footer_find_item_story{
	display : table-cell ;
	width : 104px ;
	height : 74px ;
	vertical-align: middle ;
}

.footer_link_arrow{
	position: absolute ;
	top : 50% ;
	left : 0px ;
	width : 10px ;
	transform: translate( 0% , -50% );
}

.footer_link_item{
	padding-left : 20px ;
	font-size : 14px ;
	margin-bottom : 12px ;
}

.footer_logo{
	width : 240px ;
	height : auto ;
	margin : 60px auto 10px ;
}
.footer_logo.rec{
	margin : 16px auto 16px ;	
}

.footer_copy{
	width : 100% ;
	height : 30px ;
	line-height : 30px ;
	background-color: #575237 ;
	text-align : center ;
	font-size : 11px ;
	font-weight : 700 ;
	color : rgba(255,255,255,0.5) ;
}


.float_contact{
	position: fixed;
	top : 320px ;
	right: 0px ;
	width : 74px ;
	z-index : 45 ;
}
.float_recruit{
	position: fixed;
	top : 520px ;
	right: 0px ;
	width : 74px ;
	z-index : 42 ;
}







/** recruit ====================================================== **/


#rec_header{
	position: fixed ;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	height : 120px ;
	background-color: #FFFFFF ;
	z-index : 44 ;
}
.rec_header_dummy{
	width : 100% ;
	height : 120px ;
	z-index : 1 ;
}

.rec_header_belt{
	width : 100% ;
	height : 12px ;
	background-image : url("../images/recruit/recruit_back_mainimage.jpg"); 
	background-size : cover ;
	background-position: center center ;
}

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

.rec_logo_header{
	float : left ;
	width : 280px ;
	margin : 25px 20px 0px 0px ;
}

.rec_gnavi_item{
	float : left ;
	width : auto ;
	padding : 34px 20px ;
}

.rec_gnavi_entry{
	float : right ;
	width : 128px ;
	margin : 30px 0px 0px ;
}

.rec_gnavi_item img,
.rec_gnavi_entry img{
	width : 100% ;
}



.rec_ul_superbox{
	width : 100% ;
	padding : 110px 0px ;
}


.rec_ul_title{
	width : auto ;
	height : 80px ;
	margin : 0px auto  ;
}


.rec_contact_egg{
	float : left ;
	width : 370px ;
}

.rec_contact_btn{
	float : left ;
	width : 536px ;
	margin : 124px 0px 0px 64px  ;
}



#rec_footer{
	width : 100% ;

}

.rec_footer_linkbox{
	width : 100% ;
	height : 98px ;
	background-color: #E0F2E3 ;
}

.rec_footer_link_inner{
	width : 100% ;
	max-width : 800px ;
	display : flex ;
	justify-content: center;
	flex-wrap : wrap;
	margin : 0px auto ;
}

.rec_footer_link_item{
	width : auto ;
	height : auto ;
	padding : 29px 20px ;
}























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


#header{
}

.header_dummy{
}

.header_inner{
}

.logo_header{
	width : 260px ;
	margin-top : 10px ;
}

.gnavi_item{
	padding : 20px 10px ;
}
.gnavi_item img{
	width : auto ;
	height: 40px ;
}

.tel_header{
	width : 150px ;
	margin-top : 20px ;
}





}


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







#header{
    height: 120px;
}

.header_dummy{
}

.header_inner{}

.logo_header{
	width : 380px;
	margin-top: 11px;
}

.gnavi_item{
}

.tel_header{
}


.btn_spmenu{
	position: absolute;
	top: 11px;
	right : 24px;
	cursor: pointer;
	width : 94px;
	height : auto;
}



.menu_sp_superbox{
	position: fixed;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 0%;
	background-color : #F7F6F1;
	z-index: 43;
	overflow: hidden;
}
.menu_sp_item_dummy{
	width : 100% ;
	height : 126px ;
}
.menu_sp_item{
	width : 726px;
	height: 70px;
	line-height: 70px;
	padding : 0px 50px;
	background-color: #FFFFFF;
	box-shadow: 0px 4px 2px rgba(218,217,210,1.0);
	border-radius: 45px;
	margin : 0px auto 12px;
	font-size : 26px;
	color : #575237;
}

.menu_sp_item_triangle{
	position : absolute ;
	top : 50% ;
	right : 36px ;
	width : 16px ;
	transform: translate( 0% , -50% ) ;
}


.menu_sp_inenr{
	width : 680px ;
	margin : 16px auto 0px ;
}

.menu_sp_tel{
	float : left ;
	width : 342px ;
}
.menu_sp_mail{
	float : right ;
	width : 314px ;
}






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

.ul_titlebox{
	height : 300px ;
	z-index : 1 ;
}

.ul_title_image{
	position: absolute ;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
}

.ul_mask_head{
}
.ul_mask_foot{
}

.ul_titletext{
	width : auto ;
	max-width : 550px ;
}

.pnkz{
}
.pnkz a span{
}

.pnkz span{
}





#footer_contact{
	padding : 56px 0px 40px ;
	background-size : cover ;
	background-position: center top ;
	background-image : url("../images/common/back_contact_sp.jpg");
}

.footer_contact_inner{
	max-width : 680px ;
	padding : 0px 0px ;
}

.footer_contact_story{
	float : none;
	clear : both;
	width : 100%;
	height : auto;
	margin-bottom : 32px;
	text-align: left;
}

.title_footer_contact{
	width : 294px ;
	margin : 0px auto 32px ;
}

.footer_contact_tel{
	float : left ;
	width : 342px ;
	margin-left : 0px ;
}
.footer_contact_mail{
	float : right ;
	width : 314px ;
	margin-left : 0px ;
}






#footer{
	padding : 20px 0px 16px ;
}

.footer_inner{
	width : 100% ;
}

.footer_find_superbox{
}

.footer_link_superbox{
}

.footer_find_title{
}

.footer_find_item{
}

.footer_find_item_wrap{
}

.footer_find_icon{
}

.footer_find_arrow{
}

.footer_find_item_story{
}

.footer_link_arrow{
}

.footer_link_item{
}

.footer_logo{
	margin: 50px auto;
	width: 400px;
}
.footer_logo.rec{
	margin: 50px auto;
}

.footer_copy{font-size: 22px;height: 60px;line-height: 60px;}


.float_contact{
}
.float_recruit{
}







/** recruit ====================================================== **/


#rec_header{
}
.rec_header_dummy{
}

.rec_header_belt{
}

.rec_header_inner{
	padding: 0px 25px;
}

.rec_logo_header{
	width : 380px;
	margin: 20px 20px 0px 0px;
}

.rec_gnavi_item{
}

.rec_gnavi_entry{
	float : right;
	width: 168px;
	margin : 30px 110px 0px 0px;
}

.rec_gnavi_item img,
.rec_gnavi_entry img{
}



.rec_ul_superbox{
	width : 100% ;
	padding : 110px 0px ;
}


.rec_ul_title{
	width : auto ;
	height : 80px ;
	margin : 0px auto  ;
}


.rec_contact_egg{
	width : 320px ;
}

.rec_contact_btn{
	float : right ;
	width : 340px ;
	margin : 100px 0px 0px 10px  ;
}



#rec_footer{
	width : 100% ;

}

.rec_footer_linkbox{
	width : 100% ;
	height : 98px ;
	background-color: #E0F2E3 ;
}

.rec_footer_link_inner{
	width : 100% ;
	max-width : 800px ;
	display : flex ;
	justify-content: center;
	flex-wrap : wrap;
	margin : 0px auto ;
}

.rec_footer_link_item{
	width : auto ;
	height : auto ;
	padding : 29px 20px ;
}











}