@charset "utf-8";
/* CSS Document */

article{
 padding: 50px 0 150px 0;
}
.title{
 text-align: center;
 margin: 0 0 30px 0;
}
.title h2{
 font-family: garamond-premier-pro, serif;
 font-weight: 400;
 font-size: 60px;
 color: #DD664E;
}
.title p{
 font-size: 20px;
 margin: 0;
}

#main {
 padding: 0 50px;
 position: relative;
}
#main .inn{
 position: absolute;
 top: 40%;
 left: 50%;
 -webkit-transform: translateY(-40%) translateX(-50%);
 transform: translateY(-40%) translateX(-50%);
 width: 1000px;
 z-index:1;
 vertical-align: middle;
 color: #000;
}
#main .inn .eng{
 font-family: garamond-premier-pro, serif;
 font-weight: 400;
 font-size: 75px;
 line-height: 100%;
}
#main .inn p{
 font-size: 22px;
 margin: 20px 0 0 0;
}
.main-pic{
 height: 80vh;
 border: 1px solid #fff;
 position: relative;
}
.main-pic img{
 object-fit: cover;
 width: 100%;
 height: 100%;
}
.main-news{
 padding: 20px 0;
}
.main-news dt{
 display: table-cell;
 width: 80px;
 padding: 0px;
 text-align: left;
 font-weight: normal;
 line-height: 150%;
 border-right: 1px solid #000;
}
.main-news dd{
 display: table-cell;
 text-align:left;
 padding: 0 0 0 25px;
 line-height: 150%;
}
.main-news dd p{
 margin: 0 0 5px 0;
}
.main-news dd p:last-child{
 margin: 0;
}

.concept--container{
 padding: 200px 0 150px 0;
}
.concept--insert{
 width: 800px;
 margin: 0 auto;
 text-align: center;
 position: relative;
}
.concept--insert .md{
 font-family: garamond-premier-pro, serif;
 font-weight: 400;
 font-size: 65px;
 color: #D2B896;
 margin: 0 0 25px 0;
}
.concept--insert h2{
 font-weight: normal;
 font-size: 25px;
 letter-spacing: 0.08em;
}
.concept--insert p{
 line-height: 200%;
 font-size: 16px;
}
.concept--insert ul{
 overflow: hidden;
 width: 680px;
 margin: 30px auto 30px;
}
.concept--insert ul li img{width: 100%;height: auto;}
.concept--insert ul li {
 width: 28%;
 float: left;
 margin: 0 8% 0 0;
}
.concept--insert ul li:last-child{margin: 0;}

.treatment--container{
 padding: 0 0 100px 0;
}
.treatment--insert{
 width: 1000px;
 margin: 0 auto;
}

.treatment--insert .md{
 font-family: garamond-premier-pro, serif;
 font-weight: 400;
 font-size: 60px;
 margin: 0 0 20px -80px;
}
.treatment--insert h2{
 font-size: 25px;
 font-weight: normal;
 margin: 0 0 30px -80px;
}

