/***************************************************************
           ボディー
***************************************************************/
/*--------------------------------------------------------------
    背景
--------------------------------------------------------------*/
body
{
max-width: 1200px;
margin: 0 auto;
box-sizing: border-box;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
background: #FBF8EF;
}


/***************************************************************
           ヘッダー（共有用）
***************************************************************/
/*--------------------------------------------------------------
    背景
--------------------------------------------------------------*/
#header_common
{
padding: 10px 0;
background: #800000;
}
#header_common #title
{
width: 98%;
margin: 0 auto;
box-size: border-box;
text-align: center;
}
#header_common #title h1
{
color: #fff;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
}
#header_common #title h1 br
{
display: none;
}


/***************************************************************
           ヘッダー（PC用）
***************************************************************/
/*--------------------------------------------------------------
    余白
--------------------------------------------------------------*/
#header_pc
{
display: none;
}
/*--------------------------------------------------------------
    タイトル
--------------------------------------------------------------*/
#header_pc #title
{
display: none;
}
/*--------------------------------------------------------------
    ヘッダー
--------------------------------------------------------------*/
#header_pc #header
{
display: none;
}


/***************************************************************
           ヘッダー（タブレット&スマートフォン用）
***************************************************************/
/*--------------------------------------------------------------
    余白
--------------------------------------------------------------*/
#header_sp
{
margin: 0 1%;
}
/*--------------------------------------------------------------
    テーブル
--------------------------------------------------------------*/
/* テーブル
--------------------------------------------------------------*/
#header_sp .table
{
display: table;
width: 95%;
margin: 10px auto 0 auto;
box-sizing: border-box;
}
/* ロゴ
--------------------------------------------------------------*/
#header_sp .table .logo
{
display: table-cell;
width: 15%;
vertical-align: middle;
}
#header_sp .table .logo p a img
{
display: inline-block;
width: 100%;
max-width: 80px;
}
/* アイコン
--------------------------------------------------------------*/
#header_sp .table .icon
{
display: table-cell;
width: 85%;
vertical-align: middle;
}
/*ホーム*/
#header_sp .table .icon p:nth-of-type(1)
{
position: absolute;
top: 40px;
left: 49%;
text-align: center;
}
#header_sp .table .icon p:nth-of-type(1) a
{
color: #800000;
font-size: 60px;
text-decoration: none;
}
#header_sp .table .icon p:nth-of-type(1) a span
{
display: block;
margin: 1% 0 0 0;
color: #585858;
font-size: 14px;
font-weight: bold;
text-align: center;
}
/*電話*/
#header_sp .table .icon p:nth-of-type(2)
{
position: absolute;
top: 40px;
left: 61%;
text-align: center;
}
#header_sp .table .icon p:nth-of-type(2) a
{
color: #800000;
font-size: 60px;
text-decoration: none;
}
#header_sp .table .icon p:nth-of-type(2) a span
{
display: block;
margin: 1% 0 0 0;
color: #585858;
font-size: 14px;
font-weight: bold;
text-align: center;
}
/*メール*/
#header_sp .table .icon p:nth-of-type(3)
{
position: absolute;
top: 40px;
left: 75%;
text-align: center;
}
#header_sp .table .icon p:nth-of-type(3) a
{
color: #800000;
font-size: 60px;
text-decoration: none;
}
#header_sp .table .icon p:nth-of-type(3) a span
{
display: block;
margin: 1% 0 0 0;
color: #585858;
font-size: 14px;
font-weight: bold;
text-align: center;
}


/***************************************************************
           ハンバーガーメニュー
***************************************************************/
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#hamburger .open
{
position: absolute;
top: 42px;
left: 88%;
}
#hamburger .open i
{
color: #800000;
font-size: 60px;
}
#hamburger .open span
{
display: block;
color: #585858;
font-size: 14px;
font-weight: bold;
text-align: center;
}
#hamburger .block
{
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
}
#hamburger .block nav ul
{
padding: 0 0 50px 0;
}
#hamburger .block nav ul li
{
padding: 50px 0 0 0;
text-align: center;
list-style: none;
}
#hamburger .block nav ul li:nth-of-type(n+2)
{
padding: 20px 0 0 0;
}
#hamburger .block nav ul li a
{
color: #585858;
font-size: 20px;
font-weight: bold;
letter-spacing: 10px;
line-height: 50px;
text-align: center;
text-decoration: none;
}
#hamburger .block .close
{
position: absolute;
top: 40px;
left: 88%;
}
#hamburger .block .close i
{
color: #3B170B;
font-size: 60px;
}
#hamburger .block .close span
{
display: block;
color: #585858;
font-size: 14px;
font-weight: bold;
text-align: center;
}


/***************************************************************
           ナビゲーション
***************************************************************/
/*--------------------------------------------------------------
    余白
--------------------------------------------------------------*/
#nav
{
display: none;
}
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#nav ul
{
display: none;
}
/*--------------------------------------------------------------
    リスト
--------------------------------------------------------------*/
#nav ul li
{
display: none;
}


/***************************************************************
           スライダー
***************************************************************/
/*--------------------------------------------------------------
    余白
--------------------------------------------------------------*/
#slider
{
margin: 2% 4% 0 4%;
}
/*--------------------------------------------------------------
    キャッチコピー
--------------------------------------------------------------*/
#slider p
{
display: none;
}
#slider p span
{
display: none;
}


/***************************************************************
           バナー
***************************************************************/
/*--------------------------------------------------------------
    ボックス_2
--------------------------------------------------------------*/
#banner .box_2 ul
{
display: none;
}
/* 項目
--------------------------------------------------------------*/
#banner .box_2 ul li
{
display: none;
}
/*--------------------------------------------------------------
    ボックス_1
--------------------------------------------------------------*/
#banner .box_1 a
{
display: table;
width: 95%;
margin: 2% auto 0 auto;
box-sizing: border-box;
text-decoration: none;
}
#banner .box_1 a:hover
{
opacity: 0.8;
}
#banner .box_1 a span:nth-of-type(1)
{
display: table-cell;
width: 40%;
vertical-align: middle;
}
#banner .box_1 a span:nth-of-type(1) img
{
display: block;
width: 100%;
}
#banner .box_1 a span:nth-of-type(2)
{
display: table-cell;
width: 60%;
vertical-align: middle;
background: #000;
color: #fff;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
}
#banner .box_1 a span:nth-of-type(2) strong
{
display: block;
margin: 0 0 4% 0;
color: #fff;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
}


/***************************************************************
           コンテンツ
***************************************************************/
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#content
{
display: block;
margin: 2% 1% 0 1%;
}


