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

#informationArea{
padding: 60px 10px 100px;
}
#informationSingleArea{
padding: 60px 10px 100px;
}

@media screen and (max-width: 999px){
#informationArea{
padding: 40px 10px 50px;
}
#informationSingleArea{
padding: 40px 10px 50px;
}
}/*999*/





#informationArea>div{
max-width: 1000px;
margin: 0 auto;
}
#informationSingleArea>div{
max-width: 1000px;
margin: 0 auto;
}





.informationWrap{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.informationLeft{
width: 600px;
}
#informationSide{
position: sticky;
top: 120px;
width: 300px;
}
#informationSide p.title{
color: #387ebe;
font-size: 1.5rem;
line-height: 1.5;
font-weight: 700;
margin-bottom: 0.5em;
}
#informationSide ul{
border-top: 1px solid #387ebe;
}
#informationSide ul li{
border-bottom: 1px solid #387ebe;
}
#informationSide ul li a{
display: block;
padding: 20px 10px;
color: #333333;
text-decoration: none;
font-weight: 700;
transition: color 100ms ease;
}
#informationSide ul li a:hover{
color: #67cecc;
}
#informationListWrap #informationSide{
margin-top: 25px;
}

@media screen and (max-width: 999px){
.informationWrap{
display: block;
}
.informationLeft{
width: auto;
}
#informationSide{
position: relative;
top: auto;
width: auto;
margin-top: 50px;
}
#informationListWrap #informationSide{
margin-top: 50px;
}
}/*999*/





#informationListData{
display: flex;
margin-bottom: 1.5em;
}
#informationListData p{
line-height: 100%;
}
#informationListData p.title{
font-weight: 700;
padding-right: 20px;
margin-right: 20px;
border-right: 1px solid #333333;
}
#informationList ul.list li{
border-bottom: 1px solid #cccccc;
}
#informationList ul.list li a{
display: flex;
justify-content: space-between;
padding: 22px 0;
color: #333333;
text-decoration: none;
transition: color 100ms ease;
}
#informationList ul.list li a:hover{
color: #67cecc;
}
#informationList ul.list li a p.date{
width: 130px;
font-weight: 700;
}
#informationList ul.list li a p.title{
width: calc(100% - 130px);
}

@media screen and (max-width: 999px){
#informationList ul.list li a{
display: block;
}
#informationList ul.list li a p.date{
width: auto;
}
#informationList ul.list li a p.title{
width: auto;
}
}/*999*/





#informationSingleTitle h2{
font-size: 1.5rem;
line-height: 1.5;
font-weight: 700;
}
#informationSingleTitle p.date{
font-weight: 700;
margin-top: 0.5em;
}
#informationSingleBody{
margin-top: 50px;
}
#informationSingleBody::after{
content: '';
display: block;
clear: both;
}
#informationSingleBody p{
margin-top: 1.5em;
}
.alignnone{
margin: 0 0 0 0;
}
.aligncenter{
display: block;
margin: 0 auto 0 auto;
}
div.aligncenter{
position: relative;
left: 5px;
}
div.alignright{
float: right;
margin: 0 -10px 0 20px;
overflow: hidden;
}
img.alignright{
float: right;
margin: 0 0 0 20px;
}
div.alignleft{
float: left;
margin: 0 10px 0 0;
}
img.alignleft{
float: left;
margin: 0 20px 0 0;
}
#informationSingleBody .wp-caption{
background: transparent;
text-align: center;
max-width: 100%;
margin-top: 20px;
overflow: hidden;
}
#informationSingleBody .wp-caption img{
border: none;
height: auto;
width: auto;
margin: 0;
padding: 0;
}
#informationSingleBody .wp-caption-text{
font-size: 12px;
margin: 0.5em 0 0 0;
padding: 0 10px 0 0;
width: 100%;
}
#informationSingleBtn{
margin-top: 70px;
display: flex;
justify-content: center;
align-items: center;
}
#informationSingleBtn .btn{
width: 100%;
max-width: 280px;
}
#informationSingleBtn .btn a{
height: 90px;
padding: 10px 55px;
}
#informationSingleBtn .btn a::before{
left: 30px;
right: auto;
width: 16px;
height: 16px;
transform: translateY(-50%) rotate(180deg);
}

@media screen and (max-width: 999px){
#informationSingleBody{
margin-top: 40px;
}
#informationSingleBtn{
margin-top: 40px;
}
#informationSingleBtn .btn a{
height: 80px;
}
}/*999*/