@charset "utf-8";
/* CSS Document */
@media screen and (max-width:480px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
	html {font-size: 85%;}
header #headerwrapper .headerinner {
	/*text-align: center;*/
	width: 100%;
	margin: 0;
}
header #headerwrapper .headerinner.lower {
	/*text-align: center;*/
	position: relative;
	height: 140px;
}
header #site_title {
}
header .headerinner.lower #site_title {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	max-width: 70%;
}
header p.slogan {
	font-size: 1.2rem;
	display: flex;
	flex-wrap: wrap;
	flex: 0 1 100px;
	margin-bottom: 0;
	/*justify-content: center;/*flexを中央へ*/
}
header #site_title p.slogan span.text {
	/*font-size: 2rem;*/
}
header #site_title h1 {
	margin-right: 0;
	padding-left: 5px;
	text-align: left;
}
header #site_title h1 img.tenlogo {
	width: 100%;
}
header .searchtop {
	display: none;
}
header .headerinner.lower .searchtop {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
}
header .searchtop .searchtoptext_sp {
	display: block !important;
	font-size: 1.2rem;
	text-align: center;
}
header .searchtop dl {
	margin: 5px 5px 0;
}
header p.searchtoptext {
	display: none;	
}
ul.sns_icon {
	text-align: right;
	padding-right: 5px;
}
.headerinner.lower ul.sns_icon {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	padding-top: 1.9%;
	padding-right: 5px;
}
ul.sns_icon li {
	display: table-cell;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: 2.5rem;
}
ul.sns_icon li + li {
	padding-left: 10px;
	}
.ten_hero {
	background: none;
	width: 100%;
	height: auto;
}
p.tensmall_hero {
	display: inherit;
	max-width:100%;
}
/* partner_banner ボタン 
===========================================*/
#content .pt_banner {
	width: 100%;
	height: auto;
}
#content .pt_banner p {
}
/* banner_area 
===========================================*/
#content .banner_area {
}
#content .banner_area ul {
	margin-left: 40px;
}
#content .banner_area ul li {
}

/*==========================================
 content
===========================================*/
#content .searchbox {
	padding: 10px;
}
#content p.numbertext,#content p.searchboxtext {
	line-height: 1.2;	
}
#content p.numbertext {
	font-size: 1.5rem;
}
#content p.searchboxtext {
	font-size: 1.5rem;
	display: flex;
	flex-wrap: wrap;
	flex: 0 1 100px;
	margin-bottom: 0;
	justify-content: center;/*flexを中央へ*/
}
.searchbox .searcharea {
	max-width: 95%;
}
dl.search1 dt input{
	font-size: 78%;
}
/*==========================================
 container
===========================================*/
#container {
	background-color: #fff;
	margin-bottom: 0;
	/*height: 100%;*/
}
#container section.area {
	margin: 10px 10px 0 10px;
	position: relative;
	clear: both;
}
#container section.area img.chara {
	display: none;
}	
#container section.area h2 {
	padding: 30px 0 0 55px;
	background: url(../../images/guests/tentenpon02.png) no-repeat left center;
	background-size: 53px 50px;
	border-bottom: 1px solid #920784;
	text-shadow: 0 0 0 #fff;
	font-size: 1.3rem;
	color: #920784;
}
#container .top_area {
	margin: 20px 0 20px 10px;
	font-size: 1.2rem;
}
.top_area p {
	margin-left: 10px;
}
/* job
===========================================*/
ul.job_group li.job_list {
}
	
/* useful
===========================================*/
.useful_group ul.useful_list {
	justify-content: center;
}
.useful_group ul.useful_list {
	margin-bottom: 10px;
	/*float: left;*/
}
.useful_group ul.useful_list li {
	margin: 10px;
	flex: 0 1 120px;
}
.useful_group ul.useful_list li p {
	font-size: 0.9rem;
}
	
/* bargain
===========================================*/
.bargain {
	display: block;
	/**margin: 30px;*/
}
.bargain_left {
	margin-right: 1rem;
}
.bargain_list {
	margin: 0;
	padding: 0;
}

