/* information一覧 */
.informationpostList li{
min-height: 140px;
width: 47.5%;
}
@media screen and (max-width:980px){
.informationpostList li{
min-height: 73px;
width: 100%;
}
}
.informationpostList li .img{
top: 0;
left: 0;
width:160px;
height:106px;
background: #F5F5F5;
}
@media screen and (max-width:767px){
.informationpostList li .img{
width:110px;
height:73px;
}
}
.informationpostList li .img img{
position: absolute;
width: 100%;
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: all 0.8s ease;
}
.informationpostList li .img a:hover img{
opacity: 0.8;
}
.informationpostList li .txt{
margin-left:180px;
}
@media screen and (max-width:767px){
.informationpostList li .txt{
margin-left:120px;
min-height:73px;
}
.informationpostList li .txt .ttl{
font-size: 1.3rem;
}
}

/* ページャー */
.pagination{
display: flex;
justify-content: center;
position:relative;
height:40px;
line-height:40px;
}
.pagination .page-btn {
background:none;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid rgba(255,255,255,0);
padding: 0 20px 15px;
margin:0 5px;
font-size: 1.8rem;
transition: all 0.3s ease 0s;
}
@media screen and (max-width: 767px) {
.pagination .page-btn {
padding: 0 10px 10px;
margin:0 3px;
font-size: 1.4rem;
}
}
.pagination .page-btn.active {
border-bottom: 1px solid #008083;
color: #008083;
padding: 0 20px 15px;
margin:0 5px;
}
@media screen and (max-width: 767px) {
.pagination .page-btn.active {
padding: 0 10px 10px;
margin:0 3px;
}
}
.pagination .nextpostslink{
padding: 0 0 5px;
margin:0;
position: absolute;
top: 0;
right: 0;
font-weight: normal;
}
.pagination .previouspostslink{
padding: 0 0 5px;
margin:0;
position: absolute;
top: 0;
left: 0;
font-weight: normal;
}
@media screen and (max-width: 767px) {
.pagination .nextpostslink,
.pagination .previouspostslink{
padding:0;
}
}
/*詳細ページ*/
.informationMain{
font-size: 1.6rem;
}
.informationMain p{
line-height: 2.2;
margin-bottom: 2.2em;
font-family: YakuHanJP_Narrow, "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
}
.informationMain h2{
position: relative;
padding: 50px 0;
border-top: 1px solid #E8E8E8;
box-sizing: border-box;
font-size: 2.4rem;
font-weight: 500;
margin-top: 100px;
}
.informationMain h2:after{
content: "";
position: absolute;
top: -1px;
left: 0;
width: 30px;
height: 1px;
background: #008083;
}
.informationMain h3{
font-size: 2rem;
font-weight: bold;
margin:20px 0 10px;
}
.informationMain h4{
font-size: 1.8rem;
font-weight: bold;
margin:15px 0 10px;
color: #008083;
}
.informationMain h5{
font-weight: bold;
margin-bottom: 5px;
margin:15px 0 10px;
}
.informationMain h5:before{
content: "- "
}
.informationMain ul{
margin-bottom: 15px;
}
.informationMain li{
list-style: disc inside;
}
.informationMain table{
background:#f5f5f5;
max-width: 800px;
border: none;
font-size: 1.4rem;
}
.informationMain th,
.informationMain td{
padding:15px;
border: 1px solid #fff;
vertical-align: middle;
box-sizing: border-box;
}
.informationMain .colum3 table th,
.informationMain .colum3 table td{
width: 33%;
}
.informationMain .colum4 table th,
.informationMain .colum4 table td{
width: 25%;
}
.informationMain .colum5 table th,
.informationMain .colum5 table td{
width: 20%;
}
.informationMain th{
text-align: center;
font-weight: bold;
}
@media screen and (max-width:767px){
.informationMain th,
.informationMain td{
padding: 10px;
}
}
.informationMain img{
max-width: 100%;
height: auto;
}
.informationMain .youtubeOuter{
position: relative;
width: 100%;
padding-top: 56.25%;
margin-bottom: 3em;
}
.informationMain .youtubeOuter iframe{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}
.informationMain .youtubeOuter p{
margin-bottom: 0;
}
.informationMain .itemlist.colum4 .item{
width:22%;
margin-right: 4%;
}
@media screen and (max-width:767px){
.informationMain .itemlist.colum4 .item{
width:48.5%;
margin-right: 3%;
}
}
.informationMain .itemlist.colum4 .item:nth-child(4n){
margin-right: 0;
}
@media screen and (max-width:767px){
.informationMain .itemlist.colum4 .item:nth-child(2n){
margin-right: 0;
}
}
.informationMain .itemlist.colum4 .item p{
line-height: 1.4;
}