@charset "utf-8";



/* -- ul#menu -------------------------------------------------------------------------------- */

ul#menu {

	list-style-type: none;

	width: 100%;

	background: rgba(255, 255, 255, 0.9);

	position: absolute;

	left: 0px;

	top: 55spx;

	z-index: 990;

	display: none;

	margin: 0;

	padding: 0;

}

ul#menu li {

	text-align: left;

	padding: 15px;

}

ul#menu li a {

	text-decoration: none;

	display: block;

	font-weight: bold;

}

/*

ul#menu li a:hover {

	background: #a9a9a9;

}

*/

@media (min-width:768px){

	ul#menu li {

		text-align: center;

	}

	ul#menu .sp-mokuji{

		display: none;

	}

}

ul#menu .sp-mokuji{

	counter-reset: mokuji-sp;

	list-style: none;

	padding-left: 3rem;

	margin-top: 10px;

}

ul#menu .sp-mokuji li{

	padding: 5px 0;

	line-height: 2rem;

}

ul#menu .sp-mokuji li:before{

	background-color: #1a1a77;

	color: #fff;

	border-radius: 50%;

	content: counter(mokuji-sp);

	counter-increment: mokuji-sp;

	display: block;

	float: left;

	margin-left: -3rem;

	text-align: center;

	font-size: 1.2rem;

	height: 2rem;

	width: 2rem;

	line-height: 2rem;

}

ul#menu .sp-mokuji li a{

	font-weight: 500;

}





/* -- div#sp-icon -------------------------------------------------------------------------------- */



/* PC用*/

@media (min-width:768px){

	div#sp-icon {

		width: 70px;

		height: 70px;

		position: absolute;

		right: 0px;

		top: 0px;

		z-index: 999;

	}

	div#sp-icon .btn_txt{

		display: none;

	}

	.sp-tel{

		display: none;

	}

}



/* スマホ用*/

@media (max-width:767px){

	div#sp-icon {

		width: 52px;

		height: 52px;

		position: absolute;

		right: 0px;

		top: 0px;

		z-index: 999;

	}

	div#sp-icon .btn_txt{

		font-size: 10px;

		line-height: 1;

		text-align: center;

		display: block;

		position: absolute;

		bottom: 3px;

		width: 100%;

	}

	.sp-tel{

		width: 52px;

		height: 52px;

		position: absolute;

		right: 52px;

		top: 0;

		background: #042267;

	}

	.sp-tel img{

		width: 27px;

		height: 27px;

		position: absolute;

		left: 50%;

		top: calc(50% - 5px);

		transform: translate( -50%, -50% );

	}

	.sp-tel .btn_txt{

		color: #fff;

		font-size: 10px;

		line-height: 1;

		position: absolute;

		text-align: center;

		position: absolute;

		bottom: 3px;

		width: 100%;

	}

}





div#sp-icon:hover {

	cursor: pointer;

	opacity: 0.9;

}

div#sp-icon span,

div#sp-icon span:before,

div#sp-icon span:after {

	display: inline-block;

	width: 30px;

	height: 3px;

	background: #000000;

	position: absolute;

	transition-property: transform;

	transition-duration: 0.3s;

}

div#sp-icon span {

	left: 50%;

	top: calc(50% - 5px);

	transform: translate( -50%, -50% );

}

div#sp-icon span:before {

	content: "";

	transform: translateY( -10px ) rotate( 0deg );

}

div#sp-icon span:after {

	content: "";

	transform: translateY( 10px ) rotate( 0deg );

}



div.sp-open span {

	background: transparent !important;

}

div.sp-open span:before {

	transform: rotate( 45deg ) !important;

}

div.sp-open span:after {

	transform: rotate( -45deg ) !important;

}





/*ボタン----------------------------------------------------------*/

@media (min-width:768px){

	.button-center {

		text-align: center;

		width: 300px;

	}

}

@media (max-width:767px){

	.button-center {

		text-align: center;

		width: 100%;

	}

}

.btn-square {

	display: inline-block;

	padding: 0.5em 1em;

	text-decoration: none;

	background:  #f2ff2c;/*ボタン色*/

	color: #000;

	border-bottom: solid 4px #bcc61e;

	border-radius: 3px;

}

.btn-square:active {

}