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

body{background-color:#F4F3EA;
}
a{text-decoration: none;}
a:link { color: #707070; }
a:visited { color: gray; }
a:hover { color: #C70000; }
a:active { color: #1D5DAB; }

@media screen and (max-width: 750px){

div.top{
	margin: 0 auto;
}
	

div.middle{
	margin: 0;

}
	
div.sub1{
	background-color: #1D5DAB;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2%;
	margin-bottom: 0;
	padding:2%;
	}

div.sub2{
	background-color: #fff;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 0;
	margin-bottom: 5%;
	padding:2% 4% 2% 4%;
	}	


p{color: #707070;
font-family: 'Noto Sans JP', sans-serif;
}

p.small{font-size:3.5vw;
	line-height:4.3vw;
	margin-top: 2%;
	margin-bottom: 2%;
	text-align: justify;
}
	
p.howto{font-size:3.5vw;
	line-height:4.3vw;
	margin-top: 1%;
	margin-bottom: 2%;
	text-align: justify;
}	
p.sub1{
	color: #ffffff;
	font-size:4.6vw;
	font-weight:bold;
}
	
p.mongon{font-size:3.7vw;
	line-height:4.6vw;
	text-align: justify;
	margin-bottom: 2%;
}
p.mongon1{font-size:3.7vw;
	line-height:4.6vw;
	text-align: justify;
	margin-bottom: 2%;
	color: #C70000;
}
p.howto_1{font-size:3.7vw;
	line-height:4.6vw;
	text-align: justify;
	margin-top: 5%;
}
	
	
ul.howto {color: #707070;
font-family: 'Noto Sans JP', sans-serif;
font-size:3.5vw;
line-height:4.3vw;
margin-top:0;
padding:1% 1% 0 4.5%;}
	
ul{color: #707070;
font-family: 'Noto Sans JP', sans-serif;
font-size:3.5vw;
line-height:4.3vw;
padding:1% 1% 0 4.5%;}

li{text-align: justify;
padding-left: 0;
padding-right: 0;
margin-bottom: 1%;}


	
img.title{
	width:100%;
	margin: 0 auto;
}

img.taisyo{
	width:90%;
	margin: 1%;
}
	
a.oubo {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 60%;
	margin: auto;
	padding: 1rem 4rem;
	font-size:4.6vw;
	font-weight:bold;
	border-radius: 100vh;
	background: #754C24;
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
	
}
a.oubo:hover {
	margin-top: 6px;
	font-size:4.6vw;
	font-weight:bold;
	background: #483727;
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
}

div .oubo{
		margin-top: 10%;
		margin-bottom: 3%;
	}	
	
#topBtn {
		display: flex;
		position: fixed;
		right: 20px;
		bottom: 30px;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}
	#topBtn img {
		width: 30vw;
		min-width: 75px;
	}
}


@media screen and (min-width: 751px){

div.top{
	margin: 0;
}

div.middle{
	margin: 0;
	padding:0 0 20px 0; 
}
	
div.sub1{
	background-color: #1D5DAB;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 0;
	padding:15px;
	}
	
div.sub2{
	background-color: #fff;
	width: 720px;
	margin: 0 auto 35px auto;
	padding:15px;
	}


p{color: #707070;
font-family: 'Noto Sans JP', sans-serif;
}

p.small{font-size:20px;
	line-height:26px;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: justify;
}
	p.howto{font-size:20px;
	line-height:26px;
	margin-top: 3px;
		margin-bottom: 15px;
	text-align: justify;
}
	
p.sub1{
	color: #ffffff;
	font-size:30px;
	font-weight:bold;
}

p.mongon{font-size:24px;
	line-height:32px;
	text-align: justify;
	margin-bottom: 2%;
}
p.mongon1{font-size:24px;
	line-height:32px;
	text-align: justify;
		margin-bottom: 2%;
	color: #C70000;
}
	p.howto_1{font-size:24px;
	line-height:32px;
	text-align: justify;
	margin-top: 5%;
}

ul{color: #707070;
font-family: 'Noto Sans JP', sans-serif;
font-size:20px;
line-height:26px;
padding:5px 5px 0 25px;}

li{text-align: justify;
padding-left: 0;
padding-right: 0;
margin-bottom: 2px;}
    



img.title{
	width:750px;
	text-align: center;
}
	
img.taisyo{
	width:600px;
	text-align: center;
	margin: 5px 0 5px 0;
}

a.oubo {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 400px;
	margin: auto;
	padding: 25px 4rem;
	font-size:30px;
	font-weight:bold;
	border-radius: 100vh;
	background: #754C24;
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
	
}
a.oubo:hover {
	margin-top: 6px;
	font-size:30px;
	font-weight:bold;
	background: #483727;
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
}

div .oubo{
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
#topBtn {
		position: fixed;
		right: 90px;
		bottom: 73px;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}
#topBtn img {
		width: 200px;
	}

}