@charset "UTF-8";
/* CSS Document */
/*------------------共通------------------*/
body {
  width: 100%;
  margin: 0 auto;
  font-family: "游ゴシック", YuGothic,"Noto Sans JP","ヒラギノ角ゴ pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  color: #000;
  min-width: 1280px;
  line-height: 1.5;
}

.fnt-min {
  font-family: "游明朝", YuMincho,"Noto Sans JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  font-weight: 700;
}

.pc_none {
  display: none !important;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a:hover {
  opacity: 0.7;
}

a:link {
  text-decoration: none;
  color: #000;
}

a:visited {
  text-decoration: none;
  color: #000;
}

a:active {
  text-decoration: none;
  color: #000;
}

a:hover {
  text-decoration: none;
  color: #000;
}

.inbox {
  width: 1080px;
  margin: auto;
}

.left {
  float: left;
}

.right {
  float: right;
}

.text_c {
  text-align: center;
}

.text-box p {
  padding-bottom: 1.8em;
  line-height: 1.8;
}

.text-box p:last-child {
  padding-bottom: 0;
}

/*img thumb*/
.thumb {
  display: block;
  width: 100%;
  /*トリミング後の横幅*/
  padding-top: 100%;
  /*トリミング後の縦幅*/
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.thumb img {
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  /*IE対策*/
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.thumb.no-photo {
  background: #f2f2f2;
}
.thumb.no-photo img {
  -o-object-fit: contain;
  object-fit: contain;
  font-family: 'object-fit: contain;';
  /*IE対策*/
  width: auto;
  max-width: 90%;
  height: auto;
  max-height: 90%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

/*footer 固定 css*/
html, body {
  height: 100%;
}

#wrap {
  width: 100%;
  position: relative;
  height: auto !important;
  /*IE6対策*/
  height: 100%;
  /*IE6対策*/
  min-height: 100%;
  overflow: hidden;
}

/*flex*/
.flex {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.fle-bet {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.fle-aro {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.fle-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.fle-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.fle-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.fle-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: auto;
}

.flex-wrap > .flex:nth-child(2n) div:nth-child(2n) {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

/*header
---------------------------------------------*/
.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(39, 39, 39, 0.95);
  color: #fff;
  z-index: 9999;
}

.h1-text {
  font-size: 10px;
  line-height: 20px;
}
.h1-text span {
  display: block;
  width: 1080px;
  margin: auto;
}

.h-logo {
  height: 80px;
}

.h-right {
  width: 820px;
}

.h-cont {
  width: 475px;
  height: 30px;
}

.hf-dl {
  font-size: 12px;
}
.hf-dl dl {
  float: left;
  margin-left: 5px;
}
.hf-dl dl dt, .hf-dl dl dd {
  float: left;
  padding: 5px 5px;
}
.hf-dl dl dt {
  background: #233a60;
  padding: 5px 10px;
}

/*nav
---------------------------------------------*/
.navi {
  margin-top: 10px;
  width: 784px;
}
.navi li {

}
.navi li:after {

}
.navi li a {
  display: block;
  color: #fff;
  padding: 5px 20px;
  font-size: 16px;
  position: relative;
}
.navi li a:after{
  content: url(../img/nav_line.png);
  position: absolute;
  right: -5px;
  top: 0;
}

/*---------main_visual------------*/
#main_visual {
  width: 100%;
  height: 800px;
  position: relative;
  overflow: hidden;
  background: url(../img/mv_bg.jpg) no-repeat center/cover;
}

#mv-ttl {
  margin: auto;
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 999;
}

/*section01
-----------------------------------------------------*/
#section01 {
  background: url(../img/sec01_bg.jpg) no-repeat center/cover fixed;
  color: #fff;
  padding: 70px 0 100px;
}

.sec01-ttl {
  margin: 0 0 80px 45px;
}

.sec01-01 {
  position: relative;
  margin-bottom: 100px;
  z-index: 1;
}
.sec01-01:after {
  content: "";
  width: 1049px;
  height: 567px;
  background: url(../img/sec01_img.png) no-repeat right bottom/contain;
  position: absolute;
  z-index: -1;
  right: -330px;
  top: -50px;
}
.sec01-01 .sec01-text {
  width: 640px;
  position: relative;
  z-index: 1;
}
.sec01-01 h4 {
  font-size: 36px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-bottom: 30px;
}

.sec01-02 {
  position: relative;
  z-index: 2;
  background: rgba(13, 34, 68, 0.8);
  padding: 30px 45px;
}
.sec01-02 h4 {
  text-align: center;
  font-size: 32px;
  border-bottom: 5px solid #1b3e5d;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.sec01-02 ol {
  margin-top: 55px;
}
.sec01-02 ol li {
  border: 1px solid #fff;
  position: relative;
  width: 80px;
  height: 320px;
  padding: 35px 0 0;
  text-align: left;
  font-size: 18px;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  font-weight: 400;
}
@media all and (-ms-high-contrast: none) {
  .sec01-02 ol li{
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr;
    writing-mode: horizontal-tb;
  }
}
.sec01-02 ol li:before {
  content: "";
  width: 50px;
  height: 50px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -25px;
}
.sec01-02 ol li:nth-child(1):before {
  background: url(../img/sec01_num01.png) no-repeat center/contain;
}
.sec01-02 ol li:nth-child(2):before {
  background: url(../img/sec01_num02.png) no-repeat center/contain;
}
.sec01-02 ol li:nth-child(3):before {
  background: url(../img/sec01_num03.png) no-repeat center/contain;
}
.sec01-02 ol li:nth-child(4):before {
  background: url(../img/sec01_num04.png) no-repeat center/contain;
}
.sec01-02 ol li:nth-child(5):before {
  background: url(../img/sec01_num05.png) no-repeat center/contain;
}
.sec01-02 ol li:nth-child(6):before {
  background: url(../img/sec01_num06.png) no-repeat center/contain;
}
.sec01-02 ol li:nth-child(7):before {
  background: url(../img/sec01_num07.png) no-repeat center/contain;
}
.sec01-02 ol li:nth-child(8):before {
  background: url(../img/sec01_num08.png) no-repeat center/contain;
}

.sec01-02 ol li p{
  height: 283px;
}
@media all and (-ms-high-contrast: none) {
  .sec01-02 ol li p{
    -webkit-writing-mode: horizontal-tb;
   -ms-writing-mode: tb-rl;
    writing-mode: horizontal-tb;
   padding: 0 35%;
  }
  .sec01-02 ol li:nth-child(6) p{
    padding: 0 15%;
  }
}

/*section02
-----------------------------------------------------*/
#section02 {
  background: url(../img/sec02_bg.png) repeat center;
  text-align: center;
  color: #fff;
  padding: 60px 0 70px;
}
#section02 ul {
  width: 1000px;
  margin: auto;
}
#section02 ul li {
  margin-top: 40px;
}

