@charset "utf-8";


/*---------------------main-----------------------*/

#about_main {
   position: relative;
   margin-top:110px;
}

#about_main img {
   position: absolute;
   width:100%;
   height:auto;
   opacity: 0.0;
}
#about_main img.active {
   z-index: 10;
   opacity: 1.0;
}
#about_main img.last-active {
   z-index: 9;
}


/*---------------------会社情報-----------------------*/



#about{
	margin:0 auto;
	max-width:1000px;
	padding:100px 50px 100px 50px;	
}

#about2{
	
}

.aboutlist{
	max-width:1000px;
}


.about2{
	width:100%;
}


#about dl{
	font-size:17px;
	line-height:16px;
}

#about dt{
	width:140px;
	margin: 0;
	padding: 13px;
	float:left;
	clear: left;
	letter-spacing:0.1em;
}

#about dd{
	margin: 0 0 0 130px;
	padding: 13px 13px 13px 20px;
	border-left:solid 1px #ccc;
	letter-spacing:0.1em;
	text-align:justify;
}

#about dt .2rows{
	padding-bottom:10px;
}





/*---------------------エントリーボタン-----------------------*/


.btn{
	width:658px;
	margin:0 auto 130px;
}

.container {
  font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  padding-top: 10px;
}

.btn-open {
  display: inline-block;
  width: 300px;
  height:80px;
  text-align: center;
  background-color: #50b0ce;
  font-size: 18px;
  line-height: 82px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #50b0ce;
  position: relative;
  overflow: hidden;
  z-index: 1;
  letter-spacing:0.2em;
}

.btn-open:after{
  width: 100%;
  height: 0;
  content:"";
  position: absolute;
  top: 50%;
  left: 50%;
  background : #FFF;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transition: .2s;
  z-index: -1;
}

.btn-open:hover{
  color: #50b0ce;
}

.btn-open:hover:after{
  height: 300%;
  opacity: 1;
}

.btn-open:active:after{
  height: 400%;
  opacity: 1;
}


.btn2{
	float:left;
}

.leftbtn{
	padding-right:50px;
}




/*---------------------スマホ用-----------------------*/


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

/*---------------------thanks-----------------------*/


#about{
	padding:80px 30px 80px 30px;	
}

#about dl{
	font-size:20px;
	line-height:20px;
}


#about dt{
	width:150px;
	letter-spacing:0.05em;
}

#about dd{
	margin: 0 0 0 145px;
	letter-spacing:0.05em;
}


}