@charset "utf-8";

/* 詳細ページ用スタイル --------------------------------- */

.detailCanvas {
	margin-bottom: 100px;
	padding: 50px 135px;
	box-sizing: border-box;
	color: #000;
	border: 10px solid #f6f6f6;
	line-height: 1.9;
}

.detailCanvas a {
	text-decoration: none;
}



.baseBtn {
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	text-decoration: none !important;
}

.baseBtn:hover {
	color: #ff7c00;
	background: #fff8f2;
	border-color: #ff7c00;
	text-decoration: none !important;
}

.btnGreen {
	color: #fff;
/*	background: #66aa15;*/
	border-radius: 8px;
	text-decoration: none !important;
}

.btnOrange {
	text-decoration: none !important;
}

.btnOrange:before {
	display: none;
}


body:not(.touch) a.btnGreen:hover,
body:not(.touch) a.btnOrange:hover {
	color: #fff;
	text-decoration: none;
}

body.brandDetail .textArea,
body.brandDetail .intro {
	font-size: 1.6rem;
}


/* @group 1.詳細要素 --------------------------------- */

.summarySect {
	margin: 0 0 45px;
}

.detailHeader {
	margin: 0 0 30px;
	padding: 0 0 25px;
	border-bottom: 5px solid #333;
}

.detailHeader .category {
	float: left;
	position: relative;
	height: 30px;
	margin: 0 0 10px;
	padding: 8px 0 6px 36px;
	box-sizing: border-box;
	font-size: 1.6rem;
	line-height: 1;
	font-weight: bold;
	vertical-align: middle;
}

.detailHeader .category:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: -1px;
	width: 30px;
	height: 30px;
	background-image: url(/fashion/brand/feature/images/icon_newscategory.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.detailHeader .date {
	float: right;
	padding: 8px 0 6px;
	font-size: 1.2rem;
	line-height: 15px;
}

.detailHeader .date.new:after {
	content: '';
	display: inline-block;
	position: relative;
	top: -1px;
	width: 30px;
	height: 15px;
	margin: 0 0 0 10px;
	background: url(/fashion/common/images/icon_new.png) no-repeat;
	vertical-align: top;
}

.detailHeader #detailTitle {
	clear: both;
	font-size: 2.6rem;
	line-height: 1.4;
}

.detailHeader #detailTitle span {
	font-size: 1.6rem;
}

.mainImageArea {
	margin: 0 0 35px;
	background: #f6f6f6;
}

.mainImageArea .tagList {
	float: left;
	padding: 10px 10px 5px 44px;
	background-image: url(/fashion/brand/feature/images/icon_tag.png);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	background-size: 28px 28px;
}

.mainImageArea .tagList li {
	float: left;
	height: 31px;
	margin: 0 5px 5px 0;
}

.mainImageArea .tagList li a {
	display: block;
	padding: 0 15px;
	font-size: 1.3rem;
	line-height: 30px;
	text-align: center;
}


.mainImageArea .snsList {
	display:none;
	/*float: right;
	padding: 10px;*/
}

.mainImageArea .snsList li {
	float: left;
	width: 29px;
	height: 29px;
	margin: 0 0 0 5px;
}

.mainImageArea .snsList li img {
	width: 100%;
	height: auto;
}

.summaryTitle {
	margin: 0 0 15px;
	font-size: 2.8rem;
	line-height: 1.4;
}

.caution {
    display: block;
    position: relative;
    margin: 20px 0 30px;
    padding-left: 1em;
    color: #666;
    font-size: 1.2rem;
}

/* @end */

/* @group 2.リンク --------------------------------- */

.linksSect {
	margin: 0 0 40px;
}

.linksSect li {
	float: left;
	/*margin: 0 11px 0 0;*/
}

.linksSect .m05 li {
	margin: 0 5px 0 0;
}

.linksSect .m10 li {
	margin: 0 10px 0 0;
}

.linksSect li:last-child {
	margin: 0 !important;
}

/* @end */

/* @group ボーダーブロック --------------------------------- */

.borderBlock {
	border: 1px solid #ddd;
}

.borderBlock .blockTitle {
	padding: 12px 29px 10px;
	background: #f0f0f0;
	font-size: 1.6rem;
	line-height: 1.75;
}

