@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
/* CSS Document */
/*font-family: 'Lato', sans-serif;*/
#page_top {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 100;
}
#page_top img {
	vertical-align: bottom;
}
#contents-wrap {
	padding-top: 84px;
}

#main-visual {
	background: url(../img/index/header-main-img.png) no-repeat center center;
	padding-bottom: calc(100%*780/1300);
	background-size: auto 100%;
}
h2 span {
	position: relative;
	display: inline-block;
	margin-bottom: 23px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #0071be;
	font-size: 1.13rem;
	font-weight: 400;
}
h2 span::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -16px;/*線の上下位置*/
	display: inline-block;
	width: 32px;/*線の長さ*/
	height: 3px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #0071be;/*線の色*/
}
h2 {
	font-family: 'Lato', sans-serif;
	color: #0071be;
	font-size: 3.75em;
	font-weight: 900;
	text-align: center;
}
#about-wrap {
	margin: 0 auto;
	text-align: center;
	padding-top: 50px;
}
.about-headtxt {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size: 1.38em;
	font-weight: 700;
	line-height: 2.273;
	color: #26282a;
	margin-top: 40px;
}
.about-headtxt span {
	color: #0071be;
}
#about-wrap img {
	margin-top: 25px;
}
.about-txt {
	margin: 0 auto;
	margin-top: 30px;
	width: 820px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #26282a;
	font-size: 1.13em;
	font-weight: 500;
	line-height: 2.222;
	text-align: justify;
	text-justify: inter-ideograph;
}
.about-table {
	margin: 0 auto;
	margin-top: 30px;
	width: 680px;
	border-collapse: collapse;
	text-align: left;
}
.about-table tr {
	border-bottom: #d3d3d3 1px dotted;
}
.about-table th {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #26282a;
	font-size: 1em;
	font-weight: 700;
}
.about-table td {
	padding: 17px 0 17px 50px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #26282a;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.625;
}
/* 見出し3 */
h3 {
	position: absolute;
	font-family: 'Lato', sans-serif;
	color: #0071be;
	font-size: 30px;
	font-weight: 900;
	text-align: center;
	margin: 0;
	top: -17px;
	left: 0;
	right: 0;
}
h3 span {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #0071be;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 15px;
	line-height: 1.5;
}
.h3-ttl {
	position: relative;
	margin: 0 auto;
	width: 540px;
	height: 57px;
	text-align: center;
	vertical-align: middle;
	background: url(../img/index/business/head-item.gif) no-repeat top center;
}
/* 事業領域 */
#businnes-wrap {
	position: relative;
	margin-top: 77px;
	width: 100%;
	box-sizing: border-box;
}
.business-bluebox {
	width: 520px;
	height: 400px;
	color: #fff;
	background-color: rgba(0, 113, 190, 0.95);
	padding: 60px 50px;
	box-sizing: border-box;
}
.bbb-ttl, .bbb-ttl02, .bbb-ttl03 {
	margin-top: 8px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #ffffff;
	font-size: 1.13em;
	font-weight: 700;
}
.bbb-txt, .bbb-txt02, .bbb-txt03 {
	margin-top: 28px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #ffffff;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.875;
	text-align: justify;
	text-justify: inter-ideograph;
}
h4 {
	position: relative;
	display: inline-block;
	margin-bottom: 23px;
	font-family: 'Lato', sans-serif;
	color: #ffffff;
	font-size: 2.13em;
	font-weight: 800;
	line-height: 1;
}
h4::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -16px;/*線の上下位置*/
	display: inline-block;
	width: 32px;/*線の長さ*/
	height: 3px;/*線の太さ*/
	background-color: #fff;/*線の色*/
}
.bussiness-box {
	margin: 0 auto;
	margin-top: 47px;
	width: 1200px;
}
.business-img02 {
	margin-top: 2.2%;
	text-align: right;
}
.business-img03 {
	margin-top: 2.2%;
}
.bbb01 {
	position: absolute;
	z-index: 3;
	top: 17%;
	right: 21%;
	left: 51.5%;
}
.bbb02 {
	position: absolute;
	z-index: 3;
	top: 48.3%;
	right: 51.5%;
}
.bbb03 {
	position: absolute;
	z-index: 3;
	top: 79.8%;
	right: 21%;
	left: 51.5%;
}
/* 運営店舗 */
#store-wrap {
	margin-top: 140px;
	background: url(../img/index/store/store-bg.jpg) no-repeat top center;
	background-size: contain;
	padding-top: 60px;
}
h5 {
	margin-top: 16px;
	position: relative;
	font-family: 'Lato', sans-serif;
	font-size: 1.5em;
	font-weight: 900;
	line-height: 1.25;
}
h5::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -6px;/*線の上下位置*/
	display: inline-block;
	width: 30px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #0071be;/*線の色*/
}
h5:hover::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -6px;/*線の上下位置*/
	display: inline-block;
	width: 30px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #fff;/*線の色*/
}
/*タブ切り替え全体のスタイル*/
.store-tab {
	margin-top: 60px;
	padding-bottom: 40px;
	width: 100%;
}
.store-head {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
/*タブのスタイル*/
.tab_item {
	margin: 0 24px;
	width: 300px;
	height: 100px;
	border-top: 1px dotted #0071be;
	border-left: 1px dotted #0071be;
	border-right: 1px dotted #0071be;
	background-color: rgba(255, 255, 255, 0);
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	font-weight: bold;
	transition: all 0.2s ease;
}
.tab_item h5 {
	color: #0071be;
}
.tab_item:hover {
	color: #fff;
	background-color: #0071be;
	cursor: pointer;
}
.tab_item:hover h5 {
	color: #fff;
}
.tab_item br {
	display: none;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding: 40px 40px 0;
	clear: both;
	overflow: hidden;
	background-color: #fff;
	width: 100%;
	border-top: 2px solid #0071be;
}
.tab_content_description {
	width: 1000px;
	margin: 0 auto;
}
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content, #au:checked ~ #au_content, #bmw:checked ~ #bmw_content {
	display: block;
}
/*選択されているタブのスタイルを変える*/
.store-tab input:checked + .tab_item {
	background-color: #0071be;
	color: #fff;
}
.store-tab input:checked + .tab_item h5 {
	color: #fff;
}
.c-txtsp {
	margin-right: 30px;
	vertical-align: top;
	width: 580px;
	display: inline-block;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #26282a;
	font-size: 1em;
	font-weight: 500;
	line-height: 2.25;
	text-align: justify;
	text-justify: inter-ideograph;
}
.bmw-txt01 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.c-txtsp02 {
	margin-right: 0;
	vertical-align: top;
	width: 490px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #26282a;
	font-size: 1em;
	font-weight: 500;
	line-height: 2.25;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: -0.05rem;
	height: 230px;
	background: url(../img/index/store/bmwshop-bg01.png) no-repeat bottom left;
}
.c-txtsp03 {
	margin-right: 0;
	vertical-align: top;
	width: 490px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #26282a;
	font-size: 1em;
	font-weight: 500;
	line-height: 2.25;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: -0.05rem;
	height: 230px;
	background: url(../img/index/store/bmwshop-bg02.png) no-repeat bottom right;
}
.bmw-txt02 {
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.c-txtsp02 span {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #26282a;
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: -0.1rem;
}
.c-txtsp03 span {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #26282a;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: -0.1rem;
}
.c-txtsp02 span br {
	display: none;
}
.c-txtsp03 span br {
	display: none;
}
/* メッセージ */
#message-box {
	background: url(../img/index/message/message-img.jpg) no-repeat top right;
	height: 650px;
	margin-top: 10px;
}
.message-wrap {
	width: 1000px;
	margin: 0 auto;
}
.message-content {
	padding-top: 55px;
	width: 684px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.message-head {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #0071be;
	font-size: 1.88rem;
	font-weight: 700;
	line-height: 1.133;
}
.message-txt {
	margin-top: 32px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #26282a;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.875;
}
.message-ceo {
	margin-top: 10px;
	display: block;
	text-align: right;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #26282a;
	font-size: 1.63rem;
	font-weight: bold;
	line-height: 0.923;
}
.message-ceo span {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #26282a;
	font-size: 0.88rem;
	line-height: 1.714;
	margin-right: 20px;
}
/* 従業員一覧 */
#interview {
	padding-top: 75px;
}
#interview-wrap ul {
	margin: 0 auto;
	margin-top: 65px;
	width: 1000px;
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	align-content: space-between;
}
#interview-wrap ul li {
	margin-bottom: 45px;
}
.interview-photo {
	display: block;
	transition-duration: 0.3s;
}
.interview-photo:hover {
	transform: scale(1.1);
	transition-duration: 0.3s;
}
.interview-date {
	margin-top: 15px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #0071be;
	font-size: 0.88rem;
	font-weight: 700;
}
.interview-name {
	margin-top: 12px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #26282a;
	font-size: 1.38rem;
	font-weight: 700;
}
.interview-nameen {
	margin-top: 5px;
	font-family: 'Lato', sans-serif;
	color: #26282a;
	font-size: 0.75rem;
	font-weight: 700;
}
.interview-work {
	margin-top: 8px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #26282a;
	font-size: 0.88rem;
	font-weight: 500;
}
.interview-empty{
	width: 176px;
	height: 222px;
}
/* 制度・環境 */
#culture-wrap {
	margin-top: 55px;
	padding-top: 55px;
	padding-bottom: 35px;
	background: url(../img/index/culture/culture-bg.jpg) no-repeat top center;
	background-size: cover;
}
#culture-wrap table {
	margin: 0 auto;
	margin-top: 65px;
	width: 1000px;
}
#culture-wrap table th {
	width: 140px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #0071be;
	font-size: 1.25em;
	font-weight: 700;
	vertical-align: top;
	text-align: left;
}
.table-txt {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #26282a;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.625;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-left: 38px;
	padding-bottom: 70px;
	vertical-align: top;
}
/* 募集職種 */
#joblist-wrap {
	width: 100%;
	margin: 60px auto;
	background: url(../img/index/joblist/joblist-bg.gif) repeat-x bottom center;
	padding-bottom: 25px;
}
#joblist-wrap ul {
	width: 1000px;
	margin: 0 auto;
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
}


