@charset "utf-8";

/* ==================================================
#pageTitle
================================================== */
#pageTitle { color: #fff; margin-bottom: 10px; background-color: #707070; background-image: url("../img/pageTitleBG.jpg"); background-position: 50%; background-repeat: no-repeat; background-size: cover;
	 display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 370px; }
#pageTitle h1 { font-size: 60px; line-height: 1.3; font-weight: bold; letter-spacing: -.05em; text-align: center; }
#pageTitle h1 em { display: block; font-size: 30px; line-height: 1.3; font-weight: bold; letter-spacing: 0; }
@media screen and (max-width:960px){
	#pageTitle { height: 120px; margin-bottom: 30px; }
	#pageTitle .textBox { width: 100%; padding: 5%; }
	#pageTitle h1 { font-size: 35px; }
	#pageTitle h1 em { font-size: 14px; }
}

/* ==================================================
#breadcrumb
================================================== */
#breadcrumb { font-size: 14px; max-width: 885px; margin: 0 auto 50px; }
#breadcrumb ul { text-align: left; }
#breadcrumb ul li { display: inline-block; }
#breadcrumb ul li:after { content: " >"; color: #808080; padding: 0 .3em; }
#breadcrumb ul li:last-of-type:after { content: ""; }
@media screen and (max-width:767px){
	#breadcrumb { display: none; }
}

