@charset "utf-8";

@media (max-width: 1000px) {

#content img {
  max-width: 100% !important;
  height: auto;
}

#header {
  margin: 0 0 6px 0;
}

#header_content {
  position: relative;
  margin: 0 auto;
  width: auto;
  height: 186px;
}

#header h1 {
  top: 16px;
  left: 20px;
}

#header .tel {
  right: 20px;
  padding: 8px 12px;
  border-radius: 0 0 6px 6px;
}

#header .tel img {
  width: 244px;
}

#header_menu {
  position: absolute;
bottom: 0;
width: 100%;
}

#header h2{
  display: none !important;
}

#header_menu li {
  padding: 0;
}

#header_menu li.menu_1,
#header_menu li.menu_2,
#header_menu li.menu_3,
#header_menu li.menu_4,
#header_menu li.menu_5,
#header_menu li.menu_6

#header_menu li a {
  border-left: solid 1px #D7D7D7;
}

#header_menu li.menu_4 a {
  border-right: solid 1px #D7D7D7;
}

#header_menu li.hover a {
  border-left: solid 1px #816554;
  border-right: solid 1px #816554;
  border-radius: 0;
}

#header_menu li ul {
  right: 0;
  width: 100% !important;
}

#content {
  padding: 0 20px;
  width: auto;
}

#main {
	float: none;
  margin: 40px auto 0 auto;
  padding-bottom: 20px;
  width: auto;
  max-width: 700px;
}

.article_img--right{
  float: right;
}

.article--left{
  width: 30em;
}

#sidebar {
  clear: both;
  width: auto;
  max-width: 700px;
  margin: 0 auto 26px auto;
  padding: 0;
 float: none;
}

#sidebar_menu {
  margin: 0 0 30px 0;
}

#sidebar_menu li {
  width: 25%;
}

#sidebar_info {
  margin: 0 0 30px 0;
}

#sidebar .sidebar_info_view {
  float: left;
  display: inline;
  margin: 0 16px 0 0;
}

#sidebar .sidebar_info_detail {
  overflow: hidden;
}

#sidebar_banner {
	overflow: hidden;
}

#sidebar_banner li {
	float: left;
  margin: 0 12px 0 0;
}

#footer_building {
  margin: 0 0 30px 0;
  padding: 10px 0 0 0;
}

#footer_building ul {
	padding: 0 20px;
  width: auto;
  border: none;
}

#footer_building ul li {
  float: none;
  margin: 0;
  padding: 12px 16px;
  width: auto !important;
  overflow: hidden;
}

#footer_building ul li.building_1 { margin: 0 0 -1px 0; }

.to_top {
  padding: 0 20px;
  width: auto;
}

.alignright {
  max-width: 50% !important;
}

.alignleft {
  max-width: 50% !important;
}

/* top */

#main_image {
}


}

@media (max-width: 760px) {

body {
  overflow-x: hidden;
}

#header_menu,
#sub_image {
  display: none;
}

#wrapper {
	min-width: 320px;
}

#header {
  margin: 0 0 16px 0;
  border: none;
}

.header_line{
  display: none !important;
}

#header_content {
  height: auto;
}

#header_sp_menu {
  display: block;
  margin: 0 0 20px 0;
}

#header_sp_menu ul {
  display: none;
  padding: 10px 20px;
  background: #E5EFF5;
}

#header_sp_menu ul a {
  color: #474747;
  text-decoration: none;
  line-height: 1.8;
  font-size: 17px;
  font-weight: 800;
}

#header_sp_menu ul li.menu_6 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 2px #7F7F7F; 
}

#header_sp_menu_open {
  padding: 0 10px;
  text-align: right;
  border-top: solid 5px #0C419A;
}

#header_sp_menu_open a {
  display: block;
    width: 45px;
    height: 45px;
    border-radius: 7px;
    position: relative;
    /*border: 2px solid #0C419A;*/
    margin-top: 10px;
}

#header_sp_menu_open span {
  display: block;
  content: "";
  width: 30px;
  height: 4px;
  background-color: #0C419A;
  position: absolute;
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -16px;
}

