@charset "UTF-8";
/*
Theme Name: NewSite
Author: ProntoNet
Author URI: http://www.prontonet.ne.jp/
Version: 1.0
*/
/* ----------------------------- リセット */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

img { vertical-align: top; font-size: 0; line-height: 0; }

sup { font-size: 8px; }

em { font-style: normal; }

div:before, div:after, ul:before, ul:after, ol:before, ol:after, dl:before, dl:after { content: ""; display: block; }

div:after, ul:after, ol:after, dl:after { clear: both; }

div, ul, ol, dl { zoom: 1; }

ul#wp-admin-bar-root-default:after { clear: none; }

/* =======================================
記事詳細
========================================*/
#entry { margin: 0 auto; }

#entry_title { margin: 0 0 30px; border-bottom: 1px solid #ccc; padding: 0 0 12px; }

#entry_title h3 { padding: 2px 0; font-size: 130%; }

#entry_title span { font-size: 85%; padding: 2px 0; }

#entrybody { font-size: 100%; margin-top: 0; word-break: break-all; }

#entrybody ul, #entrybody ol { margin: 12px 0 12px 2em; list-style-position: inside; text-align: left; }

#entrybody ul li { text-align: left; }

#entrybody ol li { text-align: left; }

#entrybody strong { font-weight: bold !important; }

#entrybody strong span { font-weight: bold !important; }

#entrybody span strong { font-weight: bold !important; }

#entrybody del strong { font-weight: bold !important; }

#entrybody em strong { font-weight: bold !important; }

#entrybody em { font-style: italic; }

#entrybody p { line-height: 170%; margin: 0 0 1.2em; }

td #entrybody p { margin-bottom: 0; }

#entrybody em { font-style: italic !important; }

#entrybody blockquote { margin: 15px 0 15px 24px; }

#entrybody img { margin: 0 0 1em; }

#entrybody iframe { width: 100%; height: auto; }

.alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; }

.alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; }

.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }

