#menu_button {
    position:fixed;
    top:17px;
    right:0px;
    cursor: pointer;
    z-index:11;
}

#header .sp {
  position:fixed;
  top:17px;
  right:55px;
  cursor: pointer;
  z-index:11;
}

#header .sp.calc {
  position:fixed;
  top:17px;
  right:111px;
  cursor: pointer;
  z-index:11;
}

#nav_pan {
	margin:20px 0px 20px 0px;
	text-align:left;
	font-size:16px;
	font-weight:nomal;
}

#nav_pan a{
	text-decoration: underline;
}

#nav_pan h2{
	font-size:16px;
	font-weight:normal;
}

@media screen and (min-width: 769px) {
#header_sp {
	display:none;
}

.top_menu_tell {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.top_menu_simu {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.top_menu_yoyaku {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.top_menu_kengaku {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#sp_menu_button {
	display: none;
}

#sidemenu {
	display: none;
}

}

/* iPHone4,iPhone5,iPhone5s�̂� */
@media screen and (min-width: 320px) and (max-width: 374px)
{

body {
    position: relative;
    left: 0;
    overflow-x: hidden;
}

#header_pc {
	display:none;
}

#header_sp .site_title1 {
	width:100%;
	position: absolute;
	top: 0px;
	left: 10px;
}

#header_logo {
	width:45%;
	position: absolute;
	top: 20px;
	left: -5px;
}

#title_text{
	position: absolute;
	top: 0px;
	left: -5px;
	font-size:9px;
}

#nav_pan {
	display:none;
}

#navi{
	display: none;
}

#menu_button {
	border: 0;
	width: 50px;
	height: 50px;
}

#sidemenu {
	display: none;
	z-index:200;
}

[data-role="sidemenu"] {
  overflow: scroll;
  position: fixed;
  top: 0;
  right: 0;
  width: 200px;
  height: 100%;
  background-color: #000000;
  font-size: 12px;
}

[data-role="sidemenu"] .divider {
  height: 20px;
}

#sidemenu li{
  color: #ffffff;
  font-size:14px;
  text-align:left;
  text-decoration: none;
}

#sidemenu li a{
  display: block;
  color: #ffffff;
  font-size:14px;
  text-align:left;
  padding: 10px 0px 10px 10px;
  text-decoration: none;
}

#sidemenu li a:hover, .over{
  color: #ffffff;
  font-size:14px;
  text-align:left;
  padding: 10px 0px 10px 10px;
  text-decoration: none;
}

#sp_menu_button {
	position: absolute;
	top: 17px;
	right: -2px;
}

}

/* iPHone6�ȏ� Android */
@media screen and (min-width: 375px) and (max-width: 768px)
{

#header_pc {
	display:none;
}

#header_sp .site_title1 {
	width:100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#header_logo {
	width:200px;
	position: absolute;
	top: 20px;
	left: 0px;
}

#title_text{
	position: absolute;
	top: 0px;
	left: 0px;
	font-size:10px;
}

#nav_pan {
	display:none;
}

#navi{
	display: none;
}

#menu_button {
	border: 0;
	width: 50px;
	height: 50px;
}

#sidemenu {
	display: none;
	z-index:200;
}

[data-role="sidemenu"] {
  overflow: scroll;
  position: fixed;
  top: 0;
  right: 0;
  width: 200px;
  height: 100%;
  background-color: #000000;
  font-size: 12px;
}

[data-role="sidemenu"] .divider {
  height: 20px;
}

#sidemenu li{
  color: #ffffff;
  font-size:14px;
  text-align:left;
  text-decoration: none;
}

#sidemenu li a{
  display: block;
  color: #ffffff;
  font-size:14px;
  text-align:left;
  padding: 10px 0px 10px 10px;
  text-decoration: none;
}

#sidemenu li a:hover, .over{
  color: #ffffff;
  font-size:14px;
  text-align:left;
  padding: 10px 0px 10px 10px;
  text-decoration: none;
}

#sp_menu_button {
	position: absolute;
	top: 17px;
	right: -2px;
}

}