@charset "utf-8";
/*
Theme Name: ★BizVektor子テーマサンプル★
Theme URI: http://bizvektor.com
Template: biz-vektor
Description:
Author: ★あなた ｍ９っ・ｗ・）ｂ★
Tags:
Version: 0.1.0
*/

/**{
font-family: "Sawarabi Gothic";
}*/

#content p {
color:#555;
font-size:14px;
padding:0;
}

* {
color: #333;
line-height: 170%;
}


/************************************
　ヘッダートップ
************************************/

@media screen and (min-width:960px) {
#headerTop #site-description {
color:#333;
width:50%;
float:left;
}
.topnav {
width:50%;
float:right;
color:#333;
text-align:right;
font-size:12px;
padding-top:2px;
}
.topnav a {
text-decoration:none;
color:#111;
}
.topnav a:hover {
color:#666;
}
#headerTop {
border-top:3px solid #333;
}
}

@media screen and (max-width:960px) {
.topnav {
display:none;
}
}

@media screen and (min-width:960px) {
#header .innerBox #site-title img {
max-height:60px;
}
}


/*ヘッダーの背景を半透明に
#header {
background: rgba(255,255,255,0.9);
}*/


/*スライドショーにヘッダーが被るのを修正*/
@media screen and (min-width:960px) {
#pageTitBnr, #topMainBnr {
margin-top:80px;
}
#header {
position:fixed;
top:0;
}
#headerTop {
top:0;
}

/*スクロールボタンでのズレを修正*/
.home #main {
padding-top:80px;
margin-top:-80px;
}

}



/*下層ページ*/
@media screen and (min-width:960px) {
#pageTitBnr {
	margin-top: 80px !important;
	padding: 40px 0 20px;
}
.post-type-archive-recruit #pageTitBnr {
	margin-top: 80px !important;
	padding: 220px 0 20px;
} 
#pageTitBnr #pageTitInner #pageTit {
font-size:180%;
color:#333;
text-align:right;
}
}

@media screen and (max-width:960px) {
#pageTitBnr {
background:#000;
}
#pageTitBnr #pageTitInner #pageTit {
font-size:150%;
color:#fff;
}
#pageTitBnr {
padding:58px 0 5px;
}
}

/*子ページインデックス　リスト*/
.content .child_page_block p a {
font-size:14px;
}


/************************************
　広い画面では広く表示
************************************/
@media screen and (min-width:1100px) {
#header .innerBox{
width:1100px;
}
.innerBox, #panList .innerBox, #footMenu .innerBox, #footer .innerBox, #pageTitBnr .innerBox {
width:1100px;
}
#main #container .content {
width:800px;
}
#main #container #sideTower {
width:250px;
}
}


/************************************
　メインメニュー
************************************/
#gMenu {
margin-top:5px;
}
.headMainMenu .menu > li a {
border-left:1px solid #eee !important;
padding:8px 30px 5px 30px;
color:#333;
}
#gMenu .menu li a strong {
font-weight:bold;
letter-spacing:1px;
font-size:15px;
}
.headMainMenu .menu > li:last-child a {
background:#9FC74F;
color:#fff;
padding:8px 50px 5px 50px;
border-radius:5px;
}

.headMainMenu .menu > li a {
font-size:14px;
}
.headMainMenu .menu > li a:hover {
color:#ccc;
}
.headMainMenu .menu > li:last-child a:hover {
color:#fff;
background:#D1EC9C;
}

/*スマホ時*/
@media screen and (max-width:960px) {

#gMenu .assistive-text {
color:#666;
border-color:#666;
top:-40px;
}

.headMainMenu .menu > li a {
border-left :none;
padding:12px 30px;
}
.headMainMenu .menu > li:last-child a {
padding:12px 30px;
border-radius:0px;
}
}




/************************************
　フッターBizvektor
************************************/
#siteBottom {
display:none;
}


/*---------------------------------------------
　　　　　FOOTER周り
---------------------------------------------*/
#siteBottom {
display:none;
}
#footer .innerBox dl#footerOutline {
overflow:hidden;
width:100%;
}
#footer dl#footerOutline dt {
float:left;
width:400px;
}
#footer dl#footerOutline dd {
float:right;
}
@media screen and (max-width: 768px) {
#footer .innerBox dl#footerOutline {
text-align:center;
width:100%;
}
#footer dl#footerOutline dt {
float:none;
width:100%;
}
#footer dl#footerOutline dd {
float:none;
}
}
#footer dl#footerOutline dt img {
max-height:45px;
}





