

* {
box-sizing: border-box;
color: #333;
}

body {
margin: 0;
font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","小塚ゴシック","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif, "ShueiMGoStd L-83pv-RKSJ-H*";
}

.header {
margin: 0 auto;
}

.container {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}

.content-container {
max-width: 1040px;
width: 100%;
margin: 0 auto;
}

.content {
margin: 0 auto;
}

.flex {
display: flex;
justify-content: space-between;
}

.flex2 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.icon p {
display: inline-block;
background: #fff;
border-radius: 50px;
font-size: 20px;
color: #eda8ad;
width: 112px;
text-align: center;
border: 1px solid #eda8ad;
margin-bottom: 0px;
}

.logo {
display: flex;
}

.logo h1 {
font-size: 55px;
font-weight: lighter;
color: #eda8ad;
margin-top: 0;
margin-bottom: 20px;
}

.sublogo {
font-size: 23px;
color: #eda8ad;
margin-top: 79px;
margin-right: 15px;
}

.info {
display: flex;
}

.info p {
color: #eda8ad;
line-height: 22px;
}

.tel {
font-size: 44px;
margin-bottom: 0;
margin-top: 60px;
}

.ju-syo {
text-align: right;
font-size: 18px;
}

.info img {
width: 40px;
height: 40px;
margin-top: 49px;
margin-right: 10px;
}

.gnav ul {
list-style: none;
display: flex;
justify-content: center;
margin-top: 0;
padding-left: 0;
}

.gnav ul li {
padding: 0px 20px;
border-left: 1px solid #333;
font-size: 18px;
width: 16.66666%;
text-align: center;
margin: 10px 0;
line-height: 1.4em;
}

.gnav ul li:last-child {
border-right: 1px solid #333;
}

.tv img {
width: 100%;
}

/* コンテンツ */
.content {
margin-top: 20px;
}

.section-wrap {
display: flex;
justify-content: space-between;
max-width: 1040px;
width: 100%;
margin: 0 auto;
}

.sectio-title h2 {
background: #eda8ad;
border-radius: 30px;
color: #fff;
width: 157px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 20px;
margin: 30px 0;
}

.news {
margin-right: 25px;
}

.news-box {
width: 470px;
}

.news-content {
display: flex;
font-size: 16px;
}

.news-content p {
margin: 0 10px 44px 0;
}

#information dl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
#information dt {
    width: 21%;
    margin: 0;
    xmargin: 0 10px 44px 0;
}
#information dd {
    width: 79%;
    margin: 0;
    xmargin: 0 10px 44px 0;
}


.time-info {
width: 100%;
}

.time-info p {
line-height: 11px;
font-weight: bold;
}

.time-info h3 {
margin: 11px 0;
}

.sp-header{
    display: none;
}

/* テーブル */
.time-table {
border-collapse: collapse;
font-size: 17px;
font-weight: lighter;
overflow: auto;
width: 100%;
}

table th {
width: 30%;
}

td {
text-align: center;
width: 11%;
padding: 15px 0;
}

.tr1 {
background: #eda8ad;
border: 1px solid #eda8ad;
}

.tr1 td {
color: #fff;
}

.tr1 th {
color: #fff;
}

.tr1-th p:first-child {
position: relative;
padding-left: 45%;
padding-bottom: 10px;
}

.tr1-th p:last-child {
position: relative;
padding-right: 65%;
}

.th-day {
border-left: 1px solid #fff;
}

.tr2 td {
border: 1px solid #eda8ad;
}

.tr2 th {
border: 1px solid #eda8ad;
text-align: left;
padding-left: 11px;
}

td p {
position: relative;
margin: 0;
font-size: 12px;
left: 8px;
bottom: 10px;
}

th {
width: 32%
}

th p {
margin: 0;
color: #fff;
}

.en {
width: 28px;
height: 28px;
background: #eda8ad;
border-radius: 50%;
margin: auto;
}

.kaku {
width: 0;
height: 0;
border-right: 17px solid transparent;
border-left: 17px solid transparent;
border-bottom: 30px solid #eda8ad;
margin: auto;
}

.slash {
width: 38px;
height: 1.5px;
background: #eda8ad;
transform: rotate(135deg);
margin: auto;
}

.time-info-txt p {
line-height: 20px;
}

.gmap {
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}

.gmap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.access{
margin: 0 0 90px;
}

/* ----------------------------------------------
フッター 
---------------------------------------------- */
footer {
background: #eda8ad;
margin: 0 auto;
}
.sp-footer{
    display: none;
}
.footer-left{
width: 40%;
}
.footer-right{
width: 60%;
}

.footer-nav {
margin-top: 80px;
}

.footer-nav ul {
list-style: none;
display: flex;
justify-content: center;
}