.sec02-ttl {
  margin-bottom: 30px;
}

.sec02-copy {
  padding: 10px;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

/*section03
-----------------------------------------------------*/
#section03 {
  background: url(../img/sec03_bg.jpg) no-repeat center/cover fixed;
  padding: 80px 0 100px;
}

.sec03-ttl {
  margin-bottom: 85px;
}

.sec03-list li {
  position: relative;
  margin-bottom: 75px;
}
.sec03-list li h4 {
  position: absolute;
  right: 0;
  top: -25px;
  width: 1030px;
  padding: 10px 10px 5px 75px;
  color: #1b3e5d;
  font-size: 34px;
  background: #fff;
  letter-spacing: 0.05em;
}
.sec03-list li h4:before {
  content: "";
  width: 85px;
  height: 85px;
  position: absolute;
  left: -15px;
  top: 0;
}
.sec03-list li h4 span {
  display: block;
  border-bottom: 1px solid #3f7299;
}
.sec03-list li h4 em {
  color: #3f7299;
  font-size: 40px;
}
.sec03-list li .text-box {
  padding: 75px 50px 39px;
  background: rgba(255, 255, 255, 0.6);
  background: linear-gradient(45deg, transparent 10px, rgba(255, 255, 255, 0.6) 10px) bottom left, linear-gradient(315deg, transparent 10px, rgba(255, 255, 255, 0.6) 10px) bottom right, linear-gradient(225deg, transparent 10px, rgba(255, 255, 255, 0.6) 10px) top right, linear-gradient(135deg, transparent 10px, rgba(255, 255, 255, 0.6) 10px) top left;
  background-size: 50% 50%;
  background-repeat: no-repeat;
}
.sec03-list li:nth-child(1) h4:before {
  background: url(../img/sec03_num01.png) no-repeat center top/contain;
}
.sec03-list li:nth-child(2) h4:before {
  background: url(../img/sec03_num02.png) no-repeat center top/contain;
}
.sec03-list li:nth-child(3) h4:before {
  background: url(../img/sec03_num03.png) no-repeat center top/contain;
}

