@charset "utf-8";


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

.contents {
width: 100%;
margin: 0px auto;
padding: 10px 0px;
text-align: left;
vertical-align: top;
}

.contents .right_zone {
margin-left: 300px;
padding: 0px 10px 0px 0px;
text-align: left;
vertical-align: top;
}

.right_zone .common_rphoto-ltext-box .img-box {
float: none;
display: block;
width: 100%;
margin: 0px auto;
text-align: center;
}

.right_zone .common_rphoto-ltext-box .img-box img {
max-width: 100%;
margin: 0px auto;
text-align: center;
}

/*======================トップページ=====================*/
.msg_zone_top dl dd {
color: #000099;
font-size: 16px;
line-height: 140%;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
padding: 2px 0px 2px 50px;
text-align: left;
}

/*======================挨拶・診療所紹介ページ=====================*/
.msg_zone_greeting img {
padding: 20px 0px 0px 0px;
text-align: left;
}

.msg_zone_greeting .msg_zone-1 {
padding: 0px 0px 15px 10px;
text-align: left;
}

.msg_zone_greeting .msg_zone-2 {
padding: 0px 0px 15px 0px;
text-align: right;
}

.msg_zone_greeting .msg_zone-1 p br {
display: none;
}

/*======================プロフィールページ=====================*/
.title_photo_zone_profile {
width: 100%;
margin: 10px auto;
padding: 0px;
text-align: center;
vertical-align: top;
}

.title_photo_zone_profile .title-box {
display: inline-block;
padding: 10px 0px 0px 20px;
vertical-align: top;
}

/*======================アクセスページ=====================*/
.title_photo_zone_access {
width: 100%;
margin: 10px auto;
padding: 0px;
text-align: center;
}

.title_photo_zone_access .photo-box {
display: block;
padding: 0px;
}

.title_photo_zone_access .title-box {
display: block;
padding: 10px 10px 0px 10px;
}


/*======================医療内容紹介ページ=====================*/
.right_zone .common_rphoto-ltext-box .stitle_intro {
color: #333333;
font-size: 30px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
padding: 10px 0px 10px 0px;
text-align: center;
}

.right_zone .common_rphoto-ltext-box .ul_intro {
list-style-type: none;
padding: 0px 10px 0px 10px;
text-align: center;
}

.right_zone .common_rphoto-ltext-box .ul_intro li {
color: #000099;
font-size: 17px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
line-heitht: 160%;
padding: 0px 0px 3px 0px;
text-align: center;
}

/*======================Impressumページ====================*/
.right_zone .contents-box .zone_impressum ul li .li-box {
display: none;
}

.right_zone .contents-box .zone_impressum ul li .li-sub-box {
display: none;
}

.right_zone .contents-box .zone_impressum ul li .li-box_768 {
display: block;
}


}

/*******************************************************************/
/*******************************************************************/
@media screen and (max-width:640px)
{


.top_photo_zone {
display: none;
}

.top_photo_zone_640 {
display: block;
max-width: 640px;
margin: 0px auto;
padding: 0px;
text-align:center;
}

.top_photo_zone_640 img {
width: 100%;
margin: 0px auto;
padding: 0px;
}

.contents {
width: 100%;
margin: 0px auto;
padding: 0px 0px;
text-align: left;
vertical-align: top;
}

.contents .left_zone {
float: none;
display:block;
width: 100%;
margin: 0px auto;
padding: 0px 0px;
text-align: center;
vertical-align: top;
}

.menu_zone {
display: none;
}

.left_zone .menu_zone_640 {
display: block;
}

.left_zone .menu_zone_640 #menu{
display: none;
font-size: 0px;
}

.left_zone .menu_zone_640 #menu li{
width: 100%;
border-bottom: 1px solid #D1C3B3 ;
}

.left_zone .menu_zone_640 #menu .menu_page {
display: block;
padding: 12px 0px 12px 0px;
color: #ffffff;
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
text-align: center;
background: #4892C4;
}

.left_zone .menu_zone_640 #menu li a {
display: block;
padding: 12px 0px 12px 0px;
background: #356c92;
color: #ffffff;
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
text-align: center;
text-decoration: none;
}

.left_zone .menu_zone_640 #menu li a:hover{
background: #4892C4;
}

