/* CSS Document */


#indexPage #branding {
  box-sizing: content-box;
  padding: 0;
  height: 608px;

  /*
  background-image: url(../img/index/visual_top.jpg);
  background-position: center top;
  background-size: cover;
  position: relative;
  */
}

#indexPage #branding p {
  text-align: left;
  margin: 0;
  padding: 180px 0 0 0;
}

#videoWrap {
  position: relative;
  width: 1080px;
  margin: 0 auto;
  height: 608px;
}
#videoWrap2 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 608px;
  overflow: hidden;
}
#mainVideo {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  
  min-width:100%;
  min-height:100%;
  z-index:-100;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  
}

#dotpattern {
  position: absolute;
  bottom: 0;
  /*
  background-image: url(../img/index/dot.png);
  background-position: center bottom;
  background-repeat: repeat;
  */
  width: 100%;
  height: 100%;
  z-index: 10; 
}

@media screen and (max-width: 767px) {
  #indexPage #serviceWrap {
    min-width: auto;
    padding: 20px 0;
  } 
  #indexPage #iconWrap {
    width: 80%;
  } 

  #indexPage #serviceWrap ul li:nth-child(5) {
  border-right: 1px solid #ccc;  
  }


  #indexPage #serviceWrap ul li:nth-child(2),
  #indexPage #serviceWrap ul li:nth-child(4),
  #indexPage #serviceWrap ul li:nth-child(6),
  #indexPage #serviceWrap ul li:nth-child(8),
  #indexPage #serviceWrap ul li:nth-child(10) {
  border-right: 1px none #ccc;
  }

  #indexPage #serviceWrap ul li:nth-child(9),
  #indexPage #serviceWrap ul li:nth-child(10) {
    border-bottom: 1px none #ccc;
  }
  #indexPage #serviceWrap ul li:nth-child(7),
  #indexPage #serviceWrap ul li:nth-child(8) {
    border-bottom: 1px solid #ccc;
  }  
}


/* news
----------------------------------------------------------------------------*/

#newsWrap {
  min-width: 1080px;
  padding: 20px 0;
  vertical-align: middle;
  text-align: center;
  background-color: #f2e9e3;
}
#newsWrap .wrap {
 width: 700px;
}
#newsWrap h1 {
  margin: 0;
  padding: 0 20px;
  display: table-cell;
  vertical-align: middle;
}
#newsWrap h1 img {
  width: 92px;
}
#newsList {
  width: 470px;
  box-sizing: border-box;
  display: table-cell;
  border: 3px inset #ccc;
  background-color: #fff;
}
#newsList dl {
  margin: 8px 10px;
  padding: 0;
}
#newsList dl dt,
#newsList dl dd {
  margin: 0;
  padding: 0;
  line-height: 1.8em;
  text-align: left;
}
#newsList dl dt {
  color: #F0831E;
  width: 7em;
  float: left;
}
#newsList dl dd {
  padding-left: 7em;
  border-bottom: 1px dotted #333;
}
#newsWrap .button {
  margin: 0;
  padding: 0 20px;
  display: table-cell;
  vertical-align: middle;
}
#newsWrap .button img {
   width: 65px; 
}

/* service
----------------------------------------------------------------------------*/

#serviceWrap {
  min-width: 1080px;
  padding: 50px 0;
}
#serviceWrap h1 {
  margin: 0;
  padding: 20px 0;
  text-align: center;
}
#serviceWrap p {
  margin: 0;
  padding: 20px 0;
  text-align: center;
}
#iconWrap {
  width: 664px;
  margin: 0 auto;
}

#serviceWrap ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 15px;
  background-image: url(../img/index/ico-bg.png);
  background-position: center top; 
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#serviceWrap ul li {
  display: block;
  float: left;
  list-style: none;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;

}



#serviceWrap ul li:nth-child(5) {
  border-right: 1px none #ccc;
}

#serviceWrap ul li:nth-child(6),
#serviceWrap ul li:nth-child(7),
#serviceWrap ul li:nth-child(8),
#serviceWrap ul li:nth-child(9),
#serviceWrap ul li:nth-child(10),
#serviceWrap ul li:nth-child(11),
#serviceWrap ul li:nth-child(12) {
  border-bottom: 1px none #ccc;
}


#serviceWrap ul li:last-child {
  border-right: 1px none #ccc;
}
#serviceWrap ul li img {
  vertical-align: bottom;
  width: 131px;
  height: 128px;
}

  

/* about
----------------------------------------------------------------------------*/

#aboutWrap {
  min-width: 1080px;
  padding: 40px 0 30px 0;
  background-image: url(../img/index/bg_foot_pc.png);
  background-position: center;
  background-size: cover;
}
#aboutWrap .wrap {
  width: 980px;
}
#aboutWrap h1 {
  margin: 0;
  padding: 0;
  text-align: center;
}
#aboutWrap p {
  margin: 0;
  padding: 10px 0;
  text-align: center;
}

#aboutWrap .pure-u-1 img {
  padding: 10px;
  vertical-align: bottom;
}


#contentsWrap {
  min-width: 1080px;
  padding: 60px 0;
}
#contentsWrap .wrap {
  width: 980px;
}
#contentsWrap .pure-u-1 img {
  padding: 10px;
  vertical-align: bottom;
}