/************************************
　Youtubeムービー
　https://youtu.be/MeNDOwMNxCo
************************************/



#headerTop #site-description {
widt
}



/************************************
　FLOAT設定
************************************/
.floatArea {
width:100%;
overflow:hidden;
}

.floatLeft { width:35%; float:left; margin-right:3%; }
.floatRight { width:60%; float:left; }
@media screen and (max-width:770px) {
.floatLeft { width:90%; float:none; margin-right:0%; margin-bottom:3%; margin-left:auto; margin-right:auto; }
.floatRight { width:90%; float:none; margin-left:auto; margin-right:auto; }
}

/*20-80*/
.floatLeft20 { width:20%; float:left; margin-right:3%; }
.floatRight80 { width:70%; float:left; }
@media screen and (max-width:770px) {
.floatLeft20 { width:80%; float:none; margin-right:0%; margin-bottom:3%; margin-left:auto; margin-right:auto; }
.floatRight80 { width:80%; float:none; margin-left:auto; margin-right:auto; }
}

/*50-50*/
.floatLeft50 { width:46%; float:left; border:3px solid #eee; padding:10px; overflow:hidden; }
.floatRight50 { width:46%; float:right; border:3px solid #eee; padding:10px; overflow:hidden; }
@media screen and (max-width:660px) {
.floatLeft50 { width:90%; float:none; margin-right:0%; margin-bottom:3%; margin-left:auto; margin-right:auto; }
.floatRight50 { width:90%; float:none; margin-left:auto; margin-right:auto; }
}

/*60-30*/
.floatLeft60 { width:60%; float:left; margin-right:3%; }
.floatRight30 { width:30%; float:left; }
@media screen and (max-width:770px) {
.floatLeft60 { width:90%; float:none; margin-right:0%; margin-bottom:3%; margin-left:auto; margin-right:auto;line-height:120%; }
.floatRight30 { width:60%; float:none; margin-left:auto; margin-right:auto; }
}


/*50-50_btn*/
.floatLeft50_btn { width:48%; float:left; padding:0px; font-weight: bold; }
.floatRight50_btn { width:48%; float:right; padding:0px; font-weight: bold; }
@media screen and (max-width:660px) {
.floatLeft50_btn { width:90%; float:none; margin-right:0%; margin-bottom:3%; margin-left:auto; margin-right:auto; }
.floatRight50_btn { width:90%; float:none; margin-left:auto; margin-right:auto; }
}

/*30-30-30*/
.float3-1 { width:30%; float:left; margin: 0 1%; margin-left: 3%;}
.float3-2 { width:30%; float:left; margin: 0 1%; }
.float3-3 { width:30%; float:left; margin: 0 1%; }
@media screen and (max-width:660px) {
.float3-1 { width:90%; float:none; margin:20px auto; }
.float3-2 { width:90%; float:none; margin:20px auto; }
.float3-3 { width:90%; float:none; margin:20px auto; }
}


/*事業案内中　店舗紹介*/
.innerLeft {
width:100px;
float:left;
margin-right:20px;
}
.innerRight {
width:auto;
float:left;
font-size:14px;
line-height:150%;
}

.innerTitle {
margin:0;
font-weight:bold;
color:#666;
border-bottom:dotted 1px #aaa;
margin-bottom:10px;
}

/*無駄に出来てしまうpを削除*/
.subPage p {
display:none;
}



/*---------------------------------------------
　　　　　スペース
---------------------------------------------*/
.space10 {width:100%; height:10px;}
.space20 {width:100%; height:20px;}
.space30 {width:100%; height:30px;}
.space40 {width:100%; height:40px;}
.space50 {width:100%; height:50px;}
.space60 {width:100%; height:60px;}
.space70 {width:100%; height:70px;}
.space80 {width:100%; height:80px;}
.space90 {width:100%; height:90px;}
.space100 {width:100%; height:100px;}




/************************************
　3PRエリア
************************************/
.content #topPr h3 {
font-size:120%;
text-align:center;
font-weight:bold;
font-family: "Sawarabi Gothic";
}
.content .topPr .topPrTxtBox {
font-size:14px;
font-family: "Sawarabi Gothic";
}

.content .topPr h3 a {
font-size:18px;
}
@media screen and (max-width:660px) {
.content #topPr .topPrOuter h3 {
text-align:left;
}
.content .topPr p.topPrDescription {
font-size:13px;
}
.content .topPr .prImage {
width:100px;
}
}