/*section04
-----------------------------------------------------*/
#section04 {
  /* background: url(../img/sec04_bg.jpg)no-repeat center top / cover; */
  padding: 80px 0 110px;
  position: relative;
}
#section04:after {
  content: url(../img/sec04_img.png);
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 0;
}
#section04 .inbox {
  position: relative;
  z-index: 999;
}

.sec04-ttl {
  margin-bottom: 25px;
}

.sec04-01 {
  margin-bottom: 70px;
}
.sec04-01 h4 {
  text-align: center;
  font-size: 32px;
  letter-spacing: 0.05em;
  position: relative;
  margin-bottom: 20px;
  color: #fff;
}
.sec04-01 h4:before, .sec04-01 h4:after {
  content: "";
  width: 400px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sec04-01 h4:before {
  left: 0;
}
.sec04-01 h4:after {
  right: 0;
}
.sec04-01 ul {
  width: 1000px;
}

.sec04-02 {
  background: rgba(255, 255, 255, 0.9);
  padding: 10px;
}
.sec04-02 h4 {
  background: url(../img/sec04_02_ttl_bg.png) repeat left top;
  color: #fff;
  text-align: center;
  font-size: 32px;
  padding-top: 5px;
}

.cmn-dl dl {
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #cccccc;
}
.cmn-dl dl:last-child {
  border-bottom: none;
}
.cmn-dl dl dt, .cmn-dl dl dd {
  float: left;
  padding: 5px 0;
}
.cmn-dl dl dt {
  border-left: 3px double #1b3e5d;
  color: #1b3e5d;
  font-weight: 700;
  width: 195px;
  padding-left: 15px;
}

/*section05
-----------------------------------------------------*/
#section05 {
  /* background: url(../img/sec05_bg.jpg)no-repeat center #000;
  background-size: cover; */
  padding: 70px 0 100px;
  color: #fff;
}

.sec05-ttl {
  text-align: center;
  padding: 55px 0 95px;
  background: url(../img/sec05_ttl_bg.png) repeat left top;
  position: relative;
  z-index: 1;
}

.sec05-01 {
  position: relative;
  z-index: 2;
  margin-top: -60px;
  background: url(../img/sec05_text_bg.png) repeat left top;
  padding: 30px;
  margin-bottom: 90px;
}
.sec05-01 .sec05-01-text {
  position: relative;
  z-index: 2;
  width: 700px;
}
.sec05-01 .sec05-01-text h4 {
  line-height: 1;
  font-size: 36px;
  letter-spacing: 0.05em;
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
  margin-bottom: 15px;
}
.sec05-01 .sec05-img {
  position: absolute;
  z-index: 1;
  right: 30px;
  top: 30px;
}

.sec05-02 {
  margin-bottom: 45px;
}
.sec05-02 h4 {
  text-align: center;
  font-size: 32px;
  border-top: 1px solid #1b3e5d;
  border-bottom: 1px solid #1b3e5d;
  line-height: 1;
  padding: 15px;
  margin-bottom: 20px;
}
.sec05-02 .sec05-dl {
  padding: 15px 25px;
  background: rgba(51, 51, 51, 0.9);
}
.sec05-02 .sec05-dl dl dt {
  color: #fff;
}

