@charset "UTF-8";

@media screen and (max-width: 960px) {
  /* ========================================
  	Common
  ======================================== */
  .for_pc {
		display: none; }

  .for_sp {
		display: block; }



/* ========================================
	2-clum
======================================== */


  /* ========================================
  	Header
  ======================================== */
  header {
		position: relative;
		font-size: 15px; }

/* ==========header============ */
header li{
    float: none;
    text-align: center;
}
header li:first-child{
    float: none;
}
header ul{
    width: 95%;
    margin: auto;
    overflow: hidden;
}
header #h_logo{
    margin-bottom: 20px;
    }
header #h_tel{
    margin-right: 0px;
}
#container{
  margin-top: 40px;
}

    #sp_menu{
        width: 100%;
        background: #000;
        display: block;
        height: 40px;
        margin-bottom: 15px;
        position: fixed;
        z-index: 1000;
    }

     #sp_menu_button {


			z-index: 1000;
			text-align: left;
			width: 100px;
			height: 40px;
         margin-bottom: 10px;
			color: #fff;
			font-weight: bold;
			line-height: 40px;
			background:transparent url(../images/menu.png) no-repeat 15px center;
			-webkit-background-size: 20px 14px;
			-moz-background-size: 20px 14px;
			-o-background-size: 20px 14px;
			-ms-background-size: 20px 14px;
			background-size: 20px 14px; }
       #sp_menu_button span {
				padding-left: 40px; }


#g_map {

    width: 95%;
}


/* ========================================
	footer
======================================== */


    #f_nav{
   display: none;
    float: none;
}
#f_tel{
    width: inherit;
    float: none;

    display: inline-block;
}


}


@media screen and (max-width: 700px) {
/* ========================================
	banner
======================================== */


/* ========================================
	float
======================================== */


    /* ========================================
	g_map
======================================== */
#g_map{
  width: 95%;


}


#g_map li{
    width: 100%;
    float: none;
    margin-bottom: 20px;
    clear: both;
        overflow: hidden;
}

    #g_map li .img{
        width: 40%;
        float: left;
    }
    #g_map li .text{
        width: 55%;
        text-align: left;
        float: right;
        margin-left: 10px;
    }
    #g_map li iframe{
        height: 250px;
    }


#g_map li h2{
    color: #065a30;
    font-size: 25px;
    line-height: 22px;
    margin-bottom: 10px;
}
#g_map li p{
    margin-bottom: 10px;
}
#g_map li h2 span{
    font-size: 18px;
}

#g_map li:first-child{
    margin-left: 0px;
    text-align: left;
    width: 100%;
    float: none;
}


  /* ========================================
  	bg_display
  ======================================== */
 #bg_display h2 {
    width: 200px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 18%;
}



}

@media screen and (max-width: 500px) {
.list ul li p.image{
  max-height: 105px;
  overflow: hidden;
}
}

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

  /* ========================================
  	bg_display
  ======================================== */
 #bg_display h2 {
    width: 200px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 15%;
}



  /* ========================================
  	Contents
  ======================================== */
  #top_menu a {
		padding-bottom: 20px; }
}

/*# sourceMappingURL=sp_common.css.map */