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

html{
	font-size:18px;
	letter-spacing:0.2em;}

body{
	font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	margin:0;}
	
.clear{
	content: " ";
	clear: both;
	width: 100%;}

span{
	display:inline-block;}
	
div {
	overflow:hidden;}
	
img{
	vertical-align: bottom;}	
	
a{
	text-decoration:none;
	color:inherit;}
	
h1,h2,h3{
	margin:inherit;
	font-weight:inherit;}	
	
#header img{
	width:100%;
	height:auto;}
	
.pc_main{
	display:block;}
	
.sp_main{
	display:none;}	
	
	
	
.age_btn{
	max-width:1000px;
	width:95%;
	margin:100px auto;}
	
.btn_box{
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:center;}
	
	
.syo,.chu,.ko{
	margin:20px;
	border-radius:20px;
	padding:20px;
	width:150px;
	font-weight:bold;
	font-size:1.5em;
	text-align:center;
	color:#fff;}	
	
.syo:hover,.chu:hover,.ko:hover{
	opacity:.7;}	
	
.syo{
	background-color:#5AAD26;}			
	
.chu{
	background-color:#207817;}	
	
.ko{
	background-color:#2A8591;}	
				
				
/*age_box---------------------------------*/
.age_box{
	max-width:1000px;
	width:100%;
	margin:100px auto 200px;
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:center;}
	
.contents_title{
	width:100%;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:1.5em;}
	
.back_syo{
	background-color:#5AAD26;
	padding:5px 0;}	
	
.back_chu{
	background-color:#207817;
	padding:5px 0;}	
	
.back_ko{
	background-color:#2A8591;
	padding:5px 0;}			
	
.ab_waku{
	border:solid 1px;
	max-width:300px;
	width:95%;
	margin:15px;}	
	
.line_syo{
	border-color:#5AAD26;}
	
.line_chu{
	border-color:#207817;}

.line_ko{
	border-color:#2A8591;}			
	
.abw_title{
	border-collapse:collapse;
	width:100%;}		
	
.abw_title th{
	text-align:center;
	font-weight:bold;
	color:#fff;
	width:80px;
	padding:10px 0;
	font-size:1.2em;}	
	
.tsume{
	letter-spacing:.1em;
	width:100px!important;}	
	
.tume_back	{
	letter-spacing:.05em;
	width:50px!important;}
	
.tsume_moji{
	letter-spacing:.1em;
	font-size:.8em;}	
	
.abw_title td{
	text-align:center;
	font-weight:bold;
	font-size:1.2em;}					
				
.color_syo th{
	background-color:#5AAD26;
	border:solid 1px #5AAD26;}	
	
.color_syo td{
	background-color:#F4FFED;
	border:solid 1px #5AAD26;
	color:#5AAD26;}	
	
.color_chu th{
	background-color:#207817;
	border:solid 1px #207817;}	
	
.color_chu td{
	background-color:#EFFFED;
	border:solid 1px #207817;
	color:#207817;}	
	
.color_ko th{
	background-color:#2A8591;
	border:solid 1px #2A8591;}	
	
.color_ko td{
	background-color:#EDFDFF;
	border:solid 1px #2A8591;
	color:#2A8591;}			
	
.abw_pict{
	width:95%;
	height:auto;
	margin:8px auto;}
	
.abw_pict img{
	width:100%;
	height:auto;}
	
.tensen{
	border:dashed 1px #ccc;}		
	
.abw_text{
	font-size:15px;
	text-align:justify;
	margin:10px auto;
	width:92%;}					
		

/*kai-logo--------------------------------*/	
.logo_box{
	display: flex;
	align-items:stretch;
	flex-wrap: wrap;
	justify-content:center;}
	
.kai-logo {
	width:300px;
	margin:10px;}
	
.kai-logo img {
	width: 100%;
	height:auto}



/*上に戻るボタン*/
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #69b5bc;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

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

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

@media screen and (max-width: 485px){
.pc_main{
	display:none;}	
	
.sp_main{
	display:block;	
}
	
}