.wp-caption { border: none; background: #f1f1f1; color: #888; font-size: 12px; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.wp-caption img { margin: 5px; }

.wp-caption p.wp-caption-text { margin: 0 0 4px; }

.wp-smiley { margin: 0; }

body#tinymce ul, body#tinymce ol { margin: 0 0 0 1.5em; }

body#tinymce ul li { list-style: disc; }

body#tinymce ol li { list-style: decimal; }

#entrybody h1 { font-size: 200%; line-height: 150%; }

#entrybody h2 { font-size: 180%; line-height: 150%; }

#entrybody h3 { font-size: 150%; line-height: 150%; }

#entrybody h4 { font-size: 132%; line-height: 150%; }

#entrybody h5 { font-size: 116%; line-height: 150%; }

#entrybody h6 { font-size: 108%; line-height: 150%; }

#social { margin: 30px 0 10px; clear: both; }

#social:before, #social:after { content: ""; display: table; }

#social:after { clear: both; }

#social { zoom: 1; }

#social li, #social div { float: left; }

#social li { border: 0; }

#social .facebook { width: 120px; }

#social .twitter { width: 105px; }

#social .hatena { width: 130px; }

#social .google { width: 80px; }

#social .line img { width: 88px; height: auto; }

#entry .fbcomments, #entry .fb_iframe_widget, #entry .fb_iframe_widget[style], #entry .fb_iframe_widget iframe[style], #entry .fbcomments iframe[style], #entry .fb_iframe_widget span { width: 100% !important; }

/* ----------------------------- ページネーション */
.pagination { clear: both; position: relative; display: table; width: 100%; padding: 20px 0; }
.pagination span, .pagination a { display: inline-block; *display: inline; *zoom: 1; width: auto; padding: 5px 10px; margin: 0 10px; color: #333; text-decoration: none !important; cursor: pointer; color: #000; font-size: 128.5%; border-bottom: 2px solid transparent; }
.pagination span.current, .pagination a.current { border-bottom-color: #000; }
.pagination a:link, .pagination a:visited { color: #000; }
.pagination a:hover { color: #000; text-decoration: underline; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }
.pagination .numeric, .pagination .prev, .pagination .next { display: table-cell; vertical-align: middle; }
.pagination .numeric { text-align: center; width: 70%; }
.pagination .prev, .pagination .next { width: 15%; }
.pagination .prev a, .pagination .next a { margin: 0; background-repeat: no-repeat; }
.pagination .prev { text-align: left; }
.pagination .prev a { padding-left: 50px; background-image: url(img/common/icon1_left.svg); background-position: left center; }
.pagination .next { text-align: right; }
.pagination .next a { padding-right: 50px; background-image: url(img/common/icon1.svg); background-position: right center; }

@media screen and (max-width: 640px) { .pagination { padding: 10px 0; }
  .pagination span, .pagination a { font-size: 100%; margin: 3px 4px; padding: 3px 5px; }
  .pagination .prev a { padding-left: 15px; background-image: url(img/common/icon3_left.svg); }
  .pagination .next { text-align: right; }
  .pagination .next a { padding-right: 15px; background-image: url(img/common/icon3.svg); } }
/* ----------------------------- 全体 */
body { font-size: 14px; line-height: 1.8em; color: #333; font-family: "游ゴシック体", "YuGothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; background: #fff; position: relative; }

a:link, a:visited { color: #000; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }
a, a img { -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; transition: 0.2s ease all; }
a:hover img { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }

.sp-only { display: none !important; }

img, .bx-wrapper img { max-width: 100%; height: auto; }

/* ----------------------------- 1. 各ページ共通 */
/*=======================================
ヘッダー
=========================================*/
/*.l-header { border-top: 3px solid #006CAD; padding: 30px 0; }
.l-header h1 { float: left; }
.l-header .u-tel { float: right; font-size: 12px; text-align: center; }
.l-header .u-tel span { display: block; border: 1px solid #CCC; }
.l-header .u-tel span a { display: block; padding: 0 10px 0 30px; background: url(img/common/mail1.png) no-repeat left 10px center; text-decoration: none; }
*/
/*=======================================
メニュー
=========================================*/
.l-nav { background: #F9F9F9; }
.l-nav ul { width: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; padding: 10px 0; }
.l-nav ul li { border-left: 1px solid #EBEBEB; text-align: center; -webkit-flex-grow: 1; flex-grow: 1; }
.l-nav ul li:last-child { border-right: 1px solid #EBEBEB; }
.l-nav ul li a { display: block; padding: 10px 0; text-decoration: none; }

/*=======================================
フッター
=========================================*/
.l-footer1 { padding: 40px 0; }
.l-footer1 .left { float: left; }
.l-footer1 .left ul { font-size: 11px; margin-top: 10px; }
.l-footer1 .left ul li { float: left; }
.l-footer1 .left ul li:last-child:after { content: "|"; }
.l-footer1 .left ul li:before { content: "|"; }
.l-footer1 .left ul li a { text-decoration: none; }
.l-footer1 .right { float: right; }
.l-footer1 .right .u-tel { float: right; font-size: 12px; text-align: center; }
.l-footer1 .right .u-tel span { display: block; border: 1px solid #CCC; }
.l-footer1 .right .u-tel span a { display: block; padding: 0 10px 0 30px; background: url(img/common/mail1.png) no-repeat left 10px center; text-decoration: none; }

.l-footer2 { background: #006CAD; font-size: 10px; padding: 10px 0; color: #FFF; text-align: center; }


.l-map{
  padding: 60px 0;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.l-map table th,
.l-map table td{
  vertical-align: middle;
}

.map-wrap{
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-top: 20px;
}
.map-wrap:before,
.map-wrap:after{
  content: none;
}
.map-wrap .item{
  width: 32%;
}
.map-wrap .item iframe{
  width: 100%;
  height: 230px;
}
.map-wrap .item .tit{
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
.map-wrap .item p{
  text-align: center;
}

/*=======================================
ページトップへ
=========================================*/
.l-pagetop { position: fixed; right: 30px; bottom: 30px; z-index: 999; }

/* ----------------------------- 2. トップページ */
/*=======================================
メインビジュアル
=========================================*/
.p-slider { position: relative; }
.p-slider .bx-wrapper { margin: 0; background: transparent; box-shadow: none; border: 0; }
.p-slider .bx-wrapper ul li { width: 1920px; height: 650px; }
.p-slider .bx-wrapper .bx-pager { bottom: 40px; }
.p-slider .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; background: #FFF; }
.p-slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .p-slider .bx-wrapper .bx-pager.bx-default-pager a.active, .p-slider .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #004193; }
.p-slider .u-text { position: absolute; top:0;bottom:0;width:1000px;left:0;right:0;margin:auto;height:591px; }

/*=======================================
トップページ
=========================================*/

.p-top__message{
  padding: 60px 0 20px;
}
.p-top__message p{
  font-size: 16px;
  line-height: 1.8;
}
.p-top__message .name{
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 18px;
}

.p-top__message .name span{
  font-size: 24px;
}

.p-top__message .inner{
  display: table;
  width: 100%;
}
.p-top__message .txt{
  display: table-cell;
  width: calc(100% - 250px);
  vertical-align: top;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 30px;
}
.p-top__message .txt .tit{
  font-size: 26px;
  margin-bottom: 30px;
}
.p-top__message .txt .tit2{
  font-size: 18px;
  font-feature-settings: "palt";
  font-weight: bold;
}
.p-top__message .txt .tit3{
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  font-feature-settings: "palt";
}
.p-top__message .txt .tit4{
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: bold;
  color: #006CAD;
  font-feature-settings: "palt";
}

.p-top__message .ph{
  display: table-cell;
  width: 250px;
  vertical-align: top;
}

.p-top__message .ph .in{
  background-color: #eee;
  height: 300px;
}

.p-top1 { padding: 60px 0 40px; }
.p-top1 h3{font-size:24px;padding: 25px 0;line-height: 160%;text-align: center;}
.p-top1 h3 span{color: #006CAD;}

.p-top1 .inner{background-color: #F9F9F9;padding: 15px 20px;text-align: center;margin-bottom: 40px;}
.p-top1 p{font-weight: bold;font-size:18px;padding-bottom:10px;text-align: center;}
.p-top1 ul{display: inline-block;}
.p-top1 ul li{font-size:16px;text-align: left;}

.p-top1 .ph-list{
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.p-top1 .ph-list:before,
.p-top1 .ph-list:after{
  content: none;
}
.p-top1 .ph-list .item{
  width: 32%;
 
}
.p-top1 .ph-list .item .in{
  background-color: #eee;
  height: 200px;
  margin-bottom: 10px;
}
.p-top1 .ph-list .item p{
   font-weight: normal;
   font-size: 14px;
}
/*
.p-top1 ul li:nth-child(even) { }
.p-top1 ul li:nth-child(n+3) {  }
.p-top1 ul li .image { margin-top: 20px; }
.p-top1 ul li .text { margin-top: 20px; }
.p-top1 ul li .btn { font-size: 13px; margin-top: 20px; }
.p-top1 ul li .btn a { display: block; background: #EEEEEE url(img/common/icon1.png) no-repeat left 10px center; width: 130px; text-align: center; padding: 3px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration: none; }
*/

.p-top2 { background: #F9F9F9; padding: 60px 0; }
.p-top2 .c-blog { margin-top: 60px; }

/* ----------------------------- 3. 下層ページ */
.c-page-mv1 { position: relative; background: url(img/common/mv2_231127.jpg) no-repeat center center; height: 400px; background-size: cover; }
.c-page-mv1 .text { position: absolute; bottom: -40px; width: 260px; padding: 40px 0; background: rgba(0, 108, 173, 0.8);display: flex;
    justify-content: center; }
.c-page-mv1 .text h2 { font-size: 32px; font-weight: bold; text-align: center; color: #FFF; }
.c-page-mv1 .text h2 span { font-weight: normal; font-size: 18px; display: block; margin-top: 15px; }

.c-page-mv1--safty{background: url(img/safety/bg1.png) no-repeat center; }
.c-page-mv1--recruit{background: url(img/common/mv3.jpg) no-repeat center;}
.c-page-mv1--bussiness{background: url(img/common/mv4_2.jpg) no-repeat center;}
.c-page-mv1--img2{background: url(img/common/bgnotice.jpg) no-repeat center;}
.c-page-mv1--news{background: url(img/news/bg1.jpg) no-repeat center;}
.c-page-mv1--com{background: url(img/company/bg1.jpg) no-repeat center;}

/*=======================================
下層ページ
=========================================*/
.p-page { padding: 100px 0 60px; }

/*=======================================
詳細ページ
=========================================*/
.p-single { padding: 100px 0; }
.p-single .sub { margin-top: 20px; color: #006CAD; }
.p-single .content { margin-top: 40px !important; padding: 40px 0; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; }
.p-single ul { display: table; width: 100%; margin-top: 40px; }
.p-single ul li { display: table-cell; width: 33%; }
.p-single ul li:nth-child(1) { text-align: left; }
.p-single ul li:nth-child(2) { text-align: center; }
.p-single ul li:nth-child(3) { text-align: right; }

/*=======================================
会社概要
=========================================*/
.p-company1 .c-table1 { margin-top: 20px; }
.p-company1 .c-table1 .inner1 dl { display: table; }
.p-company1 .c-table1 .inner1 dt { display: table-cell; width: 110px; }
.p-company1 .c-table1 .inner1 dd { display: table-cell; }
.p-company1 .c-table1 .inner2 dl { width: 200px; display: table; }
.p-company1 .c-table1 .inner2 dt { display: table-cell; width: 170px; }
.p-company1 .c-table1 .inner2 dd { display: table-cell; text-align: right; }
.p-company1 .c-table1 .inner2 .block2 { margin-top: 40px; }
.p-company1 .c-table1 .inner2 .block3 { width: 210px; border-top: 1px solid #CCC; }
.p-company1 .c-table1 .inner2 .block3 dd { text-align: right; }
.p-company1 .c-table1 .inner2 .block4 { margin-top: 30px; }

.p-company2 { margin-top: 60px; }
.p-company2 .c-table1 { margin-top: 20px; }

.p-company3 { margin-bottom: 60px; }
.p-company3 strong { font-size: 24px; display: block; margin-top: 20px; color: #006CAD; line-height: 140%; font-weight: normal; }
.p-company3 h4 { margin-top: 40px; font-size: 18px; }
.p-company3 ul { background: #EEE; padding: 20px; margin-top: 20px; }
.p-company3 ul li { border-bottom: 1px dotted #CCC; padding-bottom: 10px; }
.p-company3 ul li:nth-child(n+2) { margin-top: 10px; }
.p-company3 ul li:last-child { border-bottom: 0; padding-bottom: 0; }

/*=======================================
業務内容
=========================================*/
.p-business1 .inner { margin-top: 20px; position: relative; }
.p-business1 .inner .text { background: rgba(0, 0, 0, 0.8); position: absolute; width: 260px; padding: 20px; color: #FFF; bottom: 20px; left: 20px; }

.p-business2 { margin-top: 60px; }
.p-business2 .inner { margin-top: 20px; position: relative; }
.p-business2 .inner .text { background: rgba(0, 0, 0, 0.8); position: absolute; width: 260px; padding: 20px; color: #FFF; bottom: 20px; right: 20px; }

.p-business3 { margin-top: 60px; }
.p-business3 .inner { margin-top: 20px; position: relative; }
.p-business3 .inner .text { background: rgba(0, 0, 0, 0.8); position: absolute; width: 260px; padding: 20px; color: #FFF; bottom: 20px; left: 20px; }

/*=======================================
営業所一覧
=========================================*/
.p-office table { margin-top: 20px; }
.p-office .ggmap { margin-top: 20px; }

.p-office2 { margin-top: 60px; }

.p-office3 { margin-top: 60px; }

.p-office4 { margin-top: 60px; }

.p-office .c-title3{margin-top: 60px;}
.p-office .c-table1 .noline{width: 100%;}
.p-office .c-table1 .noline th,
.p-office .c-table1 .noline td{border: none;padding: 5px 0;}
.p-office .c-table1 .noline th{background-color: transparent;width: 50%;}
.p-office .c-table1 .noline tr.last td{font-weight: bold;}


/*=======================================
安全への取り組み
=========================================*/
.p-safety1 p { margin-top: 20px; }
/*.p-safety1 ul { margin-top: 20px; }
.p-safety1 ul li { float: left; }
.p-safety1 ul li:nth-child(n+2) { margin-left: 10px; }*/

.p-safety2,.p-safety1,.p-safety5,.p-safety4 { margin-top: 60px; }
.p-safety2 p,.p-safety1 p,.p-safety5 p,.p-safety4 p,.p-safety3 p { margin-top: 20px; }
.p-safety2 .inner { background: #EEE; padding: 30px; margin-top: 20px; }
.p-safety2 .inner .left { float: left; }
.p-safety2 .inner .right { float: right; width: 760px; }
.p-safety2 .inner .right strong { display: block; font-size: 20px; color: #006CAD; }

.p-safety h4{
  font-size: 18px;
  margin-top: 20px;
  color: #006CAD;
}

.p-safety .txt-list {
  margin-top: 20px;
}
.p-safety .txt-list li{
  float: none;
}
.p-safety .txt-list > li{
  list-style-type: decimal;
  list-style-position: inside;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 20px;

}
.p-safety .txt-list > li ul{
  margin-top: 10px;
  padding-left: 1em;

}


.p-safety .ph-list{
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
      margin-top: 20px;
}
.p-safety .ph-list:before,
.p-safety .ph-list:after{
  content: none;
}
.p-safety .ph-list  .item{
  width: 23%;
}
.p-safety .ph-list  .item p{
  margin-top: 0;
  text-align: center;
  font-weight: bold;
  background-color: #eee;
  padding: 5px 0;
}

/*=======================================
採用情報
=========================================*/
.p-recruit1 .block:nth-child(n+2) { margin-top: 60px; }
.p-recruit1 .block table { margin-top: 20px; table-layout: fixed;}
.p-recruit1 .block table th,
.p-recruit1 .block table td{border: 1px solid #ccc;vertical-align: middle;}
.p-recruit1 .block .c-btn1 { margin-top: 40px; }

.p-recruit .p-recruit-txt{
  margin-bottom: 40px;
  margin-top: -10px;
}
.p-recruit .p-recruit-txt .inner{
  background-color: #e5f4fd;
  padding: 15px 15px;
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.p-recruit .p-recruit-txt .inner .icon{
  display: table-cell;
  width: 150px;
}
.p-recruit .p-recruit-txt .inner .txt{
  display: table-cell;
  width: calc(100% - 150px);
  padding-left: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
}

.p-recruit .p-recruit-txt .inner p{
  font-size: 18px;
  font-weight: bold;
  font-feature-settings: "palt";
  letter-spacing:0.1em;
  line-height: 180%;
}
.p-recruit .p-recruit-txt .inner span{
  font-size: 24px;
}

.recruit-contact{background: url("img/recruit/bg_01.jpg");margin:30px auto 0;padding: 30px 0;}
.recruit-contact h4{text-align: center;font-size: 30px;}
.recruit-contact h4 span{display: block;font-size: 14px;color: #006CAD;}
.recruit-contact p{text-align: center;padding-top: 20px;font-size: 18px;}
.recruit-contact .link-wrap{text-align: center;padding-top: 20px;}
.recruit-contact .link-wrap .tel{font-family: 'Bebas Neue', cursive;font-size: 45px;color: #006CAD;display: inline-block;vertical-align: middle;margin-right: 30px;}
.recruit-contact .link-wrap .tel span:before{
  font-family: "Font Awesome 5 Free";
  content: '\f87b';
  font-weight: 900;
  font-size: 28px;
  position: relative;
  bottom: 5px;
  margin-right: 10px;	
}
.recruit-contact .link-wrap .tel small{
  font-size: 14px;
  font-weight: bold;
  position: relative;
  top: -10px;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
}
.recruit-contact .link-wrap .mail{display: inline-block;display: inline-block;vertical-align: middle;}
.recruit-contact .link-wrap .mail a{display: block;padding: 15px 30px;-webkit-border-radius: 35px;border-radius: 35px;background: #006CAD;color: #FFF;text-decoration: none;font-size: 20px;}
.recruit-contact .link-wrap .mail a span:before{
  font-family: "Font Awesome 5 Free";
  content: '\f0e0';
  font-weight: 900;
  font-size: 20px;
  position: relative;
  margin-right: 10px;		
} 

.recruit-contact .inner{
  display: table;
  width: 100%;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.recruit-contact .inner .txt{
  display: table-cell;
  width: 70%;
  vertical-align: middle;
}
.recruit-contact .ph{
  display: table-cell;
  width: 30%;
  text-align: center;
}

.recruit-contact .ph img{
  width: 60%;
  height: auto;
  margin:0 auto;
}


.p-recruit-link{
	margin-bottom: 30px;
}

.p-recruit-link ul li{
	width: 32%;
	float: left;
	margin: 0 2% 2% 0;
}

.p-recruit-link ul li:nth-child(3n){
	margin: 0 0 2% 0;
}

.p-recruit-link ul li a{
  display: block;
  padding: 15px 1em;
  width: 100%;
  font-size: 16px;
  text-align: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  background: #006CAD;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #225879;
  border-radius: 3px;
}

.p-recruit-link ul li a:active{
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/	
}
/*=======================================
お問い合わせ
=========================================*/
.p-contact1 .form table { width: 100%; border-collapse: collapse; border: 1px solid #CCC; margin-top: 20px; }
.p-contact1 .form table th { background: #EEE; width: 160px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 20px; font-weight: normal; text-align: left; vertical-align: top; }
.p-contact1 .form table th span { color: #D80000; }
.p-contact1 .form table td { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 20px; text-align: left; }
.p-contact1 .form table td input { width: 100%; }
.p-contact1 .form table td select { width: 100%; }
.p-contact1 .form table td textarea { width: 100%; }
.p-contact1 .form p { text-align: center; margin-top: 30px; }
.p-contact1 .form .submit { text-align: center; margin-top: 40px; }
.p-contact1 .form .submit input { background: #333; border: 0; color: #FFF; padding: 20px; width: 280px; cursor: pointer; }

/*=======================================
中古車&貸ガレージ情報
=========================================*/

.p-second__info{padding-bottom: 60px;border-bottom: 1px solid #ccc;}
.p-second__info .c-table2{margin: 30px 0 0;}
.p-second__info .c-table2 th{width: 25%;}

.p-second__garage,
.p-second__maintenance{padding: 60px 0;border-bottom: 1px solid #ccc;}

.p-second__garage .photo,
.p-second__maintenance .photo{float: left;width: 51%;}
.p-second__garage .photo img,
.p-second__maintenance .photo img{margin-top: 30px;border: 1px solid #ccc;}
.p-second__garage .txt,
.p-second__maintenance .txt{float: right;width: 45%;}
.p-second__garage .txt .box,
.p-second__maintenance .txt .box{margin-top: 30px;}
.p-second__garage .txt .box .inner,
.p-second__maintenance .txt .box .inner{background-color: #e6f2f5;padding: 15px;}

.p-second__item{padding: 60px 0;}

.garage-comment{margin-top: 30px;}
.garage-comment .inner{background-color: #EEE;padding: 15px 0;}
.garage-comment .inner p{text-align: center;font-size: 16px;font-weight: bold;}

/*=======================================
個人情報保護方針
=========================================*/
.p-privacy1 .text1 { margin-top: 40px; }
.p-privacy1 .text2 p { margin-top: 30px; }
.p-privacy1 .text2 span { font-size: 18px; font-weight: bold; display: block; margin-bottom: 10px; }

/*=======================================
お知らせ
=========================================*/
/* ----------------------------- 4. 投稿 */
/*=======================================
サイドバー
=========================================*/
/* ----------------------------- 9. 共通パーツ */
.u-mt0 { margin-top: 0px; }

.u-mt5 { margin-top: 5px; }

.u-mt10 { margin-top: 10px; }

.u-mt15 { margin-top: 15px; }

.u-mt20 { margin-top: 20px; }

.u-mt30 { margin-top: 30px; }

.u-mt40 { margin-top: 40px; }

.u-mt50 { margin-top: 50px; }

.u-mt60 { margin-top: 60px; }

.u-mt70 { margin-top: 70px; }

.u-mt80 { margin-top: 80px; }

.u-mt90 { margin-top: 90px; }

.u-mb0 { margin-bottom: 0; }

.u-mb5 { margin-bottom: 5px; }

.u-mb10 { margin-bottom: 10px; }

.u-mb15 { margin-bottom: 15px; }

.u-mb20 { margin-bottom: 20px; }

.u-mb30 { margin-bottom: 30px; }

.u-mb40 { margin-bottom: 40px; }

.u-mb50 { margin-bottom: 50px; }

.u-mb60 { margin-bottom: 60px; }

.u-mb70 { margin-bottom: 70px; }

.u-mb80 { margin-bottom: 80px; }

.u-mb90 { margin-bottom: 90px; }

.u-pb0 { padding-bottom: 0px; }

.u-col { color: #000; }
.u-col__red { color: #F00; }

.u-mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.u-gothic { font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; }

.u-italic { font-style: italic; }

.u-center { text-align: center !important; }
.u-center th, .u-center td { text-align: center !important; }

.u-right { text-align: right !important; }
.u-right th, .u-right td { text-align: right !important; }

.u-left { text-align: left !important; }
.u-left th, .u-left td { text-align: left !important; }

.c-wrap { max-width: 1000px; margin-left: auto; margin-right: auto; }

.c-btn1 { text-align: center; }
.c-btn1 a { display: inline-block; font-size: 13px; color: #FFF; padding: 20px; width: 280px; background: #006CAD; text-decoration: none; }

.c-title1 h2 { display: inline-block; font-size: 24px; }
.c-title1 h2:before { vertical-align: middle; content: ""; display: block; background: #006CAD; width: 15px; height: 4px; display: inline-block; margin-right: 20px; }
.c-title1 span { float: right; }
.c-title1 span a { color: #006CAD; display: block; padding-left: 20px; background: url(img/common/icon1.png) no-repeat left center; }

.c-title2 { border-left: 3px solid #006CAD; padding-left: 15px; }
.c-title2 h3 { font-size: 24px; font-weight: bold; }
.c-title2 span{font-size: 16px;font-weight: normal;padding-left: 30px;position: relative;top: -3px;}

.c-title3{
   position: relative;     /* 位置調整 */
   margin-bottom:15px;     /* 周りの余白指定 */	
}
.c-title3:before{
    content:  '';           /* 空白の要素を作る */
    background-color: #006CAD; /* 背景色指定 */
    display:  block;        /* ブロック要素にする */
    position:  absolute;    /* 位置調整 */
    left:  0;               /* 位置調整 */
    width:  100%;           /* 幅指定 */
    height:  1px;           /* 高さ指定 */
    top: 0;                 /* 位置調整 */
    bottom:  0;             /* 位置調整 */
    margin:  auto;          /* 位置調整 */	
}
.c-title3 h4{
    margin:  0;             /* デフォルトCSS打ち消し */
    font-size:  18px;       /* 文字サイズ指定 */
    position:  relative;    /* 位置調整 */
    display:  inline-block; /* インラインブロックにする */
    background-color: #fff; /* 背景色指定 */
    margin-left: 20px;      /* 周りの余白指定 */
    padding: 0 10px;        /* 余白指定 */
    color: #006CAD;
}

.c-title4{
  font-size: 18px;
}
.c-title4 span:before{
  content: "■";
  color: #006CAD;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  
}

.c-title5{
  background-color: #006CAD;
  padding: 8px;
  font-size: 20px;
  color: #FFF;
}

.c-table1 { width: 100%; border-collapse: collapse; border: 1px solid #CCC; }
.c-table1 th { background: #EEE; width: 160px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 20px; font-weight: normal; }
.c-table1 td { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 20px; text-align: left; }

.c-table2 table{  border-collapse: collapse;margin: 0 auto;padding: 0;width: 100%;table-layout: fixed;font-size: 15px;}
.c-table2 table tr{background-color: #e6f2f5;padding: .35em;border-bottom: 2px solid #fff;}
.c-table2 table th,
.c-table2 table td{padding: 1em 10px 1em 1em;border-right: 2px solid #fff;vertical-align: middle;}
.c-table2 table th{font-size: 15px;}
.c-table2 table thead tr{background-color: #167F92;color:#fff;}
.c-table2 table tbody th{background: #78bbc7;color: #fff;}

.catch{
  text-align: center;
  margin-bottom: 40px;
  font-size: 22px;
  color: #006CAD;
  font-weight: bold;
  line-height: 1.8;
}

.c-table__nostyle { width: 100%; }
.c-table__nostyle th, .c-table__nostyle td { padding: 2px 0 !important; border: 0; font-weight: normal; text-align: left; vertical-align: top; background: transparent; }

.c-news ul { margin-top: 40px; }
.c-news ul li { border-top: 1px dotted #CCC; padding-top: 15px; padding-bottom: 15px; }
.c-news ul li a { text-decoration: none; }
.c-news ul li .cat { background: #006CAD; color: #FFF; font-size: 10px; font-weight: bold; padding: 6px 10px; line-height: 100%; float: left; }
.c-news ul li .date { float: left; margin-left: 20px; }
.c-news ul li .text { float: left; margin-left: 20px; }
.c-news ul li:last-child { border-bottom: 1px dotted #CCC; }

.c-blog ul { margin-top: 40px; }
.c-blog ul li { float: left; width: 242px; margin:0 10px 10px 0; }
.c-blog ul li:nth-child(4n) { margin:0 0 10px 0; }
.c-blog ul li:nth-child(4n+1) { clear: both; }
.c-blog ul li a { text-decoration: none; }
.c-blog ul li .inner { padding: 10px; background: #FFF; }
.c-blog ul li .inner .text { color: #333; }

.u-indent { text-indent: -1em; padding-left: 1em; }

#__bs_notify__ { display: none !important; }

.p-business__intro p{
	text-align: center;
	font-size: 20px;
	letter-spacing: 0.05em;
	font-weight: bold;
	line-height: 160%;
	color: #006CAD;
}

.p-business__description ul{
	margin-top: 30px;
}

.p-business__description ul li{
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 1em;
	text-indent: -1em;
}

.p-business__description,
.p-business__description2,
.p-business__transport{margin-top: 60px;}

.p-business table{
  table-layout: auto;
  width: 100%;
}
.p-business table th{
  border-right: 1px solid #ccc;
}
.p-business table th:last-child{
  border-right: none;
}
.p-business table td{
  text-align: center;
  border-right: 1px dotted #ccc;
}





.p-business .bussiness-inner{display: table;width: 100%;margin-top: 30px;}
.p-business .bussiness-inner .left{display: table-cell;width: calc(100% - 510px);-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;box-sizing: border-box;padding-right: 20px;vertical-align: middle;}
.p-business .bussiness-inner .left p{font-size: 16px;font-weight: bold;padding-bottom: 20px;color: #006CAD;}
.p-business .bussiness-inner .left p:before{
  font-family: "Font Awesome 5 Free";
  content: '\f4df';
  font-weight: 900;
  margin-right: 10px;
}
.p-business .bussiness-inner .left ul li{
	padding: 10px;
	margin-top: 10px;
	background-color: #EEE;
}
.p-business .bussiness-inner .right{width: 510px;display: table-cell;}

.p-news__intro{
  padding-bottom: 60px;
}
.p-news__intro p{
  text-align: center;
  font-size: 32px;
  color: #006CAD;
  font-weight: bold;
  margin-bottom: 40px;
}
.p-news__intro ul li {
  width: 32%;
  float: left;
  margin-right: 2%;
    
}
.p-news__intro ul li:last-child{
  margin-right: 0;
}
.p-news__intro ul li a{
  background-color: #006CAD;
  text-align: center;
  display: block;
  color: #FFF;
  font-size:20px;
  font-weight: bold;
  position: relative;
  text-decoration: none;
  text-align: center;
  padding: 20px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
}

.p-news__intro ul li a:after{
  content: "";
  display: block;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  
  border-bottom: solid 2px #5bc8ac;
  border-right: solid 2px #5bc8ac;
  width: 8px;
  height: 8px;
  transform: rotate(45deg); 

}


.p-news .p-news1{
  padding-bottom: 80px;
}
.p-news .p-news2{
  padding-bottom: 80px;
}
.p-news .p-news2 .c-title3{
  margin-top: 40px;
  margin-bottom: 20px;
}
.p-news .p-news3{
  padding-bottom: 80px;
}
.p-news .p-news4 p{
  font-size: 18px;
  margin-top: 40px;
}
.award-wrap {
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.award-wrap:before,
.award-wrap:after{
  content: none;
}
.award-wrap .box{
  width: 100%;
  margin-right: 30px;
  background-color: #f6f6f6;
  padding: 30px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  height: 60px;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
}
.award-wrap .box p{
  
}
.award-wrap .box:last-child{
  margin-right: 0;
}

.slider .slick-slide{
  width: 650px;
}

.ph-wrap{
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-justify-content: space-between;
              justify-content: space-between;
  
}
.ph-wrap:before{
  content: none;
}
.ph-wrap:after{
  content: "";
  display: block;
  width: 32%;
}
.ph-slide{
  width: 32%;
  margin-top: 2%;
  position: relative;
}

.p-business button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}

.slick-prev,
.slick-next{
  position: absolute;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
}
.slick-prev{
  background: url("img/business/arrow_prev.png") no-repeat center;
  -webkit-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  left: 5px;
}
.slick-next{
  background: url("img/business/arrow_next.png") no-repeat center;
  -webkit-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  right: 5px;
}


#sbi_images:before,
#sbi_images:after{
  content: none;
}






/* -------------------------------------- */
/* 共通設定 (必ず横並びにする) */
/* -------------------------------------- */
.sns-wrap {
    display: flex;
    justify-content: space-between; /* 子要素間のスペースを均等に */
    align-items: flex-start; /* 縦方向の起点を揃える */
}
.sns-wrap:before,
.sns-wrap:after{
  content: none;
  
}

/* -------------------------------------- */
/* ケース1: YouTubeがないとき (デフォルト) */
/* .sns-wrap に has-youtube が付かない場合 */
/* -------------------------------------- */
.sns-wrap .insta {
    width: 100%; /* .youtube がないので、insta は幅100% */
}

/* .youtube は元々投稿がないと出力されないため、幅設定は不要 */

/* -------------------------------------- */
/* ケース2: YouTubeがあるとき */
/* .sns-wrap に has-youtube が付く場合 */
/* -------------------------------------- */
.sns-wrap.has-youtube .insta {
    width: 60%; /* YouTubeがある場合は insta は幅70% */
}

.sns-wrap.has-youtube .youtube {
    width: 38%; /* YouTubeがある場合は youtube は幅25% */
}


.youtube-wrap .item {
  width: 100%;
  margin-top: 10px;
}
.youtube-wrap .item .in {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube-wrap .item .in iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}