.bargain_list dl dt {
	width: auto;
	display: block;
	clear: left;
	float: none;
	padding: 3px;

}
.bargain_list dl dd { 
	width: auto;
	display: block;
	border: none;
	padding: 3px;
	color: #a40035;
	text-align: center;
	margin-top: 10px;
}
p.bargain_title {
	margin-left: 0;
}
	
.bargain_list dl.bargain_item {
	float: none;
	margin: 0;
}

.bargain_list dl.bargain_item dt {
	float: none;
	width: 95%;
	margin-bottom: 0.3rem;
	padding: 0;
}
.bargain_list dl.bargain_item dd { 
	float: none;
	text-align: right;
	margin: 0 1rem 1.3rem 0;
	padding: 0;
}

/* sns_group
===========================================*/
.sns_group {
	margin-right: 20px;
}
.sns_group .sns_item {
	margin: 0;
	padding: 0;
}
.sns_group .sns_item + .sns_item {
	margin-top: 60px;
}
.sns_group .sns_item > p {
	margin: 0 !important;
}
.top_area .fb-page {
    width:100% !important;
}

/*==========================================
 footer
===========================================*/
footer .footer_img {
	display: none;
}
footer #info_group {
	/*padding-top: 0.1rem;*/
}
footer #info_group ul.foot_menu {
	text-align: center;
}
footer #info_group ul.foot_menu li {
	display: inherit;
	padding-left: 0;
}
footer #info_group ul.foot_menu li.foot_line {
	border-right: none;
	padding-right: 0;
}
footer p.foot_logo {
	margin-top: 0;
	padding-top: 0;
}
footer #info_group .address_group {
	display: inline-block;
}
footer #info_group ul.foot_ad {
	display: block;
	margin-left: 0;
	margin-bottom: 15px;
	padding: 0;
	text-align: left;
}
footer #info_group ul.foot_ad li {
	display: block;
	width: 100%;
}
footer #info_group ul.foot_ad li.food_adh {
	margin-bottom: 0.5rem;
}
/* site	
===========================================*/
h3.site_title {
	font-size: 1.2rem;
}

.site_group ul.site_kanren li img {
	width: 8rem;
}
.site_group ul.site_list {
	font-size: 1rem;
}

/*==========================================
  検索結果一覧
===========================================*/
/* s_title
===========================================*/
#container h2.s_title {
	height: 35px;
	background: url(../../images/guests/guests_search/bg_s_title.png) repeat-x 0 0;
	background-size: auto 35px;
	color: #fff;
	font-size: 1.2rem;
	text-shadow: 1px 1px 3px #333;  
	line-height: 35px;
}
#container h2.s_title:before {
	display: inline-block;
	content:" ";
	background-image: url(../../images/guests/guests_search/s_title_icon.png);
	background-size:contain;
	width:21px;
    height:16px;
	margin-top: -2px;
	margin-right: 10px;
	margin-left: 15px;
	padding: 0;
	vertical-align: middle;
}

/* search-area
===========================================*/
#container .search-area .search_box {
	padding-right: 10px;
	padding-left: 10px;
}
#container .search-area .search_box ul {
	width: 100%;
	padding-top: 10px;
}
#container .search-area .search_box ul + ul {
	padding-top: 10px;
}
#container .search-area .search_box ul.col {
	display: block;
}
#container .search-area .search_box ul.col li {
	display: block;
}
#container .search-area .search_box ul.col li + li {
	padding-top: 15px;
	padding-left: 0px;
}
#container .search-area .search_box ul li p {
	margin-left: 0px;
}
#container .search-area .search_box ul li dl {
	font-size: 0.8rem;
}
#container .search-area .search_box ul.col li dl {
	font-size: 0.8rem;
}
#container .search-area .search_box ul.col li + li dl dt {
	width: 60px;
}
#container .search-area .search_box ul.smp_fix dt, #container .search-area .search_box ul.smp_fix dd {
	display: block;
}
#container .search-area .search_box ul.smp_fix dd {
	padding-top: 6px;
	padding-left: 0;
}
#container .search-area .search_box {
	background: none;
}
#container .search-area .search_box .guest_01,
#container .search-area .search_box .guest_02,
#container .search-area .search_box .guest_03,
#container .search-area .search_box .guest_04 {
	width: 100%;
}
#container .search-area .search_box .search_btn .guest_05 {
	background-size: 80% auto;
	font-size: 0.9rem;
}
/* search-result
===========================================*/
#container .search-result h3 {
	margin-top: 15px;
	font-size: 1.2rem;
}
#container .search-result .relust_group {
	diispaly: inline;
	margin: 25px 0 0;
}
#container .search-result .relust_group p {
	display: block;
	width: 50%;
	font-size: 0.8rem;
}
#container .search-result .relust_group div {
	display: block;
	position: relative; 
	overflow: hidden;
	width: 100%;
	margin-top: 16px;
	font-size: 0.8rem;
}
	#container .search-result .relust_group div ol li a {
		padding: 0px 4px 0px;
	}
	#container .search-result .relust_group div ol li span {
		padding: 0px 6px 0px;
	}