.borderBlock .blockTitle:before {
	content: '';
	display: inline-block;
	position: relative;
	top: -3px;
	left: -5px;
	width: 28px;
	height: 28px;
	margin: 0 5px 0 0;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: top;
}

.borderBlockInner {
	padding: 0 29px;
}

/* @end */

/* @group 3.インタビュー紹介 --------------------------------- */

.interviewSect {
	margin-bottom: 60px;
}

.interviewSect .blockTitle:before {
	background-image: url(/fashion/brand/feature/images/icon_mic.png);
}

.interviewBlock {
	margin-bottom: -1px;
	padding: 30px 0;
	border-bottom: 1px solid #ddd;
}

.interviewBlock .personInfo,
.interviewBlock .summary {
	float: right;
	width: 550px;
}

.interviewBlock .thumb {
	float: left;
	width: 150px;
}

.interviewBlock .personInfo .cName {
	font-size: 1.3rem;
}

.interviewBlock .personInfo .pName {
	margin: 0 0 10px;
	font-size: 1.6rem;
}

.interviewBlock .summary {
	color: #666 !important;
	font-size: 1.4rem;
}

.interviewBlock a {
	text-decoration: underline;
}

/* @end */

hr {
	clear: both;
	width: 100%;
	height: 1px;
	margin: 40px 0 40px;
	padding: 0;
	border: none;
	background: #ddd;
}


/* @group 4.コンテンツエレメンツ1 / 5.コンテンツエレメンツ2 --------------------------------- */

.contElm {
/*	margin-bottom: 60px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;*/
}

.contElm:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}

.contElm a {
	text-decoration: underline;
}

.contElmLast {
	border-bottom: none;
	margin-bottom: 36px;
	padding-bottom: 0;
}

.contElm header {
	clear: both;
	/*margin: 0 0 45px;*/
	margin: 0 0 35px;
	padding: 0 0 0 30px;
	border-left: 5px solid #333;
}

.contElm header h3 {
	font-size: 2rem;
	line-height: 1.5;
}

.contElm header .name {
	margin: 10px 0 0;
	font-size: 1.2rem;
}

.contElm p,
.contElm .qTxt,
.contElm .aTxt,
.contElm .thumbArea {
	margin-bottom: 24px;
}

.contElm .qTxt {
	position: relative;
	display: table;
	font-weight: bold;
}

.contElm .qTxt span {
	display: table-cell;
	position: relative;
	vertical-align: top;
}

.contElm .qTxt:before {
	content: '—';
	display: table-cell;
	float: left;
	width: 24px;
}

.contElm .thumbArea {
	display: box;
	width: auto;
	min-width: 0;
	text-align: right;
}

.contElm .thumbArea img {
	display: block;
	margin: 0 0 20px;
}

.contElm .thumbArea figcaption {
	/*display: inline-block;*/
	display: block;
	margin: -10px 0 20px;
	color: #666;
	font-size: 1.2rem;
	text-align: left;
}

.contElm .imageArea {
	margin: 0 0 40px;
}

.contElm .imgBlock {
	margin: 0 0 20px;
}

.contElm .imgFull {
	text-align: center;
}

.contElm .imgBlock img:nth-of-type(2n) {
	margin-left: 20px;
}

.contElm .imgBlock img {
	margin: 0 0 20px;
}

.contElm .imgBlock figcaption {
	margin: -10px 0 20px;
	color: #666;
	font-size: 1.2rem;
}

.contElm .caption {
	margin: 0 0 24px;
	font-size: 1.2rem;
}

.contElm .caption li {
	position: relative;
	padding-left: 1.5rem;
}