/* ==================================================
.pagenavi
================================================== */
.pagenavi { font-size: 16px; margin: 50px auto; text-align: center; clear: both; }
.pagenavi a { display: inline-block; margin: 0; }
.pagenavi a.page,
.pagenavi span { display: inline-block; width: 40px; height: 40px; line-height: 40px; white-space: nowrap; text-align: center; text-decoration: none; }
.pagenavi span { color: #fff; background: #000; }
.pagenavi a.previouspostslink,
.pagenavi a.nextpostslink { margin: 0 1em; }

/* ==================================================
.article
================================================== */
.article { text-align: left; max-width: 885px; margin: 0 auto 80px; overflow: hidden; }
.article h1 { font-size: 35px; line-height: 1.5; font-weight: bold; margin-bottom: 30px; }
.article h2 { font-size: 25px; line-height: 1.3; font-weight: bold; border-bottom: 2px solid #000; margin-bottom: 30px; padding-bottom: 20px; }
.article h3 { font-size: 21px; line-height: 1.3; font-weight: bold; margin-bottom: 10px; }
@media screen and (max-width:767px){
	.article { margin: 0 auto 40px; }
	.article h1 { font-size: 26px; margin-bottom: 20px; }
	.article h2 { font-size: 20px; margin-bottom: 15px; padding-bottom: 10px; }
	.article h3 { font-size: 18px; margin-bottom: 15px; }
}
.article p { line-height: 2; margin-bottom: 3em; }
.article p.m0 { margin-bottom: 0; }

.article ul,
.article ol { line-height: 2; margin: 0 0 2em 2em; }
.article ul { list-style-type: disc; }
.article ol { list-style-type: decimal; }
.article ul.link { list-style-type: none; margin: 0; }
.article ul.link a { position: relative; display: inline-block; padding-left: 1em; vertical-align: middle; text-decoration: none; }
.article ul.link a:before,
.article ul.link a:after  { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; }
.article ul.link a:before { left: 3px; width: 4px; height: 4px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.article ul.link a.out { padding: 0 1.2em 0 0; }
.article ul.link a.out:before,
.article ul.link a.out:after  { position: absolute; display: block; width: 11px; height: 8px; margin: auto; content: ""; vertical-align: middle; }
.article ul.link a.out:before { left: auto; top: 0; right: 0; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(0); transform: rotate(0); }
.article ul.link a.out:after { left: auto; top: 3px; right: 2px; background: #000; -webkit-transform: rotate(0); transform: rotate(0); }
.article ul.star { list-style-type: none; margin: 0; }
.article ul.star li { margin-left: .9em; }
.article ul.star li:before { content: "※ "; margin-left: -.9em; }
.article table { width: 100%; table-layout: auto; border-collapse: collapse; empty-cells: show; }
.article table th,
.article table td { padding: 20px 0; border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe; }
.article table th span,
span.star { color: #ff5800; }
.article table em,
.article table address { display: block; line-height: 2; }

.article .box { margin-bottom: 2em; padding: 5%; border: 1px solid #bebebe; }
.article .box p:last-of-type { margin: 0; }

.article.list .listTitle { margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;  -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;  justify-content: space-between; align-self: stretch; }
.article.list .listTitle h1,
.article.list .listTitle div { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;  align-items: center; }
.article.list .listTitle h1 { flex-grow: 1; margin: 0; }
.article.list dl { clear: both; margin-top: -1px; padding: 22px 0; border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe; }
.article.list dl dt { float: left; width: 15em; clear: left; }
.article.list dl dd { padding-left: 17em; }
.article.list dl dt span { display: inline-block }
.article.list dl dt span:first-of-type { width: 5em; }
.article.list dl dt span:last-of-type  { width: 10em; text-align: center; font-size: 14px; line-height: 1.5; border: 1px solid #707070; margin-left: .7em; }
@media screen and (max-width:767px){
	.article.list dl dt { float: none; width: 100%; }
	.article.list dl dd { padding: 0; margin-top: 10px; }
}
#cooking .article.list dl dt { float: left; width: 10em; clear: left; }
#cooking .article.list dl dd { padding-left: 11em; }


.article .pht { margin-bottom: 45px; }
.article .photo { text-align: center; }
.article .photo p { font-size: 14px; margin: 0; }
.article .photo.center { margin: 20px 0; }
.article .photo.center img { display: block; width: 100%; margin: 0 auto 5px; }
.article .photo.left  { float: left;  margin: 0 20px 20px 0; }
.article .photo.right { float: right; margin: 0 0 20px 20px; }
.article .photo.left img,
.article .photo.right img { display: block; max-width: 100%; margin: 0 auto 5px; }
@media screen and (max-width:767px){
	.article .photo.left,
	.article .photo.right { float: none; margin: 0 auto 20px; }
}
.article address { line-height: 2; }
.article address em { display: block; }


/* ==================================================
.selectList
================================================== */
.selectList { overflow: hidden; }
.selectList select { width: 100%; padding-right: 2em; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; border: none; outline: none; background: transparent; background-image: none; box-shadow: none; -webkit-appearance: none; appearance: none; }
.selectList select::-ms-expand { display: none; }
.selectList { position: relative; background: #f0f0f0; }
.selectList::before { position: absolute; top: 0.7em; right: 0.7em; width: 6px; height: 6px; padding: 0; content: ''; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(135deg); transform: rotate(135deg); /*pointer-events: none;*/ z-index: 3; }
.selectList:after { position: absolute; top: 0; right: 0; bottom: 0; width: 2em; content: ''; background: #000; }
.selectList select { padding: .5em 3em .5em .5em; font-size: 14px; color: #000; }
@media screen and (max-width:767px){
	.selectList { width: 90%; margin-top: 10px; }
}

#news .selectList { margin-left: 1em; }
#contact .selectList { margin-top: 1em; width: 15em; }
@media screen and (max-width:767px){
	#contact .selectList { width: 100%; }
}


/* ==================================================
.form
================================================== */
.form th { width: 13em; padding-right: 20px !important; }
.form th em { display: block; font-size: 14px; font-weight: normal; }
.form td dl { border-top: 1px solid #bebebe; padding-top: 10px; }
.form td dl:first-of-type { border: 0; padding-top: 0; }
.form td dl dt { clear: both; float: left; width: 8em; margin-bottom: 10px; }
.form td dl dd { padding-left: 8em; margin-bottom: 10px; }
.form td ul {  }
.form td ul li { display: inline-block; margin-bottom: 10px; margin-right: 1em; }
.form td ul li.w100 { display: block; }
.form td ul li.w100 .formTxt { width: 60% !important; }
@media screen and (max-width:767px){
	.form th { float: left; width: 100%; padding-bottom: 0; border-bottom: 0;  padding-right: 0 !important; }
	.form td { float: left; width: 100%; padding-top: 10px; border: 0; }
}
.form input[type="text"],
.form input[type="email"],
.form textarea { font-size: 16px; padding: 1%; border: 1px solid #bebebe; }

.form .formTxt,
.form textarea { width: 97%; }
.form .formZip1 { width: 4em; font-size: 16px; padding: 1%; }
.form .formZip2 { width: 3em; font-size: 16px; padding: 1%; }
.form textarea { height: 8em; }
.form .formCnsnt { margin: 50px auto; text-align: center; }
.form .formCnsnt p { margin-bottom: 10px; }
.form .formBtn { margin: 50px auto; text-align: center; }
.form .formBtn input[type="submit"],
.form .formBtn input[type="reset"] { cursor: pointer; width: 9em; margin: 0 .6em; padding: 1em 0; border: 0; font-size: 18px; font-weight: bold; color: #fff; }
.form .formBtn input[type="submit"] { background: #000; }
.form .formBtn input[type="reset"] { background: #666; }
@media screen and (max-width:767px){
	.form .formBtn { margin: 30px auto; }
	.form .formBtn input[type="submit"],
	.form .formBtn input[type="reset"] { width: 7em; margin: 0 .3em;font-size: 16px; }
}

/* ==================================================
.faq
================================================== */
#faq #pageTitle { background-image: url("../img/pageTitleBGfaq.jpg"); }
.faq ol { list-style: none; margin: 0 0 15px; }
.faq li { display: block; font-size: 25px; line-height: 1.3; font-weight: bold; margin-bottom: 10px; }
.faq li a { display: block; padding: 10px; background: #000; color: #fff; text-decoration: none !important; }

#faq.post #pageTitle { background-image: url("../img/pageTitleBGfaq2.jpg"); }
#faq.post .section h1 { font-size: 25px; line-height: 1.3; font-weight: bold; margin-bottom: 30px; padding: 10px; background: #000; color: #fff; }


/* ==================================================
#kitchen, #cooking
#pageTitle
================================================== */
#kitchen #pageTitle { background-image: url("../img/pageTitleBGkitchen.jpg"); }
#cooking #pageTitle { background-image: url("../img/pageTitleBGcooking.jpg"); }
#cooking.cook-chill #pageTitle { background-image: url("../img/pageTitleBGcookchill.jpg"); }
#cooking.support #pageTitle { background-image: url("../img/pageTitleBGcookingSupport.jpg"); }

/* ==================================================
#kitchen, #cooking
.bgTitle
================================================== */
.bgTitle { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;  justify-content: space-between; align-self: stretch; }
.bgTitle dl { width: 48%; margin-bottom: 30px; }
.bgTitle dl dt { position: relative; margin-bottom: 10px; }
.bgTitle dl dt img { display: block; width: 100%; }
.bgTitle dl dt a { display: block; position: absolute; top: 50%; left: 50%; width: 73%; height: 73%; text-decoration: none !important;
	-ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
	margin: 0; padding: 0; border: 2px solid #fff; color: #fff; background: rgba(0, 0, 0, .3);
	display: flex; justify-content: center; align-items: center; text-align: center; font-weight: bold; font-size: 22px; line-height: 1.45; text-shadow: - 3px 6px rgba(0, 0, 0, .16); }
.bgTitle dl dd { font-size: 15px; }
@media screen and (max-width:767px){
	.bgTitle dl { width: 100%; }
}

/* ==================================================
.cook-chill
================================================== */
#cooking.cook-chill .image { margin-bottom: 30px; overflow-y: hidden; }
#cooking.cook-chill .image img { display: block; width: 48%; }
#cooking.cook-chill .image img:first-of-type { float: left; }
#cooking.cook-chill .image img:last-of-type  { float: right; }
@media screen and (max-width:767px){
	#cooking.cook-chill .image img { width: 49%; }
}
#cooking.cook-chill .flow { margin-bottom: 45px; }
#cooking.cook-chill .flow ul { list-style-type: none; margin: 0 ; padding: 0; }
#cooking.cook-chill .flow ul li { text-align: center; }
#cooking.cook-chill .flow ul li { position: relative; display: block; padding-bottom: 30px; vertical-align: middle; text-decoration: none; background: url("../img/arw.png") no-repeat 50% 100%; z-index: -3; }
#cooking.cook-chill .flow ul li:last-of-type { background: none; }
#cooking.cook-chill .flow ul li span { display: block; position: relative; padding: 15px 26px; background: #EDEDED; font-size: 18px; font-weight: bold; line-height: 1.3; z-index: -2; }
#cooking.cook-chill .flow ul li span:before,
#cooking.cook-chill .flow ul li span:after { position: absolute; content: ''; width: 0; height: 0; border: none; z-index: -1; }
#cooking.cook-chill .flow ul li span:before { left: 0px; top: 0px; border-left: solid 10px white; border-bottom: solid 120px transparent; }
#cooking.cook-chill .flow ul li span:after  { right: 0; top: 0; border: none; border-left: solid 10px transparent; border-bottom: solid 120px white; }
@media screen and (max-width:767px){
	#cooking.cook-chill .flow ul li span:after { display: none; }
}

#cooking.cook-chill .merit { border: 4px solid #FF5800; }
#cooking.cook-chill .merit h3 { text-align: center; font-size: 25px; color: #fff; background: #FF5800; padding: 10px; margin: 0; }
#cooking.cook-chill .merit ul { display: inline-block; text-align: center; margin: 1em 1em 1em 2em; font-weight: bold; }
#cooking.cook-chill .merit ul li { text-align: left; }
@media screen and (max-width:767px){
	#cooking.cook-chill .merit h3 { font-size: 20px; }
}


/* ==================================================
#kitchen.point
================================================== */
#kitchen.point #pageTitle,
#kitchen.point #breadcrumb { display: none; }
#kitchen.point #lead h1 { font-size: 120px; line-height: 1.3; font-weight: bold; letter-spacing: -.05em; text-align: center; margin-top: -.7em; }
#kitchen.point #lead h1 em { display: block; font-size: 30px; line-height: 1.3; font-weight: bold; letter-spacing: 0; }
#kitchen.point #lead p { font-size: 18px; text-align: center; }
@media screen and (max-width:767px){
	#kitchen.point #lead h1 { font-size: 40px; line-height: 1.3; }
	#kitchen.point #lead h1 em { font-size: 14px; }
	#kitchen.point #lead p { font-size: 14px; text-align: left; }
}
#kitchen.point .article { max-width: 100%; margin-bottom: 0; padding-bottom: 30px; }
#kitchen.point .article .inner { max-width: 885px; width: 90%; margin: 0 auto; }
#kitchen.point .article span.number { display: block; font-size: 170px; line-height: 1.2; font-weight: bold; letter-spacing: -.13em; margin-top: -.7em; }
#kitchen.point .article h2 { font-size: 36px; line-height: 1.5; border: 0; margin: 0 auto 56px; padding: 0; text-align: center; }
@media screen and (max-width:767px){
	#kitchen.point .article span.number { display: block; font-size: 50px; line-height: 1.2; text-align: center; }
	#kitchen.point .article h2 { font-size: 18px; line-height: 1.5; margin: 0 auto 20px; }
}
#kitchen.point #article01,
#kitchen.point #article03,
#kitchen.point #article05 { color: #fff; background: #000; }
#kitchen.point #lead,
#kitchen.point #article02,
#kitchen.point #article04,
#kitchen.point #article06 { color: #000; }
#kitchen.point #article06 { padding-top: 80px; }
@media screen and (max-width:767px){
	#kitchen.point #article06 { padding-top: 40px; }
}

/* ==================================================
#kitchen.application
================================================== */
#kitchen.application .article .consult { display: table; overflow-y: hidden; margin-bottom: 5px; background: #EFEFEF; }
#kitchen.application .article .consult:nth-of-type(2) {  margin-bottom: 20px; }
#kitchen.application .article .consultTitle { display: table-cell; width: 38%; padding: 29px; color: #fff; background: #000; text-align: right; }
#kitchen.application .article .consultTitle h3 { font-size: 60px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #454545; }
#kitchen.application .article .consultTitle h3 span { font-size: 21px; }
#kitchen.application .article .consultTitle h4 { font-size: 26px; line-height: 1.25; font-weight: bold; margin: 0; padding: 0; }
#kitchen.application .article .consultText { display: table-cell; padding: 29px; vertical-align: top; }
#kitchen.application .article .consultText p { margin: 0; }
@media screen and (max-width:767px){
	#kitchen.application .article .consult,
	#kitchen.application .article .consultTitle,
	#kitchen.application .article .consultText { display: block; width: auto; }
	#kitchen.application .article .consultTitle,
	#kitchen.application .article .consultText { padding: 5%; }
	#kitchen.application .article .consultTitle h3 { font-size: 30px; margin-bottom: 5px; padding-bottom: 5px; }
	#kitchen.application .article .consultTitle h3 span { font-size: 16px; }
	#kitchen.application .article .consultTitle h4 { font-size: 20px; }


}
#kitchen.application .article .other { padding: 3%; background: url("../img/kitchenAppBG.jpg") no-repeat 50% 50%; background-size: cover; }
#kitchen.application .article .other dl { padding: 5%; background: rgba(255,255,255,.7); }
#kitchen.application .article .other dt { font-size: 21px; font-weight: bold; margin-bottom: 26px; }
#kitchen.application .article .other dd { line-height: 2; margin-bottom: 3em; }
#kitchen.application .article .other dd:last-of-type { margin-bottom: 0; }

#kitchen.application .article#form h2 { text-align: center; font-size: 25px; padding: 18px; border: 0; box-shadow: 0 5px 6px -1px #d6d6d6; background: #F7F7F7; }


/* ==================================================
#results/index
================================================== */
#results #pageTitle { background-image: url("../img/pageTitleBGresults.jpg"); }
#results .resCategory { margin-bottom: 60px; }
#results .resCategory h2 { font-size: 17px !important; border: 0 !important; padding: 0 !important; margin-bottom: 10px; }

#results .resCategory ul,
#results .resCategory ul li { list-style: none; margin: 0; padding: 0;  display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; line-height: 1.2; }
#results .resCategory ul { flex-wrap: wrap; width: 100%; }
#results .resCategory ul li { display: flex; align-items: center; align-content: center; margin: 0 0 10px 2.25%; background-color: #000; width: 18%; text-align: center; position: relative; word-break: break-all; }
#results .resCategory ul li:nth-of-type(5n+1) { margin: 0 0 10px; }
#results .resCategory ul li a { width: 100%; background: #000; color: #fff; padding: .8em 0; text-decoration: none !important; z-index: 0; word-break: keep-all; }
#results .resCategory ul li a::before { bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: -1; }
#results .resCategory ul li a:hover::before,
#results .resCategory ul li a:hover { background-color: #9B9B9B; }
@media screen and (max-width:767px){
	#results .resCategory ul li,
	#results .resCategory ul li:nth-of-type(5n+1) { width: 32%; margin: 0 0 10px 2%; }
	#results .resCategory ul li:nth-of-type(3n+1) { margin: 0 0 10px; }
	#results .resCategory ul li a { word-break: normal; }
}

#results .resThumb { margin-bottom: 60px }
#results .resThumb ul { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#results .resThumb ul:before { content: ""; display: block; width: 23%; order: 1; }
#results .resThumb ul:after  { content: ""; display: block; width: 23%; }
#results .resThumb ul li { box-sizing: border-box; display: block; width: 23%; margin-bottom: 23px; }
#results .resThumb ul li a { display: block; }
#results .resThumb ul li img { display: block; width: 100%; margin: 0 auto 10px; }
#results .resThumb ul li span { display: block; line-height: 1.5; }
#results .resThumb ul li .resThumbTxt {  }
#results .resThumb ul li .resCat { display: inline-block; padding: 0 .3em; margin-bottom: 5px; font-size: 13px; color: #666; border: 1px solid #666; }
#results .resThumb ul li .resTtl {  }
@media screen and (max-width:767px){
	#results .resThumb ul li { width: 100%; margin-bottom: 20px; }
	#results .resThumb ul li img { float: left; width: 37%; }
	#results .resThumb ul li .resThumbTxt { float: right; width: 56%; }
}

/* ==================================================
#results/post
================================================== */
#results .infomation { overflow-y: hidden; }
#results .infomation h3 { margin-bottom: 25px; }
#results .infoL { float: left; width: 44%; }
#results .infoR { float: right; width: 52%; }
#results .infoL img { margin-bottom: 5px; }
#results .infoL p { font-size: 14px; margin-bottom: 20px; }
#results .infomation table { margin-bottom: 80px; }
#results .infomation th,
#results .infomation td { padding: 20px !important; }
#results .infomation th { background: #F7F7F7; width: 6em; }

#results .lists { margin-bottom: 70px; }
#results .lists ul { list-style-type: none; margin: 0; padding: 0; overflow-y: hidden; }
#results .lists ul li { float: left; width: 50%;  }
#results .lists ul li:before { content:"・"; }
#results .lists ul li:nth-of-type(2n+1) { clear: both; }

.resDrawing { margin-bottom: 50px; overflow-y: hidden; }
.resDrawing img { display: block; float: left; width: 54%; }
.resDrawing p { float: right; width: 43%; }
@media screen and (max-width:767px){
	.resDrawing img { float: none; width: 100%; margin-bottom: 10px; }
	.resDrawing p { float: none; width: 100%; }
}
.resRequestForm {  }
.resRequestForm h2 { padding: 20px 0; font-size: 21px; text-align: center; background: #F7F7F7; box-shadow: 0px 3px 3px 1px #d6d6d6; border: 0; }

/* ==================================================
#company
================================================== */
#company #pageTitle { background-image: url("../img/pageTitleBGcompany_pc.jpg"); }
@media screen and (max-width:767px){
	#company #pageTitle { background-image: url("../img/pageTitleBGcompany_sp.jpg"); }
}
#company table th { width: 9em; }
#company table ul,
#company table ol { margin-bottom: 0; }
#company table ul { list-style-type: square; }
#company table dl {  }
#company table dl dt { float: left; width: 8em; clear: both; }
#company table dl dd { padding-left: 8em; }
@media screen and (max-width:767px){
	#company table th { width: 5.5em; }
}
#company .safty { margin-bottom: 50px; }
#company .safty h3 { color: #fff; font-size: 22px; background: #000; margin-bottom: 25px; display: inline-flex; align-items: center; width: 100%; }
#company .safty h3 span { display: inline-block; margin-right: .2em; font-size: 96px; line-height: .7; font-weight: bold; letter-spacing: -.05em; }
#company .safty h3 em { font-size: 22px; line-height: 1.3; }
#company .saftyBody { overflow-y: hidden; margin-bottom: 50px; }
#company .saftyTxt { float: left; width: 64%; }
#company .saftyPht { float: right; width: 34%; }
@media screen and (max-width:767px){
	#company .safty h3 { width: 94%; padding: 3%; }
	#company .safty h3 span { font-size: 55px; }
	#company .saftyTxt { float: none; width: 100%; }
	#company .saftyPht { float: none; width: 100%; }
}

/* ==================================================
#careers
================================================== */
#careers #pageTitle { background-image: url("../img/pageTitleBGcareers_pc.jpg"); }
@media screen and (max-width:767px){
	#careers #pageTitle { background-image: url("../img/pageTitleBGcareers_sp.jpg"); }
}
#careers table { margin-bottom: 3em; }
#careers table th { width: 9em; }
#careers table ul,
#careers table ol { margin-bottom: 0; }
@media screen and (max-width:767px){
	#careers table th { width: 5.5em; }
}