@charset "utf-8";
/*
Theme Name:mrp04-child
Template:mrp04
Version: 0.01
*/

/*--------------------------------------*/
.center { text-align:center !important;}
.left { text-align:left !important;}
.right { text-align:right !important;}
.middle { vertical-align:middle !important;}
.bottom { vertical-align:bottom !important;}
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}
.mb50 { margin-bottom:50px !important;}
/*--------------------------------------*/
p.title {
    font-weight: bold;
    font-size: 150%;
    padding: 2% 0;
}



/* スマホで改行をなくす
----------------------------------*/
@media screen and (max-width: 640px) {
    .br-sp { display:none; }
}

/* スマホの時だけ改行（PCの時非表示）
----------------------------------*/
@media screen and (min-width:640px) {
    .br-pc { display:none; }
}

/* 画像表示順
----------------------------------*/
.f_Right {
float:right;
}

@media only screen and (max-width: 640px) {
.f_Right {
float: none;
}
}

/* 横幅100%
----------------------------------*/

body{overflow-x:hidden;}
#wrapper, #content, .post{overflow: visible;}

.bgfix { background-attachment:fixed !important;}
.ipod .bgfix { background-attachment:scroll !important; }
.iphone .bgfix { background-attachment:scroll !important; }
.ipad .bgfix { background-attachment:scroll !important; }

/* ヘッダー
----------------------------------*/
#mainImg {
    padding-top: 0px !important;
    padding-bottom: 20px;
}
#header .logo img {
    /*max-height: 100%;*/
	max-width: 100%;
}

/* グローバルナビ
----------------------------------*/
@media only screen and (min-width: 1024px){
nav#mainNav ul li a {
    height: auto;
    padding: 8px 30px;
    font-size: 20px;
}
}

.sticky-header #header .inner {
    box-shadow: 0 0 5px rgba(51, 51, 51, 0.5);
}

/* フッター
----------------------------------*/
#footer ul {
    padding: 3% 0;
    font-size: 93%;
    border-top: 1px solid #dedcdc;
}

/* 見出し
----------------------------------*/
.home h1.title, .home .post h1 {
    margin: 5% 0 3%;
}
.home .title span span {
    display: block;
    font-size: 50%;
    font-weight: normal;
    margin-top: 15px;
}

body:not(.home) h1.title.first {
    margin-bottom: 5%;
}
.post h2, h2.title {    background: none;}

body:not(.home) .post h2 {
    border-bottom: 3px solid #999;
    border-left: 12px solid;
    box-sizing: border-box;
    margin: 50px 0 30px;
    padding: 3px 5px;
}

.post h3 {
    font-size: 20px;
	font-weight:bold;
}
.post h3:after {
    border-bottom: 6px double #9E9E9E;
}

/* olリスト_丸数字設定(グレーに白文字)
----------------------------------*/
ol {
    margin: 0 !important;
    padding: 0.5em;
  counter-reset:number; /*数字をリセット*/
}
ol li {

  list-style-type: none!important; /*数字を一旦消す*/
  position: relative;
  padding-left: 30px !important;
  line-height: 1.5em !important;
  padding: 0.5em 0.5em 0.5em 30px !important;
	margin: 0 !important;
}

ol li:before {
  /* 以下数字をつける */
    position: absolute;
    counter-increment: number;
    content: counter(number);
  /*以下数字のデザイン変える*/
    display: inline-block;
    font-size: 15px;
    border-radius: 50%;
    left: 0;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background: #666;
    color: #fff;
    box-sizing: border-box;
  /*以下 上下中央寄せのため*/
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* リンクボタン
----------------------------------*/
.linkBtn a {
    display: inline-block;
    background: rgba(255, 255, 255, 0.5);
    padding: 1em 3em;
    color: #333;
    border: 1px solid #999;
    font-weight: bold;
}

.linkBtn a:hover {
    display: inline-block;
    background: rgba(63, 63, 63, 0.8);
    color: #fff;
}

.post .linkBtn::after {display:none;}
p.linkBtn.pageLink {
    background: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

/* TOP
----------------------------------*/
.top_greeting_box {
    margin-bottom: 5%;
}
.top_greeting_box .column2_60 {
    padding: 0 3%;
    box-sizing: border-box;
}
.top_greeting_box .column2_40 img {
    max-width: 100%;
    margin: 0;
    border-radius: 40px;
}


.CBlock-img.bgfix.top_recruit {
    background-image: url(/struct/wp-content/uploads/top_bg_company.jpg);
    background-position: center;	
}
.CBlock-img.bgfix.top_recruit h2 {
    color: #333;
    text-align: center;
    font-weight: bold;
    font-size: 36px;
    padding: 0;
	margin-bottom: 2%;
}
.CBlock-img.bgfix.top_recruit h2 span {
    margin: 0 !important;
    padding: 0 !important;
}


.listTitle {margin-top: 5%;}
ul.postlist {margin-bottom: 10%;}


@media screen and (min-width:1024px) { 
.CBlock-img.bgfix.top_recruit {
    background-image: url(/struct/wp-content/uploads/top_bg_company_02.jpg);

}
}



/* 下層ページ：
----------------------------------*/

@media print, screen and (min-width: 1100px){
body:not(.home) #wrapper {
    padding-top: 3em;
}
}

/* 下層ページ：会社概要
----------------------------------*/
.rinen_box {
    border: 1px solid #dadada;
    padding: 2% 5%;
    margin-bottom: 5%;
	border: 5px double #dadada;
}
.rinen_box h2 {
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    border-left: none !important;
}

.rinen_box img {
    max-height: 180px;
}


.company_box p.logosize img {
    max-height: 150px;
}
.company_box .column2_50 {
    padding: 0 5px;
    box-sizing: border-box;
}

/* 下層ページ：求人情報
----------------------------------*/

span.telno {
    font-size: 36px;
    font-weight: bold;
    display: block;
    line-height: 1.2em;
}
.contact_btn {
    margin-top: 15px;
}
.contact_btn a {
    border: 1px solid #333;
    padding: 2%;
}

.recruit_box {
    width: auto;
    margin: 0 auto;
    max-width: 400px;
}
.recruit_box ol {
    font-size: 130%;
}

@media screen and (min-width:1023px) {
	nav div.panel {
		display:flex !important;
		justify-content:center;
		float:none;
	}
}

/*新HOLOCF7送信ボタンずれ対応*/
.wpcf7-spinner {
    display: block!important;
	margin: 0 auto!important;
}