.left_zone .menu_zone_640 #toggle{
display: block;
position: relative;
width: 100%;
background: #356c92;
}

.left_zone .menu_zone_640 #toggle a{
display: block;
position: relative;
padding: 12px 0px 10px 0px;
border-bottom: 1px solid #D1C3B3 ;
color: #FFD23F;
font-size: 18px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
text-align: center;
text-decoration: none;
}

.left_zone .menu_zone_640 #toggle:before{
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 20px;
height: 20px;
margin-top: -10px;
background: #ffffff;
}

.left_zone .menu_zone_640 #toggle a:before,
.left_zone .menu_zone_640 #toggle a:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 20px;
height: 4px;
background: #356c92;
}

.left_zone .menu_zone_640 #toggle a:before{
margin-top: -6px;
}

.left_zone .menu_zone_640 #toggle a:after{
margin-top: 2px;
}

.contents .right_zone {
width: 100%;
margin: 0px auto;
padding: 0px 10px;
text-align: left;
vertical-align: top;
}

.info_zone {
display: none;
}

.info_zone_640 {
display: block;
}

.contents .info_zone_640 {
width: 100%;
margin: 0px auto;
padding: 10px 10px 10px 10px;
text-align: center;
background-color: #FFFFFF;
}

.info_zone_640 .logo-box{
padding: 5px 0px 10px 0px;
text-align: center;
}

.info_zone_640 p {
margin: 0px;
padding: 0px;
}

.info_zone_640 .title-j {
color: #333333;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
font-size: 24px;
letter-spacing: 2px;
font-style: normal;
padding: 2px 0px 2px 0px;
}

.info_zone_640 .title-e {
color: #777777;
font-size: 20px;
font-family: 'Lato', sans-serif;
font-weight: bold;
font-style: normal;
padding: 2px 0px 10px 0px;
}

.info_zone_640 .address {
color: #333333;
font-size: 20px;
line-height: 160%;
font-family: 'Lato', sans-serif;
font-weight: bold;
font-style: normal;
}

.info_zone_640 .address-j {
color: #333333;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 13px;
font-style: normal;
}

.info_zone_640 .tel {
color: #000099;
font-size: 24px;
line-height: 160%;
font-family: 'Lato', sans-serif;
font-weight: bold;
font-style: normal;
}

.info_zone_640 table {
margin-top: 20px;
margin-bottom: 10px;
margin-left : auto;
margin-right : auto;
border-collapse: collapse;
}

.info_zone_640 table thead th {
color: #333333;
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-style: normal;
padding: 6px 5px 6px 5px;
text-align: center;
border: 1px solid #999999;
white-space: nowrap;
}

.info_zone_640 table thead td {
font-family: 'Lato', sans-serif;
color: #333333;
font-size: 15px;
font-weight: normal;
font-style: normal;
padding: 4px 5px 4px 5px;
text-align: center;
border: 1px solid #999999;
white-space: nowrap;
}

.info_zone_640 table tbody td {
color: #333333;
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
padding: 4px 5px 4px 5px;
text-align: center;
border: 1px solid #999999;
}

.info_zone_640 table tfoot td {
color: #333333;
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
line-height: 140%;
font-style: normal;
text-align: left;
padding: 4px 5px 4px 5px;
border: 1px solid #999999;
}

.info_zone_640 .info_box {
text-align: left;
}

.info_zone_640 .info_box ul {
list-style-type: disc;
padding: 5px 5px 15px 20px;
text-align: left;
}

.info_zone_640 .info_box ul li {
color: #333333;
font-size: 14px;
line-height: 140%;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
padding: 0px 0px 3px 0px;
}

.info_zone_640 .info_box .txt-1 {
color: #333333;
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
padding: 0px 0px 10px 0px;
}

.info_zone_640 .info_box .txt-2 {
color: #333333;
font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
padding: 0px 0px 5px 0px;
}

.info_zone_640 .info_box .txt-3 {
color: #333333;
font-size: 13px;
line-height: 130%;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
padding: 0px 0px 5px 0px;
}

.info_zone_640 .photo_gallery {
width: 100%;
margin: 10px auto;
text-align: center;
vertical-align: middle;
}

.info_zone_640 .photo_gallery .photo_box {
display: inline-block ;
padding: 10px 10px 10px 10px;
text-align: center;
vertical-align: middle;
}

