@charset "UTF-8";

/********************↓↓↓共通↓↓↓*******************/
#body-wrap{
  max-width: 100%;
  position: relative;
  z-index: 1;
}
.w1100{
  width:1100px;
  margin:0 auto;
}
p{margin-bottom:1em;line-height:1.5;}
.btn{border: solid 2px rgb(143, 154, 255);
  padding: 7px;
  text-decoration-thickness: 50%;
  text-underline-offset: -53%;
  display: block;
  width: 160px;
  font-weight: bold;
  font-size: 80%;
  color: #666 !important;
  text-align: center;
  transition: all 0.5s 0s ease;
}
.lineArrow {border-color: #888;border-width: 2px;height:5px;width: 20%;border-bottom: 1px solid #7b7a7a;border-right: 1px solid #7b7a7a;transform: skew(45deg);margin: -5px 0 0 100px;transition: all 0.5s 0s ease;}
.btn:hover{transition: all 0.5s 0s ease;}
.btn:hover .lineArrow{margin:-5px 0 0 110px;}
.btn:hover{box-shadow:  inset rgb(143, 154, 255) 0 0 6px;}
.btn p{text-decoration:none;margin:0;}
#current a{color:#E8413B!important;}
#current a:visited{color:#E8413B!important;}
@media (max-width: 1100px){
  .w1100{width:96%;padding:0 4%;}
  .pc{display:none!important;}
}
@media (min-width: 1101px){
  .sp{display:none!important;}
}
body {
  font-family: "Noto Sans JP";
  font-optical-sizing: auto;
  font-style: normal;
  font-size:18px;
  color:#666;
}
.table01 {
  border-collapse: collapse;
  width: 100%;
  max-width: 700px;
}
.table01 th, .table01 td {
  border: 2px solid #fff;
  background-color: #e6f1f6;
  padding: 1em;
}
.table01 th {
  background-color: #4fb1ff;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 20%;
  min-width: 4em;
}
/********************↑↑↑共通↑↑↑*******************/
/********************↓↓↓header↓↓↓*******************/

header{z-index: 10;font-weight:bold;padding:0 20px;background-color:#fff;height:130px;display:grid;grid-template-columns:auto 1fr;align-items: center;width:100%;position:fixed;top:0;box-shadow: 0px 2px 6px 0 #333;}
header .header-menu{display:grid;grid-template-columns:1fr auto;justify-items: end;gap:0 50px;}
.header-tel{font-size:180%;color:#9573f7!important;    letter-spacing: 3px;    line-height: unset;}.header-tel span{font-size:60%;}
.header-web{grid-row:1/3;grid-column:2/3;color: #fff!important;background-color: #9573f7;border-radius: 10px;display: grid;align-items: center;padding: 0 15px 0 20px;font-size: 140%;letter-spacing: 5px;text-align: center;}
header menu{    margin: 0;padding: 0;align-self: end;padding-bottom: 5px;}
header menu ul{display:flex;gap: 1.5vw;font-weight: 600;font-size:min(18px,1.3vw);}
header menu ul a:hover{text-decoration:underline;text-underline-offset:5px;}
#slider img{width:100%;}

#news {
  background-color: #fff;
  width: 800px;
  margin: 50px auto;
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0 0 14px 0px #666;
}
#news h2{letter-spacing:3px;margin-bottom:15px;}
.info-list li:first-child {
  border-top: solid 1px rgba(193, 114, 243, 0.4);
}
.info-list li {
  padding:1%;
  border-bottom: solid 1px rgba(193, 114, 243, 0.4);
  text-indent:-6em;
  padding-left:6em;
  font-size:80%;
}
.info-list li a{color:#333;}.info-list li a:hover{text-decoration:underline;}
#news .btn{margin-top:10px;    margin-left: calc(100% - 180px);margin-top: 20px;}
#obstetrics,#gynecology{display:grid;grid-template-columns:50% 50%;}
#obstetrics p,#gynecology p{line-height:3;}
#obstetrics .btn ,#gynecology .btn{margin-bottom:20px;}
#obstetrics .btn p,#gynecology .btn p{line-height:1.8;}
#obstetrics .bg,#gynecology .bg{background-image:url('/img/obstetrics.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;}
#obstetrics .inner,#gynecology .inner{display:grid;justify-self:center;justify-items:center;max-width:650px;padding:20px 50px;}
#obstetrics h2,#gynecology h2{font-size:200%;padding:20px;margin-top:15px;}
#gynecology .bg{background-image:url('/img/gynecology.jpg');}

#greeting{margin-top:100px;}
#greeting h2{font-size:200%;text-align: center;margin-bottom:50px;}
#greeting img{width:100%;}
#greeting .w1100 > div{display:grid;grid-template-columns:25% 70%;gap:5%;}
#greeting .btn{margin-top:10px;    margin-left: calc(100% - 180px);margin-top: 20px;}
footer{background-color:rgba(206, 186, 255, 0.3);margin-top:100px;}

#infomation{display:grid;grid-template-columns:50% 50%;padding:50px 0;color:#333;}#infomation img{margin-bottom:20px;}
#infomation table{width:90%;margin-left:10%;}
#infomation table th{color: #fff;background-color: #9573f7;padding: 4% 0;text-align: center;}
#infomation table td{border:solid 1px #9573f7;padding:1% 0;text-align:center;color:#9573f7;background-color:#fff;}
#infomation table tbody th{text-align:left;display:grid;justify-items: center;padding:15% 0;}
#infomation table thead th:first-child {width:33%;background-color:#CEBAFF;}

@media (max-width: 600px){
  body{font-size:80%;}
  #news {width:90%;}
  .info-list li {text-indent:unset;padding-left:0;}
  .info-list li a{display:inline-block;}
  #obstetrics,#gynecology{grid-template-columns:100%;}
  #obstetrics .bg,#gynecology .bg{height:80vw;}#gynecology .bg{grid-row:1/2;margin-top:20px;}
  #greeting{margin-top:50px;}
  #greeting .w1100 > div {grid-template-columns: 100%;}
  #greeting img{width:70%;margin-left:15%;}
  #infomation{grid-template-columns:100%;}#infomation table{width:100%;margin-left:0;}
}