@media screen and (max-width:1500px) {
/* 募集職種 */
#joblist-wrap {
	width: 100%;
	margin: 60px auto;
	background: url(../img/index/joblist/joblist-bg.gif) repeat-x bottom center;
	padding-bottom: 25px;
}
#joblist-wrap ul {
	width: 100%;
	margin: 0 auto;
	margin-top: 40px;
	display: block;
	text-align: center;
}
#joblist-wrap ul li {
	display: inline-block;
	margin: 0 10px;
}
}

@media screen and (max-width:1237px) {
	#joblist-wrap{
		background-size: auto 32vw;
	}
#joblist-wrap ul li {
	margin: 0 5px;
	margin-bottom: 20px;
}
	#joblist-wrap img{
		width: 22.63540824vw;
		height: 22.63540824vw;
	}
}

@media screen and (max-width:1200px) {
.bussiness-box {
	margin: 0 auto;
	margin-top: 47px;
	width: 100%;
}
.business-img02 {
	width: 100%;
	margin-top: 2.2%;
	text-align: left;
}
.bbb02 {
	right: 21%;
	left: 51.5%;
}
}

@media screen and (max-width:1078px) {
.bbb01 {
	position: absolute;
	z-index: 3;
	top: 17%;
	right: 0;
	left: auto;
}
.bbb02 {
	position: absolute;
	z-index: 3;
	top: 48.3%;
	right: 0;
	left: auto;
}
.bbb03 {
	position: absolute;
	z-index: 3;
	top: 79.8%;
	right: 0;
	left: auto;
}
	.c-txtsp02 {
	width: 49%;
}
	.c-txtsp{
		margin-right: 3%;
		width: 58%;
	}
	.tab_content_description img{
		width: 38%;
		height: auto;
	}
.bmw-right{
	width: 47%;
}
.bmw-right img{
	width: 100%;
	height: auto;
}
.bmw-left{
	width: 47%;
}
.bmw-left img{
	width: 100%;
	height: auto;
}
.c-txtsp03 {
	width: 49%;
}
	.tab_content_description{
		width: 100%;
	}
	#culture-wrap table{
		width: 95%;
	}
	#interview-wrap ul{
		width: 95%;
	}
}
@media screen and (max-width:1050px){
	.tab_item{
		margin: 0 1.904761904vw;
		width: 28.57142857vw;
	}
}
@media screen and (max-width:980px) {
.gnav ul li {
	margin-left: 1%;
}
}
@media screen and (max-width:821px) {
	.about-txt{
		width: 90%;
	}
#joblist-wrap ul {
	width: 100%;
}
}

