@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: #F1EBE4;
}

#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 #43AD3C;
}

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

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

#header .tel {
  position: relative;
  top: auto;
  right: 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 {
  margin: 0;
}

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

#main.top #top_news dd {
  margin: 0 0 6px 0;
  padding: 0 0 6px 0;
  border-bottom: none;
}

/* other */

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

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

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

.top-150 {
top: 0;
}

#main .home-medical-new-area table td {
display: block;
width: 100%;
}

.datsumou-list-check {
  display: block;
}

.datsumou-list-step li .step {
  flex-basis: 72px;
  font-size: 16px;
}

table.datsumou-price-women,
table.datsumou-price-men {
  font-size: 12px;
}

.sp-br {
  display: none;
}

@media screen and (max-width: 767px) {
  .sp-br {
    display: inline !important;
  }
}

}