@charset "utf-8";
.__info_contents_box{
    width: 100%;
    height: auto;
    background-color: #ffffff;
    padding: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    flex-wrap: wrap;
}
.__info_contents_header{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    border-bottom: solid 2px #5577d4;
    padding-bottom: 1rem;
}
.__info_contents_header h3{
    width: auto;
    font-size: 1.4rem;
}
.__info_contents_header div{
    width: auto;
    font-size: 0.9rem;
}
.__info_contents_body{
    width: 100%;
    padding: 2rem 1rem;
    color: #333333;
    line-height: 1.4rem;
    word-break: break-word;
  word-break: break-all;
}

.__info_contents_body table{
    width: 100%;
    height: auto;
    border: solid 1px #dedede;
}
.__info_contents_body table td,.__info_contents_body table th{
    border: solid 1px #dedede;
    padding: 1rem;
}

.__info_contents_body h1{
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 1rem;
}
.__info_contents_body h2{
    font-size: 1.8rem;
    line-height: 1.8rem;
    margin-bottom: 1rem;
}
.__info_contents_body h3{
    font-size: 1.6rem;
    line-height: 1.6rem;
    margin-bottom: 1rem;
}
.__info_contents_body h4{
    font-size: 1.4rem;
    line-height: 1.4rem;
    margin-bottom: 1rem;
}
.__info_contents_body h5{
    font-size: 1.2rem;
    line-height: 1.2rem;
    margin-bottom: 1rem;
}
.__info_contents_body h6{
    font-size: 1rem;
    line-height: 1rem;
    margin-bottom: 1rem;
}
.__info_contents_body ol{
    list-style:decimal;
    list-style-type: decimal;
    list-style-position: inside;
    margin-bottom: 1rem;
}
.__info_contents_body ul{
    list-style: disc;
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 1rem;
}
.__info_contents_body img{
    max-width: 100%;
    width: unset;
}
.__info_contents_body a{
    color:#5577d4;
}
.__info_contents_body p{
    margin-bottom: 1rem;
}

/******************************/
/*        　ページャー　　　　　*/
/******************************/
.__info_pager_box{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.__info_pager_box_pre{
    width: auto;
}
.__info_pager_box_next{
    width: auto;
}
.__info_pager_box_pre a,.__info_pager_box_next a{
    background-color: #5577d4;
    border: solid 1px #5577d4;
    color: #ffffff;
    padding: 0.8rem 1.2rem;
    border-radius: 5px;
    font-size: 0.9rem;
    transition: all 1s;
    margin: 0;
    line-height: 0;
}
.__info_pager_box_pre a:hover,.__info_pager_box_next a:hover{
    background-color: #ffffff;
    color: #5577d4;
}
/******************************/
/*       アーカイブページ　　　*/
/******************************/
.__info_list_contents_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.__info_list_contents{
    width: calc(100% - 340px);
    background-color: #ffffff;
    padding: 1rem;
}
.__info_list_contents li {
    width: 100%;
    padding: 1rem 0 1rem;
    border-bottom: dashed 1px #5577d4;
}
.__info_list_contents li:last-child{
    border-bottom:none;
}
.__info_list_contents li > .__home_info_title{
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-end;
}

.__info_list_contents li > .__home_info_title > .__home_info_date{
    font-size: 0.9rem;
    margin-right: 10px;
}
.__info_list_contents li a{
    width: 100%;
    text-align: left;
}
.__info_list_contents_list{
    width: 320px;
    background-color: #ffffff;
    padding: 1rem;
}
.__info_list_contents_list h2{
    color: #5577d4;
    font-size: 1.4rem;
}
.__info_list_contents_list ul{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
.__info_list_contents_list ul li{
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
}
.__info_list_contents_list ul li::before{
    content: '●';
    color: #5577d4;
    font-weight: bold;
    font-size: 0.8rem;
}
.__info_list_contents_list_item{
    width: 100%;
    height: auto;
    margin: 1rem 0 0 0;
}
.__info_list_contents_list_item ul{
    width: 100%;
    height: auto;
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
}
.__info_list_contents_list_item ul li{
    width: 100%;
}