@media screen and (max-width:768px) {
.interview-empty{
	display: none;
}
#page_top img {
	width: 10.66666664vw;
	height: 10.66666664vw;
}
#contents-wrap {
	padding-top: 15.99999996vw;
}

/* 見出し2 */
h2 span {
	margin-bottom: 5.33333332vw;
	font-size: 3.599999991vw;
}
h2 span::before {
	bottom: -3.333333325vw;/*線の上下位置*/
	width: 6.399999984vw;/*線の長さ*/
	height: 0.666666665vw;/*線の太さ*/
}
h2 {
	font-size: 7.199999982vw;
}
/* 会社概要 */
#about-wrap {
	padding-top: 0;
	margin-top: 0;
	width: 87%;
}
	#aboutus {
	padding-top: 6.250em;
	margin-top: -3.125em;
	}
	/*#aboutus::before{
		content: '';
		display: block;
		height: 11.33333331vw;
		margin-top: -11.33333331vw;
		visibility: hidden;
	}*/
.about-headtxt {
	font-size: 3.866666657vw;
	line-height: 2.22;
	margin-top: 5.33333332vw;
	text-align: left;
	text-align: justify;
	text-justify: inter-ideograph;
}
.about-headtxt br {
	display: none;
}
#about-wrap img {
	margin-top: 3.333333325vw;
	width: 100%;
	height: auto;
}
.about-txt {
	margin-top: 3.99999999vw;
	width: 100%;
	font-size: 3.466666658vw;
	line-height: 1.923;
}
.about-table {
	margin-top: 3.99999999vw;
	width: 100%;
	text-align: left;
}
.about-table th {
	font-size: 3.466666658vw;
	font-weight: 700;
	white-space: nowrap;
}
.about-table td {
	padding: 3.466666658vw 0 3.466666658vw 5.33333332vw;
	font-size: 3.466666658vw;
	text-align: justify;
	text-justify: inter-ideograph;
}
/* 見出し3 */
h3 {
	font-size: 5.999999985vw;
	top: -2.266666661vw;
}
h3 span {
	font-size: 3.066666659vw;
}
.h3-ttl {
	margin: 0 auto;
	width: 71.99999982vw;
	height: 11.19999997vw;
	text-align: center;
	vertical-align: middle;
	background: url(../img/index/business/head-item-sp.gif) no-repeat top left;
	background-size: cover;
}