.footer-nav ul li {
font-size: 15px;
line-height: 1.4em;
text-align: center;
border-left: 1px solid #fff;
margin: 10px 0;
padding: 0px 20px;
}
.footer-nav ul li:last-child {
border-right: 1px solid #fff;
}

.footer-nav a {
color: #fff;
}

a {
text-decoration: none;
color: #333;
}

.footer-inner {
display: flex;
justify-content: space-between;
background: #eda8ad;
}

.footer-logo h3 {
font-size: 47px;
font-weight: lighter;
margin: 0 0 0 20px;
color: #fff;

}

.footer-sublogo {
margin-top: 80px;
margin-bottom: 15px;
font-size: 22px;
color: #fff;
}

.footer-logo {
font-size: 14px;
color: #fff;
display: flex;
}

.footer-icon p {
display: inline-block;
background: #fff;
font-size: 13px;
border-radius: 20px;
color: #eda8ad;
width: 81px;
height: 21px;
line-height: 21px;
text-align: center;
margin: 30px 0 5px 5px;
}

.footer-icon {
margin-left: 20px;
}

.footer-tel p {
color: #fff;
margin-top: 0;
font-size: 17px;
}

.copyright p {
text-align: right;
color: #fff;
font-size: 11px;
}

/* ページ２ */
.director-info {
margin-bottom: 70px;
}

.page02-info {
margin-left: 35px;
}

.page-heading p {
font-size: 22px;
font-weight: normal;
margin-top: 0;
line-height: 30px;
}

.txt {
font-size: 17px;
font-weight: normal;
line-height: 28px;
}

.txt02 {
margin-left: 60px;
}

.top-info {
font-size: 18px;
margin-top: 50px;
}

.top-info p {
    margin-top: 0;
    margin-bottom: 0;
    }

.th {
    position: relative;
    top: 33px;
    }

.top-info ul {
list-style: none;
margin-left: 20px;
margin-top: 0;
}

.top-info ul li {
line-height: 30px;
}

h3 {
font-size: 24px;
font-weight: bold;
}

.top-info-item01 {
margin-bottom: 20px;
}

.top-info h3 {
border-bottom: 1px solid #eda8ad;
padding-bottom: 15px;
}

.medical-info p {
font-size: 18px;
font-weight: normal;
}

.medical-info h3 {
border-bottom: 1px solid #eda8ad;
padding-bottom: 8px;
margin-top: 40px;
}

.medical-info h4 {
font-size: 18px;
padding: 0;
margin: 0;
}
.medical-info p.fs1 {
font-size: 15px;
padding: 0 0 1em;
}

.medical-info-list p {
line-height: 25px;
}

.medical-info2 {
margin-top: 90px;
margin-bottom: 40px;
}

.flex2 div:last-child {
margin-right: auto;
margin-left: 22px;
}

.medical-info2box {
width: 32%;
margin-bottom: 50px;
}

.medical-info2box h3 {
font-size: 18px;
margin-top: 0;
}
.medical-info2box p{
font-size: 15px;
line-height: 1.4em;
}
.medical-info2box img {
width: 100%;
}

/* -----------------------------------------------------
responsive style
-----------------------------------------------------  */
@media screen and (max-width: 1040px) {
.flex {
    flex-direction: column;
    align-items: center;
    }

.logo h1 {
    font-size: 35px;
    }

.sublogo {
font-size: 18px;
}

.content-container {
padding-left: 10px;
padding-right: 10px;
}

.section-wrap {
flex-direction: column;
align-items: center;
}

.news {
margin-right: 0;
}

.footer-inner {
flex-direction: column;
}

.tel {
font-size: 30px;
}

}



@media screen and (max-width: 1040px) {
/*  ----------------------------------------------------------------------  */
/*  tablet-sp  -----------------------------------------------------------  */
/*  ----------------------------------------------------------------------  */
.en {
width: 18px;
height: 18px;
background: #eda8ad;
border-radius: 50%;
margin: auto;
}

.kaku {
width: 0;
height: 0;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-bottom: 18px solid #eda8ad;
margin: auto;
}


.flex2 {
    flex-direction: column;
    }

.container {
    width: 100%;
    }

.content-container {
    width: 94%;
    margin: 0 auto 30px;
    }

.news {
margin-right: 0;
}

.img {
width: 90%;
height: 90%;
object-fit: cover;
}

.medical-info2box {
width: 100%;
margin-bottom: 50px;
}

th {
xfont-size: 12px;
font-size: 11px;
}

h3 {
font-size: 19px;
}

.news-box {
width: 100%;
}

.news-content {
flex-direction: column;
}

.news-content p:first-child {
    margin-bottom: 15px;
    border-bottom: 1px solid #999;
    padding: 0 0 2px;
    }

.news-box p {
    font-size: 14px;
    }

.gnav {
    display: none;
    }

.footer-nav {
    display: none;
    }

.page-heading {
    margin: 20px auto;
    }

.page-heading p {
    font-size: 18px;
    line-height: 24px;
    }

.txt {
    font-size: 15px;
    line-height: 1.8em;
    }

.flex2 div:last-child {
    margin: 0;
    }

.page02-info {
margin-left: 0;
}

.top-info p {
font-size: 14px;
}

.top-info li {
font-size: 14px;
}

.medical-info-list p {
font-size: 18px;
}

.medical-info p {
    font-size: 16px;
    }


#information dt {
    width: 100%;
    margin: 0;
}
#information dd {
    width: 100%;
    margin: 0;
}