.contElm .caption li:before {
	content: '※';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.contElm1 .thumbArea,
.contElm .thumbAreaR {
	float: right;
	margin-left: 40px;
}

.contElm2 .thumbArea,
.contElm .thumbAreaL {
	float: left;
	margin-right: 40px;
}

.contElm ol {
	margin: 0 0 24px 20px;
	list-style-type: decimal;
}

.contElm ul {
	margin: 0 0 24px;
}

.contElm .textArea ul li {
	margin: 0 0 20px;
}

.contElm .textArea h4 {
	margin: 0 0 20px;
	font-size: 2.0rem;
}

/* @end */

/* @group 7.その他コンテンツエレメンツ --------------------------------- */

.btnLinks {
	margin: 0 0 60px;
	text-align: center;
}

.btnLinks a.baseBtn {
	display: inline-block;
	padding: 18px 29px 17px;
}

.banLinks {
	margin: 0 0 40px;
}

.movArea {
	margin: 0 0 40px;
	text-align: center;
}

/* セミナー終了に伴う取り消し線スタイル */
.eventend {
	text-decoration: line-through;
}

/* @end */

/* @group 8.囲み要素 --------------------------------- */

.boxedSect {
	margin: 0 0 40px;
}

.boxedSect .blockTitle:before {
	top: -1px;
	background-image: url(/fashion/brand/feature/images/icon_expantion.png);
}

.boxedBlock {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-bottom: -1px;
	padding: 30px 0;
	border-bottom: 1px solid #ddd;
	table-layout: fixed;
}

.boxedBlock .thumb,
.boxedBlock .textArea {
	vertical-align: top;
}

.boxedBlock .thumb {
	width: 204px;
	padding-right: 30px;
}

.boxedBlock .thumb img {
	border: 1px solid #ddd;
}

.boxedBlock .textArea {
	flex: 1;
}

.boxedBlock .textArea h3 {
	margin: 0 0 10px;
	line-height: 1.6rem;
	font-size: 1.5rem;
}

.boxedBlock .textArea .text {
	color: #666;
	font-size: 1.5rem;
}

/* @end */

/* @group 002-2.設営会用要素 --------------------------------- */

.briefingSect {
	margin: 0 0 40px;
	padding: 30px;
	background: #f6f6f6;
}

.briefingSect .briefingTitle {
	height: 40px;
	padding-bottom: 30px;
	border-bottom: 5px solid #000;
	line-height: 44px;
	text-align: center;
}

.briefingSect .briefingTitle:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 40px;
	margin: 0 24px 0 0;
	background-image: url(/fashion/brand/feature/images/icon_briefing.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: top;
}

.briefingTable {
	margin: 0 0 40px;
	border-top: 1px solid #ddd;
	table-layout: fixed;
}

.briefingTable th,
.briefingTable td {
	padding: 26px 0;
	border-bottom: 1px solid #ddd;
	vertical-align: top;
}

.briefingTable th {
	width: 140px;
	font-weight: bold;
}

.briefingTable .caution {
	position: relative;
	margin: 3px 0 0;
	padding-left: 12px;
	color: #666;
	font-size: 1.2rem;
}

.briefingTable .caution span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.briefingSect .btmBtn {
	margin: 0 0 36px;
	text-align: center;
}

.briefingSect .btmBtn li {
	display: inline-block;
	margin: 0 8px;
	vertical-align: top;
}

.briefingSect .btmBtn li a {
	display: block;
	width: 270px;
	height: 46px;
	padding: 17px 0 14px;
	box-sizing: border-box;
	border-radius: 3px;
	font-size: 1.5rem;
	line-height: 15px;
}

.briefingSect .btmCaution {
	color: #666;
	font-size: 1.2rem;
	text-align: center;
}

/* @end */

/* @group 9.求人情報一覧 --------------------------------- */

.btnRecruit {
	/*margin: 0 0 40px;*/
	margin: 70px 0 50px;
	text-align: center;
}


.btnRecruit .btnCheck {
	min-width: 440px;
	height: auto;
	margin: 0 0 20px;
	padding: 17px 20px 15px;
	font-size: 1.7rem;
	line-height: 1.5;
}

.btnRecruit .btnMyentries {
	display: inline-block;
	width: 260px;
	height: 48px;
	padding: 14px 0 13px;
	box-sizing: border-box;
	font-size: 1.5rem;
	line-height: 21px;
}

.btnRecruit .btnMyentries span {
	font-size: 1.5rem;
}

/*.btnRecruit .btnMyentries:before {
	content: '';
	display: inline-block;
	position: relative;
	top: -2px;
	width: 21px;
	height: 21px;
	margin: 0 10px 0 0;
	background-image: url(/fashion/common/images/head_icon_career.png);
	background-repeat: no-repeat;
	vertical-align: middle;
}*/

.btnRecruit .entryNote {
	margin: 0 0 24px;
	color: #ff7c00;
}

/* @end */

/* @group 10.企業・ブランド情報 --------------------------------- */

.brandInfo {
	margin: 0 0 40px;
	background: #f6f6f6;
}

.brandInfoBlock {
	padding: 30px;
}

.brandInfoBlock .thumb {
	float: left;
	width: 205px;
}

.brandInfoBlock h3,
.brandInfoBlock table {
	float: right;
	width: 525px;
}

.brandInfoBlock h3 {
	margin: 0 0 26px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
	font-size: 1.9rem;
}

.brandInfoBlock table {
	table-layout: fixed;
}

.brandInfoBlock table th {
	width: 76px;
	font-weight: bold;
	vertical-align: top;
}

/* @end */

/* @group 11.アパレル企業特集 最新一覧 --------------------------------- */

.recentSect {
	position: relative;
}

.recentSect .blockTitle:before {
	top: -1px;
	background-image: url(/fashion/brand/feature/images/icon_recentnews.png);
}

.recentSect ul {
	padding: 15px 30px;
}

.recentSect ul li {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

.recentSect ul li:last-child {
	border-bottom: none;
}

.recentSect ul li a {
	text-decoration: none !important;
}

.recentSect ul li a:hover {
	text-decoration: underline !important;
}

.recentSect .linkDetail {
	position: absolute;
	top: 9px;
	right: 9px;
}

.recentSect .linkDetail .baseBtn {
	display: block;
	width: 164px;
	height: 31px;
	font-size: 1.3rem;
	line-height: 31px;
	text-align: center;
}

/* @end */

/* @group 14.関連リンク --------------------------------- */

.relatedSect {
	clear: both;
	margin: 0 0 40px;
	border-color: #a7e1f5;
}

.relatedSect .blockTitle {
	background: #def4fb;
}

.relatedSect .blockTitle:before {
	background-image: url(/fashion/brand/feature/images/icon_related.png);
}

.relatedSect ul {
	padding: 0 30px;
}

.relatedSect li {
	position: relative;
	margin-bottom: -1px;
	padding: 25px 0;
	border-bottom: 1px solid #ddd;
}

.relatedSect li:last-child {
	border-bottom: none;
}

.relatedSect li a {
	display: block;
	position: relative;
}

.relatedSect li span + a {
	padding-left: 90px;
}

.relatedSect li span {
	display: block;
	position: absolute;
	top: 26px;
	left: 0;
	width: 70px;
	height: 20px;
	color: #fff;
	background: #23b5e5;
	font-size: 1rem;
	line-height: 2.1;
	text-align: center;
}

/* @end */

.iframeBox {
	position: relative;
	width: auto;
	height: auto;
	margin: 0 0 24px;
}

.mb10 {
	margin-bottom: 10px;
}

/* @group アジェンダボーダーブロック --------------------------------- */

.aborderBlock {
	background: #fafafa;
	border: 1px solid #ddd;
	margin:0 0 50px;
}

.aborderBlock .agendaTitle {
	padding: 12px 29px 10px;
    margin: 0 0 25px;
/*    border-left: 5px solid #999; */
    border-bottom: 1px solid #ddd;
	font-size: 1.6rem;
	line-height: 1.75;
}


/* @end */

/* もくじ --------------------------------- */

.agendaSect {
	margin-bottom: 60px;
}

.agendaBlockInner {
    padding: 0 29px 24px;
}

.agendaBlock .personInfo .cName {
	font-size: 1.2rem;
}

.agendaBlock .personInfo .pName {
	margin: 0 0 10px;
	font-size: 1.6rem;
}

.agendaBlock .summary {
	color: #666 !important;
	font-size: 1.2rem;
}

.agendaBlock a {
	text-decoration: underline;
}

/* @end */




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

	/*img {
		width: 100%;
		height: auto;
	}*/
	
	#header img,
	#main img {
		width: 100%;
		height: auto;
	}


	/* 詳細ページ用スタイル --------------------------------- */
	
	.detailCanvas {
		margin-bottom: 0px;
		padding: 30px 10px;
		border: none;
	}
	
	
	.baseBtn {
		
	}
	
	.baseBtn:hover {
		
	}
	
	.btnGreen {
		
	}
	
	.btnOrange:before {
		display: none;
	}
	
	body:not(.touch) a.btnGreen:hover,
	body:not(.touch) a.btnOrange:hover {
		
	}
	
	/* @group 1.詳細要素 --------------------------------- */
	
	.summarySect {
		margin: 0 0 25px;
	}
	
	.detailHeader {
		margin: 0 0 15px;
		padding: 0 0 15px;
	}
	
	.detailHeader .category {
		height: 15px;
		margin: 0 0 24px;
		padding: 1px 0 1px 19px;
		font-size: 1.3rem;
	}
	
	.detailHeader .category:before {
		top: -2px;
		left: -1px;
		width: 15px;
		height: 15px;
	}
	
	.detailHeader .date {
		padding: 0;
	}
	
	.detailHeader .date.new:after {
		margin: 0 0 0 8px;
	}
	
	.detailHeader #detailTitle {
		font-size: 1.6rem;
		line-height: 1.5;
	}
	
	.detailHeader #detailTitle span {
		font-size: 1.6rem;
	}
	
	.mainImageArea {
		margin: 0 0 25px;
		background: #fff;
		border-bottom: 1px solid #ddd;
	}
	
	#mainImage img {
		width: 100%;
		height: auto;
	}
	
	.mainImageArea .tagList {
		float: none;
		padding: 7px 7px 2px 33px;
		background-color: #f6f6f6;
		background-position: 7px 10px;
		background-size: 22px 22px;
	}
	
	.mainImageArea .tagList li {
		height: 25px;
		margin-bottom: 7px;
	}
	
	.mainImageArea .tagList li a {
		padding: 0 9px;
		font-size: 1.2rem;
		line-height: 25px;
	}
	
	
	.mainImageArea .snsList {
		display: none;
	/*	float: none;*/
	/*	padding: 15px;*/
	/*	text-align: center;*/
	}
	
	.mainImageArea .snsList li {
		float: none;
		display: inline-block;
		width: 50px;
		height: 50px;
		margin: 0 6px;
	}
	
	.summaryTitle {
		margin: 0 0 22px;
		font-size: 1.9rem;
		line-height: 1.5;
	}
	
	.summaryTitle br {
		display: none;
	}
	
	/* @end */
	
	/* @group 2.リンク --------------------------------- */
	
	.linksSect {
		margin: 0 0 25px;
	}
	
	.linksSect li {
		float: left;
		width: 50%;
		margin: 0 0 10px;
		box-sizing: border-box;
	}
	
	.linksSect li:nth-of-type(2n+1) {
		padding-right: 5px;
	}
	
	.linksSect li:nth-of-type(2n) {
		padding-left: 5px;
	}
	
	.linksSect .m05 li {
		margin: 0 0 10px;
	}
	
	.linksSect .m10 li {
		margin: 0 0 10px;
	}
	
	
	.linksSect li img {
		width: 100%;
		height: auto;
	}
	
	
	/* @end */
	
	/* @group ボーダーブロック --------------------------------- */
	
	
	.borderBlock .blockTitle {
		padding: 10px 10px 9px;
		font-size: 1.5rem;
		line-height: 22px;
		text-align: center;
	}
	
	.borderBlock .blockTitle:before {
		top: -1px;
		left: -2px;
		width: 22px;
		height: 22px;
		margin: 0 5px 0 0;
	}
	
	.borderBlockInner {
		padding: 0 14px;
	}
	
	/* @end */
	
	/* @group 3.インタビュー紹介 --------------------------------- */
	
	.interviewSect {
		margin-bottom: 30px;
	}
	
	.interviewBlock {
		padding: 20px 0;
	}
	
	.interviewBlock .personInfo {
		float: right;
		width: 47%;
	}
	
	.interviewBlock .summary {
		float: none;
		clear: both;
		width: auto;
	}
	
	.interviewBlock .thumb {
		float: left;
		width: 47%;
	}
	
	.interviewBlock .thumb img {
		width: 100%;
		height: auto;
	}
	
	
	.interviewBlock .personInfo .pName {
		margin: 3px 0 0;
		font-size: 1.7rem;
	}
	
	.interviewBlock .summary {
		padding: 15px 0 0;
	}
	
	/* @end */
	
	hr {
		margin: 20px 0 30px;
		
	}
	
	
	/* @group 4.コンテンツエレメンツ1 / 5.コンテンツエレメンツ2 --------------------------------- */
	
	.contElm {
/*		margin-bottom: 30px;
		padding-bottom: 20px;*/
	}
	
	.contElmLast {
		border-bottom: none;
		margin-bottom: 20px;
		padding-bottom: 0;
	}
	
	.contElm header {
		margin: 0 0 25px;
		padding: 0 0 0 15px;
		border-left: 5px solid #333;
	}
	
	.contElm header h3 {
		font-size: 1.8rem;
	}
	
	.contElm header .name {
		margin: 7px 0 0;
	}
	
	.contElm p,
	.contElm .qTxt,
	.contElm .aTxt,
	.contElm .thumbArea {
		margin-bottom: 0;
		padding-bottom: 22px;
		font-size: 1.5rem;
	}
	
	.contElm .qTxt {
		position: relative;
		display: table;
		font-weight: bold;
	}
	
	.contElm .qTxt span {
		display: table-cell;
		position: relative;
		vertical-align: top;
	}
	
	.contElm .qTxt:before {
		content: '—';
		display: table-cell;
		float: left;
		width: 24px;
	}
	
	.contElm .thumbArea {
		float: none !important;
		width: 66.66666666% !important;
		margin: 0 auto !important;
	}
	
	.contElm .thumbArea img {
		width: 100%;
		height: auto;
	}
	
	.contElm .thumbArea figcaption {
		display: block;
		margin: -15px 0 20;
		color: #666;
		font-size: 1.2rem;
	}
	
	.contElm {
		display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		flex-direction: column;
	}
	
	.contElm .imageArea {
		margin-bottom: 25px;
	}
	
	.contElm .imgBlock {
		margin: 0 auto !important;
	}
	
	.contElm .imgBlock img {
		width: 100%;
		height: auto;
		margin: 0 0 15px !important;
	}
	
	.contElm .imgBlock.imgFull {
		width: 100%;
	}
	
	.contElm .imgBlock.imghalf {
		width: 66.6666666%;
	}
	
	.contElm .textArea {
		-webkit-box-ordinal-group: 1;
		order: 1;
	}
	
	.contElm .thumbArea {
		-webkit-box-ordinal-group: 2;
		order: 2;
	}
	
	.contElm .caption {
		margin-bottom: 16px;
	}
	
	.contElm .textArea ul {
		margin: 0 0 16px;
	}
	
	.contElm .textArea ul li {
		margin: 0 0 12px;
	}
	
	
	/* @end */
	
	/* @group 7.その他コンテンツエレメンツ --------------------------------- */
	
	.btnLinks {
		margin: 0 0 30px;
	}
	
	.btnLinks a.baseBtn {
		display: inline-block;
		padding: 9px 14px 8px;
	}
	
	.banLinks {
		margin: 0 0 20px;
	}
	
	.banLinks img {
		width: 100%;
		height: auto;
	}
	
	.movArea {
		margin: 0 0 20px;
	}
	
	.movArea img {
		width: 100%;
		height: auto;
	}
	
	/* @end */
	
	/* @group 8.囲み要素 --------------------------------- */
	
	.boxedSect {
		margin: 0 0 20px;
	}
	
	.boxedSect .blockTitle:before {
		top: -1px;
		background-image: url(/fashion/brand/feature/images/icon_expantion.png);
	}
	
	.boxedBlock {
		display: block;
		padding: 20px 0;
	}
	
	
	.boxedBlock .thumb {
		width: auto;
		margin: 0 0 15px;
		padding-right: 0;
	}
	
	.boxedBlock .thumb img {
		width: 100%;
		height: auto;
	}
	
	.boxedBlock .textArea h3 {
		margin: 0 0 8px;
		font-size: 1.5rem;
	}
	
	
	/* @end */
	
	/* @group 002-2.設営会用要素 --------------------------------- */
	
	.briefingSect {
		margin: 0 0 30px;
		padding: 17px 15px 15px;
	}
	
	.briefingSect .briefingTitle {
		height: 30px;
		padding-bottom: 17px;
		border-bottom: 3px solid #000;
		font-size: 1.5rem;
		line-height: 34px;
	}
	
	.briefingSect .briefingTitle:before {
		position: relative;
		top: 0;
		width: 22px;
		height: 30px;
		margin: 0 9px 0 0;
	}
	
	
	.briefingTable,
	.briefingTable tbody,
	.briefingTable tr,
	.briefingTable th,
	.briefingTable td {
		display: block;
	}
	
	.briefingTable {
		margin: 0 0 20px;
		border-top: none;
	}
	
	.briefingTable tr {
		padding: 17px 0;
		border-bottom: 1px solid #ddd;
	}
	
	.briefingTable th,
	.briefingTable td {
		padding: 0 0;
		border: none;
	}
	
	.briefingTable th {
		width: auto;
		margin: 0 0 12px;
		font-size: 1.3rem;
	}
	
	.briefingSect .caution {
		position: relative;
		margin: 3px 0 0;
		padding-left: 12px;
		color: #666;
		font-size: 1.2rem;
	}
	
	.briefingSect .caution span {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.briefingSect .btmBtn {
		margin: 0 0 5px;
		text-align: center;
	}
	
	.briefingSect .btmBtn li {
		display: inline-block;
		width: 85%;
		margin: 0 0 10px;
		vertical-align: top;
	}
	
	.briefingSect .btmBtn li a {
		width: 100%;
		height: 40px;
		padding: 14px 0 12px;
		font-size: 1.3rem;
		line-height: 14px;
	}
	
	.briefingSect .btmCaution {
		text-align: left;
	}
	
	/* @end */
	
	/* @group 9.求人情報一覧 --------------------------------- */
	
	.btnRecruit {
		/*margin: 0 0 30px;*/
		margin: 35px 0 30px;
		text-align: center;
	}
	
	
	.btnRecruit .btnCheck {
		width: 100%;
		min-width: 0;
		margin: 0 0 10px;
		padding: 15px 14px 14px;
		font-size: 1.5rem;
		line-height: 1.6;
	}
	
	.btnRecruit .btnMyentries {
		width: 100%;
		height: 48px;
		padding: 14px 0 13px;
	}
	
	.btnRecruit .btnMyentries span {
		font-size: 1.5rem;
	}
	
	.btnRecruit .btnMyentries strong {
		font-weight: normal;
	}
	
	.btnRecruit .entryNote {
		margin: 0 0 24px;
	}
	
	
	/* @end */
	
	/* @group 10.企業・ブランド情報 --------------------------------- */
	
	.brandInfo {
		margin: 0 0 20px;
	}
	
	.brandInfoBlock {
		padding: 20px 15px 15px;
	}
	
	.brandInfoBlock .thumb {
		float: none;
		width: 55.555555555%;
		margin: 0 auto 17px;
	}
	
	.brandInfoBlock .thumb img {
		width: 100%;
		height: auto;
	}
	
	.brandInfoBlock h3,
	.brandInfoBlock table {
		float: none;
		width: 100%;
	}
	
	.brandInfoBlock h3 {
		margin: 0 0 17px;
		padding: 0 0 15px;
		font-size: 1.6rem;
		text-align: center;
	}
	
	.brandInfoBlock table {
		table-layout: fixed;
	}
	
	.brandInfoBlock table th {
		width: 64px;
	}
	
	/* @end */
	
	/* @group 11.アパレル企業特集 最新一覧 --------------------------------- */
	
	.recentSect .blockTitle:before {
		top: -1px;
	}
	
	.recentSect ul {
		padding: 10px 14px 20px;
	}
	
	
	.recentSect ul li:last-child {
		border-bottom: 1px solid #ddd;
	}
	
	.recentSect .linkDetail {
		position: static;
		top: auto;
		right: auto;
		padding: 0 0 20px;
		text-align: center;
	}
	
	.recentSect .linkDetail .baseBtn {
		display: inline-block;
		width: 54%;
		height: 28px;
		font-size: 1.2rem;
		line-height: 28px;
	}
	
	/* @end */
	
	/* @group 14.関連リンク --------------------------------- */
	
	.relatedSect {
		margin: 0 0 30px;
	}
	
	.relatedSect ul {
		padding: 0 15px;
	}
	
	.relatedSect li {
		padding: 15px 0;
	}
	
	.relatedSect li a,
	.relatedSect li span + a {
		padding-left: 0;
	}
	
	.relatedSect li span {
		position: static;
		margin: 0 0 10px;
		font-size: 1rem;
		line-height: 2.1;
	}
	
	/* @end */
	
	.iframeBox {
		position: relative;
		width: 100%;
		height: 0;
		margin: 0 0 20px;
		padding-top: 56.25%;
	}
	
	.iframeBox iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
	
	.mb10 {
		margin-bottom: 5px;
	}
}