/* 事業領域 */
.bbb01 {
	position: absolute;
	z-index: 3;
	top: 71.73333315vw;
	right: 0;
	left: auto;
}
.bbb02 {
	position: absolute;
	z-index: 3;
	top: 193.0989583vw;
	right: 0;
	left: auto;
}
.bbb03 {
	position: absolute;
	z-index: 3;
	top: 315.9999992vw;
	right: 0;
	left: auto;
}
.business-img01 {
	width: 87.99999978vw;
	height: 61.19999985vw;
}
.business-img021 {
	margin-top: 57.33333319vw;
	width: 87.99999978vw;
	height: 61.19999985vw;
}
.business-img03 {
	margin-top: 61.99999985vw;
	width: 87.99999978vw;
	height: 61.19999985vw;
}
.business-bluebox {
	width: 93.3333331vw;
	height: 61.86666651vw;
	padding: 7.99999998vw 6.66666665vw;
	box-sizing: border-box;
}
.business-bluebox02 {
	width: 93.3333331vw;
	height: 63.59999984vw;
	padding: 7.99999998vw 6.66666665vw;
	box-sizing: border-box;
}
.business-bluebox03 {
	width: 93.3333331vw;
	height: 64.66666651vw;
	padding: 7.99999998vw 6.66666665vw;
	box-sizing: border-box;
}
.bbb-ttl {
	margin-top: 2.133333328vw;
	font-size: 3.333333325vw;
}
.bbb-txt {
	margin-top: 4.933333321vw;
	font-size: 3.066666659vw;
}
.bbb-ttl02 {
	margin-top: 1.33333333vw;
	font-size: 3.333333325vw;
}
.bbb-txt02 {
	margin-top: 2.66666666vw;
	font-size: 3.066666659vw;
}
.bbb-ttl03 {
	margin-top: 2.266666661vw;
	font-size: 3.333333325vw
}
.bbb-txt03 {
	margin-top: 2.66666666vw;
	font-size: 3.066666659vw;
}
h4 {
	margin-bottom: 3.066666659vw;
	font-size: 6.399999984vw;
}
h4::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2.266666661vw;/*線の上下位置*/
	display: inline-block;
	width: 32px;/*線の長さ*/
	height: 3px;/*線の太さ*/
	background-color: #fff;/*線の色*/
}
#businnes-wrap {
	margin-bottom: 60.79999985vw;
}
/* 運営店舗 */
#store-wrap {
	margin-top: 0;
	background-image: none;
	padding-top: 11.33333331vw;
}
h5 {
	margin-top: 4.666666655vw;
	font-size: 4.799999988vw;
	line-height: 1;
}
h5::before {
	bottom: -2.133333328vw;
	width: 3.99999999vw;
	height: 3px;
}
h5:hover::before {
	bottom: -2.133333328vw;
	width: 3.99999999vw;
	height: 3px;
}
label p {
	margin-top: 4.266666656vw;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size: 3.466666658vw;
	font-weight: 700;
	line-height: 1.098;
}
/*タブ切り替え全体のスタイル*/
.store-tab {
	margin-top: 7.333333315vw;
	padding-bottom: 5.33333332vw;
	width: 100%;
}
.store-head {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
/*タブのスタイル*/
.tab_item {
	margin: 0 1.466666663vw;
	width: 29.33333326vw;
	height: 27.99999993vw;
}
.tab_item h5 {
	color: #0071be;
}
.tab_item:hover {
	color: #fff;
	background-color: #0071be;
}
.tab_item:hover h5 {
	color: #fff;
}
.tab_item br {
	display: block;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding: 40px 40px 0;
	clear: both;
	overflow: hidden;
	background-color: #fff;
	width: 100%;
	border-top: 2px solid #0071be;
}
.tab_content_description {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
	.tab_content_description img{
		margin-top: 2.864583333vw;
		width: 79.6875vw;
		height: auto;
	}
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content, #au:checked ~ #au_content, #bmw:checked ~ #bmw_content {
	display: block;
}
/*選択されているタブのスタイルを変える*/
.c-txtsp {
	margin-right: 0;
	vertical-align: top;
	width: 86.66666645vw;
	font-size: 3.199999992vw;
}
.bmw-txt01 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.c-txtsp02 {
	width: 86.66666645vw;
	font-size: 3.199999992vw;
	line-height: 1.958;
	text-align: justify;
	height: auto;
	background: url(../img/index/store/bmwshop-bg01.png) no-repeat bottom left;
	background-size: contain;
	margin-bottom: 2.66666666vw;
}
	.bmw-right{
		width: 100%;
		text-align: center;
	}
.c-txtsp03 {
	width: 86.66666645vw;
	font-size: 3.199999992vw;
	line-height: 1.958;
	text-align: justify;
	height: auto;
	background: url(../img/index/store/bmwshop-bg02.png) no-repeat bottom right;
	background-size: contain;
	margin-bottom: 2.66666666vw;
}
.bmw-txt02 {
	margin-top: 15px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
	.bmw-left{
		width: 100%;
		text-align: center;
	}
.flex-order {
	order: -1;
}
.c-txtsp02 span {
	font-size: 3.99999999vw;
}
.c-txtsp02 span br {
	display: block;
}
.c-txtsp03 span {
	font-size: 3.99999999vw;
}
.c-txtsp03 span br {
	display: block;
}
/* 従業員一覧 */
	#interview{
		padding-top: 5.313em;
		margin-bottom: 7.333333315vw;
	}
#interview-wrap {
	padding-top: 2.933333326vw;
}
#interview-wrap ul {
	margin: 0 auto;
	margin-top: 8.666666645vw;
	width: 82%;
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	align-content: space-between;
}
#interview-wrap ul li {
	margin-bottom: 5.999999985vw;
}
.interview-photo {
	display: block;
	width: 35.19999991vw;
	height: 45.73333322vw;
	transition-duration: 0.3s;
}
.interview-photo:hover {
	transform: scale(1.1);
	transition-duration: 0.3s;
}
.interview-date {
	margin-top: 1.999999995vw;
	font-size: 2.799999993vw;
}
.interview-name {
	margin-top: 1.599999996vw;
	font-size: 4.399999989vw;
}
.interview-nameen {
	margin-top: 0.666666665vw;
	font-size: 2.399999994vw;
}
.interview-work {
	margin-top: 1.066666664vw;
	font-size: 2.799999993vw;
}
/* 制度・環境 */
	#culture{
		padding-top: 5.313em;
		margin-top: -5.313em;
	}