/***************************************************************
           コラム
***************************************************************/
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#column
{
display: block;
}
/*--------------------------------------------------------------
    タイトル
--------------------------------------------------------------*/
#column h2
{
padding: 0 0 1% 0;
border-color: #800000;
border-width: 0 0 1px 0;
border-style: solid;
color: #800000;
font-size: 20px;
letter-spacing: 4px;
font-weight: bold;
}
#column h2:nth-of-type(n+2)
{
margin: 4% 0 0 0;
}
/*--------------------------------------------------------------
    新型コロナウイルス感染症対策の取組み
--------------------------------------------------------------*/
#column .corona
{
margin: 1% 0 0 0;
text-align: center;
}
#column .corona a
{
display: inline-block;
}
#column .corona a img
{
display: block;
width: 100%;
max-width: 664px;
}
#column .corona a img.pc
{
display: none;
}
/*--------------------------------------------------------------
    ご挨拶
--------------------------------------------------------------*/
#column p
{
margin: 1% 0 0 0;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
text-indent: 14px;
}
#column .table_system
{
display: table;
width: 100%;
margin: 1% 0 0 0;
box-sizing: border-box;
}
#column .table_system .image
{
display: table-cell;
width: 20%;
vertical-align: middle;
box-sizing: border-box;
}
#column .table_system .image img
{
display: inline-block;
width: 100%;
}
#column .table_system .text
{
display: table-cell;
width: 80%;
vertical-align: middle;
box-sizing: border-box;
padding: 0 0 0 5%;
}
#column .table_system .text p
{
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#column .table_system .text p strong
{
color: #4682b4;
font-weight: bold;
}
#column .table_system .text p span
{
display: block;
margin: 10px 0 0 0;
text-align: right;
}
#column .table_system .text p span a
{
color: #01A9DB;
}
/*--------------------------------------------------------------
    新着情報
--------------------------------------------------------------*/
#column ul
{
display: block;
padding: 1% 0;
border-color: #800000;
border-width: 0 0 1px 0;
border-style: dotted;
}
/*--------------------------------------------------------------
    日付
--------------------------------------------------------------*/
#column ul li:nth-of-type(1)
{
display: block;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
/*--------------------------------------------------------------
    情報
--------------------------------------------------------------*/
#column ul li:nth-of-type(2)
{
display: block;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#column ul li:nth-of-type(2) a
{
color: #01A9DB;
}


/***************************************************************
           サイドバー
***************************************************************/
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#side
{
display: block;
margin: 10% 0 0 0;
}
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#side article
{
display: table;
width: 100%;
padding: 2%;
border-spacing: 10px 0;
background: #F2F2F2;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    リンク
--------------------------------------------------------------*/
#side article a
{
text-decoration: none;
}
/*--------------------------------------------------------------
    サミットツアー
--------------------------------------------------------------*/
#side article:nth-of-type(1) a p:nth-of-type(1)
{
display: table-cell;
vertical-align: middle;
width: 50%;
}
#side article:nth-of-type(1) a p:nth-of-type(1) img
{
display: block;
width: 100%;
}
#side article:nth-of-type(1) a p:nth-of-type(2)
{
display: table-cell;
vertical-align: middle;
width: 50%;
padding: 2% 0;
border-color: #800000;
border-width: 1px;
border-style: solid;
border-radius: 5px;
color: #800000;
font-weight: bold;
font-size: 14px;
letter-spacing: 2px;
text-align: center;
line-height: 20px;
}
/*--------------------------------------------------------------
    HIKOMA（ヒコマ）
--------------------------------------------------------------*/
#side article:nth-of-type(2) a p:nth-of-type(1)
{
display: table-cell;
vertical-align: middle;
width: 50%;
}
#side article:nth-of-type(2) a p:nth-of-type(1) img
{
display: block;
width: 100%;
}
#side article:nth-of-type(2) a p:nth-of-type(2)
{
display: table-cell;
vertical-align: middle;
width: 50%;
padding: 2% 0;
border-color: #800000;
border-width: 1px;
border-style: solid;
border-radius: 5px;
color: #800000;
font-weight: bold;
font-size: 14px;
letter-spacing: 2px;
text-align: center;
line-height: 20px;
}
/*--------------------------------------------------------------
    ビープラス
--------------------------------------------------------------*/
#side article:nth-of-type(3) a p:nth-of-type(1)
{
display: table-cell;
vertical-align: middle;
width: 50%;
}
#side article:nth-of-type(3) a p:nth-of-type(1) img
{
display: block;
width: 100%;
}
#side article:nth-of-type(3) a p:nth-of-type(2)
{
display: table-cell;
vertical-align: middle;
width: 50%;
padding: 2% 0;
border-color: #800000;
border-width: 1px;
border-style: solid;
border-radius: 5px;
color: #800000;
font-weight: bold;
font-size: 14px;
letter-spacing: 2px;
text-align: center;
line-height: 20px;
}
/*--------------------------------------------------------------
    安心安全搭載車
--------------------------------------------------------------*/
#side article:nth-of-type(4) a p:nth-of-type(1)
{
display: table-cell;
vertical-align: middle;
width: 50%;
}
#side article:nth-of-type(4) a p:nth-of-type(1) img
{
display: block;
width: 100%;
}
#side article:nth-of-type(4) a p:nth-of-type(2)
{
display: table-cell;
vertical-align: middle;
width: 50%;
padding: 2% 0;
border-color: #800000;
border-width: 1px;
border-style: solid;
border-radius: 5px;
color: #800000;
font-weight: bold;
font-size: 14px;
letter-spacing: 2px;
text-align: center;
line-height: 20px;
}
/*--------------------------------------------------------------
    運送申込書はこちら
--------------------------------------------------------------*/
#side article:nth-of-type(5) p
{
padding: 4% 0;
border-color: #800000;
border-width: 1px;
border-style: solid;
border-radius: 5px;
font-weight: bold;
font-size: 16px;
letter-spacing: 2px;
text-align: center;
}
#side article:nth-of-type(5) p a
{
color: #800000;
text-decoration: none;
}
#side article:nth-of-type(5) p a i
{
padding: 0 2% 0 0;
}
/*--------------------------------------------------------------
    求人情報
--------------------------------------------------------------*/
#side article:nth-of-type(6) a
{
display: table;
width: 100%;
box-sizing: border-box;
}
#side article:nth-of-type(6) a p:nth-of-type(1)
{
display: table-cell;
vertical-align: middle;
width: 50%;
}
#side article:nth-of-type(6) a p:nth-of-type(1) img
{
display: block;
width: 100%;
}
#side article:nth-of-type(6) a p:nth-of-type(2)
{
display: table-cell;
vertical-align: middle;
width: 50%;
padding: 2% 0;
border-color: #800000;
border-width: 1px;
border-style: solid;
border-radius: 5px;
color: #800000;
font-weight: bold;
font-size: 14px;
letter-spacing: 2px;
text-align: center;
line-height: 20px;
}
/*--------------------------------------------------------------
    ニッポンの社長
--------------------------------------------------------------*/
#side article:nth-of-type(7) a
{
display: table;
width: 100%;
box-sizing: border-box;
}
#side article:nth-of-type(7) a p:nth-of-type(1)
{
display: table-cell;
vertical-align: middle;
width: 50%;
}
#side article:nth-of-type(7) a p:nth-of-type(1) img
{
display: block;
width: 100%;
}
#side article:nth-of-type(7) a p:nth-of-type(2)
{
display: table-cell;
vertical-align: middle;
width: 50%;
padding: 2% 0;
border-color: #800000;
border-width: 1px;
border-style: solid;
border-radius: 5px;
color: #800000;
font-weight: bold;
font-size: 14px;
letter-spacing: 2px;
text-align: center;
line-height: 20px;
}

/***************************************************************
           フッター
***************************************************************/
/*--------------------------------------------------------------
    余白
--------------------------------------------------------------*/
#footer
{
margin: 5% 0 0 0;
padding: 5% 0 0 0;
background: #800000;
}
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#footer nav
{
margin: 0 1%;
}
#footer nav ul
{
display: block;
}
/*--------------------------------------------------------------
    リスト
--------------------------------------------------------------*/
#footer nav ul li
{
display: block;
text-align: center;
}
#footer nav ul li:nth-of-type(n+2)
{
margin: 2% 0 0 0;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#footer nav ul li h2
{
padding: 0 0 1% 0;
border-color: #FFFAFA;
border-width: 0 0 1px 0;
border-style: solid;
color: #FFFAFA;
font-size: 20px;
letter-spacing: 4px;
}
/*--------------------------------------------------------------
   メニュー
--------------------------------------------------------------*/
#footer nav ul li h3
{
margin: 1% 0 0 0;
padding: 2% 0;
background: #FFFFFF;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
}
#footer nav ul li h3 a
{
display: block;
color: #585858;
text-decoration: none;
}
/*--------------------------------------------------------------
   SNS
--------------------------------------------------------------*/
#footer .sns
{
margin: 5% 0 0 0;
padding: 5% 0;
background: #FBF8EF;
font-size: 0;
text-align: center;
}
#footer .sns a
{
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
}
#footer .sns a:nth-of-type(n+2)
{
margin: 0 0 0 50px;
}
#footer .sns a img
{
display: inline-block;
width: 100%;
max-width: 40px;
}
/*--------------------------------------------------------------
    著作権
--------------------------------------------------------------*/
#footer small
{
display: block;
padding: 0 0 5% 0;
background: #FBF8EF;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
text-align: center;
line-height: 16px;
}


/***************************************************************
           TOPへ戻る
***************************************************************/
/*--------------------------------------------------------------
    位置
--------------------------------------------------------------*/
#page-top
{
position: fixed;
bottom: 20px;
right: 20px;
width: 20%;
}
/*--------------------------------------------------------------
    リンク
--------------------------------------------------------------*/
#page-top a
{
display: block;
padding: 7% 14%;
background: #FBF8EF;
border-radius: 50%;
color: #585858;
font-size: 10px;
font-weight: bold;
text-align: center;
text-decoration: none;
}
/*--------------------------------------------------------------
    画像サイズ
--------------------------------------------------------------*/
#page-top a img
{
width: 100%;
}


/***************************************************************
           ビジュアル
***************************************************************/
/*--------------------------------------------------------------
    余白
--------------------------------------------------------------*/
#visual
{
margin: 0 1%;
}
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#visual ul
{
display: block;
padding: 10% 0 0 0;
}
/*--------------------------------------------------------------
    左側
--------------------------------------------------------------*/
#visual ul li:nth-of-type(1)
{
display: block;
}
/*--------------------------------------------------------------
    左側　見出し
--------------------------------------------------------------*/
#visual ul li:nth-of-type(1) h2
{
color: #808080;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
}
/*--------------------------------------------------------------
    左側　区切り線
--------------------------------------------------------------*/
#visual ul li:nth-of-type(1) hr
{
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
/*--------------------------------------------------------------
    左側　ぱんくず
--------------------------------------------------------------*/
#visual ul li:nth-of-type(1) .topic-path
{
list-style-type: none;
text-align: center;
}
#visual ul li:nth-of-type(1) .topic-path li
{
display: inline;
color: #808080;
font-size: 14px;
letter-spacing: 2px;
}
#visual ul li:nth-of-type(1) .topic-path li a
{
color: #87CEEB;
}
/*--------------------------------------------------------------
    右側
--------------------------------------------------------------*/
#visual ul li:nth-of-type(2)
{
display: none;
}


/***************************************************************
           運送申込書について
***************************************************************/
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#form
{
display: block;
margin: 10% 1% 0 1%;
}
/*--------------------------------------------------------------
    2列表示
--------------------------------------------------------------*/
#form .box
{
display: block;
}
/*--------------------------------------------------------------
    左側
--------------------------------------------------------------*/
#form .box .left
{
display: block;
}
#form .box .left p img
{
width: 100%;
}
/*--------------------------------------------------------------
    右側
--------------------------------------------------------------*/
#form .box .right
{
display: block;
margin: 4% 0 0 0;
}
#form .box .right .description p
{
color: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#form .box .right .download p
{
margin: 1% 0 0 0;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#form .box .right .download p a:hover
{
color: #6E6E6E;
text-decoration: none;
}
#form .box .right .download p a
{
color: #800000;
text-decoration: underline;
}
#form .box .right .message p
{
margin: 1% 0 0 0;
color: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}


/***************************************************************
           プライバシーポリシー
***************************************************************/
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#privacy
{
display: block;
margin: 10% 1% 0 1%;
}
/*--------------------------------------------------------------
    説明
--------------------------------------------------------------*/
#privacy .description h3
{
color: #6E6E6E;
font-size: 20px;
letter-spacing: 4px;
font-weight: bold;
}
#privacy .description h3 i
{
margin: 0 2% 0 0;
color: #800000;
}
#privacy .description p
{
margin: 1% 0 0 0;
color: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
/*--------------------------------------------------------------
    詳細
--------------------------------------------------------------*/
#privacy .details
{
margin: 4% 0 0 0;
}
#privacy .details h3
{
color: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
font-weight: bold;
line-height: 20px;
}
#privacy .details h3 i
{
margin: 0 2% 0 0;
color: #D3D3D3;
}
#privacy .details p
{
margin: 1% 0 0 0;
color: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#privacy .details ul
{
display: table;
width: 95%;
margin: 1% auto 0 auto;
box-sizing: border-box;
}
#privacy .details ul li:nth-of-type(1)
{
display: table-cell;
width: 2%;
vertical-align: top;
color: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#privacy .details ul li:nth-of-type(2)
{
display: table-cell;
width: 98%;
vertical-align: top;
color: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}


/***************************************************************
           サイトマップ
***************************************************************/
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#sitemap
{
display: block;
margin: 10% 1% 0 1%;
}
/*--------------------------------------------------------------
    リスト
--------------------------------------------------------------*/
#sitemap ul
{
display: block;
}
#sitemap ul:nth-of-type(n+2)
{
margin: 4% 0 0 0;
}
#sitemap ul li
{
display: block;
}
#sitemap ul li:nth-of-type(n+2)
{
margin: 4% 0 0 0;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#sitemap ul li h3
{
padding: 0 0 4% 0;
border-color: #6E6E6E;
border-width: 0 0 1px 0;
border-style: solid;
color: #6E6E6E;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
}
/*--------------------------------------------------------------
    リンク先
--------------------------------------------------------------*/
#sitemap ul li p
{
margin: 4% 0 0 0;
padding: 2% 0;
background: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
text-align: center;
}
#sitemap ul li p a
{
display: block;
color: #FFFFFF;
text-decoration: none;
}


/***************************************************************
           車両のご案内
***************************************************************/
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#type
{
display: block;
margin: 10% 1% 0 1%;
}
/*--------------------------------------------------------------
    タイトル
--------------------------------------------------------------*/
#type .title:nth-of-type(n+2)
{
margin: 4% 0 0 0;
}
#type .title h3
{
padding: 1% 2%;
border-top: solid 1px #6E6E6E;
border-right: solid 1px #6E6E6E;
border-bottom: solid 1px #6E6E6E;
border-left: solid 4px #800000;
color: #6E6E6E;
font-size: 20px;
letter-spacing: 4px;
font-weight: bold;
}
#type .title h3 span
{
color: #800000;
font-size: 20px;
letter-spacing: 4px;
font-weight: bold;
}
/*--------------------------------------------------------------
    画像
--------------------------------------------------------------*/
#type div#mainImage1,#type div#mainImage2,#type div#mainImage3,#type div#mainImage4,#type div#mainImage5,#type div#mainImage6
{
margin: 1% 0 0 0;
}
#type div#mainImage1 img,#type div#mainImage2 img,#type div#mainImage3 img,#type div#mainImage4 img,#type div#mainImage5 img,#type div#mainImage6 img
{
width: 100%;
}
#type div#imageList1 ul,#type div#imageList2 ul,#type div#imageList3 ul,#type div#imageList4 ul,#type div#imageList5 ul,#type div#imageList6 ul
{
display: table;
table-layout: fixed;
width: 100%;
border-spacing: 10px 5px;
box-sizing: border-box;
}
#type div#imageList1 ul li,#type div#imageList2 ul li,#type div#imageList3 ul li,#type div#imageList4 ul li,#type div#imageList5 ul li,#type div#imageList6 ul li
{
display: table-cell;
vertical-align: top;
}
#type div#imageList1 ul li img,#type div#imageList2 ul li img,#type div#imageList3 ul li img,#type div#imageList4 ul li img,#type div#imageList5 ul li img,#type div#imageList6 ul li img
{
display: block;
width: 100%;
}
/*--------------------------------------------------------------
    詳細
--------------------------------------------------------------*/
#type .detail
{
display: block;
margin: 1% 0 0 0;
}
#type .detail .left
{
display: block;
}
#type .detail .left ul
{
display: block;
}
#type .detail .left ul li:nth-of-type(1)
{
display: block;
margin: 1% 0 0 0;
padding: 1%;
background: #585858;
color: #FFFFFF;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#type .detail .left ul li:nth-of-type(2)
{
display: block;
padding: 1%;
border-color: #585858;
border-width: 1px;
border-style: solid;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#type .detail .right
{
display: block;
margin: 1% 0 0 0;
}
#type .detail .right .icon
{
display: table;
width: 100%;
border-spacing: 10px 0;
box-sizing: border-box;
}
#type .detail .right .icon p
{
display: table-cell;
width: 20%;
vertical-align: top;
}
#type .detail .right .icon p img
{
width: 100%;
}
#type .detail .right .link
{
margin: 2% 0 0 0;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
}
#type .detail .right .link a
{
color: #800000;
}


/***************************************************************
           料金のご説明
***************************************************************/
/*--------------------------------------------------------------
    余白
--------------------------------------------------------------*/
#price
{
display: block;
margin: 10% 1% 0 1%;
}
/*--------------------------------------------------------------
    案内
--------------------------------------------------------------*/
#price .guide .chapter_1 p
{
color: #800000;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
line-height: 30px;
text-align: center;
}
#price .guide .chapter_1 p br
{
display: none;
}
#price .guide .chapter_2
{
margin: 4% 0 0 0;
}
#price .guide .chapter_2 p
{
color: #800000;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
line-height: 20px;
}
#price .guide .chapter_3
{
margin: 4% 0 0 0;
}
#price .guide .chapter_3 p
{
color: #808080;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
line-height: 20px;
}
#price .guide .chapter_4
{
margin: 4% 0 0 0;
}
#price .guide .chapter_4 p
{
color: #808080;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
line-height: 30px;
text-align: center;
}
#price .guide .chapter_4 p br
{
display: none;
}
/*--------------------------------------------------------------
    貸切バス新運賃料金制度の導入について
--------------------------------------------------------------*/
#price .notification
{
margin: 4% 0 0 0;
padding: 1%;
background: rgba(255,255,255,0.6);
}
#price .notification .frame
{
padding: 1%;
border-color: #800000;
border-width: 2px;
border-style: solid;
}
#price .notification .frame .chapter_1 p
{
color: #808080;
font-size: 14px;
letter-spacing: 10px;
line-height: 20px;
}
#price .notification .frame .chapter_2 p
{
margin: 2% 0 0 0;
color: #800000;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
}
#price .notification .frame .chapter_3 p
{
margin: 4% 0 0 0;
color: #808080;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#price .notification .frame .chapter_4 p:nth-of-type(1)
{
margin: 2% 0 0 0;
color: #808080;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#price .notification .frame .chapter_4 p:nth-of-type(n+2)
{
margin: 1% 0 0 0;
color: #808080;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#price .notification .frame .chapter_5 p
{
margin: 2% 0 0 0;
color: #808080;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
text-align: right;
}
#price .notification .frame .chapter_6 p
{
margin: 2% 0 0 0;
color: #808080;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
text-align: right;
}
#price .notification .frame .chapter_7 p:nth-of-type(1)
{
margin: 2% 0 0 0;
color: #808080;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#price .notification .frame .chapter_7 p:nth-of-type(2)
{
color: #808080;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#price .notification .frame .chapter_7 p:nth-of-type(2) a
{
color: #87CEEB;
}


/***************************************************************
           ご利用の流れ
***************************************************************/
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#flow
{
display: block;
margin: 10% 1% 0 1%;
}
/*--------------------------------------------------------------
    こんな方におすすめ
--------------------------------------------------------------*/
#flow .chapter_1
{
padding: 1%;
background: rgba(255,255,255,0.6);
}
#flow .chapter_1 .frame
{
padding: 1%;
border-color: #800000;
border-width: 2px;
border-style: solid;
}
#flow .chapter_1 .frame .title h3
{
padding: 1% 0;
background:linear-gradient(#B22222,#800000);
background:-moz-linear-gradient(#B22222,#800000);
background:-webkit-gradient(linear,left top,left bottom,from(#B22222),to(#800000));
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
line-height: 30px;
}
#flow .chapter_1 .frame .list
{
margin: 2% 0 0 0;
}
#flow .chapter_1 .frame .list p
{
color: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#flow .chapter_1 .frame .list p i
{
margin: 0 2% 0 0;
}
#flow .chapter_1 .frame .comment
{
margin: 2% 0 0 0;
}
#flow .chapter_1 .frame .comment p
{
color: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
/*--------------------------------------------------------------
    こんな時にぜひご利用ください
--------------------------------------------------------------*/
#flow .chapter_2
{
margin: 2% 0 0 0;
padding: 1%;
background: rgba(255,255,255,0.6);
}
#flow .chapter_2 .frame
{
padding: 1%;
border-color: #800000;
border-width: 2px;
border-style: solid;
}
#flow .chapter_2 .frame .title h3
{
padding: 1% 0;
background:linear-gradient(#B22222,#800000);
background:-moz-linear-gradient(#B22222,#800000);
background:-webkit-gradient(linear,left top,left bottom,from(#B22222),to(#800000));
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
line-height: 30px;
}
#flow .chapter_2 .frame .list
{
margin: 2% 0 0 0;
}
#flow .chapter_2 .frame .list h4
{
color: #800000;
font-size: 16px;
letter-spacing: 2px;
font-weight: bold;
line-height: 20px;
}
#flow .chapter_2 .frame .list h4:nth-of-type(n+2)
{
margin: 1% 0 0 0;
}
#flow .chapter_2 .frame .list p
{
color: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
/*--------------------------------------------------------------
    貸切バスのメリット
--------------------------------------------------------------*/
#flow .chapter_3
{
margin: 2% 0 0 0;
padding: 1%;
background: rgba(255,255,255,0.6);
}
#flow .chapter_3 .frame
{
padding: 1%;
border-color: #800000;
border-width: 2px;
border-style: solid;
}
#flow .chapter_3 .frame .title h3
{
padding: 1% 0;
background:linear-gradient(#B22222,#800000);
background:-moz-linear-gradient(#B22222,#800000);
background:-webkit-gradient(linear,left top,left bottom,from(#B22222),to(#800000));
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
line-height: 30px;
}
#flow .chapter_3 .frame .list
{
margin: 2% 0 0 0;
}
#flow .chapter_3 .frame .list p
{
color: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#flow .chapter_3 .frame .list p i
{
margin: 0 2% 0 0;
}
/*--------------------------------------------------------------
    貸切バスのご乗車までの流れ
--------------------------------------------------------------*/
#flow .chapter_4
{
margin: 2% 0 0 0;
padding: 1%;
background: rgba(255,255,255,0.6);
}
#flow .chapter_4 .frame
{
padding: 1%;
border-color: #800000;
border-width: 2px;
border-style: solid;
}
#flow .chapter_4 .frame .title h3
{
padding: 1% 0;
background:linear-gradient(#B22222,#800000);
background:-moz-linear-gradient(#B22222,#800000);
background:-webkit-gradient(linear,left top,left bottom,from(#B22222),to(#800000));
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
line-height: 30px;
}
#flow .chapter_4 .frame .box
{
margin: 2% 0 0 0;
}
#flow .chapter_4 .frame .box .heading
{
display: table;
width: 100%;
border-collapse: collapse;
box-sizing: border-box;
}
#flow .chapter_4 .frame .box .heading p
{
display: table-cell;
width: 30%;
vertical-align: middle;
padding: 1% 0;
border-color: #D3D3D3;
border-width: 1px;
border-style: solid;
color: #800000;
font-size: 16px;
letter-spacing: 2px;
font-weight: bold;
text-align: center;
}
#flow .chapter_4 .frame .box .heading p i
{
margin: 0 2% 0 0;
}
#flow .chapter_4 .frame .box .heading h4
{
display: table-cell;
width: 70%;
vertical-align: middle;
padding: 1% 0;
background: #800000;
border-color: #D3D3D3;
border-width: 1px;
border-style: solid;
color: #FFFFFF;
font-size: 16px;
letter-spacing: 2px;
font-weight: bold;
text-align: center;
}
#flow .chapter_4 .frame .box .detail
{
display: table;
width: 100%;
padding: 2%;
border-color: #D3D3D3;
border-width: 0 1px 1px 1px;
border-style: solid;
box-sizing: border-box;
}
#flow .chapter_4 .frame .box .detail .image
{
display: table-cell;
width: 30%;
vertical-align: middle;
}
#flow .chapter_4 .frame .box .detail .image p
{
padding: 0 10%;
}
#flow .chapter_4 .frame .box .detail .image p img
{
width: 100%;
}
#flow .chapter_4 .frame .box .detail .comment
{
display: table-cell;
width: 70%;
vertical-align: middle;
}
#flow .chapter_4 .frame .box .detail .comment p
{
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#flow .chapter_4 .frame .box .detail .comment p a
{
color: #87CEEB;
}


/***************************************************************
           よくあるご質問
***************************************************************/
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#question
{
display: block;
margin: 10% 1% 0 1%;
}
/*--------------------------------------------------------------
    余白
--------------------------------------------------------------*/
#question .chapter:nth-of-type(n+2)
{
margin: 4% 0 0 0;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#question .chapter h3
{
color: #6E6E6E;
font-size: 20px;
letter-spacing: 4px;
font-weight: bold;
}
#question .chapter h3 i
{
margin: 0 2% 0 0;
color: #800000;
}
/*--------------------------------------------------------------
    Q & A
--------------------------------------------------------------*/
#question .chapter article
{
margin: 4% 0 0 0;
}
#question .chapter article ul
{
display: block;
}
#question .chapter article ul:nth-of-type(1) li:nth-of-type(1)
{
display: block;
color: #800000;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
line-height: 20px;
}
#question .chapter article ul:nth-of-type(2) li:nth-of-type(1)
{
display: block;
color: #1E90FF;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
line-height: 20px;
}
#question .chapter article ul:nth-of-type(1) li:nth-of-type(2)
{
display: block;
padding: 1%;
background: #FFE4E1;
color: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#question .chapter article ul:nth-of-type(2) li:nth-of-type(2)
{
display: block;
padding: 1%;
background: #F0F8FF;
color: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}


/***************************************************************
           ブログ
***************************************************************/
/*--------------------------------------------------------------
    余白
--------------------------------------------------------------*/
#blog
{
margin: 10% 1% 0 1%;
}
/*--------------------------------------------------------------
    ブログ
--------------------------------------------------------------*/
#blog article
{
padding: 5% 0 0 0;
}
#blog article h3
{
padding: 2%;
border-color: #800000;
border-width: 2px 0;
border-style: solid;
color: #585858;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
}
#blog article h3 i
{
padding: 0 5% 0 0;
}
#blog article ul
{
display: block;
padding: 2% 0 0 0;
}
#blog article ul li:nth-of-type(1)
{
display: block;
}
#blog article ul li:nth-of-type(1) p
{
padding: 0 20%;
}
#blog article ul li:nth-of-type(1) p img
{
width: 100%;
}
#blog article ul li:nth-of-type(2)
{
display: block;
padding: 2% 0 0 0;
}
#blog article ul li:nth-of-type(2) p:nth-of-type(1)
{
color: #585858;
font-size: 14px;
letter-spacing: 1px;
line-height: 20px;
}
#blog article ul li:nth-of-type(2) p:nth-of-type(2)
{
padding: 4% 0 0 0;
color: #585858;
font-size: 14px;
letter-spacing: 1px;
line-height: 20px;
text-align: right;
}
#blog article .page-top
{
text-align: right;
}
#blog article .page-top a
{
color: #DEB887;
font-size: 14px;
letter-spacing: 1px;
text-decoration: none;
}
#blog article .page-top a i
{
padding: 0 2% 0 0;
}
/*--------------------------------------------------------------
    ページネーション
--------------------------------------------------------------*/
#blog #pagination
{
margin: 40px 0 0 0;
padding: 20px;
background: #800000;
list-style-type: none;
font-size: 0;
}
#blog #pagination li
{
display: inline-block;
width: 20%;
vertical-align: top;
text-align: center;
}
#blog #pagination li:nth-of-type(n+11)
{
margin: 5px 0 0 0;
}
#blog #pagination li a
{
display: inline-block;
width: 14px;
height: 14px;
padding: 2px;
border-color: #fff;
border-width: 1px;
border-style: solid;
color: #fff;
font-size: 14px;
text-align: center;
text-decoration: none;
}


/***************************************************************
           新着情報
***************************************************************/
/*--------------------------------------------------------------
    余白
--------------------------------------------------------------*/
#news
{
display: block;
margin: 10% 1% 0 1%;
}
/*--------------------------------------------------------------
    新着情報
--------------------------------------------------------------*/
#news ul
{
display: block;
margin: 1% 0 0 0;
padding: 0 0 1% 0;
border-color: #585858;
border-width: 0 0 1px 0;
border-style: dotted;
}
/*--------------------------------------------------------------
    日付
--------------------------------------------------------------*/
#news ul li:nth-of-type(1)
{
display: block;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
/*--------------------------------------------------------------
    情報
--------------------------------------------------------------*/
#news ul li:nth-of-type(2)
{
display: block;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#news ul li:nth-of-type(2) a
{
color: #01A9DB;
}


/***************************************************************
           新着情報_東久邇宮文化褒章授与式
***************************************************************/
/*--------------------------------------------------------------
    余白
--------------------------------------------------------------*/
#news_1
{
display: block;
margin: 10% 1% 0 1%;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#news_1 .subtitle p
{
color: #585858;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
line-height: 30px;
text-align: center;
}
/*--------------------------------------------------------------
    挨拶
--------------------------------------------------------------*/
#news_1 .greeting p:nth-of-type(1)
{
margin: 4% 0 0 0;
color: #800000;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
line-height: 20px;
text-align: center;
}
#news_1 .greeting p:nth-of-type(2)
{
margin: 2% 0 0 0;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#news_1 .greeting p:nth-of-type(2) br
{
display: none;
}
/*--------------------------------------------------------------
    画像_1
--------------------------------------------------------------*/
#news_1 .image_1 p
{
margin: 4% 0 0 0;
}
#news_1 .image_1 p img
{
display: block;
width: 100%;
}
/*--------------------------------------------------------------
    説明
--------------------------------------------------------------*/
#news_1 .explanation p:nth-of-type(1)
{
margin: 4% 0 0 0;
color: #800000;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
line-height: 20px;
text-align: center;
}
#news_1 .explanation p:nth-of-type(2)
{
margin: 2% 0 0 0;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#news_1 .explanation p:nth-of-type(2) br
{
display: none;
}
#news_1 .explanation p:nth-of-type(3)
{
margin: 2% 0 0 0;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#news_1 .explanation p:nth-of-type(3) br
{
display: none;
}
#news_1 .explanation ul
{
display: table;
width: 100%;
box-sizing: border-box;
}
#news_1 .explanation ul:nth-of-type(1)
{
margin: 2% 0 0 0;
}
#news_1 .explanation ul li:nth-of-type(1)
{
display: table-cell;
width: 3%;
vertical-align: top;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#news_1 .explanation ul li:nth-of-type(2)
{
display: table-cell;
width: 97%;
vertical-align: top;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
/*--------------------------------------------------------------
    画像_2
--------------------------------------------------------------*/
#news_1 .image_2
{
display: table;
width: 100%;
margin: 4% 0 0 0;
table-layout: fixed;
box-sizing: border-box;
}
#news_1 .image_2 p
{
display: table-cell;
vertical-align: top;
}
#news_1 .image_2 p:nth-of-type(1)
{
padding: 0 5% 0 0;
}
#news_1 .image_2 p:nth-of-type(2)
{
padding: 0 0 0 5%;
}
#news_1 .image_2 p img
{
display: block;
width: 100%;
}


/***************************************************************
           会社概要
***************************************************************/
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#company
{
display: block;
margin: 10% 1% 0 1%;
}
/*--------------------------------------------------------------
    会社情報
--------------------------------------------------------------*/
#company .info ul
{
display: block;
}
#company .info ul li:nth-of-type(1)
{
display: block;
padding: 1%;
background: #585858;
color: #FFFFFF;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#company .info ul li:nth-of-type(2)
{
display: block;
padding: 1%;
border-color: #585858;
border-width: 0 1px;
border-style: solid;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#company .info ul:last-child li:nth-of-type(2)
{
display: block;
padding: 1%;
border-color: #585858;
border-width: 0 1px 1px 1px;
border-style: solid;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#company .info ul:nth-of-type(3) li a
{
color: #585858;
text-decoration: none;
}
#company .info ul:nth-of-type(11) li a
{
color: #87CEEB;
}
/*--------------------------------------------------------------
    地図
--------------------------------------------------------------*/
#company .map
{
margin: 4% 0 0 0;
}
#company .map iframe
{
width: 100%;
height: 400px;
}


/***************************************************************
           お問い合わせ
***************************************************************/
/*--------------------------------------------------------------
    余白
--------------------------------------------------------------*/
#inquiry
{
display: block;
margin: 10% 1% 0 1%;
}
/*--------------------------------------------------------------
    パソコン用
--------------------------------------------------------------*/
#inquiry .pc iframe
{
display: none;
}
/*--------------------------------------------------------------
    タブレット&スマートフォン用
--------------------------------------------------------------*/
#inquiry .sp p a
{
display: block;
padding: 4% 0;
background: #585858;
color: #fff;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
text-decoration: none;
}


/***************************************************************
           安心安全搭載車
***************************************************************/
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#care
{
display: block;
margin: 10% 1% 0 1%;
}
/*--------------------------------------------------------------
    AED自動体外式除細動器
--------------------------------------------------------------*/
#care .chapter_1
{
padding: 1%;
background: rgba(255,255,255,0.6);
}
#care .chapter_1 .frame
{
padding: 1%;
border-color: #800000;
border-width: 2px;
border-style: solid;
}
#care .chapter_1 .frame .title h3
{
padding: 1% 0;
background:linear-gradient(#B22222,#800000);
background:-moz-linear-gradient(#B22222,#800000);
background:-webkit-gradient(linear,left top,left bottom,from(#B22222),to(#800000));
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
line-height: 30px;
}
#care .chapter_1 .frame .box
{
display: block;
margin: 2% 0 0 0;
}
#care .chapter_1 .frame .box .left
{
display: block;
}
#care .chapter_1 .frame .box .left p
{
color: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#care .chapter_1 .frame .box .right
{
display: block;
}
#care .chapter_1 .frame .box .right p
{
padding: 5%;
}
#care .chapter_1 .frame .box .right p img
{
width: 100%;
}
/*--------------------------------------------------------------
    災害備蓄品
--------------------------------------------------------------*/
#care .chapter_2
{
margin: 2% 0 0 0;
padding: 1%;
background: rgba(255,255,255,0.6);
}
#care .chapter_2 .frame
{
padding: 1%;
border-color: #800000;
border-width: 2px;
border-style: solid;
}
#care .chapter_2 .frame .title h3
{
padding: 1% 0;
background:linear-gradient(#B22222,#800000);
background:-moz-linear-gradient(#B22222,#800000);
background:-webkit-gradient(linear,left top,left bottom,from(#B22222),to(#800000));
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
line-height: 30px;
}
#care .chapter_2 .frame .box
{
display: block;
margin: 2% 0 0 0;
}
#care .chapter_2 .frame .box .left
{
display: block;
}
#care .chapter_2 .frame .box .left p
{
padding: 5%;
}
#care .chapter_2 .frame .box .left p img
{
width: 100%;
}
#care .chapter_2 .frame .box .right
{
display: block;
}
#care .chapter_2 .frame .box .right p
{
padding: 5%;
}
#care .chapter_2 .frame .box .right p img
{
width: 100%;
}
#care .chapter_2 .frame .comment
{
margin: 2% 0 0 0;
}
#care .chapter_2 .frame .comment p
{
color: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
/*--------------------------------------------------------------
    最新型車両
--------------------------------------------------------------*/
#care .chapter_3
{
margin: 2% 0 0 0;
padding: 1%;
background: rgba(255,255,255,0.6);
}
#care .chapter_3 .frame
{
padding: 1%;
border-color: #800000;
border-width: 2px;
border-style: solid;
}
#care .chapter_3 .frame .title h3
{
padding: 1% 0;
background:linear-gradient(#B22222,#800000);
background:-moz-linear-gradient(#B22222,#800000);
background:-webkit-gradient(linear,left top,left bottom,from(#B22222),to(#800000));
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
line-height: 30px;
}
#care .chapter_3 .frame .box
{
display: block;
margin: 2% 0 0 0;
}
#care .chapter_3 .frame .box .left
{
display: block;
}
#care .chapter_3 .frame .box .left p
{
color: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#care .chapter_3 .frame .box .right
{
display: block;
}
#care .chapter_3 .frame .box .right p
{
padding: 5%;
}
#care .chapter_3 .frame .box .right p img
{
width: 100%;
}
/*--------------------------------------------------------------
    新規の取り組み
--------------------------------------------------------------*/
#care .chapter_4
{
margin: 2% 0 0 0;
padding: 1%;
background: rgba(255,255,255,0.6);
}
#care .chapter_4 .frame
{
padding: 1%;
border-color: #800000;
border-width: 2px;
border-style: solid;
}
#care .chapter_4 .frame .title h3
{
padding: 1% 0;
background:linear-gradient(#B22222,#800000);
background:-moz-linear-gradient(#B22222,#800000);
background:-webkit-gradient(linear,left top,left bottom,from(#B22222),to(#800000));
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
line-height: 30px;
}
#care .chapter_4 .frame .title p
{
margin: 1% 0 0 0;
color: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
text-align: center;
}
#care .chapter_4 .frame .box
{
display: block;
margin: 2% 0 0 0;
}
#care .chapter_4 .frame .box .left
{
display: block;
}
#care .chapter_4 .frame .box .left p
{
padding: 5%;
}
#care .chapter_4 .frame .box .left p img
{
width: 100%;
}
#care .chapter_4 .frame .box .right
{
display: block;
}
#care .chapter_4 .frame .box .right p
{
padding: 5%;
}
#care .chapter_4 .frame .box .right p img
{
width: 100%;
}
#care .chapter_4 .frame .comment
{
margin: 2% 0 0 0;
}
#care .chapter_4 .frame .comment p
{
color: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}


/***************************************************************
           安全への取り組み
***************************************************************/
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#safety
{
display: block;
margin: 10% 1% 0 1%;
}
/*--------------------------------------------------------------
    経営理念
--------------------------------------------------------------*/
#safety .chapter_1 .image p img
{
display: block;
width: 100%;
}
/*--------------------------------------------------------------
    全乗務員の脳MRI健診実施済み
--------------------------------------------------------------*/
#safety .chapter_3
{
margin: 10% 0 0 0;
}
#safety .chapter_3 .title h3
{
color: #6E6E6E;
font-size: 20px;
letter-spacing: 4px;
font-weight: bold;
}
#safety .chapter_3 .title h3 i
{
margin: 0 2% 0 0;
color: #800000;
}
/* テーブル
--------------------------------------------------------------*/
#safety .chapter_3 .table
{
display: block;
box-sizing: border-box;
}
#safety .chapter_3 .table .left
{
display: table;
width: 100%;
margin: 5% 0 0 0;
table-layout: fixed;
box-sizing: border-box;
}
#safety .chapter_3 .table .left p
{
display: table-cell;
vertical-align: middle;
padding: 0 5%;
}
#safety .chapter_3 .table .left p img
{
display: block;
width: 100%;
}
#safety .chapter_3 .table .right
{
display: block;
margin: 2% 0 0 0;
}
#safety .chapter_3 .table .right p
{
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
/*--------------------------------------------------------------
    基本方針
--------------------------------------------------------------*/
#safety .chapter_2
{
margin: 10% 0 0 0;
}
#safety .chapter_2 .title h3
{
color: #6E6E6E;
font-size: 20px;
letter-spacing: 4px;
font-weight: bold;
}
#safety .chapter_2 .title h3 i
{
margin: 0 2% 0 0;
color: #800000;
}
/* 1. 安全最優先を社員に徹底を図ると同時に社長、役員が率先して、社会的使命としての法令順守にあたる。
--------------------------------------------------------------*/
#safety .chapter_2 .details_1
{
margin: 5% 0 0 0;
}
#safety .chapter_2 .details_1 .parts_1 h4
{
color: #800000;
font-size: 20px;
letter-spacing: 4px;
font-weight: bold;
line-height: 30px;
}
#safety .chapter_2 .details_1 .parts_2
{
margin: 2% 0 0 0;
}
#safety .chapter_2 .details_1 .parts_2 ul
{
display: table;
width: 100%;
box-sizing: border-box;
}
#safety .chapter_2 .details_1 .parts_2 ul:nth-of-type(n+2)
{
display: table;
width: 100%;
margin: 1% 0 0 0;
box-sizing: border-box;
}
#safety .chapter_2 .details_1 .parts_2 ul li:nth-of-type(1)
{
display: table-cell;
width: 5%;
vertical-align: top;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#safety .chapter_2 .details_1 .parts_2 ul li:nth-of-type(2)
{
display: table-cell;
width: 95%;
vertical-align: top;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
/* 2.運輸安全マネージメンﾄにおける輸送の安全に関する重点施策、目標の設定、安全に関する計画の作成を実行する等の職務を遂行する。
--------------------------------------------------------------*/
#safety .chapter_2 .details_2
{
margin: 5% 0 0 0;
}
#safety .chapter_2 .details_2 .parts_1 h4
{
color: #800000;
font-size: 20px;
letter-spacing: 4px;
font-weight: bold;
line-height: 30px;
}
#safety .chapter_2 .details_2 .parts_2 h5
{
margin: 2% 0 0 0;
color: #585858;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
line-height: 20px;
}
#safety .chapter_2 .details_2 .parts_2 h6
{
margin: 1% 0 0 0;
color: #585858;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
line-height: 20px;
}
#safety .chapter_2 .details_2 .parts_2 p
{
margin: 1% 0 0 0;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#safety .chapter_2 .details_2 .parts_3
{
margin: 2% 0 0 0;
}
#safety .chapter_2 .details_2 .parts_3 p
{
padding: 0 20%;
}
#safety .chapter_2 .details_2 .parts_3 p img
{
display: block;
width: 100%;
}
/* 3.安全管理体制を適切に維持する為の確認を随時行う。
--------------------------------------------------------------*/
#safety .chapter_2 .details_3
{
margin: 5% 0 0 0;
}
#safety .chapter_2 .details_3 .parts_1 h4
{
color: #800000;
font-size: 20px;
letter-spacing: 4px;
font-weight: bold;
line-height: 30px;
}
#safety .chapter_2 .details_3 .parts_2
{
margin: 2% 0 0 0;
}
#safety .chapter_2 .details_3 .parts_2 ul
{
display: table;
width: 100%;
box-sizing: border-box;
}
#safety .chapter_2 .details_3 .parts_2 ul:nth-of-type(n+2)
{
display: table;
width: 100%;
margin: 1% 0 0 auto;
box-sizing: border-box;
}
#safety .chapter_2 .details_3 .parts_2 ul li:nth-of-type(1)
{
display: table-cell;
width: 5%;
vertical-align: top;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#safety .chapter_2 .details_3 .parts_2 ul li:nth-of-type(2)
{
display: table-cell;
width: 95%;
vertical-align: top;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#safety .chapter_2 .details_3 .parts_3
{
display: table;
width: 100%;
margin: 2% 0 0 0;
table-layout: fixed;
box-sizing: border-box;
}
#safety .chapter_2 .details_3 .parts_3 p
{
display: table-cell;
vertical-align: top;
padding: 0 5%;
}
#safety .chapter_2 .details_3 .parts_3 p img
{
display: block;
width: 100%;
}
/* 4.輸送の安全に関する情報に付いては、随時公表する。
--------------------------------------------------------------*/
#safety .chapter_2 .details_4
{
margin: 5% 0 0 0;
}
#safety .chapter_2 .details_4 .parts_1 h4
{
color: #800000;
font-size: 20px;
letter-spacing: 4px;
font-weight: bold;
line-height: 30px;
}
#safety .chapter_2 .details_4 .parts_1 p
{
margin: 2% 0 0 0;
color: #585858;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
line-height: 20px;
}
#safety .chapter_2 .details_4 .parts_2
{
margin: 2% 0 0 0;
}
#safety .chapter_2 .details_4 .parts_2 ul
{
display: table;
width: 100%;
box-sizing: border-box;
}
#safety .chapter_2 .details_4 .parts_2 ul:nth-of-type(n+2)
{
display: table;
width: 100%;
margin: 1% 0 0 auto;
box-sizing: border-box;
}
#safety .chapter_2 .details_4 .parts_2 ul li:nth-of-type(1)
{
display: table-cell;
width: 5%;
vertical-align: top;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#safety .chapter_2 .details_4 .parts_2 ul li:nth-of-type(2)
{
display: table-cell;
width: 95%;
vertical-align: top;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#safety .chapter_2 .details_4 .parts_3
{
margin: 2% 0 0 0;
text-align: center;
}
#safety .chapter_2 .details_4 .parts_3 ul.type_1
{
display: table;
width: 100%;
border-collapse: collapse;
box-sizing: border-box;
}
#safety .chapter_2 .details_4 .parts_3 ul.type_1 li:nth-of-type(1)
{
display: table-cell;
width: 10%;
vertical-align: middle;
background: #F5DEB3;
border-top: 1px solid #585858;
border-right: 1px solid #585858;
border-bottom: 1px solid #F5DEB3;
border-left: 1px solid #585858;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#safety .chapter_2 .details_4 .parts_3 ul.type_1 li:nth-of-type(n+2)
{
display: table-cell;
width: 30%;
vertical-align: middle;
background: #F5DEB3;
border-color: #585858;
border-width: 1px;
border-style: solid;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#safety .chapter_2 .details_4 .parts_3 ul.type_2
{
display: table;
width: 100%;
border-collapse: collapse;
box-sizing: border-box;
}
#safety .chapter_2 .details_4 .parts_3 ul.type_2 li:nth-of-type(1)
{
display: table-cell;
width: 10%;
vertical-align: middle;
background: #F5DEB3;
border-color: #585858;
border-width: 0 1px 1px 1px;
border-style: solid;
}
#safety .chapter_2 .details_4 .parts_3 ul.type_2 li:nth-of-type(n+2)
{
display: table-cell;
width: 15%;
vertical-align: middle;
border-color: #585858;
border-width: 0 1px 1px 1px;
border-style: solid;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#safety .chapter_2 .details_4 .parts_3 ul.type_3
{
display: table;
width: 100%;
border-collapse: collapse;
box-sizing: border-box;
}
#safety .chapter_2 .details_4 .parts_3 ul.type_3 li:nth-of-type(1)
{
display: table-cell;
width: 10%;
vertical-align: middle;
background: #F5DEB3;
border-color: #585858;
border-width: 0 1px 1px 1px;
border-style: solid;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#safety .chapter_2 .details_4 .parts_3 ul.type_3 li:nth-of-type(n+2)
{
display: table-cell;
width: 15%;
vertical-align: middle;
border-color: #585858;
border-width: 0 1px 1px 1px;
border-style: solid;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#safety .chapter_2 .details_4 .parts_4
{
width: 100%;
margin: 1% 0 0 auto;
}
#safety .chapter_2 .details_4 .parts_4 p
{
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
/*--------------------------------------------------------------
    安全管理規定
--------------------------------------------------------------*/
#safety .chapter_4
{
margin: 10% 0 0 0;
}
#safety .chapter_4 .title h3
{
color: #6E6E6E;
font-size: 20px;
letter-spacing: 4px;
font-weight: bold;
}
#safety .chapter_4 .title h3 i
{
margin: 0 2% 0 0;
color: #800000;
}
#safety .chapter_4 .details
{
margin: 2% 0 0 0;
}
#safety .chapter_4 .details p a
{
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
text-decoration: none;
}
#safety .chapter_4 .details p a span
{
color: #0000ff;
text-decoration: underline;
}


/***************************************************************
           ハイヤー事業
***************************************************************/
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#hire
{
display: block;
margin: 10% 1% 0 1%;
}
/*--------------------------------------------------------------
    お知らせ
--------------------------------------------------------------*/
#hire .notice .text p
{
padding: 2%;
border-color: #800000;
border-width: 2px;
border-style: solid;
color: #808080;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#hire .notice .text p span
{
display: block;
margin: 0 0 2% 0;
color: #800000;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
}
/*--------------------------------------------------------------
    車両紹介
--------------------------------------------------------------*/
#hire .car .midashi h3
{
position: relative;
width: 20%;
margin: 4% auto 3% auto;
padding: 20px 100px;
border-top: solid 2px #808080;
border-bottom: solid 2px #808080;
color: #808080;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
}
#hire .car .midashi h3:before,
#hire .car .midashi h3:after
{
content: '';
position: absolute;
top: -7px;
width: 2px;
height: -webkit-calc(100% + 14px);
height: calc(100% + 14px);
background-color: #808080;
}
#hire .car .midashi h3:before
{
left: 7px;
}
#hire .car .midashi h3:after
{
right: 7px;
}

#hire .car .image
{
font-size: 0;
}
#hire .car .image article
{
position: relative;
display: inline-block;
width: 50%;
box-sizing: border-box;
}
#hire .car .image article img
{
display: block;
width: 100%;
}
#hire .car .image article span
{
position: absolute;
top: 0%;
left: 0%;
-webkit-transform: translate(-0%,-0%);
-moz-transform: translate(-0%,-0%);
-ms-transform: translate(-0%,-0%);
-o-transform: translate(-0%,-0%);
transform: translate(-0%,-0%);
display: inline-block;
padding: 10px;
background: #800000;
border-color: #fff;
border-width: 2px;
border-style: dashed;
color: #fff;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
}


/***************************************************************
           新型コロナウイルス感染拡大による休業
***************************************************************/
/*--------------------------------------------------------------
    記事1
--------------------------------------------------------------*/
#closed
{
width: 98%;
margin: 10% 0 0 0;
box-sizing: border-box;
}
#closed_1 p
{
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
text-align: center;
padding: 4% 0 0 0;
border-top: solid #585858 1px;
margin: 4% 0 0 0;
}
#closed_1 p span
{
display: block;
margin: 4% 0 0 0;
color: #800000;
font-weight: bold;
}
#closed_1 p br.sp
{
display: none;
}
/*--------------------------------------------------------------
    記事2
--------------------------------------------------------------*/
#closed_2 p
{
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
text-align: center;
}
#closed_2 p span
{
display: block;
margin: 4% 0 0 0;
color: #800000;
font-weight: bold;
}
#closed_2 p br.sp
{
display: none;
}


/***************************************************************
           新型コロナウイルス感染症対策の取組み
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#corona
{
width: 98%;
margin: 10% auto 0 auto;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    冒頭
--------------------------------------------------------------*/
#corona #beginning p
{
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
text-align: center;
}
/*--------------------------------------------------------------
    対策
--------------------------------------------------------------*/
/* h3
--------------------------------------------------------------*/
#corona #countermeasures h3
{
margin: 50px 0 0 0;
padding: 20px 0;
border-style: solid;
border-color: #585858;
border-width: 5px;
color: #585858;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
}
/* box1
--------------------------------------------------------------*/
#corona #countermeasures .box1 h4
{
margin: 50px 0 0 0;
color: #585858;
font-size: 20px;
font-weight: bold;
letter-spacing: 2px;
}
#corona #countermeasures .box1 h4:nth-of-type(n+2)
{
margin: 20px 0 0 0;
}
#corona #countermeasures .box1 .text p
{
margin: 20px 0 0 0;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#corona #countermeasures .box1 .image
{
margin: 20px 0 0 0;
font-size: 0;
box-sizing: border-box;
}
#corona #countermeasures .box1 .image p
{
display: inline-block;
width: 50%;
vertical-align: top;
padding: 0 20px;
box-sizing: border-box;
}
#corona #countermeasures .box1 .image p img
{
display: inline-block;
width: 100%;
border-style: solid;
border-color: #fff;
border-width: 10px;
box-sizing: border-box;
box-shadow: 10px 10px 10px #585858;
}
/* box2
--------------------------------------------------------------*/
#corona #countermeasures .box2 .table
{
display: table;
width: 100%;
box-sizing: border-box;
margin: 50px 0 0 0;
}
#corona #countermeasures .box2 .table .text
{
display: table-cell;
width: 50%;
vertical-align: middle;
}
#corona #countermeasures .box2 .table .text h4
{
color: #585858;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
line-height: 30px;
}
#corona #countermeasures .box2 .table .text h4:nth-of-type(n+2)
{
margin: 20px 0 0 0;
}
#corona #countermeasures .box2 .table .text p
{
margin: 20px 0 0 0;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#corona #countermeasures .box2 .table .image
{
display: table-cell;
width: 50%;
vertical-align: middle;
}
#corona #countermeasures .box2 .table .image p
{
padding: 0 20px;
}
#corona #countermeasures .box2 .table .image p img
{
display: inline-block;
width: 100%;
border-style: solid;
border-color: #fff;
border-width: 10px;
box-sizing: border-box;
box-shadow: 10px 10px 10px #585858;
}
/* box3
--------------------------------------------------------------*/
#corona #countermeasures .box3 h4
{
margin: 50px 0 0 0;
color: #585858;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
}
#corona #countermeasures .box3 .table
{
display: table;
width: 100%;
box-sizing: border-box;
margin: 20px 0 0 0;
}
#corona #countermeasures .box3 .table .text
{
display: table-cell;
width: 50%;
vertical-align: middle;
}
#corona #countermeasures .box3 .table .text p
{
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#corona #countermeasures .box3 .table .text p a
{
color: #0000ff;
letter-spacing: 0px;
}
#corona #countermeasures .box3 .table .image
{
display: table-cell;
width: 50%;
vertical-align: middle;
}
#corona #countermeasures .box3 .table .image p
{
padding: 0 20px;
}
#corona #countermeasures .box3 .table .image p img
{
display: inline-block;
width: 100%;
border-style: solid;
border-color: #fff;
border-width: 10px;
box-sizing: border-box;
box-shadow: 10px 10px 10px #585858;
}
/*--------------------------------------------------------------
    エンドロール
--------------------------------------------------------------*/
#corona #endroll
{
margin: 50px 0 0 0;
text-align: center;
}
#corona #endroll p
{
display: inline-block;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
text-decoration: underline;
}
#corona #endroll p br
{
display: none;
}