@charset "UTF-8";

/*　ヘッダー
----------------------------------------------------*/
h1{
    max-width: 100%;
    padding:0px 0;
    margin: auto;
    text-align: center;
}
h1 img{
    max-width:360px;
    width: 90%;
    height: auto;
    margin: auto;
}


/*----------タブレット用-----------------*/
@media only screen and (max-width: 768px) {
    #head p,#head a{
        font-size: 1em;
    }
    h1{
        width: 70%;
        padding:10px 2%; 
        margin: 0;
    }
    #page_top {
        bottom: 150px;
        right: 10px;
    }
}

/*----------index-----------------*/
#index_menu ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap:wrap;
    width: 100%;
    }

#index_menu ul li{
    list-style-type: none;
    width: 20%;
    margin: 2%;
    }
#index_menu ul li a{
font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: 1.4em;
    color: #000;
    padding: 10px 0;
}
#index_menu ul li img{
    width: 90%;
    height: auto;
    margin: 0 5% -3px 5%;
}

#index_menu h1{
    width: 48%;
    padding:0px 0;
    margin: 20px 0 0 0;
    text-align: center;
}
#index_menu h1 img{
    max-width:700px;
    width: 100%;
    height: auto;
}

/*----------タブレット用-----------------*/
@media only screen and (max-width: 768px) {
    #index_menu ul li{
        width: calc(100% / 3);
        margin: 0;
        }
    #index_menu h1{
        width: 64%;
        padding:0px 0;
        margin: 10px 0 0 2%;
        text-align: center;
    }
    #index_menu ul li a{
            font-size: 1.1em;
        }
}
/**********Box************/
.indexBox{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
}

.box1 {
    background-color: #eeeeee;
    padding: 36px;
}
.box2 {
    background-color: #e7edf6;
    padding: 36px
}

.box_left {
    width: 48%;
    height: auto;
    margin: 2% 1% 2% 0;
}
.box_right{
    width: 48%;
    height: auto;
    margin: 2% 0 2% 1%;
}
.box_left img,.box_right img{
    max-width: 100%;
    height: auto;
}
.box_img{
    width: 100%;
    height: auto;
}
.box_img img{
    width: 100%;
    height: auto;
}
.title{
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    text-align: center;
    margin: 20px auto 10px auto;
    font-size: 2em;
    font-weight: bold;
    color: #205097;
}
.title2{
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    text-align: center;
    margin: 20px auto 10px auto;
    font-size: 1.5em;
    font-weight: bold;
    color: #201057;
}

.title img{
    width: 45%;
    height: auto;
}
.title_left{
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
    color: #205097;
    width: 50%;
}

.title_center{
    text-align: center;
}
.sub_title{
    font-weight: bold;
    color: #205097;
}
.name {
    font-size: 1.2em;
    font-weight: bold;
}

.ic_new{
    font-size: 0.7em;
    font-weight: bold;
    color: #fff;
    background-color: #f00;
    margin: -3px 10px 0 0;
    padding: 0px 10px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
}

.ic_komei{
    font-size: 0.9em;
    color: #205097;
    background-color: #e7edf6;
    margin: -3px 10px 0 10px;
    padding: 0px 10px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
}

.ic_jimin{
    font-size: 0.9em;
    color: #ff7800;
    background-color: #ffebd9;
    margin: -3px 10px 0 10px;
    padding: 0px 10px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
}
.ic_iincho{
    font-size: 0.9em;
    color: #fff;
    background-color: #36b0ea;
    margin: -3px 0px 0 3px;
    padding: 0px 10px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
}

.ic_fukuiincho{
    font-size: 0.9em;
    color: #fff;
    background-color: #7ecef4;
    margin: -3px 0px 0 3px;
    padding: 0px 10px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
}

.ic_riji{
    font-size: 0.9em;
    color: #fff;
    background-color: #8f82bc;
    margin: -3px 0px 0 3px;
    padding: 0px 10px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
}
/* 本会議録画が変になる
dl dt{
    width: 10em;
    float: left;
}
dl dd{
    border-bottom: #bdbdbd 1px dotted;
    padding: 5px 0 10px 10em;
    margin: 0 0 10px 0;
}
*/
dl dd:last-child{
    border-bottom: #bdbdbd 0px dotted;
    margin-bottom: 0px;
}
.btn_more{
    text-align: center;
    color: #205097;
    border-radius: 10px;
    border: 1px #205097 solid;
    margin: 5% 10% 2% 10%;
    padding: 2%;
    cursor: pointer;
}