/************************************
　店舗案内
************************************/
.day {
background:#036;
color:#fff;
padding:3px 10px;
display:inline-block;
margin-top:-10px;
margin-bottom:20px;
}



/************************************
　サイドメニュー
************************************/
.sideTower .localHead, .sideTower h3.localHead {
font-size:90%;
text-align:center;
background:#9FC74F;
color:#fff;
border-radius:5px;
}
.sideTower .sideWidget li a {
font-family:"Meiryo";
font-size:13px;
}




#panList ul li {
font-family:"Meiryo";
/*font-size:13px;*/
}　




/**/
.content .child_page_block.layout_odd , .content .child_page_block.layout_even {
height:auto !important ;
}
.content .child_page_block h4 a {
font-size:18px;
}
.content .child_page_block p a {
line-height:150% ;
}

/*ページ下部の子ページリスト*/
.content .childPageBox ul li a {
font-size:12px;
}


/*リンクボタン*/
a.btn.btnL {
font-size:100%;
}
a.btn.btnL:hover {
background:#aaa;
}



/*h2*/
.content h2, .content h1.contentTitle, .content h1.entryPostTitle, .content .sideWidget h4 {
font-size:150%;
}

.content h2::after, .content h1.contentTitle::after, .content h1.entryPostTitle::after, .content .sideWidget h4::after {
border-bottom:3px solid #9fc74f;
}

/*h7*/
.content h7 {
border-left:5px solid #9FC74F;
font-weight:bold;
padding:5px 15px;
color:#9FC74F;
margin:0 0 10px;
}

/*h4*/
.content h4 {
font-size:110% !important;
font-weight:bold;
}



.omotenashi li {
margin-bottom:5px !important;
margin-left:7px;
list-style:none;
}
.omotenashi li:before{
content: "■ ";   // 前方に文字列:beforeを挿入
font-size: 150%;      // フォントサイズを150%にする
color: #4ECDC4;       // 文字色を緑色にする
font-weight: bold;    // 太文字にする
}


/**/
.moreLink a {
padding:3px 15px 4px;
font-weight:bold;
}


/**/
a img:hover {
opacity:0.8;
}


/**/
.content .infoList .infoCate a, .content .infoList .rssBtn a {
background:#9FC74F;
color:#fff;
}

.content .infoList .infoCate a:hover, .content .infoList .rssBtn a:hover {
background:#C1DF85;
}


/*採用エントリーフォーム*/
form select {
padding: 3px 5px;
}
#zip {
width: 100px;
padding: 5px;
}
#name #kana {
width: 70%;
}
.content form input[type="text"]{
width: 70%;
}


/*cssボタン　ベース*/
.button {
	display: inline-block;
	width: 100%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	font-weight: bold;
	font-size: 16px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/**/
.button {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 2px solid #333;
	color: #333;
	line-height: 50px;
	overflow: hidden;
}
.button:hover {
	color: #fff;
}
.button::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.button:hover::after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #333;
}


/**/
.borderArea01 {
margin:15px 0;
padding:15px;
border:3px solid #eee;
background:#F5FCF3;
border-radius: 8px;
}

.borderArea02 {
font-weight:normal;
padding: 13px;
border: 2px dotted #aaa;
border-radius: 8px;
}


/***採用フォーム追記***/
#year { width: 10%; }



/***TOPムービーの上***/
.bvu_section_wrap .bvu_section_image {
font-weight: bold;
}
.bvu_section_wrap .bvu_section {
top: 80%;
}
/*↓スクロール非表示*/
.bvu_scl {
display: none;
}