.news-top--container{
 width: 820px;
 padding: 150px 0;
 margin: 0 auto;
}
.line{
 position: relative;
}
.line::before {
    content: '';
    width: 1px;
    height: 120px;
    background-color: #000;
    position: absolute;
    top: -150px;
    position: absolute;
    left: 50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
}
.news-top--container .title h2{color: #000;}
.news-top--container dl{
 margin: 0 0 10px 0;
}
.news-top--container dl:last-child{
 margin: 0;
}
.news-top--container dt{
 display: table-cell;
 width: 200px;
 padding: 5px 0px;
 line-height: 150%;
 color: #9F9F9F;
}
.news-top--container dt span{
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
 display: inline-block;
 text-align: center;
 width: 100px;
 padding: 4px 0;
 background-color: #DD664E;
 line-height: 1;
 color: #fff;
 border-radius: 30px;
 margin: 0 0 0 15px;
 font-size: 12px;
}
.news-top--container dd{
 display: table-cell;
 text-align:left;
 padding: 5px 0 5px 20px;
 line-height: 150%;
}

.view span{
 display: inline-block;
 font-family: 'Oswald', sans-serif;
 border-bottom: 1px solid #DD664E;
 color: #DD664E;
 font-size: 13px;
 letter-spacing: 0.08em;
}
.news-top--container .view{
 float: right;
 margin: 20px 0 0 0;
}

.panel--container{
 padding: 0 50px 50px;
}
.panel--container ul{overflow: hidden;}
.panel--container ul li{
 width: 50%;
 height: 400px;
 float: left;
 text-align: center;
 background-image: url(../../img/bg-intro.jpg);
 background-size: cover;
 background-position: center center;
 position: relative;
}
.panel--container ul li:last-child{
 background-image: url(../../img/bg-guide.jpg);
}
.panel--container ul li a{
 position: absolute;
 z-index: 3;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
}
.panel--container ul li .inn{
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translateY(-50%) translateX(-50%);
 transform: translateY(-50%) translateX(-50%);
 width: 95%;
 z-index:2;
 text-align: center;
 vertical-align: middle;
 color: #fff;
}

.panel--container ul li .inn .eng{
 font-family: garamond-premier-pro, serif;
 font-weight: 400;
 font-size: 18px;
 margin: 0 0 5px 0;
}
.panel--container ul li .inn h2{
 font-size: 26px;
 font-weight: normal;
}
.panel--container ul li .inn hr{
 width: 35px;
 border-top: 1px solid rgba(0, 0, 0, 0.5);
 border-bottom: 1px solid rgba(255, 255, 255, 1);
}

.information-top--container{
 width: 1000px;
 margin: 0 auto;
 padding: 200px 0 150px 0;
}
.information-top--insert ul{overflow: hidden;}
.information-top--insert ul li{
 width: 48%;
 float: left;
 overflow: hidden;
 position: relative;
}
.information-top--insert ul li:last-child{
 float: right;
}
.information-top--insert ul li a{
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 1;
}
.information-top--insert ul li .pic{
 width: 200px;
 height: 200px;
 float: left;
}
.information-top--insert ul li .pic img{
 width: 100%;
 height: auto;
}
.information-top--insert ul li .txt{
 width: 250px;
 height: 200px;
 float: right;
 position: relative;
}
.information-top--insert ul li .txt h2{
 font-size: 22px;
 font-weight: normal;
 margin: 70px 0 0 0;
}
.information-top--insert ul li .txt .eng{
 font-family: garamond-premier-pro, serif;
 font-weight: 400;
 font-size: 15px;
 letter-spacing: 0.08em;
}

.view-line span{
 font-family: 'Oswald', sans-serif;
 color: #DD664E;
 position: relative;
 font-size: 12px;
 letter-spacing: 0.08em;
}
.view-line span::before{
 content: '';
 position: absolute;
 width: 65px;
 height: 1px;
 background-color: #DD664E;
 left: -75px;
 top: 50%;
}

.information-top--insert ul li .txt .view-line{
 position: absolute;
 right: 0;
 bottom: 0;
}

.access-top--container iframe{
 height: 400px;
 width: 100%;
 vertical-align:bottom;
}

/*information*/
.main{
 height: 320px;
 width: 90%;
 max-width: 1280px;
 margin: 0 auto;
 border: 1px solid #fff;
 position: relative;
 overflow: hidden;
}
.main img{
 object-fit: cover;
 width: 100%;
 height: 100%;
}
.parallax-mirror{
 z-index: 1!important;
}

.main-title{
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translateY(-50%) translateX(-50%);
 transform: translateY(-50%) translateX(-50%);
 width: 95%;
 z-index:2;
 text-align: center;
 vertical-align: middle;
 color: #fff;
}
.main-title h2{
 font-size: 32px;
 font-weight: normal;
 letter-spacing: 0.08em;
}
.main-title p{
 margin: 5px 0 0 0;
 font-family: garamond-premier-pro, serif;
 font-weight: 400;
 font-size: 18px;
 letter-spacing: 0.08em;
}
.sv-title{
 text-align: center;
 margin: 180px 0 30px 0;
}
.sv-title h2{
 font-family: garamond-premier-pro, serif;
 font-weight: 400;
 font-size: 65px;
 letter-spacing: 0.08em;
 color: #DD664E;
}
.sv-title p{
 margin: 0;
 font-size: 25px;
}

.lead{
 width: 1000px;
 margin: 0 auto 50px;
}
.lead-center{
 text-align: center;
}

.slide-faq--insert{
 width: 90%;
 max-width: 1280px;
 margin: 100px auto 0;
 text-align: center;
}
.slide-faq--insert .md{
 font-family: garamond-premier-pro, serif;
 font-weight: 400;
 font-size: 60px;
 letter-spacing: 0.08em;
}
.slide-faq--insert .md span{
 display: inline-block;
 position: relative;
}
.slide-faq--insert .md span::before{
 content: '';
 width: 120px;
 height: 1px;
 background-color: #000;
 position: absolute;
 left: -130px;
 top: 40%;
}
.slide-faq--insert .md span::after{
 content: '';
 width: 120px;
 height: 1px;
 background-color: #000;
 position: absolute;
 right: -130px;
 top: 40%;
}
.slide-faq--insert h2{
 font-size: 22px;
 font-weight: normal;
 margin: 30px 0 30px 0;
}

.slide-faq{
 width: 800px;
 height: 360px;
 background-color: #fff;
 margin: 30px auto 0;
}

.information--insert{
 width: 90%;
 max-width: 1280px;
 margin: 100px auto 0;
 overflow: hidden;
}

.information--insert .title{
 text-align: left;
 
}
.information--insert .title h2{
 color: #000;
 font-size: 50px;
}
.information--insert .title h2 span{
 display: block;
 position: relative;
}
.information--insert .title h2 span::after{
 content: '';
 width: calc(100% - 400px);
 height: 1px;
 background-color: #000;
 position: absolute;
 top: 40%;
 right: 0px;
}

.information--insert .txt{
 float: left;
 width: 32%;
}

.information--insert .list{
 float: right;
 width: 64%;
}
.information--insert .list ul{overflow: hidden;}
.information--insert .list ul li{
 width: 48%;
 float: left;
 margin: 0 4% 4% 0;
 border: 1px solid #ddd;
 padding: 30px;
 text-align: center;
 background-color: #fff;
 height: 165px;
}
.information--insert .list ul li:nth-child(2n){
 margin: 0 0 4% 0;
}
.information--insert .list ul li h3{
 font-size: 19px;
 border-bottom: 1px solid #DD664E;
 padding: 0 0 12px 0;
 margin: 0 0 12px 0;
}
.information--insert .list ul li p{
 text-align: left;
}

.select{
 background-color: rgba(255,255,255,0);
 transition: all .3s;
}
.select.fixed{
 position: fixed;
 background-color: rgba(255,255,255,0.8);
 width: 100%;
 top: 0;
 left: 0;
 transition: all .3s;
 z-index: 10;
 padding: 10px 0;
}
.select ul{
 overflow: hidden;
 width: 1000px;
 margin: 0 auto;
}
.select ul li{
 width: 15%;
 float: left;
 text-align: center;
 margin: 0 2% 0 0;
}
.select ul li:last-child{
 margin: 0;
}
.select ul li span{
 display: block;
 background-color: #fff;
 padding: 8px 0;
 border-radius: 2px;
 border: 1px solid #DD664E;
 color: #DD664E;
}
.select ul li.active span{
 background-color: #DD664E;
 color: #fff;
}
.select-staff ul li{
 width: 23.5%;
}
.lead-800{
 width: 800px;
}

.step--insert{
 width: 1000px;
 margin: 0 auto;
}

.step--insert dl{
 border-top:1px solid #000;
 margin: 0 0 -1px 0;
 font-size: 16px;
}
.step--insert dt {
 border-bottom:1px solid #000;
 padding: 18px 0px 18px ;
 cursor: pointer;
 position: relative;
}
.step--insert dt span{
 display: inline-block;
 width: 120px;
 text-align: center;
 border-right: 1px solid #000;
 margin: 0 40px 0 0;
 color: #DD664E;
}
 
/*.step--insert dt:before {
  display: block;
  content: "＋";
  position: absolute;
  right: 15px;
  width: 15px;
  height: 10px;
  text-align: center;
}
 
.step--insert dt.active:before {
  content: "−";
  margin: 0 0 0 0;
}*/
.step--insert dd {
    padding: 50px 0px;
    display: none;
}
.open-contents dd{display: block!important;;}

.wrap{overflow: hidden;}
.step--insert .schedule{
 margin: 30px 0 0 0;
 background-color: #fff;
 padding: 25px;
 border-radius: 4px;
}
.step--insert .schedule.first{margin: 0;}
.step--insert .schedule .hd{
 color: #DD664E;
}
.notice{
 font-size: 13px;
 color: #777;
}

.aih{
 margin: 30px 0 0 0;
}
.aih .hd{
 color: #DD664E;
 margin: 0 0 20px 0;
 padding: 0 0 10px 0;
 border-bottom: 1px solid #000;
}

.step--insert dd .md{
 width: 250px;
 float: left;
 font-weight: 700;
 font-size: 17px;
}
.step--insert dd .txt{
 width: 750px;
 float: right;
}
.step--insert dd .txt p{
 margin: 0;
}
.step--insert dd .txt .icon{
 margin: 20px 0;
}
.step--insert dd .txt .icon span{
 display: inline-block;
 line-height: 1;
 padding: 7px 20px;
 border-radius: 2px;
 color: #fff;
 background-color: #DD664E;
 margin: 0 4px 7px 0;
}
.step--insert dd .wrap{
 margin: 0 0 50px 0;
}
.step--insert dd .wrap.last{margin: 0;}

.select-menu ul{overflow: hidden;margin: 50px 0;}
.select-menu ul li{
 width: 15%;
 float: left;
 text-align: center;
 margin: 0 2% 0 0;
}
.select-menu ul li:last-child{
 margin: 0;
}
.select-menu ul li span{
 display: block;
 background-color: #fff;
 padding: 8px 0;
 border-radius: 2px;
 border: 1px solid #DD664E;
 color: #DD664E;
}
.select-gyn ul li{
 width: 49%!important;
}
.select-gyn ul li span{
 padding: 10px 0!important;
}

.menu--insert{
 width: 1000px;
 margin: 0px auto 0;
}

.menu-item{
 padding: 0 0 0 0;
}
.menu-item.last{
 padding: 0;
}
.menu-item .md .eng{
 font-family: garamond-premier-pro, serif;
 font-weight: 400;
 font-size: 40px;
 letter-spacing: 0.08em;
 color: #DD664E;
 margin: 0 0 15px 0;
}
.menu-item .md{
 padding: 0px 0 30px 0;
 font-size: 17px;
 text-align: center;
 line-height: 1;
}
.menu-item .md span{
 display: inline-block;
 padding: 0 30px 0 0;
 margin: 0 30px 0 0;
 border-right: 1px solid #000;
 font-weight: normal;
}

.menu-item img{
 width: 100%;
 height: auto;
}
.menu-item .img01{
 width: 480px;
 margin: 30px auto 30px;;
}

.news--insert{
 overflow: hidden;
 width: 1000px;
 margin: 0 auto;
}

.tab{overflow:hidden;margin: 0 0 30px 0;}
.tab li{
 background:#fff;
 padding:5px 0;
 width: 23.5%;
 text-align: center;
 float:left;
 margin-right:2%;
 cursor: pointer;
}
.tab li:last-child{margin: 0;}
.tab li.select{
 background:#DD664E;
 color:#fff;
}
.hide {display:none;}

.news--insert__list{
 width: 680px;
 float: left;
}

.news--insert__list dl{
 border-top: 1px solid #ddd;
 padding: 35px 0;
 position: relative;
}
.news--insert__list dl:last-child{
 border-bottom: 1px solid #ddd;
}
.news--insert__list dl::before{
 content: '';
 position: absolute;
 width: 250px;
 height: 1px;
 background-color: #DD664E;
 top: -1px;
 left: 0;
 z-index: 2;
}
.news--insert__list dt{
 margin: 0 0 10px 0;
 color: #777;
}
.news--insert__list dt span {
    display: inline-block;
    text-align: center;
    width: 100px;
    padding: 4px 0;
    background-color: #DD664E;
    line-height: 1;
    color: #fff;
    border-radius: 30px;
    margin: 0 0 0 15px;
    font-size: 12px;
}
.sidebar{
 float: right;
 width: 25%;
}
.sidebar .md{
 font-family: din-2014, sans-serif;
 font-weight: 700;
 font-style: normal;
 font-size: 20px;
 letter-spacing: 0.08em;
 border-top: 1px solid #DD664E;
 padding: 45px 0;
}
.sidebar ul li{
 margin: 0 0 10px 0;
}
.sidebar ul li a{
 display: block;
 padding: 8px 20px;
 background-color: #F4F8FE;
 border-radius: 5px;
}

.title-news{
 text-align: center;
 margin: 0 0 30px 0;
}
.title-news .date{
 margin: 7px 0 0px 0;
}
.title-news .cat span{
 display: inline-block;
  text-align: center;
  width: 100px;
  padding: 4px 0;
  background-color: #DD664E;
  line-height: 1;
  color: #fff;
  border-radius: 30px;
  font-size: 12px;
}
.title-news .cat{margin: 0 0 25px 0;}
.title-news h2{
 font-size: 20px;
}

.news-entry .entry{
 background-color: #fff;
 padding: 35px;
 border-radius: 10px;
 margin: 0 0 50px 0;
}

.news-entry .entry img{
 max-width: 100%;
 height: auto;
}
.news-entry .entry p{
	word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.bt{
 width: 350px;
 margin: 0 auto;
 text-align: center;
}
.bt span{
 display: block;
 padding: 10px 0;
 background-color: #fff;
 position: relative;
 border-radius: 3px;
 z-index: 1;
 transition: .3s;
 font-family: 'Oswald', sans-serif;
 font-weight: 400;
 letter-spacing: 0.1em;
 font-size: 13px;
}
.bt span i{
 position: absolute;
 right: 15px;
}
.bt-back span i{
 right: auto;
 left: 15px;
}
.bt span::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #DD664A;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
  border-radius: 3px;
}
.bt span:hover {
  color: #fff;
}
.bt span:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
  border-radius: 3px;
}