/*----------タブレット用-----------------*/
@media only screen and (max-width: 768px) {
    #indexBox{
        width: 96%;
        padding: 3%;
        margin: 0% 2% 3% 2%;
    }
    .box_left,.box_right {
    clear: both;
        width: 96%;
        height: auto;
        margin: 0% 2% 5% 2%;
    }
    .title{
        font-size: 1.5em;
    }
    .title_left{
        width: 68%;
    }
    .title img ,.title_left img{
        width: 100%;
        height: auto;
    }
    .box1,.box2 {
        padding: 5%;
    }
    .sp_box{
        margin: 5% 3%;
    }
    dl dt{
        width: 90%;
        float: none;
    }
    dl dd{
        padding: 5px 0 10px 0em;
    }
}

/*----------topics-----------------*/
.topicsBox{
    background: url(../img/bg_topics.jpg) center top no-repeat;
    background-size: 100% auto;
    padding: 3% 5% 3% 45%;
}
.btn_itiran{
    font-weight: bold;
    background:#fff;
    border-radius: 10px 10px 0 0;
    padding: 12px 2%;
    width: 28%;
    text-align: center;
}
.bg_topics{
    background:#fff;
    width: 90%;
    padding: 5%;
}
@media only screen and (max-width: 768px) {
    .topicsBox{
        background: url(../img/bg_topics.jpg) center top no-repeat;
        background-size: 150% auto;
        padding: 8% 3%;
    }
    .btn_itiran {
        width: 28%;
        border-radius: 5px 5px 0 0;
        padding: 2% 2%;
    }
}

/*----------info-----------------*/
.indexBox .info{
    background: url(../img/banner_info.png) center top no-repeat, #205097;
    background-size: 100% auto;
    padding: 16% 2% 2% 2%;
    width: 45%;
}
.indexBox .info a{
    color: #fff;
}
.indexBox .info:first-child{
    margin: 5% 1% 5% 0%;
}
.indexBox .info:last-child{
    background: url(../img/banner_link.png) center top no-repeat, #205097;
    background-size: 100% auto;
    margin: 5% 0% 5% 1%;
}

@media only screen and (max-width: 768px) {
.indexBox .info{
    padding: 32vw 2% 2% 2%;
    width: 96%;
}
.indexBox .info:first-child ,.indexBox .info:last-child{
    margin: 10% 0% 0% 0%;
}

}
/*----------link-----------------*/
.link , .link_img{
    margin-top: 5%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
}

.link_img li{
margin: 1%;
}
.link li{
    color: #205097;
    border: #205097 1px solid;
padding: 10px 20px;
border-radius: 5px;
margin: 1%;
}
@media only screen and (max-width: 768px) {
    .link , .link_img{
        margin: 10% 0 0% 0;
    }
}

/*　フッター
----------------------------------------------------*/
footer{
    color: #fff;
    background-color:#205097;
    margin-top: 80px;
    padding: 2%;
}
.fut_menu{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap:wrap;
}
.fut_logo {
    width: 25%;
    margin: 2% 0 0 0;
}
.fut_logo img{
    width: 100%;
    height: auto;
}
address{
    width: 75%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap:wrap;
}
address p{
    display: flex;
    align-items: flex-end;
    margin: 0 10px 10px 10px;
}
footer a{
    color:#fff;
}
footer address a{
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: -0.2em;
}
.menseki_title{
    margin: 15px 0;
}
.menseki_title span{
    color: #ffff00;
    font-weight: bold;
    float: left;
}

#page_top {
    position: fixed;
    bottom: 100px;
    right: 10px;
    text-align: center;
}
#page_top a {
    background: rgba(32, 80, 150, 0.8);
    text-decoration: none;
    color: #fff;
    width: 60px;
    height: 20px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    border: 2px solid #fff;
}
#page_top img {
    display: block;
    width: 50%;
    margin: auto;
}
.arrow_totop::after{
    top:7px;
    left: 20px;
    width: 16px;
    height: 16px;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media only screen and (max-width: 768px) {
    footer{
        margin-top: 10%;
    }
    .link, .link_img {
        justify-content: left;
    }
    .link, .link_img li{
        width: 48%;
    }
    .link, .link_img li img{
        width: 100%;
        height: auto;
    }
    .link li {
        width: calc(47% - 40px);
    }
    .fut_logo {
        width: 70%;
    }
    address{
        width: 90%;
    }
}