@charset "UTF-8";
#index h1{


	width:960px;

	
}

#index .ans1,
#index .ans2{
	background-color: #603813;
	padding: 20px 30px;
	border-radius: 5px;
	color: white;
	margin-right:10px; 
}

#index .ans1{
	margin-right:10px; 
}



#index .kigyou{
	width: 700px;
	margin: 70px auto;
	padding: 30px;
	border:solid 1px #000000;
	font-weight: bold;
	font-size: 16px;
}

#index .kigyou h2{
	font-weight: bold;
	text-align: center;
	
	font-size:20px;
	margin-bottom:20px; 
}

#index .choice{
	display: flex;
	margin-top:30px;
}

#index .choice a{
	background-color: #DED2BA;
	border-radius: 5px 5px 0 0;
	padding :5px 30px;
	display:block;
}
#index .choice a:first-child{
margin-right:10px; 
}
#index .choice a.active{
	background-color: #FFFFFF;
	
}
#index .agreement-box{
margin-bottom:30px;
}

#index .agreement{
display:none;
}
#index .agreement.active{
display:block;
}

#index .privacy h2{
	margin: 0;
	font-weight: normal;
	color: #503C27;
	font-family: 'コーポレート・ロゴＢ';
	margin-bottom:10px;
}




#index .agreement_2{
display:none;
}
#index .bottom-btn{
	margin-top:50px; 
padding-bottom:80px; 
}

#index .bottom-btn a{
display:inline-block;
background-color: #E62A3F;
padding: 8px 30px;
border-radius: 5px;
color: white;
opacity:0.3;

}
#index .bottom-btn a:first-child{
margin-right: 10px;
}

@media screen and (max-width: 768px) {
#index h1 {
    width:90%;
margin:0 auto;
}
#index .ans1,
#index .ans2{
	margin: 20px auto;
	width: 70%;
	display: block;
}

#index .choice .bbq,
#index .choice .camp{
	border-radius: 5px 5px 0 0;
	padding :5px 10px; 
}


#index .privacy2 .ans1{
	margin: 20px auto;
}

#index .kigyou{
	width: calc(90% - 20px);
	margin: 30px auto;
	padding: 10px;
	border:solid 1px #000000;
	font-weight: bold;
}
#index .choice a {
    padding: 5px 10px;
}
#index .kigyou h2{

	font-size: 18px;
	margin-bottom:10px; 
}

#index .bottom-btn a{
display:block;
}
#index .bottom-btn a:first-child{
margin-right: 0;
}
#index .bottom-btn {
    margin-top: 20px;
    padding-bottom: 30px;
}
#index .bottom-btn a {
margin-bottom:15px;
}

}