/************************************
　採用ページ
************************************/
.content .infoList .infoListBox.recruitListBox div.thumbImage {
	float: left;
	margin-right: 2%;
	width: 28%;
}
.content .infoList .infoListBox.recruitListBox div.thumbImage div.thumbImageInner img {
	/* width: 30%; */
	width: 100%;
}
.content .infoList .infoListBox.recruitListBox div.entryTxtBox.haveThumbnail {
	width: 70% !important;
}
.d-inline-flex {
	display: flex;
	background: #F5F5F5;
	padding: 10px 20px;
}
.d-inline-flex dt {
	font-size: 0.8em;
	width: 10%;
	background: #333;
	color: #fff;
	border-radius: 5px;
	padding: 2%;
	margin-right: 3%;
	text-align: center;
	display: flex;
  justify-content: center;
  align-items: center;
	margin-bottom: 0;
}
.d-inline-flex dd {
	width: 34%;
	margin-right: 2%;
	font-size: 0.8em;
	margin-bottom: 0;
	display: flex;
  align-items: center;
}
.recruit-content h3 {
	font-size: 1.0em;
	/* border-left: 3px solid #A8D056; */
	text-indent: 10px;
	padding: 10px 20px;
	background: #F5F5F5;
	margin: 20px 0 20px;
}
.chach-text {
	position: absolute;
	text-align: right;
	top: 172px;
	right: 50px;
}
.chach-text h3 {
	color: #fff;
  font-size: 24px;
}
@media screen and (max-width: 960px){
	.chach-text {
		position: static;
		text-align: center;
		margin-top: 70px;
	}
	.chach-text h3 {
		font-size: 20px;
	}
	.post-type-archive-recruit #pageTitBnr {
		background-size: cover;
    background-position: 10% 30px;
	}
}

.post-type-archive-recruit #pageTitBnr #pageTitInner #pageTit,
.single-recruit #pageTitBnr #pageTitInner #pageTit {
	color: #fff;
}
.content h1.entryPostTitle.recruit-title {
	margin-bottom: 15px;
}
.text-center {
	text-align: center;
}

@media(max-width:768px) and (min-width: 321px){
	.post-type-archive-recruit .content .infoList .infoListBox div.thumbImage {
		width: 100% !important;
	}
	.post-type-archive-recruit .content .infoList .infoListBox.recruitListBox div.entryTxtBox.haveThumbnail {
		width: 100% !important;
	}
	.post-type-archive-recruit .d-inline-flex {
		display: flex;
    flex-wrap: wrap;
	}
	.post-type-archive-recruit .d-inline-flex dt {
		margin-bottom: 0.5em;
		width: 30%;
	}
	.post-type-archive-recruit .d-inline-flex dd {
		width: 60%;
	}
}

/***20220825追加***/
.g-block {
padding: 20px;
background: #f6f6f6;
}


/***レザーリペア***/
.page-id-949 #pageTitBnr {
  display: none;
}
h2 {
line-height: 160% !important;
}


@media(min-width:660px){
.floatLeft.bg01 {
  font-size: 24px;
  text-align: center;
  line-height: 600%;
  background: #f5f5f5;
  margin-right: 0%;
}
.page-id-989 table th {
width: 250px;
}
}
@media(max-width:660px){
.floatLeft.bg01 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 200%;
  background: #f5f5f5;
}
.page-id-989 table th {
width: 150px;
}
.no-border {
width: 90% !important;
}
}

.no-border {
padding: 0px;
border: none;
width:48%;
}

.ex-r {
border: none;
}
.page-id-1008 .gallery-caption {
  font-size: 20px !important;
  font-weight: bold;
  color: #000 !important;
}

/***動画表示の調整***/
@media(min-width:768px){
.bvu_wrap .bvu_video {
  width: 100% !important;
}
}
/*スマホは静止画
@media screen and (max-width: 768px) {
  .bvu_wrap {
    background: url(https://utmm.jp/wp-content/uploads/2017/04/mainimg0.jpg) no-repeat center top !important;
    background-size: auto;
    height: 200px;
  }
}
*/
@media screen and (max-width: 768px) {
  .bvu_video {
    display: block;
    width: 100% !important;
  }
#header {
  z-index: 2;
  position: relative;
  width: 100%;
}
}


/***202404***/

.page-id-2108 .floatLeft50,
.page-id-2108 .floatRight50 {
border: none;
}
.page-id-2108 .floatArea {
margin-bottom: 20px;
}