#header_sp_menu_open span:before{
  display: block;
  content: "";
  width: 30px;
  height: 4px;
  background-color: #0C419A;
  position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;

}

#header_sp_menu_open span:after{
  display: block;
  content: "";
  width: 30px;
  height: 4px;
  background-color: #0C419A;
  position: absolute;
    top: 50%;
    left: 0;
margin-top: 6px;
}

#header h1 {
  position: relative;
  top: auto;
  left: auto;
  width: 284px;
  margin: 0 auto;
}

#header h1 a {
  width: 284px;
  height: 51px;
}

#header .tel {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  margin: 0 auto 10px auto;
  padding: 10px 0;
  width: 284px;
  text-align: center;
  border-radius: 6px;
}

#header .tel img {
  float: none;
  display: inline;
}

#content {
  padding: 0 10px;
  width: auto;
}

#main {
  margin: 30px auto 0 auto;
  padding-bottom: 20px;
}

#main.top #top_news{
  float: none;
  width: 100%;
}

#main.top #top_qanda{
  float: none;
  width: 100%;
}

#content .inner {
  padding: 0 10px;
}

.article_img--right{
  clear: both;
  text-align: center;
  position: absolute;
}

.article--left{
  text-align: center
}


#sidebar {
  margin: 0 auto 10px auto;
}

#sidebar_menu {
  margin: 0 0 20px 0;
}

#sidebar_menu li {
  width: 50%;
}

#sidebar_info {
  margin: 0 0 10px 0;
}

#sidebar .sidebar_info_view {
  float: none;
  display: block;
  margin: 0 auto 6px auto;
  width: 240px;
}

#sidebar .sidebar_info_detail {
  margin: 0 auto 6px auto;
  width: 240px;
}

#sidebar_banner li {
  float: none;
  margin: 0 0 12px 0;
  text-align: center;
}

#footer_building ul li {
  padding: 8px;
}

#footer_building ul li img {
  float: none;
  display: block;
  margin: 0 0 8px 0;
}

// #footer {
  border-top: solid 3px #43AD3C;
}

#footer_menu ul {
	padding: 20px 10px;
  text-align: left;
}

#footer_menu ul li {
  display: block;
	padding: 0 10px;
	line-height: 2;
}

#footer_menu ul li a {
  padding: 0;
  color: #474747;
  font-size: 16px;
  font-weight: 800;
  border: none;
}

#footer_menu ul li.menu_1 a {
  border: none;
}

#footer_menu ul li.menu_6 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 2px #7F7F7F; 
}

#footer_text {
  padding: 0 10px;
}

.to_top {
  padding: 0 10px 0 0;
}

ul.col_2 {
  padding: 0;
}

ul.col_2 li {
  float: none;
  margin: 0 0 10px 0;
  width: auto;
}

ul.col_2 li img {
  width: 100%;
}

ul.col_2 li:nth-child(even) {
  float: none;
}

ul.col_3 li {
  float: none;
  margin: 0 0 10px 0;
  width: auto;
}

ul.col_3 li img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.alignright {
  float: none;
  display: block;
  margin: 0 auto 10px auto;
  text-align: center;
}

.alignleft {
  float: none;
  display: block;
  margin: 0 auto 10px auto;
  text-align: center;
}

.floattext {
width: 100%;
}

/* top */

#main_image {
	margin: 0;
}

#main.top #top_department {
  margin: 0 0 30px 0;
  overflow: hidden;
}

#main.top #top_department li {
  float: none;
  width: auto;
  margin: 0 0 10px 0;
}

#main.top #top_department li h4 {
  text-align: center;
}

#main.top #top_information .alignright {
  margin-bottom: 20px;
  max-width: 100% !important;
}

#main.top #top_information h4 {
  font-size: 14px;
}



#main.top #top_news dt {
  position: relative;
  color: #999;
}

#main.top #top_news dd {
  margin: 0 0 6px 0;
  padding: 0 0 6px 0;

}

/* other */

#main.license ul {
  border-bottom: none;
}

#main.license ul li {
  border-bottom: dotted 2px #C9C9C9;
}

#main.clinic .tel {
  max-width: 100% !important;
}

#main.top #top_news dt {
display: block;
}

}