<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
.rec1{
	margin-bottom:40px;}
.rec2{
	display:flex;
	justify-content: space-between;
	margin-bottom:40px;}
.rec2-1,.rec2-2{
	width:48%;
	}
.glinebox{
	padding:1em;
	border:3px solid #099;}	
.bosyu h4{
	font-size:1.1em;
	text-align:center;
	font-weight:bold;
	margin-bottom:1em;}	
.bosyu ul{
	display:flex;
	justify-content: space-around;}
.bosyu ul li{
	margin:0 1em;
	}	
.bosyu ul li a{
	border:2px solid #099;
	display:inline-block;
	padding:1em 2.5em;
	background-color:#099;
	color:#FFF;
	text-decoration:none;
	transition: .3s;
}
.bosyu ul li a:hover{
  color: #099;
  background-color:#fff;}
.rec3{
	text-align:center;}	
.rec3 h3{
	border-left:none;
	padding-left:0;
	margin-bottom:1.2em;
	}	
	
.rec3 h3 span{
	padding-bottom:0.6em;
	border-bottom:3px solid #099;}	
	
.rec3 p span{
	margin-right:1em;}
	
ul.rec3-obo{
	margin-top:0.6em;
	
	display:flex;
	justify-content:center;
	align-items:center;}
ul.rec3-obo li{
	margin:0 0.5em;}	
ul.rec3-obo li a{
	border:2px solid #099;
	display:inline-block;
	padding:1em 2.5em;
	background-color:#099;
	color:#FFF;
	text-decoration:none;
	transition: .3s;
}
ul.rec3-obo li a:hover{
  color: #099;
  background-color:#fff;}
 @media (max-width: 768px) {

	 
.rec2{
	display:block;}
	 
.rec2-1,.rec2-2{
	width:100%;
	}
.rec2-1{
	margin-bottom:30px;}
.rec3 p span{
	margin-right:0;
	display:block;}
ul.rec3-obo{
	display:block;
}
ul.rec3-obo li{
	margin:0.5em 0;}

	 
 }

@media (max-width: 480px) {

.bosyu ul{
	display:block;}
.bosyu ul li{
	text-align:center;
	margin:1em 0 0;
	}	

 }</pre></body></html>