/*======================トップページ=====================*/
.msg_zone_top .page_title_top {
color: #333333;
font-size: 30px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
padding: 10px 0px 0px 0px;
text-align: center;
}

/*======================プロフィールページ=====================*/
.msg_zone_profile table{
display: block;
}

.msg_zone_profile table tbody{
display: block;
}

.msg_zone_profile table tbody tr{
display: block;
margin-bottom: 10px;
}

.msg_zone_profile table tbody th {
display: list-item;
list-style-type: none;
color: #000099;
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
padding: 0px 5px 0px 5px;
text-align: left;
border: none;
white-space: nowrap;
}

.msg_zone_profile table tbody td {
color: #333333;
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
line-heith: 160%;
padding: 3px 5px 3px 5px;
text-align: left;
vertical-align: top;
}

/*======================アクセスページ=====================*/
.right_zone .map_zone {
width: 100%;
margin: 0 auto;
padding: 10px;
}

/*=========================Impressumページ=========================*/
.contents .right_zone .page_subtitle_impressum {
color: #000099;
font-size: 18px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
padding: 0px 0px 20px 20px;
}


}

/*******************************************************************/
/*******************************************************************/
@media screen and (max-width:480px)
{


header .h-top_inner {
width:100%;
margin: 0px auto;
padding: 5px 5px;
text-align: center;
}

header .h-top_inner .msg {
color: #ffffff;
font-size: 14px;
}

header .h-btm_inner {
width: 100%;
margin: 0px auto;
padpadding: 10px 5px;
text-align: center;
}

header .h-btm_inner .box-1 {
float: none;
display: inline-block;
padding: 0px;
vertical-align: top;
}

header .h-btm_inner .box-2 {
float: none;
display: inline-block;
padding: 5px 0px 0px 0px;
text-align: left;
vertical-align: top;
}

header .title-1 {
color: #333333;
font-size: 24px;
letter-spacing: 2px;
font-weight: bold;
font-style: normal;
padding: 0px 0px 2px 10px;
}

header .h-btm_inner .box-3 {
float: none;
display: block;
padding: 10px;
text-align: center;
}

.contents .left_zone .info_zone {
width: 100%;
margin: 10px 0px;
padding: 10px;
text-align: center;
background-color: #FFFFFF;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

footer .f_inner .middle_zone .box-2 {
display: inline-block;
padding: 15px 0px 0px 0px;
text-align: center;
vertical-align: top;
}

/*======================トップページ=====================*/
.msg_zone_top dl dd {
color: #000099;
font-size: 16px;
line-height: 140%;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
padding: 2px 0px 2px 20px;
text-align: left;
}

/*======================プロフィールページ=====================*/
.title_photo_zone_profile .title-box {
display: inline-block;
padding: 10px 10px 0px 10px;
vertical-align: top;
}

.title_photo_zone_profile .title-box p {
color: #000099;
font-size: 18px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
padding: 0px 0px 10px 0px;
}

.common_rphoto-ltext-box ul_profile {
list-style-type: square;
padding: 0px 5px 0px 10px;
}

/*======================アクセスページ=====================*/
.common_rphoto-ltext-box ul_access {
list-style-type: square;
padding: 0px 5px 0px 10px;
}

/*======================医療内容紹介ページ=====================*/
.right_zone .stitle_intro-3 {
color: #333333;
font-size: 30px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
padding: 20px 0px 0px 15px;
text-align: left;
}

.msg_zone_intro table{
display: block;
margin: 5px 5px 20px 20px;
}

.msg_zone_intro table tbody{
display: block;
}

.msg_zone_intro table tbody tr{
display: block;
margin-bottom: 10px;
}

.msg_zone_intro table tbody th {
display: list-item;
list-style-type: none;
color: #000099;
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
padding: 0px 5px 0px 5px;
text-align: left;
border: none;
white-space: nowrap;
}

.msg_zone_intro table tbody td {
padding: 2px 5px 6px 35px;
text-align: left;
}

/*======================健康診断ページ=====================*/
.msg_zone_exam ul {
list-style: disc;
padding: 5px 5px 25px 20px;
}

/*======================お知らせページ=====================*/
.msg_zone_news .msg_news-3 {
color: #000099;
padding: 1px 0px 1px 20px;
text-align: left;
}


}