html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    background: linear-gradient(0deg,#48948e,#3c7494,#50455d);
    background-size: 600% 600%;

-webkit-animation: bggrd 20s ease infinite;
-moz-animation: bggrd 20s ease infinite;
animation: bggrd 20s ease infinite;
}

@-webkit-keyframes bggrd {
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}
@-moz-keyframes bggrd {
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}
@keyframes bggrd {
    0%{background-position:51% 0%}
    50%{background-position:50% 100%}
    100%{background-position:51% 0%}
}

#te2logoline {
    width: 100px;
    height: 100px;
    position: absolute;
	top: 30%;
    left: 50%;
    margin-left: -50px;
    
}


#top_text {
    display: none;
    color: #fff;
    text-align: center;
    position: absolute;
	top: 30%;
    left: 50%;
    margin-left: -118px;
}

h1{
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 48px;
    letter-spacing: 8px;
}
    
p {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 32px;
    letter-spacing: 4px;
}

a {
    list-style-type: none;
    color: #fff;
	-webkit-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}

.tw :hover {
    color: #00a1e9;
}

.pin :hover {
    color: #bd081c;
}

.mail :hover {
    color: aquamarine;
}

.font-test {
    text-align: center;
    margin: 32px;
}

.myriad-r {
    font-family: myriad-pro,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #fff;
}

.myriad-sb {
    font-family: myriad-pro,sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    color: #fff;
}
.myriad-sb22 {
    font-family: myriad-pro,sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 22px;
    color: #fff;
}