#container .search-result .relust_group dl {
	display: block;
	float: right;
	width: 50%;
	margin-top: -58px;
	font-size: 0.8rem;
}
#container .search-result .result_list ul {
	font-size: 0.8rem;
}
#container .search-result .result_list ul + ul {
	font-size: 0.7rem;
}
#container .search-result .result_list ul li dt {
	padding: 4px 5px 2px;
}
#container .search-result .result_list ul li dd {
	padding: 4px 5px 2px;
	border-left: 1px solid #fff;
}
#container .search-result .result_list ul + ul li dt {
	padding: 6px 5px;
}
#container .search-result .result_list ul + ul li dd {
	padding: 6px 5px 6px 6px;
}
#container .search-result .result_list ul li dl dt {
	width: 28%;
}
	#container .search-result .result_list ul li dl dd.item01 {
		width: 30%;
	}
	#container .search-result .result_list ul li dl dd.item02 {
		width: 18%;
	}
	#container .search-result .result_list ul li dl dd.item03 {
		width: 24%;
	}
	#container .search-result .result_list ul + ul li dl dd.item03 {
		font-size: 0.6rem;
	}
/* search_request
===========================================*/
#container .search_request {
	width: 90%;
}
#container .search_request > p{
	font-size: 0.9rem;
}
#container .search_request > p .sp {
	display: block;
}
#container .search_request .gray_box {
	margin-top: 6px;
	padding: 17px 16px 20px 22px;
}
#container .search_request .gray_box h3 {
	background: url(../../images/guests/guests_search/search_request_icon.png) left center no-repeat;
	background-size: 20px auto;
	padding-left: 24px;
	font-size: 0.9rem;
}
#container .search_request .gray_box ul {
	padding-top: 14px;
	font-size: 0.8rem;
}
#container .search_request .gray_box ul li dl dt {
	width: 60px;
}
#container .search_request .gray_box .request_btn {
	width: 120px;
	margin: 24px auto 0;
}
#container .search_request .gray_box .request_btn .guest_08 {
	background-size: auto 100%;
	width: 120px;
	height: 32px;
	font-size: 0.8rem;
	text-align: center;
}
#container .search_request .gray_box .g-recaptcha {
	display: inline-block;
	margin-left: auto;
}
#container .search_request .gray_box .recap_cnt {
	text-align: center;
	width: auto;
}
/*==========================================
 企業詳細
===========================================*/
body .data-d #container {
	margin: 1rem 0.5rem;
}
#container h2.d_title {
	min-height: 42px;
	height: auto;
	background: #000 url(../../images/guests/bg_d_title.png) repeat-x 0 0;
}
section.data-area {
	margin: 1rem auto;
}
	section.data-area .data_co_group {
	display: block;
}
.table_subtitle {
	margin-bottom: 5px;
}

