@charset "UTF-8";
/* CSS Document */
main {
	min-width: 1280px;
	margin-top: 0px;
}

article {
width: 985px;
height: auto;
display: block;
margin: 0px auto;
background-color: hsla(0,100%,99%,0.00);
box-shadow: -2px 0 30px 0px rgba(0, 0, 0, .2);
padding-bottom: 80px;
position: relative;
top: 0px;
}

.header {
background-image: url("../image2020/pc/01_1_01/header_bgimg.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto;
width: 1280px;
height: 362px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
top:120px;
z-index: 5;
}

.header h3 {
background-image: url("../image2020/pc/05_01/hogosya_etc_pc_1.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto;
width: 985px;
height: 317px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
top:40px;
}

.weather,
.certificate {
width: 985px;
height: auto;
display: block;
margin: 0px auto 0px auto;
padding-bottom: 60px;
}

.weather h4 {
background-image: url("../image2020/pc/05_03weather/weather_pc.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto -80px auto;
width: 325px;
height: 40px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
padding-top: 280px;
}

.weather dl {
width: 706px;
height: auto;
display: block;
margin: 0px auto 20px auto;
}

.weather dt {
width: 60px;
display: block;
float: left;
font-size: 16px;
line-height : 33px;
letter-spacing : -0.8px;
}
.weather dd{
width: 600px;
display: block;
margin: 0px 0px 30px 60px;
font-size: 16px;
line-height : 33px;
letter-spacing : -0.8px;
font-weight: 300;
}


.weather p,
.certificate p {
width: 706px;
height: auto;
display: block;
margin: 50px auto 20px auto;
font-size: 16px;
line-height : 33px;
letter-spacing : -0.8px;
font-weight: 300;
text-align: justify;
text-justify: inter-ideograph;
}


.certificate h4 {
background-image: url("../image2020/pc/05_03weather/certificate_pc.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto 0px auto;
width: 400px;
height: 79px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
}


.certificate img {
width: 600px;
height: auto;
display: block;
margin: 50px auto 20px auto;
border: solid 1px #000000;
}



/* ============================================== スマートフォン ================================================ */

@media screen and (max-width:800px){
main {
	min-width: 100%;
	margin-top: 0px;
}

article {
width: 100%;
height: auto;
display: block;
	margin: 0px auto;
	background-color: hsla(0,100%,99%,0.00);
	box-shadow: none;
	padding-bottom: 60px;
}

.header {
background-image: none;
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto;
width: 100%;
height: 189px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
top:0px;
z-index: 5;
}

.header h3 {
background-image: url("../image2020/sp/05_01/hogosya_etc_sp_1.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 0px auto;
width: 100%;
height: 189px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
top:0px;
}

.weather,
.certificate {
width: 375px;
height: auto;
display: block;
margin: 0px auto 0px auto;
padding-bottom: 100px;
}

.weather h4 {
background-image: url("../image2020/sp/05_03weather/weather_sp.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 40px auto 40px auto;
width: 245px;
height: 30px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
padding-top: 0px;
}

.weather dl {
width: 390px;
height: auto;
display: block;
margin: 0px auto 20px auto;
}

.weather dt {
width: 40px;
display: block;
float: left;
font-size: 16px;
line-height : 27px;
letter-spacing : -0.5px;
}
.weather dd{
width: 300px;
display: block;
margin: 0px 0px 30px 40px;
font-size: 16px;
line-height : 27px;
letter-spacing : -0.5px;
font-weight: 300;
}

.certificate img {
width: 350px;
height: auto;
display: block;
margin: 50px auto 20px auto;
border: solid 1px #000000;
}

.weather p,
.certificate p {
width: 90%;
height: auto;
display: block;
margin: 50px auto 20px auto;
font-size: 16px;
line-height : 27px;
letter-spacing : -0.5px;
text-align: justify;
text-justify: inter-ideograph;
}

.certificate h4 {
background-image: url("../image2020/sp/05_03weather/certificate_sp.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
margin: 40px auto 40px auto;
width: 301px;
height: 55px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
padding-top: 0px;
}


	
}