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


/* 追加・変更
------------------------------------------------------------*/
/*　グローバルメニュー　項目余白調整　*/
@media print, screen and (min-width: 1024px){
/*nav#mainNav ul li a {
    padding: 8px 21px 10px 19px;
}
nav#mainNav ul li {
    width: 14%;
}*/
}

/*float clear*/
.clearfix {zoom:1;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;}


/*改行位置指定用*/
span.nowrap {
display:inline-block;
white-space:nowrap;
}
.nowrap {
white-space:nowrap;
}
@media print, screen and (min-width: 641px){
br.sp {
display:none;
}
}

/*赤文字*/
.fc-red {color:#F00}


/*画像装飾なし*/
.post img.nodeco {
	padding:0;
	border-width:0 !important;
	background-color:transparent;
}
.post img.alignright.nodeco {
	padding:0;
	border-width:0 !important;
}

/*リスト*/
.post ul li {
    margin: 0px 0px 10px 20px !important;
    list-style: disc outside none;
}
.post ol li {
    margin: 0px 0px 10px 20px !important;
    list-style: decimal outside none;
}
.post ol li ol {
margin-left:0;
}
.post ol li li {
list-style:upper-roman !important;
}

/* 2カラムレイアウト　余白設定
------------------------------------*/
div.colinner {
	padding: 0 5%;
}

/* テーブルボーダー修正
--------------------*/
.post table.clear {
border-left-width:0;
}

/*GoogleMap埋め込み対処
-----------------------------------*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*-----------------------------------
 共通
-----------------------------------*/
.post .column2_50 {
    text-align: left;
}

body{
	overflow-x:hidden;
	}
#wrapper, #content, .post{
	overflow: visible;
	}
.greeting {
	margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-left: calc(((100vw - 100%) / 2) * -1);
	margin-top: 3em;
	margin-bottom: 3em;
	padding: 30px calc((100vw - 100%) / 2);
	background-size:cover !important;
	background-attachment: fixed !important;
}
.bg-mask { /*背景写真を半透明白にする*/
  height: 100%;
  background: rgba(255,255,255,0.75);
	margin: 0;
	padding: 30px;
}
.greeting dl {
padding:30px;
}
.greeting dt {
font-size:140%;
font-weight:bold;
	text-align: center;
	margin-bottom: 1em;
}

/*ボタン*/
.btntxt {
	background-color: #005DB9;
	color: #fff;
	text-align: center;
	font-weight: bold;
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 10px;
}
.btntxt:hover {
	background-color: rgba(0,93,185,0.70);
	color: #fff;
}

/*----------　横向きフロー　-----------*/
div.flexbox {
	display: flex;
	justify-content: center;
	align-items:stretch;
}
.resources_step {
    position: relative;
	width: 20%;
	margin: 0 auto;
}
.resources_step::after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 20px solid transparent;
    border-left-color: #2a588b;
    left: 105%;
    top: calc(50% - 40px);
}
.resources_step.last::after {
    border-width:0;
}

@media print, screen and (max-width: 640px){
div.flexbox {
flex-direction: column;
}
.resources_step {
	margin-bottom: 20px;
	width: 90%;
}
.resources_step::after {
    border: 20px solid transparent;
    border-top-color: #2a588b;
    left: calc(50% - 20px);
    top: 100%;
}
}

/*----------　テーブルスクロール　-----------*/
   .table_scroll {
      width: 100%;
      overflow-y: hidden;
      overflow-x: auto;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      -webkit-overflow-scrolling: touch;
   }
    .table_scroll::-webkit-scrollbar {
    height: 4px;
   }
    .table_scroll::-webkit-scrollbar-thumb {
    background: #aaa;
   }
    .table_scroll::-webkit-scrollbar-track {
    background: #444144;
   }
   .table_scroll table {
      table-layout: auto;
      font-size: 90%;
   }



