@charset "UTF-8";



/* CSS Document */



#sp_menu {

	display: none;

	margin-bottom: 5px;

}



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



.pc {

	display: none;

}



html {

	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

	font-size: 62.5%;

}



body {

}



.js-image-switch {

}



#wrapper, header, nav, footer {

	width: 100%;

}



/*******************************************************/



/* #wrapper */



/*******************************************************/







#wrapper {

	max-width: 768px;

	min-width: 320px;

	margin-left: auto;

	margin-right: auto;

}



/*******************************************************/



/* header */



/*******************************************************/







header {

}



/*******************************************************/



/* nav */



/*******************************************************/







nav {

	width: 100%;

}



nav ul {

}



nav ul li {

}



nav ul .li01 {

	width: 32.3%;

}



nav ul .li02, nav ul .li03, nav ul .li04, nav ul .li05 {

	width: 16.9%;

}



nav ul .li02 {

}



nav ul .li03 {

	background-color: #000000;

}



nav ul .li04 {

}



nav ul .li05 {

}



nav ul li img {

	width: 100%;

	height: auto;

}



/*******************************************************/



/* #sp_menu */



/*******************************************************/







#sp_menu ul {

}



#sp_menu ul li {

	width: 50%;

	height: 45px;

	margin-bottom: 1px;

}



#sp_menu ul li a {

	color: #FFFFFF;

	display: block;

	font-size: 15px;

	text-align: center;

	line-height: 45px;

	border-left: 1px solid #FFF;

	background: #a4b357; /* Old browsers */

	background: -moz-linear-gradient(top, #a4b357 0%, #75890c 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top, #a4b357 0%, #75890c 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom, #a4b357 0%, #75890c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c', GradientType=0 ); /* IE6-9 */

}



/*******************************************************/



/* main */



/*******************************************************/







main {

	margin-top: -5px;

}



/*******************************************************/



/* #sMenu #sMenuB */



/*******************************************************/







 /** #sMenu **/ 



#sMenu li, #sMenu li a {

	height: 60px;

}



#sMenu {

}



#sMenu li {

	width: 33.3%;

	border-bottom: 1px solid #C7C7C7;

}



#sMenu li a {

	color: #546b9b;

	width: 100%;

	display: block;

	font-size: 15px;

	text-align: center;

	line-height: 60px;

	background-image: url(../../menu/sMenu/bg-sMenu-sMenu.png);

	background-repeat: no-repeat;

	background-position: right top;

}



#sMenu li a:hover {

	text-decoration: none;

}



/** #sMenuB **/



#sMenuB li, #sMenuB li a {

	height: 50px;

}



#sMenuB li {

	width: 50%;

	background-image: url(../../menu/sMenu/bg-sMenu-sMenuB.png);

	background-repeat: no-repeat;

	background-position: left top;

}



#sMenuB li a {

	color: #546b9b;

	width: 100%;

	display: block;

	font-size: 15px;

	text-align: center;

	line-height: 50px;

}



#sMenuB li a:hover {

	text-decoration: none;

}



/*******************************************************/



/* footer */



/*******************************************************/







footer {

	color: #5d6164;

}



footer .clearfix .left, footer .clearfix .right {

	width: 50%;

}



footer .clearfix .right {

	text-align: right;

}



footer div.clearfix img {

	width: 99.5%;

}



footer #tel img, footer #logo img {

	width: 100%;

	height: auto;

}



footer .sp .newyear {

	color: #f00;

	font-size: 1.3rem;

	padding: 1rem;

}



footer #tel {

	margin-bottom: 1rem;

}



footer #tel p {

	text-align: center;

	font-size: 14px;

}



footer #logo div {

	margin-bottom: 1rem;

}



footer #logo p {

	font-size: 12px;

	padding: 1rem;

}



footer #copyright {

	font-size: 12px;

	/* [disabled]padding-top: 1rem;

 */

	padding-right: 1rem;

	padding-left: 1rem;

	padding-bottom: 1rem;

}

}



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



html {

	font-size: 80% !important;

}

}