/* table */
section.data-area table {
	float: none;
	width: 100%;
	text-align: left;
    box-shadow: none;
    border: none;
}
	section.data-area table th {
		white-space: normal;
	}
	.data_p_group {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0;
	}
	.data_p_group img {
		width: 96%;
	}
	p.data_pphoto {
		flex: 1 1 50%;
	}
	ul.data_sns_group {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	ul.data_sns_group li {
		flex: 1 1 50%;
		margin-bottom: 0.5rem;
	}
	ul.data_sns_group li + li a {
		margin-left: 0rem;
	}
	ul.data_sns_group li a {
		cursor: pointer;
			width: 96%;
	}
	.blue_box {
		background-color: transparent;
		padding: 0;
		margin: 0.5rem 0;
	}
	
	.blue_box li {
		margin-bottom: 0.3rem;
		padding: 0.3rem;
		background-color: #3068c0;
	}
	
	/* 反論_title
===========================================*/
	.data_group {
		display: inline;
		margin: 0;
	}
	.data_obj_co {
		display: block;
		width: 100%;
		margin-bottom: 0.5rem
	}
   .p_left {
		display: block;
	   width: auto;
	   margin: 0.5rem 0;
	   padding: 0;
	}
	.p_left img {
	}
	.obj_group {
	}
	ul.p_img_s {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	ul.p_img_s li {
		flex: 1 1 50%;
		margin-bottom: 0.5rem;
	}
	ul.p_img_s li img {
		width: 96%;
	}

	ul.data_list li {
		margin-bottom: 0.5rem;
	}

/* なっとくボタン
===========================================*/
.data_list {
	float: none;
}
.data_list input,.data_list button,.data_list a {
	width: 100%; 
	min-height: 40px;
}
.data_list button {
	height: auto;
}
.bg_blue,.bg_orange,.bg_ocher {
	background-position: center bottom;
	background-size: cover;
}
.bg_green {
	background-size: cover;
}
.data_list a {
	padding: 0.8rem 0 0 0;
}
p.data_list_text {
	float: none;
	margin-left: 0;
	padding-top: 0;
}
	/* 社員なっとくボタン 報告する */
.bg_ocher input[type="password"]:hover {
	filter: none;
	-moz-opacity: 1;
	opacity: 1;
}
	
.bg_ocher input[type="submit"], .bg_blank input[type="submit"] {
	border: 1px solid gray;
	border-radius: 3px;
	color: #333;
	background: ButtonFace;
}
.bg_ocher input[type="submit"]:hover {
	background-color: #fff;
	filter: none;
	-moz-opacity: 1;
	opacity: 1;
}

/*==========================================
 特別求人応募一覧
===========================================*/

/* sp_title
===========================================*/
/* sp_title
===========================================*/
#container h2.sp_title {
	background: url(../../images/guests/special/bg_sp_title.png) no-repeat 0 0;
	background-size: 100% 120%;
	width: 100%;
	height: auto;
	font-size: 1.1rem; 
	line-height: 30px;
}
/* inq_title
===========================================*/
#container h2.inq_title {
	background: url(../../images/guests/special/bg_sp_title.png) no-repeat 0 0;
	background-size: 100% 120%;
	width: 100%;
	height: auto;
	font-size: 1.1rem; 
	line-height: 30px;
}

/* special-fa
===========================================*/
#container .special-fa {
	width: 100%;
}
#container .special-fa ul {
	margin: 0 10px;
}
#container .special-fa ul li dl dd {
	margin: 6px 0 0;
}
/* special_btn_see
===========================================*/
#container .special_btn_see {
	width: 100%;
	margin: 24px 0 0;
}
/* special-list
===========================================*/
#container .special-list > ul {
	padding-bottom: 78px;
}
#container .special-list > ul > li {
	width: auto;
	margin: 23px 0 0;
}
#container .special-list > ul > li + li {
	margin-top: 44px;
}
#container .special-list li > div {
	background-size: 40px auto;
	width: auto;
	margin: 12px 6px;
}
#container .special-list li div h3 ul {
	float: none;
	margin-left: 55px;
	font-size: 1.1rem;
}
#container .special-list li div h3 ul:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#container .special-list li div h3 ul li {
	float: left;
	margin: 4px 0;
	padding-right: 10px;
}
#container .special-list li div h3 ul li + li {
	border-left: 5px solid #434343;
	padding-left: 10px;
}
#container .special-list li div h3 .sp_date {
	float: none;
	display: inline-block;
	background-color: #fff;
	margin: 10px 0 0 50px;
}
#container .special-list li div .sp_txt {
	width: auto;
	margin: 6px 0 0 50px;
}
#container .special-list li div .sp_dtl {
	margin: 0 10px 0 18px;
}
#container .special-list li div table {
	border-collapse: collapse;
	width: 100%;
}
#container .special-list li div table th {
	width: auto;
	padding: 10px 15px 10px 15px;
	white-space: nowrap;
}
#container .special-list li div table td {
	padding: 10px;
}
/* special_btn_apply
===========================================*/
#container .special_btn_apply {
	width: auto;
	margin-top: 28px;
}