#culture-wrap {
	margin-top: 0;
	padding-top: 7.333333315vw;
	padding-bottom: 0;
}
#culture-wrap table {
	margin: 0 auto;
	margin-top: 8.666666645vw;
	width: 87%;
}
#culture-wrap table th {
	width: 100%;
	font-size: 3.99999999vw;
	vertical-align: middle;
	text-align: center;
}
#culture-wrap table th, #culture-wrap table td {
	width: 100%;
	display: block;
}
.table-txt {
	font-size: 3.199999992vw;
	padding-left: 0;
	padding-top: 1.999999995vw;
	padding-bottom: 9.33333331vw;
}
#culture-wrap .table-img {
	visibility: hidden;
	display: none;
}
/* 募集職種 */
	#joblist{
		padding-top: 5.313em;
		margin-top: -5.313em;
		display: inline-block;
		vertical-align: top;
	}
#joblist-wrap {
	width: 100%;
	margin: 7.99999998vw auto;
	background: url(../img/index/joblist/joblist-bg-spfix.gif) repeat-x bottom center;
	background-size: contain;
	padding-bottom: 3.333333325vw;
}
#joblist-wrap ul {
	width: 87%;
	margin: 0 auto;
	margin-top: 5.33333332vw;
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
}
#joblist-wrap ul li {
	margin: 0 0 6.266666651vw 0;
}
#joblist-wrap img {
	width: 37.99999991vw;
	height: 37.99999991vw;
}

}
@media screen and (max-width:500px){
	/* 事業領域 */
.bbb01 {
	top: 75.6vw;
}
.bbb02 {
	top: 197vw;
}
.bbb03 {
	top: 320.8vw;
}
}

@media screen and (max-width:320px){
		/* 事業領域 */
.bbb01 {
	top: 81.25vw;
}
.bbb02 {
	top: 203.125vw;
}
.bbb03 {
	top: 326.5625vw;
}
}