@import "default.css";

h2{
    border-top: none;
}
h3{    
    margin: 0;
    margin-bottom: 30px;
}

section{
    margin-bottom: 10px !important;
}

ul#information{
	position: relative;
	overflow: hidden;
	max-width: 960px;
	margin: 0px auto 50px auto;
	line-height: 200%;
}
ul#information li{
    overflow: hidden;
    padding: 50px 0;
}
	ul#information li a{
		color: #192D61;
		padding-left: 20px;
		list-style-type: disc !important;
	}
	li#corona{
		max-width: 980px;
		margin: 0px auto 20px auto;
		padding: 10px;
		line-height: 100%;
    }
    @media screen and (max-width:587px) {
        div#youtube {
            width: 100% !important;
            padding-bottom: 56.2% !important; /*アスペクト比 16:9の場合の縦幅*/
            height: 0;
            position: relative;
            }
    }
    div#youtube {
        width: 50%;
        float: left;
        padding-bottom: 28.125%; /*アスペクト比 16:9の場合の縦幅*/
        height: 0;
        position: relative;
    }
        div#youtube iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        @media screen and (max-width:587px) {
            div#corona_message{
                width: 100% !important;
            }
        }
            div#corona_message{
            width: 50%;
            box-sizing: border-box;
            float: left;
            line-height: 180%;
            padding: 10px;
            }
            div#corona_message a{
                color: #C00;
                font-weight: bold;
                display: inline-block;
                line-height: 35px;
                padding: 20px 10px 10px 40px;
            }
            div#corona_message a.pdf{
                background-image: url("../img/icon_pdf.png");
                background-repeat: no-repeat;
                background-position-x: 5px;
                background-position-y: 50%;
                padding: 0 0 0 40px;
            }