/*access*/
.map{
 margin: 0 0 50px 0;
}
.map iframe{
 width: 100%;
 height: 450px;
}
.access--insert {
 text-align: center;
}
.access--insert .name{
 font-size: 17px;
 margin: 0 0 20px 0;
}

.access-root{
 width: 840px;
 margin: 50px auto 0;
 overflow: hidden;
}
.access-root .box{
 width: 100%;
 float: none;
 margin: 0 0 50px 0;
}
.access-root .box:last-child{
 float: none;
 margin: 0;
}
.access-root .box .md{
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
 padding: 8px 0;
 margin: 0 0 20px 0;
}
.access-root .box .list{
 margin: 0 0 15px 0;
 text-align: left;
 font-size: 12px;
}

.access-root .box .list p{
 text-align: left;
 font-weight: bold;
 font-size: 15px;
 margin: 0;
}

/**/
.information--tmb__insert{
 width: 90%;
 max-width: 1280px;
 margin: 0 auto;
}
.information--tmb__insert ul{overflow: hidden;}
.information--tmb__insert ul li{
 width: 32%;
 float: left;
 margin: 0 2% 5% 0;
 position: relative;
}
.information--tmb__insert ul li:nth-child(3n){
 margin: 0 0 5% 0;
}
.information--tmb__insert ul li .pic img{
 width: 100%;
 height: auto;
}
.information--tmb__insert ul li .pic {
 margin: 0 0 15px 0;
}
.information--tmb__insert ul li .md{
 font-size: 18px;
}
.information--tmb__insert ul li p{
 font-size: 13px;
}
.information--tmb__insert ul li a{
 position: absolute;
 z-index: 2;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.counselor{
 width: 1000px;
 margin: 0px auto 100px;
}

.counselor-list{
 overflow: hidden;
}
.counselor-list{
 margin: 0 0 70px 0;
}
.counselor-list:last-child{margin: 0;}
.counselor-list .pic{
 float: right;
 width: 310px;
}
.counselor-list .pic img{
 width: 100%;
 height: auto;
}
.counselor-list .txt{
 float: left;
 width: 650px;
}

h2.ttl{
 font-size: 18px;
 text-align: left;
 border-top: 1px solid #000;
 padding: 50px 0 0 0;
 margin: 0 0 25px 0;
 position: relative;
}
h2.ttl::before{
 content: '';
 position: absolute;
 top: -1px;
 left: 0;
 width: 320px;
 height: 1px;
 background-color: #DD664E;
}

.sv-title.line-hlf {
    text-align: center;
    margin: 120px 0 30px 0;
}
.line.line-hlf::before {
    content: '';
    width: 1px;
    height: 80px;
    background-color: #000;
    position: absolute;
    top: -90px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.step--insert__faq dt{
 position: relative;
 padding-left:30px;
}
.step--insert__faq dt i{
 position: absolute;
 color: #DD664E;
 font-size:26px;
 left: 0;
}

.price--insert{
 width: 1000px;
 margin: 0 auto;
}
.price-list{
 border-top: 1px solid #000;
 padding: 60px 0 ;
 position:relative;
}
.price-list::before{
 content: '';
 position: absolute;
 top: -1px;
 left: 0;
 width: 320px;
 height: 1px;
 background-color: #DD664E;
 z-index: 2;
}
.price-list .md{
 font-size: 18px;
 float: left;
 width: 280px;
 font-weight: 700;
}

.price-list .txt{
 float: right;
 width: 680px;
}
.price-list .txt p{
 margin: 0 0 20px 0;
}
.price-table{
 margin: 0 0 20px 0;
}
.price-table h2.hd{
 font-size: 18px;
 border-top: 1px solid #000;
 padding: 40px 0 0 0;
 margin: 40px 0 10px 0;
}

.price-table table {
    width: 100%;
    border-collapse: collapse;
}
.price-table table tbody tr {
    border-top: 1px solid #ccc;
}
.price-table table tbody tr:first-child{border: none;}
.price-table table tbody tr th{
 padding: 15px 0px;
 vertical-align: middle;
 text-align: left;
 color: #DD664E;
}
.price-table table tbody tr td {
    padding: 15px 0px;
    vertical-align: middle;
    text-align: left;
}
.price-table table tbody tr th{
  text-align: left;
}
.price-table table tbody tr td.hd{
 font-weight: bold;
 width: 30%;
color: #DD664E;
}
.price-table table tbody tr th.hd-50{
 font-weight: bold;
 width: 50%;
 color: #000;
}
.price-table table tbody tr td.hd-50{
 font-weight: bold;
 width: 50%;
color: #DD664E;
}
.price-table h3{
 font-size: 16px;
 color: #DD664E;
 margin: 0 0 5px 0;
}

.price-table-dl{
 border-top: 1px solid #ccc;
 padding: 40px 0;
}
.price-table-dl .price{
 color: #DD664E;
 margin: 10px 0;
 font-size: 16px;
}
.price-table-dl dd{
 font-size: 13px;
 color: #777;
}
.price-table-dl dd p{margin: 0!important;}
.price-list .box{
 border-top: 1px solid #000;
 padding: 40px 0;
}
.price-list .box h2{
 font-size: 18px;
 margin: 0 0 25px 0;
}
.price-list .box h3{
 font-size: 18px;
 margin: 0 0 10px 0;
}
.price-list .box ul li{
 list-style-type: disc;
 margin: 0 0 0 20px;
}
.notice-mb30{
 margin-bottom: 30px;
}
.last{margin-bottom: 0!important;padding-bottom: 0!important;}



#loop {
 margin: 0 auto 0px;
 width: 100%;
 height:320px;
 text-align: left;
 position: relative;
 overflow: hidden;
 z-index: 0;
}
#loop ul {height:320px; float: left; display: inline; overflow: hidden; margin:0; padding:0;}
#loop ul li { margin:0 0px;width: 640px; height:320px; float: left; display: inline; overflow: hidden;}
#loop ul li img{width: 600px;height: 320px;}

.message{
 width: 1000px;
 margin: 80px auto 0px;
 overflow: hidden;
 padding: 0 0 50px 0;
}
.title-message{
 text-align: center;
 margin: 0 0 30px 0;
}
.title-message .eng{
 font-family: garamond-premier-pro, serif;
 font-weight: 400;
 font-size: 20px;
 margin: 0 0 10px 0;
}
.title-message h2{
 font-weight: normal;
 font-size: 26px;
}
.message .pic{
 width: 350px;
 float: left;
}
.message .pic img{
 width: 100%;
 height: auto;
}
.message .txt{
 width: 600px;
 float: right;
}
.message .txt p{
 margin: 0 0 20px 0;
 line-height: 200%;
}
.sign{
 text-align: right;
 margin: 30px 0 0 0;
}
.reason--insert{
 width: 90%;
 max-width: 1280px;
 margin: 0 auto;
}
.reason--insert ul{overflow: hidden;}
.reason--insert ul li{
 width: 32%;
 float: left;
 margin: 0 2% 5% 0;
 position: relative;
}
.reason--insert ul li:nth-child(3n){
 margin: 0 0 5% 0;
}
.reason--insert ul li .pic img{
 width: 100%;
 height: auto;
}
.reason--insert ul li .pic {
 margin: 0 0 15px 0;
}
.reason--insert ul li .md{
 font-size: 18px;
 text-align: center;
}
.reason--insert ul li p{
 font-size: 13px;
}
.reason--insert ul li .view{
 text-align: right;
}


.staff--insert{
 margin: 70px auto 0;
 width: 90%;
 max-width: 1280px;
}
.staff-list{
 margin: 0 0 80px 0;
}
.staff-list:last-child{
 margin: 0 0 0px 0;
}
.staff-list ul{overflow: hidden;}
.staff-list ul li{
 width: 47%;
 float: left;
 margin: 0 6% 5% 0;
}
.staff-list ul li:nth-child(2n){
 margin: 0 0 5% 0;
}
.staff-list ul li .pic img{
 width: 100%;
 height: auto;
}
.staff-list ul li .pic{
 margin: 0 0 20px 0;
}
.staff-list ul li .name span{
 display: block;
 font-size: 13px;
 color: #DD664E;
}
.staff-list ul li .name {
 font-size: 18px;
}
.staff-list ul li .name .eng{
 display: inline-block;
 font-family: garamond-premier-pro, serif;
 font-weight: 400;
 font-size: 13px;
 margin: 0 0 0 10px;
}

.staff-list .ttl{
 text-align: center;
 font-weight: normal;
 font-size: 22px;
}
.staff-list .ttl span{
 display: block;
 font-family: garamond-premier-pro, serif;
 font-weight: 400;
 font-size: 15px;
 margin: 0 0 7px 0;
     color: #DD664E;
}
.hobby{
 margin: 30px 0 0 0;
 padding: 30px 0 0 0;
 border-top: 1px solid #ddd;
}
.hobby h3{
 font-family: garamond-premier-pro, serif;
 font-weight: 400;
 font-size: 18px;
 margin: 0 0 7px 0;
 color: #DD664E;
}

.recruit--insert{
 width: 1000px;
 margin: 0 auto;
}

.tab{
 overflow:hidden;
 border-bottom:5px solid #DD664E;
}
.tab li{
 background:#fff;
 width: 33%;
 padding:10px 0;
 float:left;
 margin: 0 0.5% 0 0;
 cursor: pointer;
}
.tab li:last-child{
 margin: 0;
}
.tab li.select{
 background:#DD664E;
 color:#fff;
}
.content li{
 padding:20px 0;
}
.hide {display:none;}

.news--insert__list .tab{
 display: flex;
 align-items: center;
}
.news--insert__list .tab{border-top: 1px solid #ddd;}
.news--insert__list .tab li{width: auto;margin: 0;flex: 1;border-right: 1px solid #ddd;}
.news--insert__list .tab li:last-child{
 margin: 0;
}
.news--insert__list .tab li span{
 color: #999;
}
.news--insert__list .tab li.select span{
 color: #fff;
}

.recruit--insert h2{
 text-align: center;
 font-size: 22px;
 font-weight: normal;
 margin: 0 0 40px 0;
 letter-spacing: 0.08em;
}


.recruit-table table {
    width: 100%;
    border-collapse: collapse;
}
.recruit-table table tbody tr {
    border-top: 1px solid #000;
}
.recruit-table table tbody tr:last-child{border-bottom: 1px solid #000;}
.recruit-table table tbody tr th{
 padding: 18px 0px;
 vertical-align: middle;
 text-align: left;
 color: #DD664E;
}
.recruit-table table tbody tr td {
    padding: 18px 0px;
    vertical-align: middle;
    text-align: left;
}
.recruit-table table tbody tr th{
 font-weight: bold;
 width: 25%;
color: #DD664E;
}

.bt-entry{
 margin: 50px auto 0;
}
.bt-entry span{
 padding: 20px 0;
 font-size: 17px;
 border: 1px solid #DD664E;
}

.recruit--insert .step--insert{
 margin: 100px 0 0 0;
}
.recruit--insert .step--insert dt{
 font-size: 18px;
 color: #DD664E;
}

.recruit-list ul li{
 position: relative;
 padding: 0 0 0 28px;
}
.recruit-list ul li i{
 position: absolute;
 left: 0;
 color: #DD664E;
 font-size: 20px;
}

.recruit--insert .step--insert dl:last-child dd{
 padding-bottom: 0;
}
.recruit--insert .step--insert dl:last-child .wrap {
 margin: 0 0 0px 0;
}


.search-box{
 width: 500px;
 margin: 0 auto;
}
.search-box h2{
 text-align: center;
 font-size: 18px;
 margin: 0 0 15px 0;
}

.search_container{
  box-sizing: border-box;
  position: relative;
  display: block;
  padding: 3px 20px 3px 50px;
  border-radius: 30px;
  height: 45px;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  margin: 0 auto;
}
.search_container i{
 position: absolute;
 font-size: 22px;
 top: 10px;
 left: 20px;
}
.search_container input[type="text"]{
  border: none;
  width: 100%;
  height: 40px;
  font-size: 16px;
}
.search_container input[type="text"]:focus {
  outline: 0;
  background-color: #fff;
}
.search_container input[type="submit"]{
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  background: #DD664E;
  color: #fff;
  position: absolute;
  width: 70px;
  height: 50px;
  right:0px;
  top: -2px;
  outline : none;
  font-size: 16px;
  font-weight: 700;

}

.search-category{
 width: 1000px;
 margin: 50px auto 0;
 overflow: hidden;
}
.search-category .box{
 width: 48%;
 float: left;
}
.search-category .box:last-child{
 float: right;
}
.search-category h2{
 position: relative;
 font-size: 18px;
 margin: 0 0 15px 0;
 padding: 0 0 0 25px;
}
.search-category h2 i{
 position: absolute;
 left: 0;
}
.search-category-item .wrap{overflow: hidden;}
.category-select-list{
}
.category-select-list select{
 width: 100%;
}

.keyboard{
 width: 100%;
}
.keyboard ul {overflow: hidden;}
.keyboard ul li{
 float: left;
 margin: 0 18px 5px 0;
}
.keyboard ul li:last-child{margin: 0;}
.keyboard ul li span{
 display: block;
 width: 38px;
 height: 38px;
 text-align: center;
 line-height: 38px;
 border: 1px solid #fff;
 color: #fff;
 background-color: #DD664E;
}
.english{margin: 15px 0;}
.english ul li span{
 width: auto;
 padding: 0 15px;
}
.number ul li span{
 width: auto;
 padding: 0 15px;
}


.glossary--insert{
 width: 1000px;
 margin: 0 auto;
 overflow: hidden;
}
.glossary-list {
 margin: 100px 0 0 0;
}
.glossary-list.first{
 margin: 0;
}
.glossary-list h2{
 font-size: 18px;
 position: relative;
 line-height: 1;
 padding: 0 0 0 30px;
 margin: 0 0 20px 0;
}
.glossary-list h2 i{
 font-weight: normal;
 font-size: 25px;
 position: absolute;
 top: -5px;
 left: 0;
}

.glossary-list ul{
 padding: 40px;
 border-radius: 5px;
 background-color: #fff;
 overflow: hidden;
}
.glossary-list ul li{
 width: 25%;
 float: left;
 padding: 5px 10px;
}

.glossary-list__category{
 width: 700px;
 float: left;
}
.glossary-list__category h2{
 position: relative;
 font-size: 22px;
 margin: 0 0 25px 0;
 padding: 0 0 0 25px;
}
.glossary-list__category h2 i {
    position: absolute;
    left: 0;
}
.glossary-list__category ul{overflow: hidden;}
.glossary-list__category ul li{
 border-top: 1px solid #ddd;
}
.glossary-list__category ul li span{
 display: block;
 padding: 10px 20px;
}
.glossary-list__category ul li:hover span{
 background-color: #fff;
}
.sidebar p{
 text-align: right;
 margin: 0 0 20px 0;
}

.block{
 width: 800px;
 height: 420px;
 background-color: #fff;
 text-align: center;
 position: relative;
}
.block-insert{
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translateY(-50%) translateX(-50%);
 transform: translateY(-50%) translateX(-50%);
 width: 90%;
 z-index:1;
 text-align: center;
 vertical-align: middle;
}
.block-insert .num{
 font-family: 'Oswald', sans-serif;
 font-weight: 700;
 font-size: 50px;
 color: #DD664E;
 line-height: 1;
}
.block-insert h2{
 font-size: 18px;
 line-height: 1;
 margin: 20px 0 35px;
}
.block-insert ul{overflow: hidden;}
.block-insert ul li{
 display: inline-block;
 margin: 0 5px;
}
.block-insert ul li span{
 display: block;
 padding: 10px 30px;
 border-radius: 3px;
 background-color: #f1f1f1;
 border: 1px solid #ddd;
}

.answer li span{
 background-color: #DD664E!important;
 color: #fff;
}


.treatment-tab{
 overflow:hidden;
 width: 800px;
 margin: 0 auto 35px;
 border-right: 1px solid #000;
}
.treatment-tab li{
 width: 25%;
 text-align: center;
 padding:0;
 float:left;
 cursor: pointer;
}
.treatment-tab li span{
 display: block;
 border-left: 1px solid #000;
}
.treatment-tab li.treatment-select{
 color:#DD664E;
}
.treatment-content li{
 padding:0;
 overflow: hidden;
}
.hide {display:none;}

.treatment-content .pic{
 width: 55%;
 height: 375px;
 float: left;
}
.treatment-content .pic img{
 object-fit: cover;
 width: 100%;
 height: 100%;
 border-radius: 5px;
}
.treatment-content .txt{
 width: 40%;
 height: 375px;
 float: right;
 position: relative;
}
.treatment-content .txt .eng{
 font-family: garamond-premier-pro, serif;
 font-weight: 400;
 font-size: 20px;
 margin: 40px 0 10px 0;
}
.treatment-content .txt h3{
 font-size: 32px;
 margin: 0 0 40px 0;
 letter-spacing: 0.08em;
}
.treatment-content .txt .view{
 position: absolute;
 right: 0;
 bottom: 0;
}

.recruit-panel{
 overflow: hidden;
 padding: 0 0 30px 0;
}
.recruit-panel .box{
 width: 48%;
 float: left;
 background-color: #fff;
 padding: 30px 25px;
 border-radius: 3px;
 border: 1px solid #eee;
}
.recruit-panel .box:last-child{
 float: right;
}
.recruit-panel .box .md{
 text-align: center;
 color: #DD664E;
}
.recruit-panel .box .md{
 font-size: 19px;
 margin: 0 0 20px 0;
}
.recruit-panel .box dl{
 margin: 0 0 10px 0;
}
.recruit-panel .box dl:last-child{
 margin: 0;
}
.recruit-panel .box dt{
 display: table-cell;
 width: 120px;
 padding: 5px 0px;
 text-align: center;
 font-weight: normal;
 background: #f1f1f1;
 vertical-align: middle;
 line-height: 150%;
}
.recruit-panel .box dd{
 display: table-cell;
 vertical-align: middle;
 padding: 5px 0 5px 100px;
 line-height: 150%;
}

.recruit-panel .box .txt{
 height: 135px;
 
}
.recruit-panel .box .txt-tel{
 line-height: 135px;
 text-align: center;
}
.recruit-panel .box .txt-tel .tel{
 font-size: 35px;
 font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', "Times New Roman", Times, 'YuMincho', '游明朝','ＭＳ Ｐ明朝', 'MS PMincho', serif;
 font-weight: 400;
}
.recruit-panel .box .txt-tel .tel span{
 display: inline-block;
 font-size: 20px;
 margin: 0 3px 0 0;
}
.recruit-panel .box .bt {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.recruit-panel .box .bt span{
 border: 1px solid #eee;
 font-size: 14px;
 line-height: 1;
 padding: 16px 0;
 display: block;
}
.recruit-panel .box .bt span i{
 position: relative;
 right: auto;
}


p.lead-guide{
 width: 1000px;
 margin: 0 auto 15px;
}

p.lead-guide-last{
 margin: 0 auto 50px;
}

.btm-map{
 width: 650px;
 margin: 30px auto 0;
}
.btm-map ul{overflow: hidden;}
.btm-map ul li{
 width: 49%;
 float: left;
 text-align: center;
}
.btm-map ul li:last-child{
 float: right;
}
.btm-map ul li span{
 display: block;
 padding: 15px;
 background-color: #fff;
 color: #DD664E;
 border: 1px solid #DD664E;
}


.tab-gyn{
 overflow:hidden;
 margin: 0 0 30px 0;
}
.tab-gyn li{
 background:#fff;
 padding:10px 0;
 width: 49%;
 float:left;
 cursor: pointer;
 border: 1px solid #DD664E;
 color: #DD664E;
 text-align: center;
 }
.tab-gyn li:last-child{float: right;}
.tab-gyn li.select{
 background:#DD664E;
 color:#fff;
}
.content li{
 padding:30px 0 60px 0;
}
.hide {display:none;}


.gyn-list{
 border-top: 1px solid #000;
 padding: 60px 0 ;
 position:relative;
}
.gyn-list::before{
 content: '';
 position: absolute;
 top: -1px;
 left: 0;
 width: 320px;
 height: 1px;
 background-color: #DD664E;
 z-index: 2;
}
.gyn-list .md{
 font-size: 18px;
 float: left;
 width: 280px;
 font-weight: 700;
 text-align: left;
 line-height: 160%;
}
.gyn-list .md small{
 display: inline-block;
 font-size: 13px;
 margin: 0 3px;
}

.gyn-list .txt{
 float: right;
 width: 680px;
}
.gyn-list .txt p{
 margin: 0 0 20px 0;
}

.gyn-table{
 margin: 0 0 20px 0;
}
.gyn-table p.price{
 font-weight: bold;
 margin: 0 0 5px 0;
}
.gyn-table p.infotxt{
 font-size: 12px;
 margin: 0;
 line-height: 150%;
}

.gyn-table table {
    width: 100%;
    border-collapse: collapse;
}
.gyn-table table tbody tr {
    border-top: 1px solid #ccc;
}
.gyn-table table tbody tr th{
 padding: 15px 0px;
 vertical-align: middle;
 text-align: left;
 color: #DD664E;
}
.gyn-table table tbody tr td {
    padding: 15px 0px;
    vertical-align: middle;
    text-align: left;
}
.gyn-table table tbody tr th{
  text-align: left;
}
.gyn-table table tbody tr td.hd{
 font-weight: bold;
 width: 32%;
color: #DD664E;
}
.gyn-table h3{
 font-size: 16px;
 color: #DD664E;
 margin: 0 0 5px 0;
}

.gyn-table-dl{
 border-top: 1px solid #ccc;
 padding: 40px 0;
}
.gyn-table-dl .price{
 color: #DD664E;
 margin: 10px 0;
 font-size: 16px;
}
.gyn-table-dl dd{
 font-size: 13px;
 color: #777;
}
.gyn-table-dl dd p{margin: 0!important;}

.gyn-list .txt .box {margin: 40px 0 0 0;}
.gyn-list .txt .box-first {margin: 0 0 0 0;}
.gyn-list .txt .box .hdr {
    color: #DD664E;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #000;
    font-size: 18px;
    font-weight: 800;
}
.gyn-list .schedule{
 margin: 30px 0 0 0;
 background-color: #fff;
 padding: 25px;
 border-radius: 4px;
}
.gyn-list .schedule.first{margin: 0;}
.gyn-list .schedule .hd{
 color: #DD664E;
}
.gyn-list .schedule p{margin: 0;}
.gyn-list .schedule .gyn-table{
 margin: 30px 0 0 0;
}

.things-list {margin: 0 0 25px 0;}
.things-list p{
 margin: 0!important;
}
.things-list p i{color: #DD664E;}

.link-area span a{
 display: block;
 width: 100%;
 padding: 7px 0;
}
.link-area span {
 background-color: #fff;
 display: inline-block;
 width: 100px;
 padding: 0 15px;
 border-radius: 3px;
}

.hdr2{
 font-weight: bold;
}

.notice-box{
 border: 1px solid #ddd;
 margin: 30px 0 0 0;
 padding: 25px;
 font-size: 14px;
}
.notice-box p{
 position: relative;
 padding: 0 0 0 20px;
}
.notice-box p span{
 position: absolute;
 left: 0;
}

.wrap{
 overflow: hidden;
}
.vaccine{
 text-align: center;
 width: 280px;
 background-color: #fff;
 float: right;
 padding: 15px 0;
 border-radius: 3px;
}
.vaccine img{
 width: 200px;
 height: auto;
}

.gyn-list .bt{
 width: 100%;
}
.gyn-list .wrap .l{
 float: left;
 width: 380px;
}
.p-list p{
 margin: 0!important;
 position: relative;
}
.p-list p::before{
 content: '・';
}

.gyne{
 text-align: center;
 width: 48%;
 padding: 0;
 margin: 0 auto
}
.gyne img{
 width: 100%;
 height: auto;
}

.l-gyne{
 text-align: center;
 margin: 10px 0 0 0 ;
}

.table-price table,
.table-price td,
.table-price th {
	border: 1px solid #ddd;
	border-collapse: collapse;
}
.table-price td,
.table-price th {
	padding: 7px 15px;
	width: 30px;
	height: 25px;
	vertical-align: middle;
}
.table-price td{background-color: #fff;}
.table-price th {
	background: #f1f1f1;
}

.supplement{overflow: hidden;margin: 50px 0 0 0;}
.supplement .item{
 overflow: hidden;
 border-top: 1px solid #eee;
 padding: 35px 0;
}
.supplement .item .pic img{width: 100%;height: auto;}
.supplement .item .pic {
 width: 250px;
 float: left;
}
.supplement .item .r-txt{
 float: right;
 width: 400px;
}
.supplement .item .r-txt h3{
 font-size: 18px;
 margin: 0 0 5px 0;
}
.supplement .item .r-txt dl{
 margin: 10px 0 20px 0;
 font-size: 13px;
 border-bottom: 1px solid #eee;
 padding: 0 0 20px 0;
}
.supplement .item .r-txt dt{
 display: block;
 width: 100%;
 padding: 0;
 font-weight: normal;
 vertical-align: middle;
 line-height: 150%;
 margin: 0 0 7px 0;
}
.supplement .item .r-txt dd{
 display: block;
 text-align:left;
 vertical-align: middle;
 padding: 0;
 line-height: 150%;
}
.supplement .item .r-txt dd span{
 display: inline-block;
 line-height: 1;
 padding: 8px 10px;
 background-color: #fff;
 border: 1px solid #d94c30;
 color: #d94c30;
 margin: 2px;
 border-radius: 3px;
 font-size: 12px;
}

.supplement .item .r-txt p{
 font-size: 12px;
 color: #777;
 line-height: 170%;
}

.pic-gyn img{
 width: 100%;
 height: auto;
}
.pic-gyn {
 margin: 0 0 30px 0;
}

.bt-chart{
 margin-top: 50px;
}

.menu-select{overflow:hidden;margin: 0 0 50px 0;}
.menu-select-item{
 width: 25%;
 text-align: center;
 float: left;
 margin: 0 0 15px 0;
 border-left: 1px solid #000;
 background-color: rgba(255,255,255,0);
}
.menu-select-item:first-child{
 width: 33%;
}

.menu-select-item:nth-child(2){
 width: 17%;
}
.menu-select-item:nth-child(4){
 border-right: 1px solid #000;
}
.menu-select-item:last-child{
 border-right: 1px solid #000;
}
.menu-select-item:hover{
 background-color: rgba(255,255,255,0.3);
}

.menu-select-item span{
 display: block;
 padding: 3px 0;
}

.menu-select-aging .menu-select-item{
 width: 25%;
}
.supplement {
    margin: 0px 0 0 0;
}
.supplement .item:first-child{
 border-top: none;
 padding-top: 0;
}

.md-back{
 text-align: right;
}
.gyn-list .txt .box .hdr02 {
    color: #DD664E;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #000;
    font-size: 16px;
    font-weight: 800;
}

.step--insert ul{overflow: hidden;}
.step--insert ul li{
 width: 23.5%;
 float: left;
 margin: 0 2% 2% 0;
}
.step--insert ul li:nth-child(4n){
 margin: 0 0 2% 0;
}
.step--insert ul li .pic img{
 width: 100%;
 height: auto;
}
.step--insert ul li p,
.step--insert dd .box{
 font-size: 14px;
}
.step--insert .bt i{
 font-size: 20px;
}

.step--insert dd .box{
 overflow: hidden;
}
.step--insert dd .box .md-img{
 width: 54px;
 float: left;
}
.step--insert dd .box ul{
 width: calc(100% - 80px);
 float: right;
}
.step--insert dd > p{
 margin: 0 0 20px 0;
}
.sv-anker {
 margin: 20px 0 0 0;
}
.sv-anker p{
 font-size: 13px;
 margin: 0;
}
.koumoku {margin: 0 0 70px 0;}
.koumoku:last-child {margin: 0 0 0px 0;}
.koumoku th,
.koumoku td{
 font-size: 13px;
 line-height: 150%;
}

.map-img {
 width: 75%;
 margin: 30px auto 0;
}
.map-img img{
 width: 100%;
 height: auto;
}

.access-left{
 text-align: left;
}

.access-root ul{
 margin: 15px 0;
}
.access-root ul li{
 margin: 0 0 0 20px;
 list-style-type: disc;
}
.access-root ul ol{
 margin: 5px 0;
}
.access-root ul ol li{
 margin: 0 0 0 40px;
 list-style-type:decimal;
}
.style-type-none{
 list-style-type: none!important;
 margin: 0!important;
}

.entry ul li{
 list-style-type: disc;
 margin: 0 0 0 20px;
}

.schedule-top--container {
    width: 1000px;
    margin: 0 auto;
    padding: 0px 0 100px 0;
}
.schedule-top--container p.lead-guide{
	text-align: center;
}
.schedule-top--container .cal iframe{
	width: 100%;
}

.slide-loop .pic{
	width: 580px!important;
	margin: 0 15px;
}
.slide-loop .pic img{
	width: 100%;
	height: auto;
}
.slick-dots {
    bottom: -35px!important;
}
.slick-dots li {
    margin: 0px!important;
}
.slick-dots li button:before {
    font-size: 12px!important;
}
.slick-dots li button:before {
    color: #000!important;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #DD664E!important;
}

.select-guide{
	margin: 0 0 30px 0;
}
.select-guide ul{
	display: flex;
	justify-content: center;
	gap:0 10px;
}
.select-guide ul li{
	width: 100%;
    float: none;
    text-align: center;
    margin: 0 0;
}
.select-access{
	margin: 0 0 40px 0;
}