.map-wrap h4 {
  color: #fff;
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
}
.map-wrap h4 span {
  padding-left: 30px;
  background: url(../img/map_icon.png) no-repeat left top;
}

/*section05
-----------------------------------------------------*/
#section06 {
  /* background: url(../img/sec06_bg.jpg)no-repeat center ;
  background-size: cover; */
  padding: 80px;
}

.sec06-ttl {
  text-align: center;
  margin-bottom: 30px;
}

.sec06-text {
  color: #fff;
  background: rgba(128, 128, 128, 0.6);
  font-size: 14px;
  padding: 15px;
  margin-bottom: 40px;
}

.cont-tel {
  width: 820px;
  margin: auto;
  color: #fff;
  padding: 20px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-bottom: 55px;
}
.cont-tel dt {
  font-size: 20px;
  margin-right: 45px;
  position: relative;
  height: 50px;
  width: 200px;
}
.cont-tel dt:before, .cont-tel dt:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cont-tel dt:before {
  right: -22px;
}
.cont-tel dt:after {
  right: -32px;
}
.cont-tel dd p {
  background: rgba(27, 62, 93, 0.8);
  padding: 13px 10px 13px 20px;
  position: relative;
  margin-right: 25px;
}
.cont-tel dd p:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 15px;
  border-color: transparent transparent transparent #1b3e5d;
  position: absolute;
  right: -15px;
  top: 0;
}

/*footer
-----------------------------------------------------*/
#pageTop {
  position: fixed;
  bottom: 3%;
  right: 3%;
  z-index: 9999;
}

#footer {
  background: url(../img/footer_bg.png) no-repeat center/cover;
  color: #fff;
}

.f-in {
  padding: 70px 0 30px;
}

.f-left {
  width: 515px;
  padding-top: 10px;
}
.f-left p {
  height: 41px;
  font-size: 14px;
}

.f-tel-wrap {
  width: 370px;
  margin-bottom: 10px;
}

.f-nav {
  text-align: center;
  margin-bottom: 20px;
}
.f-nav li {
  float: left;
}
.f-nav li a {
  display: block;
  font-size: 12px;
  padding: 3px 5px;
  color: #fff;
}

#copyright {
  font-size: 10px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  background: rgba(63, 114, 153, 0.2);
}
#copyright a {
  color: #fff;
}

ol {
  list-style: none;
  /* olがはき出す数字を消す */
  padding: 0;
  /* paddingキャンセル */
  margin: 0;
  /* marginキャンセル */
  counter-reset: li;
  position: relative;
}
ol.cmn-ol-list li {
  font-size: 25px;
  padding-left: 70px;
  position: relative;
  margin-bottom: 50px;
  font-weight: bold;
  letter-spacing: 1px;
}
ol.cmn-ol-list li:before {
  counter-increment: li;
  /*リストの数字を1つ進める。IE7以下、未対応*/
  content: counter(li) ".";
  /*リストを連番にする*/
  display: block;
  width: 60px;
  text-align: right;
  font-size: 30px;
  color: #1b3e5d;
  position: absolute;
  left: 0;
  top: -6px;
}

/*privacy
----------------------------------*/
/*LPの時 大地運輸*/
.pri-ttl {
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
  background: rgba(19, 33, 52, 0.45);
  color: #fff;
  font-weight: bold;
  padding: 5px;
}

.privacy .pri_bg {
  background-color: #fff;
  width: 100%;
  height: 280px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  display: inline-block;
}

.privacy iframe {
  width: 100%;
  height: 280px;
  display: block;
}

.privacy_box {
  padding: 15px;
}

.privacy_box h4 {
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: bold;
  padding: 3px 10px 2px;
  background-color: #fff;
}

.privacy_text {
  font-size: 14px;
}