/*==========================================
 特別応募フォーム
===========================================*/
/* inq_form
===========================================*/
#container .inq_form {
	width: auto;
}
#container .inq_form .inq ul {
	margin: 0 20px;
}
#container .inq_form .inq ul li {
	padding: 0 15px;
}
#container .inq_form .inq ul li.bdr {
	border-bottom: 2px dotted #00b7ee;
	margin-bottom: 14px;
	padding-bottom: 13px;
}
#container .inq_form .inq ul li dl dt {
	float: none;
	width: 100%;
}
#container .inq_form .inq ul li dl dd {
	float: none;
	width: 100%;
	margin-top: 6px;
	text-align: center;
}
#container .inq_form .inq ul li dl dd input {
	width: 94%;
	height: 30px;
}
#container .inq_form .inq ul li dl dd textarea {
	width: 94%;
	height: 140px;
}
#container .inq_form .inq ul li dl dd .drop {
	background-color: #fff;
	width: 94%;
	height: 210px;
	margin: 0 auto;
}
/* #container .inq_form .inq .g-recaptcha {
	margin-left: 3%;
	padding: 0 0 0 35px;
} */
#container .inq_form .inq .recap_cnt {
	text-align: center;
}
#container .inq_form .inq .g-recaptcha {
	display: inline-block;
	margin-left: 40px;
}
#container .inq_form .inq .btn_confirm {
	margin: 30px auto 0;
}
.g-recaptcha{
	transform:scale(0.77);
	-webkit-transform:scale(0.77);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}

#rc-imageselect {
	transform:scale(0.77);
	-webkit-transform:scale(0.77);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}	

/*==========================================
 お得情報一覧
===========================================*/
/* good_title
===========================================*/
#container h2.good_title {
	height: 40px;
	background: url(../../images/guests/good/bg_good_title.png) repeat-x 0 0;
	color: #fff;
	font-size: 1.4rem;
	text-shadow: 1px 1px 3px #333;  
	line-height: 40px;
}
#container h2.good_title:before {
	display: inline-block;
	content: "";
	background: url(../../images/guests/good/good_title_icon.png) 20px center no-repeat;
	background-size:contain;
	width: auto;
	height: 20px;
	vertical-align: middle;
}
/** good-news **/
#container .good-news {
	margin: 15px 0;
}

#container .good-news ul li dl dt {
	display: inherit;
}
#container .good-news ul li dl dd {
	display: inherit;
	margin-bottom: 0.5em;
}


/* good-note
===========================================*/
#container .good-note {
	position: inherit;
	min-height: auto;
}
#container .good-note:before {
	position: inherit;
	display: inline-block;
	content: '';
	background: url(../../images/guests/good/good_note_tentenpon.png) left top no-repeat;
	background-size: contain;
	width: 80px;
	height: 76px;
	margin: 10px;
}
#container .good-note .note {
	margin-top: -116px;
	padding-left: 100px;
}

/* good-list
===========================================*/
#container .good-list .pager {
	display: block;
	position: relative; 
	overflow: hidden;
	width: 100%;
	margin-top: 30px;
	font-size: 0.8rem;
}
	#container .good-list .pager ol li a {
		padding: 0px 4px 0px;
	}
	#container .good-list .pager ol li span {
		padding: 0px 6px 0px;
	}