/* ----------------------------------------------
sp-header
---------------------------------------------- */
header .container,
footer .container{
    display: none;
    }
.sp-header{
display: flex;
justify-content: space-between;
flex-wrap: wrap;

height: 66px;
    }

.sp-logo{
padding: 10px 10px 0;
width: 160px;
    }
.sp-logo p{
margin: 0;
color: #eda8ad;
font-size: 12px;
line-height: 16px;
    }
.sp-logo h1{
margin: 0;
color: #eda8ad;
font-size: 23px;
line-height: 30px;
    }

.info {
    width: 210px;
}
.info img {
    width: 20px;
    height: 20px;
    margin-top: 22px;
    margin-right: 10px;
}
.tel {
    font-size: 16px !important;
    margin-top: 21px;
}


ul#menu {
    list-style-type: none;
    width: 100%;
    background: #ffffff;
    position: absolute;
    left: 0px;
    top: 66px;
    z-index: 990;
    display: none;
    font-family: ten-mincho, serif;
    background-color: #eda8ad;
    margin: 0;
    padding: 0;
    }

ul#menu li {
    text-align: center;
    display: block;
    padding: 15px 0;
    color: white;
    }

ul#menu li a {
    text-decoration: none;
    display: block;
    color: white;
    }
ul#menu li a:hover {
    opacity: 0.7;
    }

div#sp-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 12px;
    z-index: 999;
    }

div#sp-icon:hover {
    cursor: pointer;
    opacity: 0.7;
    }

div#sp-icon span,
div#sp-icon span:before,
div#sp-icon span:after {
display: inline-block;
width: 30px;
height: 3px;
background: #000000;
position: absolute;
transition-property: transform;
transition-duration: 0.3s;
}

div#sp-icon span {
left: 50%;
top: 50%;
transform: translate( -50%, -50% );
background: #eda8ad;
}

div#sp-icon span:before {
content: "";
transform: translateY( -10px ) rotate( 0deg );
background: #eda8ad;
}

div#sp-icon span:after {
content: "";
transform: translateY( 10px ) rotate( 0deg );
background: #eda8ad;
}


div.sp-open span {
background: transparent !important;
}

div.sp-open span:before {
transform: rotate( 45deg ) !important;
}

div.sp-open span:after {
transform: rotate( -45deg ) !important;
}

/* ----------------------------------------------
sp-footer
---------------------------------------------- */

.sp-footer{
    display: block;
}
.sp-footer-nav{

}
.sp-footer-nav ul{
    list-style: none;
    text-align: center;
    padding-left: 0;
    margin: 0;
    padding: 10px 0;
}
.sp-footer-nav ul li{

}
.sp-footer-nav ul li a{
    color: white;
}
.sp-footer-icon{
    display: flex;
    justify-content: center;
}
.sp-footer-icon p{
    margin: 0;
    border: 1px solid white;
    background: white;
    color: #eda8ad;
    border-radius: 20px;
    margin: 10px;
    padding: 0 5px;
}
.sp-footer-logo-title{
    text-align: center;
}
.sp-footer-logo-title p{
    margin: 0;
    color: white;
}
.sp-footer-logo-title h3{
margin: 0;
font-size: 35px;
color: white;
}
.sp-footer-tel{
text-align: center;
padding-top: 10px;
}
.sp-footer-tel p{
    color: white;
    margin: 0;
}
.sp-footer-tel p a{
    color: #fff !important;
    }
.sp-copyright{
    font-size: 10px;
    padding: 10px 0;
}
.sp-copyright p{
    margin: 0;
    text-align: center;
    color: white;
    }

.sectio-title h2 {
    margin: 0 auto 20px;
    }


.top-info h3 {
    border-bottom: 1px solid #eda8ad;
    padding-bottom: 5px;
    }
.txt02 {
    margin: 0;
    }
.th {
    position: relative;
    top: 0;
    width: 100%;
    }
.top-info ul {
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
    }


}
