@charset "UTF-8";
*{
    font-family:'Hiragino Sans','Yu Gothic UI','Meiryo UI',sans-serif; 
    line-height: 2em;
}

@media screen and (min-width:768px){
table {
    border-collapse: collapse;/*セルの境界線を共有*/
    display: block-size;
}
th {
    border: solid 1px #666666;
    color: #000000;
    background-color: #ccc;
    vertical-align: top;
}
td {
    border: solid 1px #666666;
    color: #000000;
    background-color: #ffffff;
    width:35vw;
    vertical-align: top;
}}
@media screen and (max-width:768px){/*スマホ画面*/
    table{
        border-collapse: separate; 
        display: block;
        width: 100vw;
    }
    table>tbody>tr.row1>th.col2{
        font-size:small;
        width:20vw;
        vertical-align: top;
    }
    td{
        word-break: break-all;
        vertical-align: top;
    }
    td.td-1{
        width:35vw
    }
    td.td-2{
        width:35vw
    }
    th {
        border: solid 0.5vw #666666;
        color: #000000;
        background-color: #ccc;
    }
    td {
        border: solid 0.5vw #666666;
        color: #000000;
        background-color: #ffffff;
    }
    #text{
        font-size: small;
    }    
}

h3.medium{
    font-size: medium;
    font-weight: bold;
    padding-top: 1em;
}
h1{
    font-size: x-large;
    padding-top:0.5em;
}
.footer-menu2{
    display:flex;
    list-style: none;
    padding: 2em 2em 0em 2em;
    background-color: #fff;
}
a,a:link,a:visited{
    color:#333
}
a:hover{
    font-weight: bold;
    color:#333
}



@media screen and (min-width:768px){/*スマホ以外のレイアウト*/
    #kucho{
        position:absolute;
        display:grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        column-gap: 1em;
        row-gap:0.2em;
        grid-template-areas:
          "main main main main main"
          "main main main main main "
          "iframe iframe iframe iframe iframe"
          "footer footer footer footer footer";
}
.footer{
    grid-area: footer;
    margin:auto    
}
#sheet{
    grid-area:iframe;
    margin:0 1em
}
}

@media screen and (max-width:768px){
#kucho{ /*スマホ*/
    position:absolute;
    display:grid;
    column-gap: 1em;
    row-gap:0.2em;
}
#sheet{
    width:100vw
}
}

div.top_image{
    background-image: url(../pic/top.png);
    height: 30vh;
    background-size: 100% auto;
    overflow: hidden;
    background-position: bottom;
    background-repeat: no-repeat;
}
@media screen and (max-width:768px){
	div.top_image{
		background-image: url(../pic/top-sumaho.png);
		height: 30vh;
		background-size: 100% auto;
		background-position: bottom;
		background-repeat: no-repeat;
	}
}
img.circle{/*候補者の顔を切り取る図形*/
    clip-path:ellipse(40% 50% at 50% 50%);
    width:30vh
}
img.mycircle{/*候補者の顔を切り取る図形*/
    clip-path:ellipse(40% 50% at 50% 50%);
    width:30vh
}

ul.footer-menu{ /*フッターの表示*/
    display: flex;
    list-style: none;
    padding-left:1em    
}


h1.style-2{
	font-family:"Hiragino Maru Gothic Pro", "メイリオ", sans-serif;
	font-size: large;
    padding-top: 0.6em;
}






.col-md-60{
    position:relative;
    border: 2px solid;
    border-color: #aaa;
    text-align: center;
    border-radius: 1em;
}
.kouho{
    position:relative;
    border: 2px solid;
    border-color: #aaa;
    text-align: center;
    border-radius: 1em;
}

div.mycol-1{ /*名前*/
    font-size:x-large;    
}

div.mycol-3,div.mycol-5,div.mycol-7,div.mycol-9,div.mycol-10,div.mycol-12,div.mycol-13,div.mycol-16,div.mycol-19{/*質問*/
    background-color:#eee;
    font-weight: bold;
}
p.text-muted {
    font-size: x-small;
    text-align: center;
}
.accordion{
    background-color: #eee;
    font-weight: bold;
}
.accordion_contents{
    display:none;
    background-color: cornsilk;
    font-size: small;
}
.font-small{
    font-size: small;
    color:blue
 }