#page_title{
height:320px;
position:relative;
margin:0 auto 110px;
width:100%;
position:relative;
background-size:cover !important;
}
#page_title h2{
line-height:320px;
text-align:center;
color:#fff;
position:relative;
}
#page_title h2 .eng{
font-size:150px;
font-weight:bold;
position:absolute;
text-align:center;
width:100%;
top:0;
left:0;
font-family:"Arial";
color:#1460a6;
mix-blend-mode: multiply;
display:block;
z-index:1;
}
#page_title h2 .jp{
font-size:36px;
font-weight:bold;
position:relative;
text-align:center;
width:100%;
color:#fff;
display:block;
z-index:2;
}
main section{
margin:0 auto 160px;
}
main section h2{
font-size:36px;
font-weight:700;
color:#1460a6;
text-align:center;
line-height:1.5em;
letter-spacing:0.1em;
}
main section h2 strong{
font-size:48px;
}
main h3{
font-size:36px;
font-weight:700;
color:#fff;
text-align:center;
line-height:1.5em;
letter-spacing:0.1em;
background:#1460a6;
line-height:120px;
margin:0 auto 60px;
}
main section h4{
font-size:36px;
font-weight:700;
text-align:center;
line-height:1.5em;
letter-spacing:0.1em;
color:#1460a6;
margin:0 auto 60px;
max-width:1100px;
}
main section h5{
font-size:28px;
font-weight:700;
line-height:1.5em;
letter-spacing:0.1em;
max-width:1100px;
margin:0 auto 60px;
}
main section h6{
font-size:22px;
font-weight:700;
margin:0 auto 30px;
}
main section article{
line-height:1.8em;
}
main section article ul,
main section article ol{
padding:0 0 0 20px;
}
article.comment_photo{
display:flex;
gap:60px;
}
article.comment_photo figure{
width:420px;
flex:none;
}
article.comment_photo .comment{
width:calc(100% - 480px);
flex:none;
}
.more{
padding:40px 0 0;
}
.more a{
display:block;
max-width:318px;
border:1px solid #e6e6e6;
line-height:50px;
text-align:center;
color:#1460a6;
margin:0 auto;
text-decoration:none;
background:#fff url(//sustech-t.co.jp/wp-content/themes/sustech/images/common/arrow_blue.svg) no-repeat left 20px center;
}
.more a:hover{
color:#fff;
background:#1460a6 url(//sustech-t.co.jp/wp-content/themes/sustech/images/common/arrow_white.svg) no-repeat left 20px center;
}
#subnav{
margin:0 auto;
max-width:1100px;
}
#subnav ul{
list-style:none;
display:flex;
justify-content:center;
gap:70px;
}
#subnav ul li{
width:calc((100% - 140px) / 3);
}
#subnav ul li a{
display:block;
max-width:318px;
border:1px solid #e6e6e6;
line-height:50px;
text-align:center;
color:#1460a6;
margin:0 auto;
text-decoration:none;
background:#fff url(//sustech-t.co.jp/wp-content/themes/sustech/images/common/arrow_blue.svg) no-repeat left 20px center;
box-shadow:7px 7px 0 #1460a6;
}
#subnav ul li a:hover{
color:#fff;
background:#1460a6 url(//sustech-t.co.jp/wp-content/themes/sustech/images/common/arrow_white.svg) no-repeat left 20px center;
}
img.alignleft{
float:left;
margin:0 40px 40px 0;
}
img.alignright{
float:right;
margin:0 0 40px 40px;
}
img.aligncenter{
display:block;
margin:0 auto 20px;
}
.pagination{
max-width:960px;
margin:0 auto;
}
.page-numbers{
text-align: center;
margin: 40px 0;
}
.page-numbers li{
display: inline-block;
color: #d1d1d1;
padding: 0 5px;
vertical-align: middle;
}
.page-numbers li a{
text-decoration: none;
font-weight: bold;
color: #d1d1d1;
display:block;
padding: 5px 12px;
border: 1px solid #d1d1d1;
}
.page-numbers li a:hover{
color:#fff;
background:#d1d1d1;
}
.page-numbers li span{
text-decoration: none;
font-weight: bold;
color: #d1d1d1;
display:block;
padding: 5px 12px;
border: 1px solid #d1d1d1;
background: #fff;
}
.page-numbers li span.current{
background:#d1d1d1;
color:#fff;
}
@media screen and (max-width: 1366px) {
#page_title{
height:250px;
margin:0 auto 60px;
}
#page_title h2{
line-height:250px;
}
#page_title h2 .eng{
font-size:120px;
}
#page_title h2 .jp{
font-size:30px;
}
main section{
margin:0 auto 80px;
}
main section h2{
font-size:30px;
}
main section h2 strong{
font-size:40px;
}
main h3{
font-size:30px;
line-height:80px;
margin:0 auto 30px;
}
main section h4{
font-size:30px;
margin:0 auto 30px;
max-width:800px;
}
main section h5{
font-size:24px;
margin:0 auto 30px;
max-width:800px;
}
article.comment_photo{
gap:30px;
}
article.comment_photo figure{
width:350px;
flex:none;
}
article.comment_photo .comment{
width:calc(100% - 380px);
flex:none;
font-size:15px;
line-height:1.6em;
}
}