img{
max-width:100%;
height:auto;
}
html {
position: relative;
min-width: 1200px;
width:100%;
}
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap");
body {
color: #222222;
width: 100%;
font-family: "Noto Sans", sans-serif; font-weight: 400;
font-style: normal;
text-justify: inter-ideograph;
font-size: 16px;
font-feature-settings: 'palt';
width: 100%;
padding: 120px 0 0;
}
a{
color:#1460a6;
}
a:hover{
transition:0.5s;
}
a:hover img{
opacity:0.7;
transition:0.5s;
}
header{
width:100%;
min-width: 1200px;
box-sizing:border-box;
height: 120px;
display:flex;
justify-content:space-between;
position:fixed;
top:0;
left:0;
z-index:10000;
background:rgba(255,255,255,0.8);
-webkit-backdrop-filter: blur(5px) brightness(110%);
backdrop-filter: blur(5px) brightness(110%);
}
header h1{
width:459px;
height:100%;
padding:0 0 0 20px;
box-sizing:border-box;
display: flex;
align-items:center;
}
header h1 a{
display: block;
height:62px;
text-decoration:none;
}
header h1 a img{
display:block;
}
#gnav{
display:flex;
align-items:center;
justify-content:flex-end;
padding:0 30px 0 0;
}
#gnav ul{
display:flex;
justify-content:space-between;
gap:20px;
}
#gnav a{
display: block;
font-weight:700;
text-decoration:none;
padding:0 0 0 25px;
color:#222222;
white-space:nowrap;
font-size:18px;
background:url(//sustech-t.co.jp/wp-content/themes/sustech/images/common/arrow_gray.svg) no-repeat left center;
}
#gnav a:hover{
background:url(//sustech-t.co.jp/wp-content/themes/sustech/images/common/arrow_blue.svg) no-repeat left center;
}
#wrapper{
padding:0px 0 0;
}
.more a img{
vertical-align:middle;
margin-right:10px;
}
main{
line-height:1.8em;
position:relative;
width:100%;
}
footer{
text-align:center;
padding:60px 0 0;
}
footer h3 {
display:flex;
gap:60px;
justify-content:center;
}
footer h3 a{
display:block;
}
footer h3 img{
display:block;
height:30px;
width:auto;
margin:0 auto;
}
footer #sustech{
line-height:2em;
margin:0 auto 20px;
}
footer #sustech img{
display:block;
margin:10px auto;
}
#fnav{
display:flex;
align-items:center;
justify-content:center;
padding:30px 0;
}
#fnav ul{
display:flex;
justify-content:space-between;
gap:45px;
}
#fnav a{
position:relative;
display: block;
font-weight:700;
text-align:center;
font-size:16px;
color:#222222;
text-decoration:none;
}
#fnav a:hover{
text-decoration:underline;
}
.gotop{
width:50px;
height:50px;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 10000;
}
.gotop a{
display: flex;
align-items:center;
justify-content:center;
text-align:center;
border-radius:5px;
text-decoration:none;
background:#fff;
width:100%;
height:100%;
border:5px solid #1460a6;
box-sizing:border-box;
}
.gotop img{
display:block;
}
.gotop a:hover{
background:#b2d5f6;
}
#copyright{
margin:0 auto;
text-align:center;
line-height:46px;
}
.sp_only{
display:none;
}
@media screen and (max-width: 1366px) {
body{
padding:100px 0 0;
}
header{
height: 100px;
}	
header h1 a img{
display:block;
width:380px;
}
footer{
padding:75px 0 0;
}
}