@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:#54b6e0;
  font-size: 2.625rem;
  font-weight: 300;
  padding-top: 60px;
}

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

.common-blue{
  color:#00a3d8;
}

.sp-only{
  display: none;
}


/******** 各コンテンツ ********/

/* トップのボタン */
#comp-btn{
  display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: 33px;
}

.com-btn p span{
  font-size: 0.9rem;
  position: absolute;
  top:16px;
  left:53px;
}

.com-btn img{
  margin: 0 5px;
}

.com-btn p a{
  color:#fff;
}

.comp-arrow{
  position: relative;
  display: inline-block;
}

.comp-arrow::before{
  content: '';
  width: 15px;
  height: 15px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 14px;
  left: 22px;
}

#comp-box{
  width: 1100px;
  color:#5a5a5a;
  line-height: 30px;
}

/* 会社概要 */

#comp-info{
  border-top: #00bfff solid 1px;
  color:#7adeff;
  font-size: 24px;
  padding-top:50px;
  margin:50px 0;
}

#comp-info-box{
  width:100%;
  display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
  display:flex; 
}

#comp-info-box dl{
  display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
  display:flex; 
  flex-wrap: wrap;
  width:65%;
  font-size: 0.9rem;
}

.comp-info-title{
  width:25%;
  color:#00a3d8;
  text-align: right;
}

#comp-box dl dd{
  width:75%;
  text-align: left;
  font-size: 0.9rem;
  padding-left:44px;
}

#comp-info-box dl dd span a{
  color:#00d9d9;
}

#comp-box .comp-box1{
  padding-top: 75px;
  border-top: dotted #ccc 2px;
}

#comp-box .comp-box3{
  margin-top:50px;
  padding-bottom:50px;
  padding-top: 50px;
  border-top: dotted #ccc 2px;
  border-bottom: #00bfff solid 1px;
}

#comp-info-pic{
  display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
  display:flex; 
}

#comp-info-pic ul li{
  margin-bottom:15px;
}


/* 交通アクセス */

#comp-access{
  border-top: #00bfff solid 1px;
  color:#7adeff;
  font-size: 24px;
  padding-top:70px;
  padding-bottom:30px;
  margin-top:70px;
}

#comp-access-info{
  display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.comp-access-title{
  color:#00a3d8;
  font-size: 18px;
}

#comp-access-info ul{
  text-align: left;
  font-size: 0.9rem;
  margin: 0 30px;
}

#map{
  margin-top: 30px;
  margin-bottom: 32px;
}


/* 資格 */

#comp-qualifi{
  border-top: #00bfff solid 1px;
  color:#7adeff;
  font-size: 24px;
  padding-top:70px;
  padding-bottom:48px;
  margin-top:70px;
  width:100%;
}

#comp-quali-box{
  display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
  display:flex; 
  justify-content: center;
  width:100%
}

#comp-quali-box ul{
  width:30%;
  text-align: left;
  font-size: 15px;
}

/* 沿革 */

#comp-his{
  border-top: #00bfff solid 1px;
  color:#7adeff;
  font-size: 24px;
  padding-top:70px;
  padding-bottom:40px;
  margin-top:70px;
}

#comp-his-box dl{
  display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
  display:flex; 
  flex-wrap: wrap;
  width:100%;
  font-size: 0.9rem;
}

#comp-his-box dl dt{
  width:41%
}

#comp-his-box dl dd{
  width:59%
}

.comp-enkaku-title{
  width:25%;
  color:#00a3d8;
  text-align: right;
}





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

  .sp-only{
    display: block;
  }
  

  #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;
  }

   /******** 各コンテンツ ********/

/* トップのボタン */
#comp-btn{
  display: block;
  width: 100vw;
  margin: 33px auto;
}

.com-btn img{
  margin: 1vw;
}

#comp-box{
  width:100vw;
}

/* 会社概要 */

#comp-info{
  border-top: #00bfff solid 1px;
  color:#7adeff;
  font-size: 24px;
  padding-top:50px;
  margin:50px 0;
  width:100vw;
}

#comp-info-box{
  width:100vw;
  display:block; 
}

#comp-info-box dl{
  width: 100vw;
  margin: 0 auto; 
  display:block; 
}

.comp-info-title{
  width:100vw;
  height:5vh;
  background-color: #00bfff;
  color:#fff;
  text-align: left;
  font-size: 0.9rem;
  padding-left:10px;
}

#comp-info-box dl dd{
  width:100vw;
  text-align: left;
  padding:0 10px;
  font-size: 0.9rem;
  margin-bottom:10px;
}

#comp-info-box dl dd span a{
  color:#00d9d9;;
}

#comp-box .comp-box1{
  padding-top: 75px;
  border-top: dotted #ccc 2px;
}

#comp-box .comp-box3{
  margin-top:50px;
  padding-bottom:50px;
  padding-top: 50px;
  border-top: dotted #ccc 2px;
  border-bottom: #00bfff solid 1px;
}

#comp-info-pic{
  display:block; 
  width: 95vw;
  margin: 0 auto;
  padding:1vw;
}


/* 交通アクセス */

#comp-access{
  width:100vw;
}

#add-detail{
  width:100vw;
  font-size: 0.9rem;
}

iframe{
  width:90vw;
}

#comp-access-info{
  display: block;
  width: 95vw;
  margin: 0 auto;
}

#comp-access-info ul{
  margin:10px 0;
}

#map{
  margin-top: 30px;
  margin-bottom: 32px;
  width: 95vw;
}


/* 資格 */

#comp-qualifi{
  width:100vw;
}

#comp-quali-box{
  display:block; 
  width:100vw;
}

#comp-quali-box ul{
  width:90vw;
  margin:0 auto;
  text-align: left;
  font-size:0.9rem;
}

.else{
  margin-top:10px;
}

#comp-quali-box ul .small{
  text-align: right;
}


/* #comp-quali-box ul li{
  font-size:15px;
} */

/* 沿革 */

#comp-his{
  width:100vw;
}

#comp-his-box{
  width:100vw;
}

#comp-his-box dl{
  padding-top: 0;
  width:100vw;
  margin:0 auto;
}

#comp-his-box dl dt{
  width:30vw;
  font-size: 0.9rem;
}

#comp-his-box dl dd{
  width:68vw;
  font-size: 0.9rem;
  padding-left:20px;
} 

.comp-enkaku-title{
  color:#00a3d8;
  text-align: right;
  font-size: 0.9rem;
}


}  

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


  .sp-only{
    display: none;
  }

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

/* トップのボタン */

#comp-btn{
  display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: 33px;
}

.com-btn img{
  height:40px;
  width:180px;
}

.comp-info-title{
  width:100vw;
  height:35px;
}

#comp-info-pic ul{
  display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
  display: flex;
}

#comp-info-pic ul li{
  margin:0 15px;
}


}