@charset "UTF-8";
/* CSS Document */

/******** トップイメージ ********/

#top-img{
  height:167px;
  background:URL(../img/common/39779986.jpg) no-repeat center center;
  background-size:cover;
}


/******** 下層ページ共通コンテンツ ********/

#contents-main{
  max-width:1100px;
  display: inline-block;
}

#common-content{
  margin-top: 17px;
}

#menu-flow p{
  font-size: 0.9375rem;
  text-align: left;
}

#menu-flow p span{
  color:#00d9d9;
}

#menu-tite h2{
  color:#00bfff;
  font-size: 2.625rem;
  font-weight: 300;
  padding-top: 60px;
}

#menu-tite p{
  color:#00bfff;
  font-size: 0.9375rem;
}

/******** 下層ページ共通コンテンツ ********/

#business-box{
  margin-top: 53px;
  width: 1100px;
  color:#5a5a5a;
  line-height: 30px;
}

#business-box dl{
  display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
  padding-top:71px;
  height: 30vh;
  border-top: #00bfff solid 1px;
}

#business-box dl dt{
  width:20.6875rem;
  text-align: left;
  font-size: 24px;
  color:#00a3d8;
}

#business-box dl dd{
  width:47.75rem;
  text-align: left;
  font-size: 15px;
}

#business-box .busi-box1{
  padding-top: 50px;
  border-top: dotted #ccc 2px;
  height: 30vh;
}

#business-box .busi-box2{
  padding-top: 50px;
  border-top: dotted #ccc 2px;
  height: 25vh;
}

#business-box .busi-box3{
  padding-top: 50px;
  border-top: dotted #ccc 2px;
  height: 22vh;
}

#business-box .busi-box4{
  padding-top: 50px;
  border-top: dotted #ccc 2px;
  height: 28vh;
  border-bottom: #00bfff solid 1px;
}

#business-btn{
  margin-top:70px;
  background:url(../img/business/busi-btn.png) no-repeat center center;
  width:100%;
}

#business-btn p{
  padding:17px 60px 17px 20px;
}

#business-btn p a{
  color:#fff;
  font-size: 18px;
}

#b-arrow{
  position: relative;
  display: inline-block;
}

#b-arrow::before{
  content: '';
  width: 15px;
  height: 15px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 23px;
  left: -10px;
}

#pageup-bottom{
	border-top:none;
	padding-top:0px;
  margin:0 auto;
	margin-top:70px;
}

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

  /* 下層ページ共通 */

  #top-img{
    height:73px;
    background:URL(../img/common/39779986.jpg) no-repeat center center;
  }

  #contents-main{
    width:100vw;
  }

  #menu-flow p{
    padding-left:2.5vw;
  }
  

	#business-box{
	  margin-top: 5vw;
	  line-height: 30px;
    width:100vw;
	}

  #business-box dl{
    display:block;
    height: 60vh;
    width:100vw;
    padding-top: 10vh;
  }

  #business-box dl dt{
    padding:2vw;
    width:100vw;
    padding-bottom:30px;
  }
  
  #business-box dl dd{
    width:100vw;
    padding:2vw;
  }

  #business-box .busi-box1{
    height: 65vh;
  }
  
  #business-box .busi-box2{
    height: 60vh;
  }
  
  #business-box .busi-box3{
    height: 53vh;
  }
  
  #business-box .busi-box4{
    height: 58vh;
  }
}

@media screen and (max-width: 896px) and (orientation: landscape) {

  #top-img{
    height:100px;
    background:URL(../img/common/39779986.jpg) no-repeat center center;
  }

  #business-box{
	  margin-top: 5vw;
	  line-height: 30px;
    width:100vw;
	}

  #business-box dl{
    display:block;
    height: auto;
    width:100vw;
    padding: 10vh 0;
  }

  #business-box dl dt{
    padding:2vw;
    width:100vw;
    padding-bottom:30px;
  }
  
  #business-box dl dd{
    width:100vw;
    padding:2vw;
  }

  #business-box .busi-box1{
    height: auto;
    padding: 10vh 0;
  }
  
  #business-box .busi-box2{
    height: auto;
    padding: 10vh 0;
  }
  
  #business-box .busi-box3{
    height: auto;
    padding: 10vh 0;
  }
  
  #business-box .busi-box4{
    height: auto;
    padding: 10vh 0;
  }

}