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

main h1{
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    text-align: center;
    font-size: 1.6rem;
}

main .corona_tab{
    width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding:0rem;
    height: auto;
    max-width: 1000px;
    text-align: center;
    display: flex;
}
main .corona_tab div{
    flex: 1;
}
@media (max-width:840px) {
	main .corona_tab{
		flex-direction:column;
	}
	main .corona_tab div{
		margin-top: 1.5rem;
	}
}

main .corona_tab .a a{
    padding: 1rem;
    font-family: "nitalago-rera", sans-serif;
    font-weight: 100;
    font-style: normal;
    color: #FFFFFF;
    font-size: 1.3rem;
    background-color: #1590A6;
    width: 100%;
    display: block;
    text-decoration: none;
}
main .corona_tab .b a{
    padding: 1rem;
    font-family: "nitalago-rera", sans-serif;
	font-weight: 100;
	font-style: normal;
    color: #FFFFFF;
    font-size: 1.3rem;
    background-color: #15A6A3;
    width: 100%;
    display: block;
    text-decoration: none;
}
main .corona_tab .c a{
    padding: 1rem;
    font-family: "nitalago-rera", sans-serif;
	font-weight: 100;
	font-style: normal;
    color: #FFFFFF;
    font-size: 1.3rem;
    background-color: #15A657;
    width: 100%;
    display: block;
    text-decoration: none;
}
main .corona_tab .d{
    padding-top: 7px;
    padding-bottom: 0;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 100;
    font-style: normal;
    color: #FFFFFF;
    font-size: 1rem;
    background-color: #15A6A3;
    width: 100%;
    display: block;
    text-decoration: none;
}
main .corona_tab .d select{
    width: 80%;
}
main .corona_tab .a a:hover,
main .corona_tab .b a:hover,
main .corona_tab .c a:hover{
    background-color: #999999;
}

@media (max-width:840px) {
	main .corona_tab .a a,
	main .corona_tab .b a,
	main .corona_tab .c a,
	main .corona_tab .d{
		border-radius: 5px;
		font-size: 1.6rem;
		padding-top: 1.2rem;
		padding-bottom: 1.2rem;
	}
}


main .img_box{
    width: 100%;
    max-width: 1000px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-left: auto;
    padding: 2rem;
    margin-right: auto;
    margin-top: 3rem;
}
main .img_box img{
    width: 100%;
    height: auto;
    display: block;
}

main .respon_img{
    width: 100%;
    height: auto;
    display: block;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

main .img_box p{
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    color: #333;
    text-align: center;
    padding: 0;
    width: 100%;
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.8rem;
}
@media (max-width:840px) {
	main .img_box{
		width: 100%;
		border: 0px solid #CCCCCC;
		border-radius: 0;
		margin-left: auto;
		padding: 0rem;
		margin-right: auto;
	}
}

	
	
main table{
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5rem;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: normal;
    font-size: 0.9rem;
    background-color: #FFFFFF;
}	
@media (max-width:840px) {
	/* mainエリアで横スクロールさせる　*/
	main {
		grid-column-start: main;
		grid-column-end: end;
		grid-row-start: main;
		grid-row-end: footer;
		margin-bottom: 3rem;
		margin-top: 5rem;
		margin-left: auto;
		margin-right: auto;
		width: 96%;
		overflow-x: scroll;
	}	
	/* 最大900pxで表示して文字折り返しなし　*/
	main table {
		width: 100%;
		min-width: 900px;
		white-space: nowrap;
	}
	
}
main table th{
    background-color: #398608;
    color: #FFFFFF;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: normal;
}
main table td{
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

main table .a{
    background-color: #448431;
    color: #FFFFFF;
}
main table .b{
    background-color: #DFF1DA;
    color: #333;
}
main table .center{
    text-align: center;	
}

main .txt{
    margin-top: 3rem;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem;
    margin-bottom: 3rem;
    border: 1px dotted #CCCCCC;
    border-radius: 5px;
    color: #333333;
    font-size: 1rem;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    background-color: #F3F3F3;
}



select{
    appearance: none;/*ブラウザのスタイルをリセット*/
    width: 300px;/*セレクトボックスの横幅*/
    padding: 10px;
    color: #333333;/*テキストの色*/
    border: 1px solid #219BC7;/*枠線の太さ・形状・色*/
    border-radius: 3px;/*枠線の角丸*/
    background-color: #fff;/*背景色*/
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.<path fill="%2374C0FC" d="M256 0a256 256 0 1 0 0 512A256 256 0 1 0 256 0zM135 241c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l87 87 87-87c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L273 345c-9.4 9.4-24.6 9.4-33.9 0L135 241z"/></svg>');/*背景にFont AwesomeのSVGを指定*/
    background-size: 16px 16px;/*背景のサイズ*/
    background-repeat: no-repeat;/*背景の繰り返し*/
    background-position: top 15px right 15px;/*背景の表示位置*/
    cursor: pointer;/*マウスカーソルをポインターに*/
    margin-top: 0;
    font-size: 1.1rem;
}
select:focus{
  outline: none;/*focus時の枠線を消去*/
}
@media (max-width:1030px) {
	select{
		width: 100%;
		font-size: 1.2rem;
	}
}
@media (max-width:700px) {
	select{
    width: 100%;
    font-size: 1.2rem;
	}
}