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


/* ------------- 共有 CSS ------------- */
.disable{
  pointer-events: none; /* aタグのリンクを無効にする */
  cursor: default;  /* マウスオーバー時のカーソルをdefaultに固定 */
  color : #888888;
}



/* ------------- スマホ用(縦)  CSS ------------- */
/*@media (max-width: 768px) {/* 画面サイズが768px以下の時、{　}内のCSSを追加するメディアクエリ */
.work_title{
  margin-top:100px;
  margin-bottom:35px;	
}

.work_title h2{
  font-family : Arial Black;
  font-size : 17px;
  line-height : 20.45px;
  letter-spacing : 1.6px;
  color : #49BCED;	
}


.works_text{
	margin-bottom:50px;
}

.works_text h3{
  font-family : Noto Sans JP;
  font-size : 15px;
  font-weight:300;
  color : #888888;
}


.works_text p{
  font-family : Noto Sans JP;
  font-size : 13px;
  font-weight:300;
  color : #888888;
}


.works_small{
  font-family : Noto Sans JP;
  font-size : 11px;
  color : #888888;	
}


.blog-link a{
 color : #EC6C00;
}

.blog-link a:hover{
  text-decoration: none;
  opacity:0.5;
  transition:all 0.3s 0s ease;
}



/* works menu 下部ボタン */ 
.works_link{
  margin-top: 100px;
  margin-bottom:80px;
}


.works_link a p{
  font-family : Noto Sans JP;
  font-size : 11px;
  font-weight:400;
  color : white;
  border-radius: 4px;
  background-color:#EC6C00;
  
}


.works_link a p:hover{
  color:#EC6C00;
  border: solid 2px rgba(236, 108, 0);
  background-color:white;
  transition:all 0.3s 0s ease;
}


.disable p{
  opacity:0.5;
}



/* ------------- タブレット用  CSS ------------- */ 
@media (min-width: 768px) {/* 画面サイズが768px以上の時、{　}内のCSSを追加するメディアクエリ */
 
.work_title{
  margin-bottom:50px;	
}


.works_text h3{
	font-size:16px;	
}
 
.works_text p{
	font-size:14px;
	line-height:1.5rem;	
}
 
.works_small{
  font-size : 12px;
} 
 
 .works_link a p{
  font-family : Noto Sans JP;
  font-size : 13px;
}
 
  
}