/*-----------------------------------
 トップページ
-----------------------------------*/
.greeting.top {
	background: url(images/greeting_top.jpg) no-repeat center center;
}
.reason3 {
	background-color: #DEEBF7;
	padding: 15px;
	position: relative;
	margin-bottom: 1em;
}
.reason3 .num {
	background-color: #005DB9;
	padding: 10px 20px;
	position: absolute;
	top:-10px;
	left: -10px;
	font-size: 200%;
	font-weight: bold;
	color: #fff;
}
.reason3 dl {
	margin-top: 40px;
}
.reason3 dt {
	font-size: 150%;
	margin-bottom: 1em;
}

.post .safety .column3_33 {
    width: 31.8%;
}


/*-----------------------------------
 04_会社概要
-----------------------------------*/
.history {
	background-color: #DEEBF7;
	padding: 20px calc((100vw - 100%) / 2);
	margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-left: calc(((100vw - 100%) / 2) * -1);
}
@media print, screen and (max-width: 640px) {
table.company {
  width: 1000px;
}
	}
table.company th {
  white-space: nowrap;
}

/*-----------------------------------
 06＿トランクルームページ
-----------------------------------*/
.greeting.trunk {
	background: url(images/greeting_trunk.jpg) no-repeat center center;
}

.reason3.trunk .num {
	padding: 10px;
}
.reason3.trunk dl {
	margin-top: 0;
}
.reason3.trunk dt {
	margin-left: 25px;
}

.post .safety .column3_33 {
    width: 31.8%;
}

/*-----------------------------------
 07＿鉄道コンテナページ
-----------------------------------*/
.greeting.railway {
	background: url(images/greeting_railway.jpg) no-repeat center center;
}
@media print, screen and (min-width: 640px){
	.railway .resources_step {
		width: 30%;
	}
	.railway .resources_step::after {
		left: 102%;
	}
}
.post .column2_50 .column2_50 {
    width: 48.5%;
}
@media print, screen and (max-width: 640px){
.post .column2_50 .column2_50 {
    width: 100%;
}
}

table.railway th,table.railway td {
  white-space: nowrap;
  padding: 5px;
}

/*-----------------------------------
 08＿引越しページ
-----------------------------------*/
.greeting.moving {
	background: url(images/greeting_moving.jpg) no-repeat center center;
}
.plan {
	display: flex;
	justify-content: space-around;
	align-items: stretch;
	flex-wrap: wrap;
	margin-bottom: 3em;
}
.plan .box {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 10px;
	color: #fff;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	flex: 1;
    margin: 10px;
	min-width: 100px;
}

.plan .box.p1 {	background-color: #F836D3;}
.plan .box.p2 {	background-color: #4472C4;}
.plan .box.p3 {	background-color: #F99E17;}
.plan .box.p4 {	background-color: #5F8A18;}

/*-----------------------------------
 09＿運輸安全マネジメントページ
-----------------------------------*/
.greeting.safety {
	background: url(images/greeting_safety.jpg) no-repeat center center;
}

/*-----------------------------------
 10＿駐車場管理ページ 
-----------------------------------*/
.parkingbox {
	background-color: #DEEBF7;
	padding: 15px;
	margin: 1em 0;
	border: 1px solid #787878;
}
.parkingbox dt {
	font-size: 140%;
	font-weight: bold;
	border-bottom: 2px solid #000;
	margin-bottom: .5em;
}
.parkingbox .address {
	font-size: 120%;
}
.parkingbox .flex {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.parkingbox .flex .box1 {
	flex: 1;
	border: 1px solid #000;
	background-color: #fff;
	padding: 10px;
	margin: 0 5px;
	text-align: center;
}
.parkingbox .flex .box2 {
	flex: 2;
	margin: 0 5px
}
/*--------------*/
.parkingbox2 {
	background-color: #44546A;
	padding: 20px;
	color:#fff;
	text-align: center;
}
.parkingbox2 dt {
	font-size: 120%;
	margin-bottom: .5em;
}

/*-----------------------------------
 11＿採用情報ページ
-----------------------------------*/
.greeting.recruit {
	background: url(images/greeting_recruit.jpg) no-repeat center center;
}

/*バージョンアップCF7送信スピナーによるテキストずれ対応*/
.wpcf7-spinner{
    position: absolute!important;
    margin: 0!important;
}