@charset "UTF-8";

/*基本設定*/
*{
	margin: 0;
	position: 0;
	color: #333;
}
body{
	background-color: #fff;	
  	font-family: "Avenir Next";
}

img { -ms-interpolation-mode: bicubic; }


header{
  background-color:#fff;
  height:90px;
  border-bottom: 2px solid #dee7ec;
}

.header-right{
  padding-top:17px;
  margin-right: 35px;
}

header img{
	padding-left: 30px;
	padding-top:17px;
}

.fa-insta{
color:#D93177;

}

.fa-face{
color:#305097;
padding-left: 20px;
}

.fa-twi{
color:#00aced;
padding-left:20px; 
}


.header-right{
  float:right;
}
.header-left{
  float:left;
}

.main{
  background-color:#fff;
  height:658px;
}


td{
	padding-right: 20px;
	padding-top: 25px;
}

td {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
td::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: #dee7ec;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
td:hover::after {
  transform: scale(1, 1);
}



@media screen and max-width(480px) {

	td::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: #dee7ec;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
td:hover::after {
  transform: scale(1, 1);
}
}

.footer{
  background-color:#fff;
  height:100px;
}

.footer p{
	font-size: 13px;
	padding-top:40px;
}

.footer{
  border-top:2px solid #dee7ec;
  margin-top: 25px;
}