#container .good-list > ul > li {
	width: 100%;
	background-size: cover;
}
#container .good-list > ul > li:before {
	width: 100%;
}
#container .good-list > ul > li > div {
	width: auto;
	margin: 0 12px;
}
#container .good-list > ul > li > div .good_pic {
	float: none;
	width: 100%;
}
#container .good-list > ul > li > div .good_pic li {
	display: block;
	padding-right: 0;
}
#container .good-list > ul > li > div .good_pic li + li {
	margin-top: 10px;
	padding-left: 0;
}
#container .good-list > ul > li > div .good_pic li img {
	width: 100%;
}
#container .good-list > ul > li > div .good_misc {
	float: none;
	width: 100%;
	margin-top: 20px;
}
#container .good-list > ul > li > div .good_misc > ul.wht_area {
	width: 100%;
}
#container .good-list > ul > li > div .good_misc > ul.wht_area:before {
	width: 100%;
}
#container .good-list > ul > li > div .good_misc .good_btn {
	padding: 0 0 0 0;
}
#container .good-list > ul > li > div .good_misc .data_list a {
	width: 100%;
	margin-right: 0.5rem;
}
#container .good-list .good_btm_txt {
	width: auto;
	margin: 15px 0 0 auto;
}

/*==========================================
 天SHOCKとは？
===========================================*/
/* about-msg
===========================================*/
#container h2.about_title {
	height: 40px;
	background: url(../../images/guests/good/bg_good_title.png) repeat-x 0 0;
	color: #fff;
	font-size: 1.4rem;
	text-shadow: 1px 1px 3px #333;  
	line-height: 40px;
	padding-left: 5px;
}
#container h2.about_title:before {
	display: inline-block;
	content: "";
	background: url(../../images/guests/about/about_title_icon.png) 10px center no-repeat;
	background-size:contain;
	width: auto;
	height: 20px;
	vertical-align: middle;
}
	
#container .about-msg {
	width: auto;
	margin: 12px 10px 0;
}
#container .about-msg h3 {
	margin: 100px 10px 0 10px;
	padding: 4px 10px 2px 10px;
}
#container .about-msg .msg {
	margin: 0 10px 0 10px;
}
#container .about-msg .msg_gray {
	width: auto;
}
#container .about-msg .pc {
	display: none;
}
/* about-howto
===========================================*/
#container .about-howto {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 50px;
}
#container .about-howto h3 {
	width: 100%;
}
#container .about-howto ul.howto_left {
	float: none;
	width: auto;
	margin: 15px 0 0 0;
}
#container .about-howto ul.howto_left li p.ten {
	display: none;
}
#container .about-howto ul.howto_right {
	float: none;
	width: auto;
}
#container .about-howto ul.howto_right li {
	padding-left: 0;
	text-align: center;
}
#container .about-howto ul.howto_right img {
	width: 100%;
	max-width: 295px;
}


/* お問合せ
===========================================*/
#container h2.guests-inq_title {
	height: 40px;
	background: url(../../images/guests/good/bg_good_title.png) repeat-x 0 0;
	color: #fff;
	font-size: 1.4rem;
	text-shadow: 1px 1px 3px #333;  
	line-height: 40px;
	padding-left: 5px;
}
#container h2.guests-inq_title:before {
	display: inline-block;
	content: "";
	background: url(../../images/guests/guests-inq/inq_title_icon.png) 10px center no-repeat;
	background-size:contain;
	width: auto;
	height: 20px;
	vertical-align: middle;
}

/* 利用規約
===========================================*/
#container h2.rules_title {
	height: 40px;
	background: url(../../images/guests/good/bg_good_title.png) repeat-x 0 0;
	color: #fff;
	font-size: 1.4rem;
	text-shadow: 1px 1px 3px #333;  
	line-height: 40px;
	padding-left: 5px;
}
#container h2.rules_title i.fa-file-text-o {
	font-size: 1.4rem;
	padding-left: 15px;
}


/* 全体終了
===========================================*/

}