@charset "utf-8";



/* menu

-------------------------------------------------------------------------------------------------------*/

#menu h2 {

	margin:0;

	padding-bottom:25px;

	background:none;

}



#menu .section {

	clear:both;

	width:710px;

}

#menu .section:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

}

#menu .section {

	display:inline-block;

}

/* Hides from IE-mac \*/

* html #menu .section {height: 1%;}

#menu .section {display: block;}

/* End hide from IE-mac */



#menu dl {

	width:315px;

	float:left;

	padding-right:40px;

	padding-bottom:20px;

}



#menu dl dt {

	padding-bottom:8px;

}



#menu dl dd p.menuName {

	font-weight:bold;

	padding-bottom:3px;

}



#menu dl dd p span {

	font-size:93%;

	line-height:1.4;

}





.wrap #rightSide {

	padding-top:22px;

	color:#ffffff;

}



.wrap #rightSide h2 {

	width:200px;

	margin:0 auto 13px;

	padding-bottom:13px;

	background:none;

	border-bottom:1px solid #ffffff;

}



.wrap #rightSide dl {

	width:200px;

	margin:0 auto;

	padding:0;

	float:none;

}



.wrap #rightSide dl dt {

	padding:0 0 3px 0;

	font-weight:bold;

}



.wrap #rightSide dl dd {

	padding-bottom:18px;

	font-size:93%;

}




.btn,
a.btn,
button.btn {
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
    
.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}
    
@media screen and (max-width: 768px) {
    .btn,
    a.btn,
    button.btn {
        font-size: 250%;
    }
}

.button01 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 700;
  background-color: #049574;
  transition: 0.3s;
	text-decoration: none;
}

.button01 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
  transform: rotate(45deg);
}

.button01 a:hover {
  text-decoration: none;
  background-color: #bbbbbb;
}
	.sp {
		display: block;
	}
@media all and (max-width: 767px) {
	.sp {
		display: none;
	}
	}