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


/* スマホのメニューを消す */
@media (min-width: 0px) and (max-width: 479px) {
   div.logo{
     display: none;
	   padding-bottom: 0px;
   }
}
/* スマホのヘッダーメニュー */
@media (min-width: 0px) and (max-width: 479px) {
   div.header-container{
	   padding: 0px 0px 0px 0px;
   }
}




body{
font-family: garamond-premier-pro-caption, serif;
font-weight: 400;
font-style: normal;	
	background-color: #FFFFFF;
}


div.header-container{
	font-family: garamond-premier-pro-caption, serif;
font-weight: 400;
font-style: normal;
	color: #707070;
}

ul id.menu-head-menu{
font-family: garamond-premier-pro-caption, serif;
font-weight: 400;
font-style: normal;
	
}

h2{
	font-family: garamond-premier-pro-caption, serif;
font-weight: 400;
font-style: normal;
	color: #707070;margin-bottom: 290px;
	text:center;
}

.content cf{
	background-color: #FFFFFF;
	
}

.header-container{
	padding: 0px 0px 0px 0px;
}

/* CSS */


/* TOP */
div.top-area{
	margin-bottom: 40px;
	width: 1024px;

}

.clear{
	clear:both;
}


div.top-area p{
	margin: 10px 0px 0px 0px;
	font-size: 10pt;
}




.animate-link {
  text-decoration: none; /* デフォルトの下線を非表示にする */
  color: #0086e0; /* 文字色 */
  background-image: linear-gradient(90deg, #0086e0, #0086e0); /* 線の色 */
  background-repeat: no-repeat;
  background-position: left bottom; /* 線の起点を左・下に設定 */
  background-size: 0 3px; /* 線の横幅を0、縦幅を1pxに */
  transition: background-size 0.6s; /* 線を伸ばすアニメーション実行時間を指定 */
}

.animate-link:hover {
  background-size: 100% 3px; /* 線の横幅を100%にする */
}


h1.entry-title{
font-family: garamond-premier-pro-caption;
font-weight: 400;
font-style: normal;
text-align: center;
	color: #707070;
	font-size: 36pt;
}


/* TOP WORKS*/
.top-works-area{
	clear: both;
}

section.work h2{
	clear: both;
	margin: 0px;
}

.top-works-area .box{
	width: 360px;
	height:260px;
float: left;
	margin-right: 20px;
}

.top-works-area .last{
	margin-left: 0px;
}

.works-line{
	clear: both;
	padding-bottom: 40px;
	
}

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}