@media screen and (max-width: 767px) {
  
  #fixSpTop.fixed {
    top: 0;
    z-index: 999;
  }
  
  #indexPage #branding {
    min-width: auto;
    width: 100%;
    height: auto;
  }
  #indexPage #branding p {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  
  #absRight {
    display: none;
  }
  
  
  
  #indexPage #branding {
    box-sizing: content-box;
    padding: 0;
    height: auto;
  }

  #indexPage #branding p {
    text-align: left;
    margin: 0;
    padding: 180px 0 0 0;
  }

  #videoWrap {
    width: 100%;
    margin: 0 auto;
    height: auto;
  }
  #videoWrap2 {
    width: 100%;
    margin: 0 auto;
    height: auto;
  }
  #mainVideo {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  position: relative;
  top: 0;
  transform: translateY(0);
    
  }

  
  
/* news
----------------------------------------------------------------------------*/

  #newsWrap {
    min-width: auto;
  }
  #newsWrap .wrap {
   width: 100%;
  }
  #newsWrap h1 {
    margin: 0;
    padding: 0 10px;
    display: block;
    vertical-align: middle;
  }
  #newsList {
    width: 90%;
    display: block;
    margin: 10px auto;
  }
  #newsWrap .button {
    margin: 0;
    padding: 0 10px;
    display: block;
    vertical-align: middle;
  }

/* service
----------------------------------------------------------------------------*/

  #serviceWrap ul {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    background-image : none;
    background-color: #fff;
  }
  #serviceWrap ul li {
   width : 50%;
   background-image: url(../img/index/ico-bg.png);
   background-position: center top; 
   background-size: auto 100%;
   box-sizing: border-box;
  }

  #serviceWrap ul li:nth-child(2),
  #serviceWrap ul li:nth-child(4),
  #serviceWrap ul li:nth-child(6),
  #serviceWrap ul li:nth-child(8),
  #serviceWrap ul li:nth-child(10), {
  border-right: 1px none #ccc;
  }

  #serviceWrap ul li:nth-child(9),
  #serviceWrap ul li:nth-child(10) {
    border-bottom: 1px solid #ccc;
  }


  #serviceWrap ul li img {
    vertical-align: bottom;
    width: 100%;
    height: auto;
  }
  #serviceWrap .pure-u-md-1-3 {
    padding-top: 20px;
  }
  #serviceWrap .pure-u-md-1-3 ul li {
    width: 50%;
  }

  
/* about
----------------------------------------------------------------------------*/

  #aboutWrap {
    min-width: auto;
    padding: 40px 0 30px 0;
    background-color: #F2E9E3;
    background-image: url(../img/index/top_about_bg01.png),
      url(../img/index/top_about_bg02.png);
    background-position: top center,
      bottom center;
    background-size: contain, contain;
    background-repeat: no-repeat, no-repeat;
  }
  #aboutWrap h1 {
    max-width: 90%;
    margin: 0 auto;
  }
  #aboutWrap .wrap {
    width: 100%;
  }
  #aboutWrap .pure-u-1 {
    box-sizing: border-box;
    width: 90%;
    margin: 7px auto;
  }
  #aboutWrap .pure-u-1 img {
    margin: 0;
    padding: 0;
  }
  
/* contents
----------------------------------------------------------------------------*/
  
  #contentsWrap {
    min-width: auto;
    padding: 20px 0;
  }
  #contentsWrap .wrap {
    width: 90%;
    margin: 10px auto;
  }
  #contentsWrap .pure-u-1 {
    padding: 7px;
  }
  #contentsWrap .pure-u-1 img {
    margin: 0;
    padding: 0;
  }
  #contentsWrap .pure-u-1-2 img {
    width: calc(100% - 7px);
  }
  #contentsWrap .pure-u-1-2:nth-child(odd) {
    text-align: left;
  }
  #contentsWrap .pure-u-1-2:nth-child(even) {
    text-align: right;
  }
  
/* facebook
----------------------------------------------------------------------------*/

  #facebookWrap {
    min-width: auto;
    padding: 20px 0;
  }
  #facebookWrap .wrap {
    width: 90%;
    margin: 0 auto;
  }
  #facebookWrap .wrap iframe {
    max-width: 100%;
  }
  
  

/* footer
----------------------------------------------------------------------------*/

  .bgOrange {
    min-width: auto;
    padding: 20px 0;
    color: #fff;
  }
  #footerInfo {
    width: 90%;
    margin: 0 auto;
  }
  #footerInfo h1 {
    text-align: center;
  }
  #footerInfo .contact {
   padding-top: 0.5em; 
  }
  .bgOrange iframe {
    width: 100%;
    margin: 10px auto;
  }

  .bgWhite {
    min-width: auto;
  }

  #fnav ul {
    width: 100%;
  }
  #fnav li {
    margin: 0;
    padding: 0;
    display: inline-block;
    border-right: 1px solid #000;
    line-height: 1rem;
  }
  #fnav li:first-child {
    border-left: 1px solid #000;
  }
  #fnav li a {
    margin: 0;
    font-size: 0.758rem;
    line-height: 1rem;
    padding: 0 10px;
    display: inline-block;
    color: #000;
    text-decoration: none;
  }
  #footerLogo {
    width: 80%;
    margin: 80px auto 0 auto;
    padding: 0;
    text-align: center;
  }

  .bgWhite p {
    width: 80%;
    margin: 0 auto;
    padding: 0 0 20px 0;
    text-align: center;
  }
  
}





@media screen and (max-width: 375px) {
  
}