@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap&subset=japanese');

:root {
  --main-blue: #005fcc;
  --peil-blue: #eaeff2;
  --steel-blue: #528ca3;
  --lead-grey: #4c4948;
  --yellow: #fff100;
  --red: #c30d23;/*d3145a*/
}

/* reset
--------------------------------------- */
html,body,
header,main,section,article,footer,aside,canvas,details,figcaption,figure,hgroup,menu,nav,
div,span,applet,embed,object,iframe,h1,h2,h3,h4,h5,h6,p,a,blockquote,q,pre,abbr,address,big,small,
cite,code,del,dfn,em,img,strong,sub,sup,tt,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,caption,table,tbody,tfoot,thead,tr,th,td,output,ruby,
audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
header,main,section,article,footer,aside,details,figcaption,figure,hgroup,menu,nav{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

/* basic
--------------------------------------- */
body{
  position:relative;
  width:100%;
  font-family:"BIZ UDPGothic", "Heebo", sans-serif;
  font-weight:400;
  font-style:normal;
  font-size:clamp(1.125rem, 1.06rem + 0.22vw, 1.25rem); /*w1400-20px -> w480-18px*/
  line-height:1.2;
  font-optical-sizing:auto;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust:100%;
  -moz-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  -o-text-size-adjust:100%;
  text-size-adjust:100%;
  text-align:left;
  text-justify:none;
  color:var(--lead-grey);
    letter-spacing:0.05em;
  letter-spacing:0;
  background-color:#fff;
  overflow-x: hidden;
  /*text-align:justify;
  text-justify:inter-ideograph;*/
}
*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
a{outline:none;text-decoration:none;color:var(--lead-grey);;}
a[href^="tel:"]{color:var(--lead-grey);;pointer-events:none;text-align:left;}
img{max-width:100%;height:auto;vertical-align:bottom;image-rendering:-webkit-optimize-contrast;}
#header,#footer,#splash,#kv,
.section{
  width:100%;
  min-width:initial;
  margin:auto;
}
.wrap{
  width:1480px;
  margin:auto;
}
.inner{
  position:relative;
  width:1200px;
  margin:auto;
}
@media screen and (max-width:1497px){
  .wrap{width:100%;}
}
@media screen and (max-width:1217px){
  .inner{width:98%;}
}
@media screen and (max-width:750px){
  body{font-size:24px;}
  a[href^="tel:"]{pointer-events:auto;}
  img{image-rendering:auto;}
  #header,#footer,#splash,#kv,
  .section{
    width:750px;
    min-width:initial;
    overflow:hidden;
  }
  .wrap{
    width:750px;
  }
  .inner{
    width:670px;
  }
}

/* ex. font */
.biz-udpgothic-regular { /* 通常使用 */
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.biz-udpgothic-bold { /* タイトル等強調箇所 */
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.heebo-medium {/* 英タイトル */
  font-family: "Heebo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;/* 100～900*/
  font-style: normal;
}
.Noto-medium { /* 一部使用(明朝体) */
  font-family: "Noto Serif JP", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* header
--------------------------------------- */
#header{}
#header .wrap{
  width:calc(100% - 120px);
  transition:width 300ms ease-in-out;
}
#header .inner{
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:flex-start;
  width:100%;
}

#header .brand{
  display:flex;
  align-items:center;
  width:450px;
  height:120px;
}
#header .info{
  width:1060px;
}
#header .info .top{
  display:flex;
  align-items:center;
  justify-content: flex-end;
  padding-top:30px;
}
#header .info .top .acs{
  position:relative;
  padding-left:24px;
  font-size:20px;
  font-weight:700;
  color:var(--main-blue);
}
#header .info .top .acs:before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:17px;
  height:22px;
  background:url(../images/home/access-icon.svg) 0 0 no-repeat;
  background-size:contain;
}
#header .info .top .add{
  margin:0 10px;
  padding:5px 10px;
  font-size:20px;
  font-weight:700;
  color:#fff;
  background-color:var(--lead-grey);
}
#header .info .top .tel{
  margin-top:5px;
  font-family: "Heebo", sans-serif;
  font-size:24px;
  font-weight:500;
}
#header .info .top .tel a{}
#header .info .pc-navi{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  padding-top:12px;
}
#header .info .pc-navi ul{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width:77%;
  max-width:840px;
}
#header .info .pc-navi ul li{}
#header .info .pc-navi ul li a{
  display:block;
  height:26px;
  font-size:20px;
  font-weight:700;
  line-height:1.2;
  border-bottom:2px solid rgba(0, 95, 204, 0);
  transition:border-color 300ms;
}
#header .info .pc-navi ul li a:hover{
  color:var(--main-blue);
  border-bottom-color:rgba(0, 95, 204, 1);
}

#header .info .pc-navi ul li.drop-down{
  position:relative;
  display:block;
  cursor:pointer;
}
#header .info .pc-navi ul li.drop-down span{
  display:block;
  height:28px;
  font-size:20px;
  font-weight:700;
  line-height:1.2;
}
#header .info .pc-navi ul li.drop-down ul.low{
  display:none;
  position:absolute;
  top:28px;
  left:0;/*
  display: flex;*/
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width:110%;
  margin-left:-5%;
  z-index:3;
}
#header .info .pc-navi ul li.drop-down ul.low li{
  width:100%;
  height:32px;
}
#header .info .pc-navi ul li.drop-down ul.low li a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100%;
  text-align:center;
  background-color:#fff;
}
#header .sp-menu{display:none;}
@media screen and (max-width:1937px){
  #header .wrap{
    width:98%;
  }
}
@media screen and (max-width:1580px){
  #header .wrap{
    width:94%;
    transition:width 300ms ease-in-out;
  }
  #header .brand{
    width:29.4375%;
     height:7.6vw;/*
    height:9vw;*/
  }
  #header .info{
    width:70%;
  }
  #header .info .top{
    padding-top:1.8vw;
  }
  #header .info .top .acs{
    padding-left:1.518vw;
    font-size:1.265vw;
  }
  #header .info .top .acs:before{
    width:1.265vw;
  }
  #header .info .top .add{
    font-size:1.265vw;
  }
  #header .info .top .tel{
    font-size:1.518vw;
  }
  #header .info .pc-navi{
    padding-top:1.0vw;
  }
  #header .info .pc-navi ul{
    width:88%;
  }
  #header .info .pc-navi ul li a,
  #header .info .pc-navi ul li.drop-down span{
    height:1.8vw;
    font-size:1.4vw;
  }
  #header .info .pc-navi ul li.drop-down ul.low{
    top:1.8vw;
  }
  #header .info .pc-navi ul li.drop-down ul.low li{
    height:3vw;
  }
}
@media screen and (max-width:1280px){
  #header .info .top .acs:before{
    top:-0.2vw;
  }
}
@media screen and (max-width:980px){
  #header .info .top{
    padding-top:1.4vw;
  }
  #header .info .pc-navi{
    padding-top:0.9vw;
  }
}
@media screen and (max-width:750px){
  #header{
    position:fixed;
    height:120px;
    background-color:#fff;
    z-index:999;
  }
  #header .wrap{
    width:100%;
  }
  #header .inner{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width:670px;
  }
  #header .brand{
    width:380px;
    height:120px;
  }
  #header .info{
    width:80px;
  }
  #header .info{
    display:none;
  }
  #header .sp-menu{
    display:block;
    width:80px;
    height:80px;
  }
  #header .sp-menu .hamburger{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    width:100%;
    height:100%;
    padding:20px 15px;
    background:transparent;
    border:none;
    cursor:pointer;
  }
  #header .sp-menu .hamburger i{
    width:100%;
    height:6px;
    background-color:#333;
    border-radius:0px;
    transition:all 300ms;
  }
  #header .sp-menu .hamburger.is-active i:nth-child(1){transform:translateY(17px) rotate(45deg);}
  #header .sp-menu .hamburger.is-active i:nth-child(2){opacity:0;}
  #header .sp-menu .hamburger.is-active i:nth-child(3){transform:translateY(-17px) rotate(-45deg);}
}

/* ナビ */
#sp-navi{display:none;}
@media screen and (max-width:750px){
  #sp-navi{
    display:none;
  }
  .sp-hd-navi{
    display:none;
    position:fixed;
    top:119px;
    left:0;
    right:0;
    width:100%;
    height:calc(100vh - 119px);
    margin:auto;
    background-color:rgba(255,255,255,0.8);
    backdrop-filter:saturate(180%) blur(20px);
    overflow-y:auto;
    cursor:pointer;
    z-index:999;
  }
  .sp-hd-navi .inner{width:100%;}
  .sp-hd-navi .bg-navi{
    background-color:#fff;
  }
  .sp-hd-navi .wrap-navi{}
  .sp-hd-navi .wrap-navi ul{
    width:100%;
    border-top:1px solid var(--main-blue);
  }
  .sp-hd-navi .wrap-navi ul li{
    border-bottom:1px solid var(--main-blue);
  }
  .sp-hd-navi .wrap-navi ul li a,
  .sp-hd-navi .wrap-navi ul li span{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    height:72px;
    padding-left:250px;
    font-size:32px;
    font-weight:600;
  }
  .sp-hd-navi .wrap-navi ul.lv2{
    border-top-width:0;
  }/*
  .sp-hd-navi .wrap-navi ul li span{background-colot:#eee;}*/
  .sp-hd-navi .wrap-navi ul.lv2 li a{
    padding-left:calc(250px + 1.0em);
  }
}

/* フッター
--------------------------------------- */
#footer .copyright{
  margin:30px 0 30px;
  font-family: "Heebo", sans-serif;
  font-size:15px;
  font-weight:500;
  text-align:center;
}
@media screen and (max-width:1600px){
  #footer .copyright{margin:30px 0 110px;}
}
@media screen and (max-width:750px){
  #footer .copyright{margin:20px 0 200px;}
  #footer .copyright{
    font-size:20px;
  }
}

/* ページトップ移動ボタン
--------------------------------------- */
#pagetop-wrap{
  position:fixed;
  bottom:80px;
  right:20px;
  display:none;
  z-index:10;
}
#pagetop{
  width:94px;
  height:94px;
  cursor:pointer;
  transition:opacity 300ms;
}
#pagetop:hover{opacity:0.8;}
@media screen and (max-width:750px){
  #pagetop-wrap{
    bottom:90px;
    right:40px;
    display:none;
  }
  #pagetop{
  width:94px;
  height:94px;
    transition:none;
  }
#pagetop:hover{opacity:1;}
}

/* chatbot */
#chatbot-wrap{
  position:fixed;
  bottom:18px;
  right:20px;
  display:none;
  z-index:10;
}
#chatbot-wrap .btn-chatbot{
  display:flex;
  justify-content:center;
  align-items:center;
  width:400px;
  height:52px;
  font-size:24px;
  font-weight:600;
  color:#fff;
  background-color:#009be4;
  border:2px solid #fff;
  border-radius:25px;
  cursor:pointer;
  outline:none;
  transition:opacity 300ms;
}
#chatbot-wrap .btn-chatbot i{
  width:45px;
  margin-right:8px;
}
#chatbot-wrap .btn-chatbot:hover{opacity:0.8;}
@media screen and (max-width:750px){
  #chatbot-wrap{
    bottom:100px;
    right:auto;
    left:38px;
    display:none;
  }
  #chatbot-wrap .btn-chatbot{
    width:560px;
    height:77px;
    font-size:36px;
    border-radius:36px;
    cursor:pointer;
    outline:none;
    transition:none;
  }
  #chatbot-wrap .btn-chatbot i{
    width:65px;
    margin-right:14px;
  }
  #chatbot-wrap .btn-chatbot:hover{opacity:1;}
}

/* WEB予約 /LINE予約 */
.sp-reserve{display:none;}
@media screen and (max-width:750px){
  .sp-reserve{
    position:fixed;
    bottom:0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap:10px;
    width:100%;
    height:80px;
    z-index:10;
  }
  .sp-reserve .reserve-link{
    width:50%;
  }
  .sp-reserve .reserve-link a{
    position:relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap:10px;
    width:100%;
    height:80px;
    font-size:36px;
    font-weight:700;
    line-height:1;
    color:#fff;
    background-color:var(--main-blue);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
  }
  .sp-reserve .reserve-link:nth-of-type(1) a{
    border-radius:0 9px 0 0;
  }
  .sp-reserve .reserve-link:nth-of-type(1) a:before{
    content:'';
    width:52px;
    height:52px;
    margin-top:3px;
    background:url(../images/home/reserve-web-3.svg) 0 0 no-repeat;
    background-size:contain;
  }
  .sp-reserve .reserve-link:nth-of-type(2) a{
    border-radius:9px 0 0 0;
  }
  .sp-reserve .reserve-link:nth-of-type(2) a:before{
    content:'';
    width:36px;
    height:52px;
    background:url(../images/home/reserve-line-3.svg) 0 0 no-repeat;
    background-size:contain;
  }
}

/* 共通
--------------------------------------- */
.main{padding-top:0;}
@media screen and (max-width:750px){
  .main{padding-top:120px;}
}

/* キービ
--------------------------------------- */
#splash{}
#splash .wrap{width:100%;}
#splash .inner{
  position:relative;
  width:100%;
  height:auto;
  min-height: 0;
  aspect-ratio:1920 / 944;
}
#splash .pc-wrap{display:block;}
#splash .sp-wrap{display:none;}
.splash .slider{width:100%;}
.splash .slider img{width:100%;}
#splash .overlay{
  position:absolute;
  top:0;
  width:100%;
  height:100%;
}
#splash .overlay .info1{
  position:absolute;
  top:13.020%;
  right:3.750%;
  width:36.458%;
  height:100%;
  z-index:1;
}
#splash .overlay .info1 img{width:100%;}
#splash .overlay .info1.ib{top:30%;}
#splash .overlay .info1-bg{
  position:absolute;
  top:0;
  right:0;
  width:36.458%;
  height:calc(100% + 28px);
  mix-blend-mode:multiply;
  background-color:var(--main-blue);
  clip-path: polygon(34.2% 0%, 100% 0%, 100% 100%, 0% 100%);
  z-index:1;
}
#splash .overlay .pc-info2{
  width:auto;
  height:100%;
  margin-left:112px;
    margin-left:8.2vw;
}
#splash .overlay .pc-info2 img{
  width:auto;
  height:100%;
  object-fit: cover;
}
#splash .sp-info2{display:none;}
@media screen and (max-width:750px){
  #splash .inner{
    height:1158px;
    aspect-ratio:auto;
  }
  #splash .pc-wrap{display:none;}
  #splash .sp-wrap{display:block;}
  #splash .overlay .info1{
    top:380px;
    right:30px;
    width:460px;
  }
  #splash .overlay .info1.ib{top:600px;}
  #splash .overlay .info1-bg{
    width:362px;
    height:100%;
    clip-path: polygon(66.298% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  #splash .overlay .pc-info2{display:none;}
  #splash .sp-info2{
    position:absolute;
    bottom:0;
    right:0;
    left:0;
    display:block;
    width:580px;
    margin:auto;
    z-index:1;
  }
}

/* 小児眼科健診 & 診療時間 / 当院の特徴
--------------------------------------- */
.features{
  position:relative;
  background:url(../images/home/bg1.png) center top repeat;
}
.features:before{
  content:'';
  position:absolute;
  top:0;
  width:100%;
  height:450px;
  background-color:#fff;
}
.features .wrap{
  position:relative;
  width:100%;
  padding:150px 0;
  z-index:1;
}
/* 小児眼科健診 & 診療時間*/
.features .schedule{
  display: flex;
  justify-content: space-between;
  width:1440px;
  margin:0 auto 150px;
  padding:50px 80px 50px 60px;
  background-color:var(--peil-blue);
  border-radius:20px;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.features .schedule .children{
  width:550px;
  padding:30px;
  background-color:#fff;
}
.features .schedule .children h3{
  margin-bottom:20px;
  padding:8px;
  font-size:27.15px;
  font-weight:700;
  color:#fff;
  text-align:center;
  background-color:var(--main-blue);
}
.features .schedule .children .tx{
  font-size:18px;
  line-height:1.8;
  text-justify:auto;
}
.features .schedule .time-table{
  width:680px;
}
.features .schedule .time-table table{
  width:100%;
  margin-bottom:20px;
  text-align:center;
}
.features .schedule .time-table table th,
.features .schedule .time-table table td{
  padding:10px 2px;
  white-space:nowrap;
  vertical-align:middle;
  border-bottom:1px solid var(--lead-grey);
}
.features .schedule .time-table table thead{
  font-size:23.16px;
  font-weight:700;
}
.features .schedule .time-table table tbody th{
padding-right:1.0em;
  width:30%;
  font-family: "Heebo", sans-serif;
  font-size:28px;
  font-weight:500;
  text-align:right;
}
.features .schedule .time-table table tbody td{
  width:8%;
  font-size:26px;
}

.features .schedule .time-table .info{
  display: flex;
  justify-content: space-between;
}
.features .schedule .time-table .info ul{
  font-size:16px;
  line-height:1.5;
  padding-left:1.0em;
  text-indent:-1.0em;
}
.features .schedule .time-table .info .hol{
  display: flex;
  align-items: center;
  padding:10px 5px;
  font-size:18px;
  font-weight:600;
  line-height:1.5;
  color:#fff;
  text-align:center;
  white-space:nowrap;
  background-color:var(--lead-grey);
}
@media screen and (max-width:1457px){
  .features:before{
    height:30.885vw;
  }
  .features .wrap{
    padding:10vw 0 10vw
  }
  .features .schedule{
    width:92%;
    gap:0 3vw;
    margin-bottom:10vw;
    padding:50px 3vw 50px 3vw;
  }
  .features .schedule .children h3{
    font-size:1.8vw;
  }
  .features .schedule .children .tx{
    font-size:1.2vw;
  }
  .features .schedule .time-table table thead{
    font-size:1.533vw;
  }
  .features .schedule .time-table table tbody th{
    font-size:1.866vw;
  }
  .features .schedule .time-table table tbody td{
    font-size:1.733vw;
  }
  .features .schedule .time-table .info ul{
    font-size:1.066vw;
  }
  .features .schedule .time-table .info .hol{
    font-size:1.125vw;
  }
}
@media screen and (max-width:980px){
  .features .schedule .children .tx{
    font-size:1.48vw;
  }
  .features .schedule .time-table .info{
    gap:0.8vw;
  }
  .features .schedule .time-table .info ul{
    font-size:1.38vw;
  }
  .features .schedule .time-table .info .hol{
    font-size:1.36vw;
    white-space:nowrap;
  }
}
@media screen and (max-width:750px){
  .features:before{display:none;}
  .features .wrap{
    padding:0px 0 110px;
  }
  .features .schedule{
    display:block;
    justify-content:normal;
    width:100%;
    max-width:initial;
    margin-bottom:150px;
    padding:100px 40px;
    border-radius:0;
    box-shadow: 0 0 0 rgba(0,0,0,0);
  }
  .features .schedule .children{
    width:100%;
    max-width:initial;
    margin-bottom:60px;
    padding:45px 40px;
  }
  .features .schedule .children h3{
    margin-bottom:40px;
    padding:20px;
    font-size:40px;
  }
  .features .schedule .children .tx{
    font-size:36px;
    line-height:1.5;
    letter-spacing:0.05em;
  }
  .features .schedule .time-table{
    width:100%;
    max-width:initial;
  }
  .features .schedule .time-table table thead{
    font-size:28px;
  }
  .features .schedule .time-table table tbody th{
    width:23%;
    padding-right:0;
    font-size:32px;
  }
  .features .schedule .time-table table tbody td{
    width:11%;
    font-size:32px;
  }

  .features .schedule .time-table .info{
    position:relative;
    display:block;
    justify-content:normal;
  }
  .features .schedule .time-table .info ul{
    margin-bottom:20px;
    font-size:24px;
  }
  .features .schedule .time-table .info .hol{
    display:inline-block;
    align-items:normal;
    padding:10px 0.5em;
    font-size:32px;
  }
}

/*  */
.features .schedule .time-table .link-wrap{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap:25px;
  width:100%;
  height:auto;
  margin-top:20px;
}
.features .schedule .time-table .link-wrap .btn-web,
.features .schedule .time-table .link-wrap .btn-line{
  width:268px;
  background-color:#eaeff2;
  border:1px solid #4c4948;
  border-radius:15px;
  transition:background-color 300ms;
}
.features .schedule .time-table .link-wrap .btn-web:hover,
.features .schedule .time-table .link-wrap .btn-line:hover{
  background-color:#f9fafb;
}
.features .schedule .time-table .link-wrap .btn-tanto{
  width:120px;
  background-color:#fff;
  border:1px solid #ccc;
  border-radius:50%;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  transition:background-color 300ms;
}
.features .schedule .time-table .link-wrap .btn-tanto:hover{
  background-color:#f9fafb;
}
@media screen and (max-width:1457px){
  .features .schedule .time-table .link-wrap{
    gap:3.6%;
  }
  .features .schedule .time-table .link-wrap .btn-web,
  .features .schedule .time-table .link-wrap .btn-line{
    width:39.705%;
  }
  .features .schedule .time-table .link-wrap .btn-tanto{
    width:17.647%;
  }
}
@media screen and (max-width:750px){
  .features .schedule .time-table .link-wrap{
    display:none;
  }
  /* 注意: pcと位置異なる */
  .features .schedule .time-table .info .btn-tanto{
    position:absolute;
    bottom:0;
    right:0;
    width:140px;
    height:140px;
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:50%;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  }
  .features .schedule .time-table .info .btn-tanto img{
    width:100%;
  }
}

/* 当院の特徴 */
.features .tokucho{
  position:relative;
  padding:0 0;
  z-index:1;
}
.features .tokucho h2{
  margin-bottom:90px;
  text-align:center;
}
.features .tokucho h2 .en{
  position:relative;
  display:block;
  font-family: "Heebo", sans-serif;
  font-size:110px;
  font-weight:500;
  color:var(--peil-blue);
  z-index:-1;
}
.features .tokucho h2 .jp{
  display:block;
  margin-top:-40px;
  font-size:48px;
  font-weight:700;
  color:var(--main-blue);
}

.features .tokucho .block{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap:0 32px;
  width:1298px;
  margin:auto;
}
.features .tokucho .block .box{
  width:300px;
  background-color:#fff;
  border-radius:6px;
  overflow:hidden;
}
.features .tokucho .block .box .img{}
.features .tokucho .block .box h3{
  width:32%;
  max-width:92px;
  margin:-15px auto 10px;
  transform:translateX(-10px);
}
.features .tokucho .block .box .dtl{
  padding:0 20px 30px;
}
.features .tokucho .block .box .mi{
  margin-bottom:20px;
  font-size:26px;
  font-weight:700;
  line-height:1.5;
  color:var(--main-blue);
}
.features .tokucho .block .box .txt{
  font-size:18px;
  line-height:1.8;
}
.features .tokucho .block .box ul{
  margin-top:40px;
  font-size:24px;
  line-height:1.2;
  color:var(--steel-blue);
  padding-left:18px;
  text-indent:-18px;
}
.features .tokucho .block .box ul li a{
  color:var(--steel-blue);
}
.features .tokucho .block .box ul li a:hover{
  text-decoration:underline;
}
.features .tokucho .block .box ul li{margin-bottom:0.5em;}
.features .tokucho .block .box ul li:before{
  content:'';
  display:inline-block;
  width:12px;
  height:14px;
  transform:translateY(-2px);
  margin-right:6px;
  clip-path:polygon(0 0, 100% 50%, 0 100%);
  background-color:var(--steel-blue);
}
@media screen and (max-width:1457px){
  .features .tokucho .block{
    width:90%;
    gap:0 2.2vw;
    padding:0 2vw;
  }
  .features .tokucho .block .box h3{
    transform:translateX(-0.7vw);
  }
  .features .tokucho .block .box .mi{
    font-size:1.65vw;
  }
  .features .tokucho .block .box .txt{
    font-size:1.235vw;
    line-height:1.5;
  }
  .features .tokucho .block .box ul{
    margin-top:2.162vw;
    font-size:1.647vw;
  }
}
@media screen and (max-width:1200px){
  .features .tokucho .block .box ul li:before{
    transform:translateY(0.0vw);
  }
}
@media screen and (max-width:980px){
  .features .tokucho .block .box .txt{font-size:1.48vw;}
}
@media screen and (max-width:750px){
  .features .tokucho h2{
    margin-bottom:120px;
  }
  .features .tokucho h2 .en{
    font-size:116px;
  }
  .features .tokucho h2 .jp{
    font-size:60px;
  }

  .features .tokucho .block{
    flex-wrap: normal;
    justify-content: normal;
    flex-direction: column;
    gap:60px 0;
    width:670px;
    max-width:initial;
  }
  .features .tokucho .block .box{
    width:100%;
  }
  .features .tokucho .block .box h3{
    width:164px;
    max-width:initial;
    margin:-40px auto 30px;
    transform:translateX(-10px);
  }
  .features .tokucho .block .box .dtl{
    padding:0 30px 30px;
  }
  .features .tokucho .block .box .mi{
    margin-bottom:40px;
    font-size:52px;
    text-align:center;
  }
  .features .tokucho .block .box .txt{
    font-size:36px;
  line-height:1.8;
  }
  .features .tokucho .block .box ul{
    margin-top:20px;
    margin-left:80px;
    font-size:48px;
    padding-left:30px;
    text-indent:-30px;
  }
  .features .tokucho .block .box ul li:before{
    width:24px;
    height:28px;
    transform:translateY(-4px);
  }
}
/* 日帰り手術のご案内
--------------------------------------- */
.day{
  background-color:var(--peil-blue);
}
.day .wrap{
  width:100%;
  padding:140px 0 120px;
}
.day .inner{
  width:1400px;
  padding:120px 100px 100px;
  background-color:#fff;
}
.day h2{
  margin-bottom:60px;
  text-align:center;
}
.day h2 .jp{
  display:block;
  margin-bottom:20px;
  padding-bottom:20px;
  font-size:52px;
  font-weight:700;
  color:var(--main-blue);
  border-bottom:1px solid var(--main-blue);
}
.day h2 .en{
  display:block;
  font-family: "Heebo", sans-serif;
  font-size:26px;
  font-weight:500;
  color:var(--peil-blue);
}
.day .lead{
  margin-bottom:60px;
  font-family:"Noto Serif JP",sans-Serif;
  font-size:50px;
  font-weight:600;
  line-height:1.5;
  color:#d3145a;
  text-align:center;
}

.day .block{
  display: flex;
  justify-content: space-between;
  width:100%;
  margin-bottom:50px;
}
.day .block .dtl{
  width:54.166%;
  max-width:650px;
}
.day .block .dtl p{
  font-size:20px;
  line-height:1.8;
}
.day .block .pho{
  width:41.666%;
  max-width:500px;
}
.day .block .pho .img{
  margin-bottom:30px;
}
.day .topatients{
  font-size:18px;
  text-align:right;
  color:var(--lead-grey);
}
.day .topatients a{
  padding-bottom:0.2em;
  color:var(--lead-grey);
  border-bottom:1px solid var(--main-blue);
  transition:color 300ms;
}
.day .topatients a:hover{
  color:var(--main-blue);
}
/*  */
.day .block2{
  display: flex;
  justify-content: space-between;
  gap:0 16px;
  width:100%;
  max-width:980px;
  margin:auto;
}
.day .block2 .circle{
  width:32.244%;
  max-width:316px;
  aspect-ratio:1 / 1;
  line-height:1.5;
  background:url(../images/home/day_circle.png) center center no-repeat;
  text-align:center;
  background-size:contain;
}
.day .block2 .circle a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width:100%;
  height:100%;
  transition:opacity 300ms;
}
.day .block2 .circle a:hover{
  opacity:0.5;
}
.day .block2 .circle p{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height:100%;
  font-size:30px;
  font-weight:700;
}
.day .block2 .circle p span{
  display:block;
  font-size:21px;
  font-weight:400;
}
/*  */
.day .ope-guide{
  width:34.285%;
  max-width:480px;
  margin:60px auto 0;
}
.day .ope-guide a{/*※Noto Suns Jp - bold*/
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:70px;
  font-size:24px;
  font-weight:700;
  color:#fff;
  background-color:var(--main-blue);
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.day .ope-guide a:after{
  content:'';
  display:inline-block;
  width:24px;
  height:24px;
  margin-top:5px;
  margin-left:5px;
  background:url(../images/home/icon_arrow.png) 0 0 no-repeat;
  background-size:contain;
}
.day .ope-guide a{transition:opacity 300ms;}
.day .ope-guide a:hover{opacity:0.7;}
@media screen and (max-width:1417px){
  .day .inner{
    width:90%;
    padding:10vw 5vw 5vw;
  }
  .day .lead{font-size:3.528vw;}
  .day .block .dtl p{font-size:1.411vw;}
  .day .block2 .circle p{font-size:2.117vw;}
  .day .block2 .circle p span{font-size:1.482vw;}
  .day .ope-guide a{font-size:1.746vw;}
}
@media screen and (max-width:980px){
  .day .block .dtl p{font-size:1.48vw;}
  .day .ope-guide a{font-size:1.6vw;}
}
@media screen and (max-width:750px){
  .day .wrap{
    padding:100px 0 100px;
  }
  .day .inner{
    width:670px;
    max-width:initial;
    padding:90px 30px 100px;
  }
  .day h2{
    margin-bottom:40px;
  }
  .day h2 .jp{
    font-size:60px;
  }
  .day h2 .en{
    font-size:28px;
  }
  .day .lead{
    margin-bottom:40px;
    font-size:42px;
    text-align:left;
  }

  .day .block{
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom:20px;
  }
  .day .block .dtl{
    order: 2;
    width:100%;
    max-width:initial;
  }
  .day .block .dtl p{
    font-size:36px;
    line-height:1.5;
  }
  .day .block .pho{
    order: 1;
    width:100%;
    max-width:initial;
  }
  .day .block .pho .img{
    margin-bottom:40px;
  }
  .day .topatients{
    font-size:24px;
margin-top:50px;
  text-align:center;
  color:var(--lead-grey);
  }
  .day .topatients a{
    border-bottom:1px solid var(--main-blue);
    transition:none;
  }
  .day .topatients a:hover{
    color:var(--lead-grey);
  }

  .day .block2{
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap:0;
    width:100%;
    max-width:initial;
  }
  .day .block2 .circle{
    width:300px;
    max-width:initial;
    height:300px;
  }
  .day .block2 .circle:nth-of-type(1){
    margin:0 150px;
  }
  .day .block2 .circle p{
    font-size:40px;
  }
  .day .block2 .circle p span{
    font-size:23px;
  }

  .day .ope-guide{
    width:500px;
    max-width:initial;
    margin-top:90px;
  }
  .day .ope-guide a{
    height:90px;
    font-size:32px;
    box-shadow: 0 0 8px rgba(0,0,0,0.4);
  }
  .day .ope-guide a:after{
    width:32px;
    height:32px;
    margin-left:8px;
  }
  .day .ope-guide a{transition:none;}
  .day .ope-guide a:hover{opacity:1;}
}

/* ご挨拶
--------------------------------------- */
.message{}
.message .wrap{
  width:100%;
  max-width:1920px;
  padding:140px 0 300px;
}
.message .inner{width:100%}
.message .block{
  display: flex;
  justify-content: space-between;
  width:1570px;
}
.message .block .pho{
  width:55.414%;
  max-width:870px;
}
.message .block .dtl{
  width:40.127%;
  max-width:630px;
}
.message .block .dtl h3{
  display:inline;
  padding-bottom: 10px;
  font-size:42px;
  font-weight:700;
  line-height:1.8;
  color:var(--main-blue);
  background:linear-gradient(transparent 65%, var(--yellow) 0%);
}
.message .block .dtl .msg{
  margin:70px 0;
  font-size:20px;
  line-height:1.8;
}
.message .block .dtl .sign{line-height:1.5;}
.message .block .dtl .sign .tx1{font-size:18px;margin-right:1.0em;}
.message .block .dtl .sign .tx2{font-size:26px;}
.message .block .dtl .sign .tx3{font-size:14px;}
@media screen and (max-width:1927px){
  .message .wrap{max-width:initial;}
}
@media screen and (max-width:1600px){
  .message .block{width:96%;}
  .message .block .dtl h3{font-size:2.625vw;}
  .message .block .dtl .msg{
    margin:4.375vw 0;
    font-size:1.25vw;
  }
  .message .block .dtl .sign .tx1{font-size:1.125vw;}
  .message .block .dtl .sign .tx2{font-size:1.625vw;}
  .message .block .dtl .sign .tx3{font-size:0.875vw;}
}
@media screen and (max-width:980px){
  .message .block .dtl .msg{font-size:1.48vw;}
  .message .block .dtl .sign .tx1{font-size:1.38vw;}
  .message .block .dtl .sign .tx2{font-size:1.625vw;}
  .message .block .dtl .sign .tx3{font-size:1.36vw;}
}
@media screen and (max-width:750px){
  .message .wrap{
    width:100%;
    padding:100px 0 220px;
  }
  .message .inner{width:670px}
  .message .block{
    flex-direction: column;
    justify-content: flex-start;
    width:100%;
  }
  .message .block .pho{
    width:100%;
    max-width:initial
    margin-bottom:60px;
  }
  .message .block .dtl{
    width:100%;
    max-width:initial
  }
  .message .block .dtl h3{
    font-size:58px;
  }
  .message .block .dtl .msg{
    margin:60px 0 50px;
    font-size:36px;
    line-height:1.5;
  }
  .message .block .dtl .sign{text-align:right;}
  .message .block .dtl .sign .tx1{font-size:36px;}
  .message .block .dtl .sign .tx2{font-size:52px;}
  .message .block .dtl .sign .tx3{font-size:28px;}
}

/* 診療案内
--------------------------------------- */
.treatment{
  background-image:linear-gradient(180deg, #eaeff2 10%, #fff 100%);
}
.treatment .wrap{
  width:1800px;
  padding:110px 0 180px;
}
.treatment .inner{
  width:100%;
}
.treatment h2{
  position:absolute;
  top:-250px;
  right:0;
  width:860px;
  height:505px;
  text-align:center;
  background:url(../images/home/bg2.png) center top repeat;
  border-radius:15px;
  z-index:0;
}
.treatment h2 .en{
  position:relative;
  display:block;
  padding-top:90px;
  font-family: "Heebo", sans-serif;
  font-size:110px;
  font-weight:500;
  color:#0047b4;
  z-index:0;
}
.treatment h2 .jp{
  position:relative;
  display:block;
  margin-top:-40px;
  font-size:48px;
  font-weight:700;
  color:#fff;
  z-index:1;
}
@media screen and (max-width:1800px){
  .treatment .wrap{
    width:100%;
  }
  .treatment h2{
    width:47.777%;
    height:28vw;
  }
  .treatment h2 .en{
    font-size:6.111vw;
  }
  .treatment h2 .jp{
    margin-top:-2.222vw;
    font-size:2.666vw;
  }
}
@media screen and (max-width:750px){
  .treatment{
    overflow:visible;
  }
  .treatment .wrap{
    width:100%;
    padding:100px 0 120px;
  }
  .treatment .inner{
    width:670px;
  }
  .treatment h2{
    top:-200px;
    right:-40px;
    width:640px;
    height:440px;
    border-radius:30px 0 0 30px;
  }
  .treatment h2 .en{
    padding-top:70px;
    font-size:90px;
  }
  .treatment h2 .jp{
    margin-top:-30px;
    font-size:56px;
  }
}

/*  */
.treatment .block{
  position:relative;
  width:1200px;
  margin:auto;
  padding:50px 80px;
  background-color:#fff;
  border-radius:20px;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
  z-index:1;
}
.treatment .block .box1{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom:36px;
  padding-bottom:26px;
  border-bottom:1px solid #666;
}
.treatment .block .box1 h3,
.treatment .block .box2 h3{
  width:160px;
  margin-right:20px;
  margin-left:30px;
  font-size:32px;
  font-weight:700;
  color:var(--main-blue);
  white-space:nowrap;
}
.treatment .block .box1 .tx1{
  width:330px;
  font-size:28px;
  font-weight:700;
}
.treatment .block .box1 .tx2{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width:490px;
  height:90px;
  font-size:18px;
  line-height:1.5;
  text-align:center;
  background-color:var(--peil-blue);
  border-radius:50%;
}
@media screen and (max-width:1217px){
  .treatment .block{
    width:92%;
    padding:50px 4vw;
  }
  .treatment .block .box1 h3,
  .treatment .block .box2 h3{font-size:2.629vw;}
  .treatment .block .box1 .tx1{font-size:2.300vw;}
  .treatment .block .box1 .tx2{font-size:1.479vw;}
}
@media screen and (max-width:750px){
  .treatment .block{
    width:100%;
    padding:70px 35px;
    border-radius:0;
  }
  .treatment .block .box1{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom:30px;
    padding-bottom:30px;
  }
  .treatment .block .box1 h3,
  .treatment .block .box2 h3{
    margin-right:40px;
    margin-left:20px;
    font-size:44px;
  }
  .treatment .block .box1 h3{
    order: 2;
  }
  .treatment .block .box2 h3{
    width:100%;
    margin-bottom:20px;
  }
  .treatment .block .box1 .tx1{
    order: 2;
    margin-top:4px;
    font-size:40px;
  }
  .treatment .block .box1 .tx2{
    order: 1;
    width:100%;
    margin-bottom:40px;
    font-size:24px;
    font-weight:700;
  }
}

/*  */
.treatment .block .box2{
  display: flex;
  justify-content: flex-start;
  margin-bottom:40px;
}
.treatment .block .box2 .list{
  display: flex;
  justify-content: flex-start;
  width:820px;
}
.treatment .block .box2 .list ul{
  font-size:20px;
  font-weight:700;
  line-height:2.0;
}
.treatment .block .box2 .list ul:nth-of-type(1){width:300px;}
.treatment .block .box2 .list ul:nth-of-type(2){width:320px;}
.treatment .block .box2 .list ul:nth-of-type(3){width:200px;}
.treatment .block .box2 .list ul li{white-space:nowrap;}
.treatment .block .box2 .list ul li:before{
  content:'●';
  color:var(--main-blue);
}
.treatment .block .box2 .list ul li.etc{
  margin-top:2.0em;
  margin-right:0.5em;
  text-align:right;
}
.treatment .block .box2 .list ul li.etc:before{
  content:'';
}
.treatment .block .box2 .list ul li a:hover{text-decoration:underline;}
@media screen and (max-width:1217px){
  .treatment .block .box2 .list{width:78%;}
  .treatment .block .box2 .list ul{
    font-size:1.643vw
  }
}
@media screen and (max-width:750px){
  .treatment .block .box2{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom:50px;
  }
  .treatment .block .box2 .list{
    width:560px;
    margin:auto;
  }
  .treatment .block .box2 .list ul{
    font-size:28px;
  }
  .treatment .block .box2 .list ul:nth-of-type(1){width:360px;}
  .treatment .block .box2 .list ul:nth-of-type(2){width:200px;}
  .treatment .block .box2 .list ul li.etc{
    margin-top:0;
    margin-right:0.1em;
  }
  .treatment .block .box2 .list ul li a:hover{text-decoration:none;}
}

/*  */
.treatment .block .box3{
  width:1000px;
  margin:auto;
}
.treatment .block .box3 .tx1{
  display: flex;
  flex-direction: column;
  justify-content: center;
  height:50px;
  margin-bottom:50px;
  font-size:24px;
  font-weight:700;
  color:#fff;
  background-color:#666;
  text-align:center;
  border-radius:25px;
}
.treatment .block .box3 .tx2{
  width:940px;
  margin:auto;
  font-size:18px;
  line-height:1.8;
}
@media screen and (max-width:1217px){
  .treatment .block .box3{width:94%;}
  .treatment .block .box3 .tx1{
    font-size:1.972vw;
  }
  .treatment .block .box3 .tx2{
    width:94%;
    font-size:1.479vw;
  }
}
@media screen and (max-width:750px){
  .treatment .block .box3{
    width:100%;
  }
  .treatment .block .box3 .tx1{
    height:135px;
    margin-bottom:40px;
    font-size:32px;
    line-height:1.5;
    border-radius:18px;
  }
  .treatment .block .box3 .tx2{
    width:560px;
    font-size:24px;
    letter-spacing:0.05em;
  }
}

/* 症状・病名から検索
--------------------------------------- */
.eyes{
  height:620px;
  background:url(../images/home/eye_bg.jpg) center bottom no-repeat;
  background-size:cover;
}
.eyes .wrap{
  padding:80px 0 0;
}
.eyes .wrap h2{}
.eyes .wrap h2 span,
.eyes .wrap h2 a{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width:525px;
  height:80px;
  margin:0 auto 40px;
  font-size:30px;
  font-weight:700;
  color:var(--main-blue);
  text-align:center;
  background-color:#fff;
  border:1px solid var(--main-blue);
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.eyes .wrap h2 i{
  width:30px;
  margin-right:10px;
}
.eyes .block{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  gap:30px 32px;
  width:1198px;
  margin:auto;
}
.eyes .block .box{
  width:378px;
  height:150px;
  padding:15px 10px;
  background-color:#fff;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.eyes .block .box h4{
  margin-bottom:10px;
  padding:10px;
  font-size:24px;
  font-weight:700;
  color:var(--main-blue);
  text-align:center;
  background-color:#ebf6fa;
}
.eyes .block .box .link{
  display: flex;
  flex-direction: column;
  justify-content: center;
  height:66px;
  font-size:18px;
  line-height:1.8;
  text-align:center;
}
.eyes .block .box .link span,
.eyes .block .box .link a{}
.eyes .block .box .link a:hover{text-decoration:underline;}
@media screen and (max-width:1217px){
  .eyes .block{
    gap:30px 2.629vw;
    width:90%;
  }
  .eyes .block .box{
    width:31.059%;
  }
  .eyes .block .box h4{
    font-size:1.972vw;
  }
  .eyes .block .box .link{
    font-size:1.479vw;
  }
}
@media screen and (max-width:980px){
  .eyes .block .box .link{
    font-size:1.48vw;
  }
}
@media screen and (max-width:750px){
  .eyes{
    height:1200px;
    background-image:url(../images/home/sp-eye_bg.jpg);
  }
  .eyes .wrap{
    padding:90px 0 0;
  }
  .eyes .wrap h2 span,
  .eyes .wrap h2 a{
    width:600px;
    height:100px;
    font-size:36px;
  }
  .eyes .wrap h2 i{
    width:40px;
  }

  .eyes .block{
    gap:30px 20px;
    width:100%;
  }
  .eyes .block .box{
    width:325px;
    height:273px;
    padding:18px 18px;
  }
  .eyes .block .box h4{
    margin-bottom:0px;
    font-size:32px;
  }
  .eyes .block .box .link{
    height:190px;
    font-size:24px;
  }
  .eyes .block .box .link a{}
  .eyes .block .box .link a:hover{text-decoration:none;}
}

/* アクセス
--------------------------------------- */
.access{}
.access .wrap{
  width:100%;
  padding:190px 0 160px;
}
.access .inner{
  width:100%;
}
.access h2{
  margin-bottom:90px;
  text-align:center;
}
.access h2 .en{
  position:relative;
  display:block;
  font-family: "Heebo", sans-serif;
  font-size:110px;
  font-weight:500;
  color:var(--peil-blue);
  z-index:-1;
}
.access h2 .jp{
  display:block;
  margin-top:-40px;
  font-size:48px;
  font-weight:700;
  color:var(--main-blue);
}
.access .block{
  position:relative;
  display: flex;
  justify-content: space-between;
  width:96.875%;
  max-width:1860px;
  margin-left:3.125%;
}
.access .block .wrap-gmap{
  width:46.774%;
  max-width:870px;
}
.access .block .gmap{
  display:flex;
  justify-content:center;
  width:100%;
}
.access .block .wrap-gmap iframe{
  width:100%;
  height:auto;
  aspect-ratio:870 / 486;
  border:0;
}
.access .block .info{
  width:50.537%;
  max-width:940px;
}
.access .block .info h4{
  margin-top:8px;
  margin-bottom:30px;
}
.access .block .info h4 span{
  padding:8px 1.0em;
  font-size:22px;
  color:#fff;
  background-color:var(--main-blue);
}
.access .block .info .add,
.access .block .info .traf{
  margin-bottom:30px;
}
.access .block .info .add ul,
.access .block .info .traf ul{
  font-size:18px;
  line-height:1.8;
}
.access .block .info .att{
  position:relative;
  width:50%;
  max-width:470px;
  padding:10px 15px;
  border:1px solid #666;
  z-index:1;
}
.access .block .info .att ul{
  font-size:16px;
  line-height:1.8;
  padding-left:1.0em;
  text-indent:-1.0em;
}
.access .block .pho{
  position:absolute;
  bottom:-86px;
  right:0;
  width:22.043%;
  max-width:410px;
  z-index:0;
}
@media screen and (max-width:1880px){
  .access .block{
  width:95%;
  margin-left:5%;
  }
  .access .block .info h4{
    margin-bottom:1.595vw;
  }
  .access .block .info h4 span{
    font-size:1.170vw;
  }
  .access .block .info .add,
  .access .block .info .traf{
    margin-bottom:1.595vw;
  }
  .access .block .info .add ul,
  .access .block .info .traf ul{
    font-size:0.957vw;
  }
  .access .block .info .att{
    padding:0.531vw 0.797vw;
  }
  .access .block .info .att ul{
    font-size:0.851vw;
  }
}
@media screen and (max-width:980px){
  .access .wrap{
    padding-bottom:16vw;
  }
  .access .block{gap:2vw;}
  .access .block .info{
    width:60%;
  }
  .access .block .info .add ul,
  .access .block .info .traf ul{
    font-size:1.48vw;
  }
  .access .block .info .att{
    width:87%;
    max-width:initial;
  }
  .access .block .info .att ul{
    font-size:1.38vw;
  }
  .access .block .pho{
    bottom:-19vw;
    top:6.2vw;
    bottom:auto;
    width:26%;
  }
}
@media screen and (max-width:750px){
  .access .wrap{
    padding:110px 0 110px;
  }
  .access .inner{
    width:670px;
  }
  .access h2{
    margin-bottom:70px;
  }
  .access h2 .en{
    font-size:116px;
  }
  .access h2 .jp{
    font-size:60px;
  }
  .access .block{gap:0;
    display: flex;
    flex-direction: column;
    width:100%;
    max-width:initial;
    margin-left:0;
  }
  .access .block .wrap-gmap{
    width:100%;
    max-width:initial;
    margin-bottom:50px;
  }
  .access .block .info{
    width:600px;
    max-width:initial;
    margin:auto;
  }
  .access .block .info h4{
  margin-top:8px;
  margin-bottom:30px;
  }
  .access .block .info h4 span{
    font-size:32px;
  }
  .access .block .info .add,
  .access .block .info .traf{
    margin-bottom:40px;
  }
  .access .block .info .add ul,
  .access .block .info .traf ul{
    font-size:28px;
  }
  .access .block .info .att{
    width:100%;
    max-width:initial;
    padding:20px 25px;
  }
  .access .block .info .att ul{
    font-size:24px;
  }
  .access .block .pho{
    position:static;
    width:460px;
    max-width:inital;
    margin:40px -40px 0 auto;
  }
}

/* お知らせ
--------------------------------------- */
.news{
  margin-bottom:130px;
  background:url(../images/home/bg3.png) center top repeat;
}
.news .wrap{padding:130px 0 100px;}
.news .inner{}
.news .block{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width:100%;
  margin:0 auto 70px;
}
.news h2{width:320px;}
.news h2 .en{
  position:relative;
  display:block;
  font-family: "Heebo", sans-serif;
  font-size:110px;
  font-weight:500;
  color:#d8e1e6;
  z-index:0;
}
.news h2 .jp{
  position:relative;
  display:block;
  margin-top:-40px;
  font-size:48px;
  font-weight:700;
  color:var(--main-blue);
  text-align:center;
  z-index:1;
}
.news .wrap-topics{
  width:830px;
}
.news .wrap-topics .topics{
  width:calc(100% - 30px);
  overflow:auto;
  max-height:500px;
}
.news .wrap-topics .topics .v-scroll{
}
.news .wrap-topics .topics dl{
  padding:20px 30px;
  line-height:1.8;
  border-bottom:1px solid #666;
  word-wrap:break-word;
  white-space:normal;
}
.news .wrap-topics .topics dl:first-of-type{
  border-top:1px solid #666;
}
.news .wrap-topics .topics dl dt{
  font-family: "Heebo", sans-serif;
  font-size:20px;
  font-weight:500;
  color:var(--main-blue);
}
.news .wrap-topics .topics dl dd{
  font-size:18px;
  font-weight:700;
  word-wrap:break-word;
  white-space:normal;
}
.news .wrap-topics .topics dl dd span{
  display:block;
}
.news .wrap-topics .topics dl dd a{
  text-decoration:underline;
  transition:color 300ms;
}
.news .wrap-topics .topics dl dd a:hover{
  color:var(--main-blue);
}
.news .link-news{
  display: flex;
  justify-content: flex-end;
  margin:0 28px 30px 0;
}
.news .link-news a{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  height:24px;
  font-weight:700;
  color:var(--main-blue);
  border-bottom:1px solid rgba(0, 95, 204, 0);
  transition:border-color 300ms;
}
.news .link-news a:after{
  content:'';
  width:20px;
  height:20px;
  margin-left:5px;
  background:url(../images/home/icon_arrow.png) center center no-repeat;
  background-size:contain;
}
.news .link-news a:hover{
  border-bottom-color:rgba(0, 95, 204, 1);
}

/*  */
.news .block2{
  width:100%;
  margin:auto;
  padding:20px 30px;
  background-color:#fff;
  border:1px solid var(--main-blue);
  border-radius:15px;
}
.news .block2 p{
  font-size:16px;
  font-weight:700;
  line-height:1.8;
}
.news .block2 p span{
  color:var(--red);
}
@media screen and (max-width:1217px){
  .news{
    margin-bottom:10vw;
  }
  .news .block{
    width:94%;
  }
  .news .wrap-topics{
    width:calc(100% - 330px);
  }
  .news .wrap-topics .topics{
  }
  .news .wrap-topics .topics dl dt{
    font-size:1.643vw;
  }
  .news .wrap-topics .topics dl dd{
    font-size:1.479vw;
  }
  .news .block2{
    width:92%;
  }
  .news .block2 p{
    font-size:1.314vw;
  }
  .news .link-news a{
    font-size:1.7vw;
  }
}
@media screen and (max-width:980px){
  .news .block2 p{font-size:1.38vw;}
}
@media screen and (max-width:750px){
  .news{margin-bottom:120px;}
  .news .wrap{padding:150px 0 140px;}
  .news .block{
    display: block;
    justify-content: normal;
    width:100%;
    margin-bottom:70px;
  }
  .news h2{
    width:100%;
    margin-bottom:90px;
    text-align:center;
  }
  .news h2 .en{
    font-size:116px;
  }
  .news h2 .jp{
    font-size:60px;
  }
  .news .wrap-topics{
    width:100%;
  }
  .news .wrap-topics .topics{
    width:100%;
    max-height:1330px;
  }
  .news .wrap-topics .topics dl{
    padding:40px 30px;
  }
  .news .wrap-topics .topics dl dt{
    font-size:36px;
  }
  .news .wrap-topics .topics dl dd{
    font-size:36px;
  }
  .news .wrap-topics .topics dl dd a{
    transition:none;
  }
  .news .wrap-topics .topics dl dd a:hover{
    color:var(--lead-grey);
  }

  .news .link-news{
    justify-content: center;
    margin:0;
    text-align:center;
  }
  .news .link-news a{
    font-size:32px;
  }
  .news .link-news a:after{
    width:28px;
    height:28px;
    margin-left:8px;
  }
  .news .link-news a:hover{
    border-bottom-color:rgba(0, 95, 204, 0);
  }

  /*  */
  .news .block2{
    padding:30px 30px;
  }
  .news .block2 p{
    font-size:24px;
    line-height:1.5;
  }
}
/* スライダー
--------------------------------------- */
.gallery{}
.gallery .wrap,
.gallery .inner{width:100%;}
.gallery ul{}
.gallery ul li{
  width:calc(33.333% - 5px);
  max-width:490px;
  margin-right:5px;
}
@media screen and (max-width:750px){
  .gallery ul li{
    width:250px;
    margin-right:10px;
  }
}

/* 診療拠点
--------------------------------------- */
.base{}
.base .wrap{
  padding:150px 0 140px;
}
.base .inner{}
.base h2{
  font-size:54px;
  font-weight:700;
  line-height:1.5;
  color:var(--main-blue);
}
.base .block{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width:100%;
  margin:0 auto 120px;
}
.base .block .dtl{
  width:530px;
  margin-top:60px;
  font-size:20px;
  line-height:1.7;
  letter-spacing:0.05em;
}
.base .block .img{
  width:570px;
  margin-top:-90px;
}
.base .block2{
  width:950px;
  margin:auto;
  padding:30px 50px;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.base .block2 ul{
  font-size:20px;
  line-height:1.8;
}
.base .block2 ul li{}
.base .block2 ul li span{
  font-size:24px;
  font-weight:700;
  color:var(--main-blue);
  border-bottom:4px solid var(--yellow);
}
@media screen and (max-width:1217px){
  .base .wrap{
    padding:7.5vw 0 7vw;
  }
  .base h2{
    position:relative;
    margin-left:3vw;
    font-size:4.437vw;
    z-index:1;
  }
  .base .block{
    width:94%;
    gap:0 4.2vw;
    margin-bottom:9.860vw;
  }
  .base .block .dtl{
    font-size:1.643vw;
  }
  .base .block2{
    width:78.060vw;
  }
  .base .block2 ul{
    font-size:1.643vw;
  }
  .base .block2 ul li span{
    font-size:1.972vw;
  }
}
@media screen and (max-width:750px){
  .base .wrap{
    padding:120px 0 90px;
  }
  .base h2{
    font-size:52px;
    text-align:center;
  }
  .base .block{
    display: block;
    justify-content: normal;
    gap:0;
    margin-bottom:120px;
  }
  .base .block .dtl{
    width:100%;
    margin:0 auto 70px;
    font-size:36px;
  }
  .base .block .img{
    width:600px;
    margin:auto;
  }
  .base .block2{
    width:100%;
    padding:30px 30px;
  }
  .base .block2 ul{
    font-size:28px;
  line-height:1.8;
  }
  .base .block2 ul li span{
    display: block;
    font-size:32px;
    border-bottom-width:3px;
  }
}

/* 系列
--------------------------------------- */
.nippori-group{}
.nippori-group .wrap{padding:0 0 140px;}
.nippori-group .inner{
  width:1300px;
}
.nippori-group ul.link{
  display: flex;
  justify-content: space-between;
  gap:24px;
}
.nippori-group ul.link li{
  width:307px;
}
.nippori-group ul.link li a{
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:70px;
  font-size:22.84px;
  font-weight:700;
  color:#fff;
  background-color:var(--main-blue);
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.nippori-group ul.link li a:after{
  content:'';
  display:inline-block;
  width:24px;
  height:24px;
  margin-top:5px;
  margin-left:5px;
  background:url(../images/home/icon_arrow.png) 0 0 no-repeat;
  background-size:contain;
}
.nippori-group ul.link li a{transition:opacity 300ms;}
.nippori-group ul.link li a:hover{opacity:0.7;}
@media screen and (max-width:1317px){
  .nippori-group .wrap{padding:0 0 10vw;}
  .nippori-group .inner{
    width:92%;
  }
  .nippori-group ul.link{
    gap:0 1.822vw;
  }
  .nippori-group ul.link li a{
    font-size:1.746vw;
  }
}
@media screen and (max-width:980px){
  .nippori-group ul.link li a{
    font-size:1.6vw;
  }
}
@media screen and (max-width:750px){
  .nippori-group .wrap{padding:0 0 110px;}
  .nippori-group .inner{
    width:670px;
  }
  .nippori-group ul.link{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap:50px 0;
  }
  .nippori-group ul.link li{
    width:100%;
  }
  .nippori-group ul.link li a{
    height:100px;
    font-size:32px;
    box-shadow: 0 0 8px rgba(0,0,0,0.4);
  }
  .nippori-group ul.link li a:after{
    width:32px;
    height:32px;
    margin-left:8px;
  }
  .nippori-group ul.link li a{transition:none;}
  .nippori-group ul.link li a:hover{opacity:1;}
}

/* 
--------------------------------------- */
.btm-info{background-color:#f5f8f9;}
.btm-info .wrap{padding:80px 0 60px;}
.btm-info .inner{}
.btm-info .block{
  display: flex;
  justify-content: space-between;
  gap:0 50px;
  width:1170px;
  margin:0 auto 30px;
}
/*  */
.btm-info .box-l{
  width:580px;
}
.btm-info .box-l .logo{
  margin-bottom:40px;
}
.btm-info .box-l .add{
  font-size:18px;
  font-weight:700;
  line-height:1.6;
}
/*  */
.btm-info .box-r{
  width:540px;
}
.btm-info .box-r table{
  width:100%;
  margin-bottom:20px;
  text-align:center;
}
.btm-info .box-r table th,
.btm-info .box-r table td{
  padding:10px 2px;
  white-space:nowrap;
  vertical-align:middle;
  border-bottom:1px solid var(--lead-grey);
}
.btm-info .box-r table thead{
  font-size:18px;
  font-weight:700;
}
.btm-info .box-r table tbody th{
padding-right:1.0em;
  width:30%;
  font-family: "Heebo", sans-serif;
  font-size:24px;
  font-weight:500;
  text-align:right;
}
.btm-info .box-r table tbody td{
  width:8%;
  font-size:22px;
}
.btm-info .box-r .info{
  display: flex;
  justify-content: space-between;
  width:520px;
  margin:auto;
}
.btm-info .box-r .info ul.attent{
  width:370px;
  font-size:14px;
  line-height:1.5;
  padding-left:1.0em;
  text-indent:-1.0em;
}
.btm-info .box-r .info .attent2{
  width:138px;
}
.btm-info .box-r .info .attent2 .tx1,
.btm-info .box-r .info .attent2 .tx2{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding:4px;
  font-size:18px;
  font-weight:700;
  line-height:1.5;
  color:#fff;
  text-align:center;
  background-color:var(--lead-grey);
  border-radius:6px;
}
.btm-info .box-r .info .attent2 .tx1{margin-bottom:10px;}
@media screen and (max-width:1217px){
  .btm-info .block{
    gap:0 4.108vw;
    width:94%;
  }
  .btm-info .box-l{
    width:49.572%;
  }
  .btm-info .box-l .add{
    font-size:1.479vw;
  }

  .btm-info .box-r{
    width:46.153%;
  }

  .btm-info .box-r table thead{
    font-size:1.479vw;
  }
  .btm-info .box-r table tbody th{
    font-size:1.972vw;
  }
  .btm-info .box-r table tbody td{
    font-size:1.807vw;
  }
  .btm-info .box-r .info{
    width:96.296%;
  }
  .btm-info .box-r .info ul.attent{
    width:72%;
    font-size:1.150vw;
  }
  .btm-info .box-r .info .attent2{
    width:26%;
  }
  .btm-info .box-r .info .attent2 .tx1,
  .btm-info .box-r .info .attent2 .tx2{
    font-size:1.479vw;
  }
}
@media screen and (max-width:980px){
  .btm-info .box-r .info ul.attent{
    font-size:1.38vw;
  }
  .btm-info .box-r .info ul.attent br.pc{display:none;}
  .btm-info .box-r .info .attent2 .tx1,
  .btm-info .box-r .info .attent2 .tx2{
    font-size:1.36vw;
  }
}
@media screen and (max-width:750px){
  .btm-info .wrap{padding:100px 0 30px;}
  .btm-info .block{
    display: block;
    justify-content: normal;
    gap:0;
    width:100%;
    margin-bottom:0;
  }
/*  */
  .btm-info .box-l{
    width:100%;
    margin-bottom:30px;
  }
  .btm-info .box-l .logo{
    margin-bottom:40px;
  }
  .btm-info .box-l .add{
    font-size:24px;
    line-height:1.7;
    text-align:center;
  }
/*  */
  .btm-info .box-r{
    width:100%;
  }
  .btm-info .box-r table thead{
    font-size:24px;
  }
  .btm-info .box-r table tbody th{
    padding-right:0;
    width:23%;
    font-size:32px;
  }
  .btm-info .box-r table tbody td{
    width:11%;
    font-size:32px;
  }
  .btm-info .box-r .info{
    position:relative;
    display: block;
    justify-content: none;
    width:100%;
  }
  .btm-info .box-r .info ul.attent{
    width:100%;
    font-size:24px;
  }
  .btm-info .box-r .info .attent2{
    position:absolute;
    bottom:0;
    right:0;
    width:150px;
  }
  .btm-info .box-r .info .attent2 .tx1{display:none;}
  .btm-info .box-r .info .attent2 .tx2{
    padding:8px 4px;
    font-size:28px;
  }
}

/*  */
.btm-info .link-wrap{
  width:1170px;
  margin:0 auto;
}
.btm-info .link-wrap ul{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap:15px;
}
.btm-info .link-wrap ul li{
  width:380px;
  aspect-ratio:380 / 90;
}
.btm-info .link-wrap ul li a{
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100%;
  font-size:28px;
  font-weight:700;
  color:var(--main-blue);
  border:2px solid var(--main-blue);
  border-radius:15px;
    background-color:var(--peil-blue);
  background-color:#f5f8f9;
  transition:background-color 300ms;
}
.btm-info .link-wrap ul li a:hover{
  background-color:#fff;
}
.btm-info .link-wrap ul li:nth-of-type(1) a img{
  width:46px;
  margin-right:14px;
}
.btm-info .link-wrap ul li:nth-of-type(2) a img{
  width:32px;
  margin-right:18px;
}
.btm-info .link-wrap ul li:nth-of-type(3) a{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  font-size:16px;
}
.btm-info .link-wrap ul li:nth-of-type(3) a .tel{
  display:block;
  margin-top:0.4em;
  font-family:"Heebo", sans-serif;
  font-optical-sizing:auto;
  font-size:30.24px;
  font-weight:500;
}
@media screen and (max-width:1217px){
  .btm-info .link-wrap{
    width:94%;
  }
  .btm-info .link-wrap ul{
    gap:2vw;
  }
  .btm-info .link-wrap ul li{
    width:32vw;
  }
  .btm-info .link-wrap ul li a{
    font-size:2.3vw;
  }
  .btm-info .link-wrap ul li:nth-of-type(1) a img{
    width:3.7vw;
    margin-right:1.1vw;
  }
  .btm-info .link-wrap ul li:nth-of-type(2) a img{
    width:2.6vw;
    margin-right:1.8vw;
  }
  .btm-info .link-wrap ul li:nth-of-type(3) a{
    font-size:1.4vw;
  }
  .btm-info .link-wrap ul li:nth-of-type(3) a .tel{
  margin-top:0.4em;
    font-size:2.4vw;
  }
}
@media screen and (max-width:980px){}
@media screen and (max-width:750px){
  .btm-info .link-wrap{display:none;}
}

/* ナビ
--------------------------------------- */
.btm-navi{background-color:var(--main-blue);}
.btm-navi .wrap{}
.btm-navi .wrap-navi{}
.btm-navi .wrap-navi ul{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width:90%;
  max-width:850px;
  height:50px;
  margin:auto;
}
.btm-navi .wrap-navi ul li{}
.btm-navi .wrap-navi ul li a{
  display:block;
  height:26px;
  font-weight:700;
  color:#fff;
}
.btm-navi .wrap-navi ul li.drop-down{
  position:relative;
  display:block;
  cursor:pointer;
}
.btm-navi .wrap-navi ul li.drop-down span{
  display:block;
  height:26px;
  font-weight:700;
  color:#fff;
}
.btm-navi .wrap-navi ul li.drop-down ul.low{
  display:none;
  position:absolute;
  top:26px;
  left:0;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width:110%;
  margin-left:-5%;
  z-index:1;
}
.btm-navi .wrap-navi ul li.drop-down ul.low li{
  width:100%;
  height:32px;
}
.btm-navi .wrap-navi ul li.drop-down ul.low li a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100%;
  text-align:center;
  background-color:var(--main-blue);
}
.btm-navi .wrap-navi ul li a:hover{text-decoration:underline;}
@media screen and (max-width:980px){
  .btm-navi .wrap-navi ul{
    width:70%;
    max-width:initial;
  }
  .btm-navi .wrap-navi ul li a,
  .btm-navi .wrap-navi ul li.drop-down span{
    height:1.8vw;
    font-size:1.5vw;
  }
  .btm-navi .wrap-navi ul li.drop-down ul.low{
    top:1.8vw;
  }
}
@media screen and (max-width:750px){
  .btm-navi .wrap{padding:40px;}
  .btm-navi .wrap-navi ul{
    display:block;
    width:100%;
    height:auto;
  }
  .btm-navi .wrap-navi ul li a{
    display:block;
    height:initial;
    padding:0.5em 0;
    padding-left:200px;
    font-size:32px;
  }
  .btm-navi .wrap-navi ul li.drop-down ul.low li{
    height:initial;
  }
  .btm-navi .wrap-navi ul li.drop-down{
    position:static;
  }
  .btm-navi .wrap-navi ul li.drop-down span{
    margin:0.2em 0 1.0em;
    padding-left:200px;
    font-size:32px;
  }
  .btm-navi .wrap-navi ul li.drop-down ul.low{
    position:static;
    display:block;
    flex-direction: normal;
    flex-wrap:normal;
    justify-content:normal;
    align-items:normal;
    width:100%;
    margin-left:0;
  }
  .btm-navi .wrap-navi ul li.drop-down ul.low li{
    height:initial;
  }
  .btm-navi .wrap-navi ul li.drop-down ul.low li a{
    display: block;
    flex-direction:normal;
    justify-content:normal;
    align-items:normal;
    height:initial;
    padding-left:calc(200px + 1.0em);
    font-size:32px;
    text-align:left;
  }
  .btm-navi .wrap-navi ul li a:hover{text-decoration:none;}
}

/* 
--------------------------------------- */
.btm-banners{}
.btm-banners .wrap{padding:30px 0 30px;}
.btm-banners .inner{width:1300px;}
.btm-banners ul.banner{
  display: flex;
  justify-content: space-between;
  gap:0 16px;
}
.btm-banners ul.banner li{width:247px;}
.btm-banners ul.banner li a{transition:opacity 300ms;}
.btm-banners ul.banner li a:hover{opacity:0.7;}
@media screen and (max-width:1317px){
  .btm-banners .inner{width:92%;}
}
@media screen and (max-width:750px){
  .btm-banners .wrap{padding:60px 0 10px;}
  .btm-banners .inner{width:676px;}
  .btm-banners ul.banner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    gap:16px;
  }
  .btm-banners ul.banner li{width:330px;}
  .btm-banners ul.banner li a{transition:none;}
  .btm-banners ul.banner li a:hover{opacity:1;}
}

/* 汎用
--------------------------------------- */
/* clearfix */
.cf{display:block;}
.cf:after,.cf:before{content:'';display:block;clear:both;}
@media screen and (max-width:750px){
  .sp-cf{display:block;}
  .sp-cf:after,.sp-cf:before{content:'';display:block;clear:both;}
}
/* display */
.disable{display:none;}
.hidden{visibility:hidden;}
.pc{display:block;}
.sp{display:none;}
.pc-visible{display:inline;}
.sp-visible{display:none;}
@media screen and (max-width:750px){
  .pc{display:none;}
  .sp{display:block;}
  .pc-visible{display:none;}
  .sp-visible{display:inline;}
}
/* font - size(base:18px) */
.sml{font-size:0.889em  !important;} /* 16px */
.sml2{font-size:0.833em !important;} /* 15px */
.sml3{font-size:0.778em !important;} /* 14px */
.sml4{font-size:0.722em !important;} /* 13px */
.sml5{font-size:0.667em !important;} /* 12px */
.big{font-size:1.112em  !important;} /* 20px */
.big2{font-size:1.167em !important;} /* 21px */
.big3{font-size:1.222em !important;} /* 22px */
.big4{font-size:1.333em !important;} /* 24px */
/* text */
.normal,.n{font-weight:400 !important;}
.bold,b,.b{font-weight:700 !important;}
.underline{text-decoration:underline;}
.nowrap{white-space:nowrap;}
sup{font-size:0.75em !important;vertical-align:top;}
sub{font-size:0.75em !important;vertical-align:baseline;}
.sup{font-size:0.75em !important;vertical-align:top;position:relative;top:-0.1em;}
/* indent 0.5-1.5(step:0.5em) */
.ind5{text-hangent:0.5em;} .ind10{text-hangent:1.0em;} .ind15{text-hangent:1.5em;}
/* font - hanging indent 0.5-4.0(step:0.5em) */
.hang5{padding-left:0.5em;text-hangent:-0.5em;}
.hang10{padding-left:1.0em;text-hangent:-1.0em;} .hang15{padding-left:1.5em;text-hangent:-1.5em;}
.hang20{padding-left:2.0em;text-hangent:-2.0em;} .hang25{padding-left:2.5em;text-hangent:-2.5em;}
.hang30{padding-left:3.0em;text-hangent:-3.0em;} .hang40{padding-left:4.0em;text-hangent:-4.0em;}
/* line-height 1.0-2.0 */
.lh10{line-height:1.0 !important;} .lh11{line-height:1.1 !important;} .lh12{line-height:1.2 !important;} .lh13{line-height:1.3 !important;} .lh14{line-height:1.4 !important;}
.lh15{line-height:1.5 !important;} .lh16{line-height:1.6 !important;} .lh17{line-height:1.7 !important;} .lh18{line-height:1.8 !important;} .lh19{line-height:1.9 !important;} .lh20{line-height:2.0 !important;}
/* layout - edge center */
.left{text-align:left !important;}
.right{text-align:right !important;}
.center,.sp-left,.sp-right{text-align:center !important;}
@media screen and (max-width:750px){
  .sp-left{text-align:left !important;}
  .sp-right{text-align:right !important;}
  .sp-center,.left,.right{text-align:center !important;}
}
/* layout - float */
.fl, .pc-fl{float:left;}
.fr, .pc-fr{float:right;}
@media screen and (max-width:750px){
  .pc-fl, .pc-fr{float:none;margin-left:auto;margin-right:auto;}
  .sp-fl{float:left;} .sp-fr{float:right;}
}
/* layout - flex row */
.flex-edge{display:flex;justify-content:space-between;}
.flex-center-top{display:flex;justify-content:center;align-items:flex-start;}
.flex-center-center{display:flex;justify-content:center;align-items:center;}
@media screen and (max-width:750px){
  .flex-edge, .flex-center-top, .flex-center-center{display:block;justify-content:normal;align-items:normal;}
}
/* layout - width 1-100(step:1)*/
.w100{width:100%;}.w1{width:1%;}   .w2{width:2%;}   .w3{width:3%;}   .w4{width:4%;}   .w5{width:5%;}   .w6{width:6%;}   .w7{width:7%;}   .w8{width:8%;}   .w9{width:9%;}
.w10{width:10%;} .w11{width:11%;} .w12{width:12%;} .w13{width:13%;} .w14{width:14%;} .w15{width:15%;} .w16{width:16%;} .w17{width:17%;} .w18{width:18%;} .w19{width:19%;}
.w20{width:20%;} .w21{width:21%;} .w22{width:22%;} .w23{width:23%;} .w24{width:24%;} .w25{width:25%;} .w26{width:26%;} .w27{width:27%;} .w28{width:28%;} .w29{width:29%;}
.w30{width:30%;} .w31{width:31%;} .w32{width:32%;} .w33{width:33%;} .w34{width:34%;} .w35{width:35%;} .w36{width:36%;} .w37{width:37%;} .w38{width:38%;} .w39{width:39%;}
.w40{width:40%;} .w41{width:41%;} .w42{width:42%;} .w43{width:43%;} .w44{width:44%;} .w45{width:45%;} .w46{width:46%;} .w47{width:47%;} .w48{width:48%;} .w49{width:49%;}
.w50{width:50%;} .w51{width:51%;} .w52{width:52%;} .w53{width:53%;} .w54{width:54%;} .w55{width:55%;} .w56{width:56%;} .w57{width:57%;} .w58{width:58%;} .w59{width:59%;}
.w60{width:60%;} .w61{width:61%;} .w62{width:62%;} .w63{width:63%;} .w64{width:64%;} .w65{width:65%;} .w66{width:66%;} .w67{width:67%;} .w68{width:68%;} .w69{width:69%;}
.w70{width:70%;} .w71{width:71%;} .w72{width:72%;} .w73{width:73%;} .w74{width:74%;} .w75{width:75%;} .w76{width:76%;} .w77{width:77%;} .w78{width:78%;} .w79{width:79%;}
.w80{width:80%;} .w81{width:81%;} .w82{width:82%;} .w83{width:83%;} .w84{width:84%;} .w85{width:85%;} .w86{width:86%;} .w87{width:87%;} .w88{width:88%;} .w89{width:89%;}
.w90{width:90%;} .w91{width:91%;} .w92{width:92%;} .w93{width:93%;} .w94{width:94%;} .w95{width:95%;} .w96{width:96%;} .w97{width:97%;} .w98{width:98%;} .w99{width:99%;}
@media screen and (max-width:750px){
  .w100, .w1,  .w2,  .w3,  .w4,  .w5,  .w6,  .w7,  .w8,  .w9, .w10, .w11, .w12, .w13, .w14, .w15, .w16, .w17, .w18, .w19,
  .w20, .w21, .w22, .w23, .w24, .w25, .w26, .w27, .w28, .w29, .w30, .w31, .w32, .w33, .w34, .w35, .w36, .w37, .w38, .w39,
  .w40, .w41, .w42, .w43, .w44, .w45, .w46, .w47, .w48, .w49, .w50, .w51, .w52, .w53, .w54, .w55, .w56, .w57, .w58, .w59,
  .w60, .w61, .w62, .w63, .w64, .w65, .w66, .w67, .w68, .w69, .w70, .w71, .w72, .w73, .w74, .w75, .w76, .w77, .w78, .w79,
  .w80, .w81, .w82, .w83, .w84, .w85, .w86, .w87, .w88, .w89, .w90, .w91, .w92, .w93, .w94, .w95, .w96, .w97, .w98, .w99{width:100%;}
}
@media screen and (max-width:750px){
  .sp-w100{width:100% !important;}.sp-w1{width:1% !important;}   .sp-w2{width:2% !important;}   .sp-w3{width:3% !important;}   .sp-w4{width:4% !important;}   .sp-w5{width:5% !important;}   .sp-w6{width:6% !important;}   .sp-w7{width:7% !important;}   .sp-w8{width:8% !important;}   .sp-w9{width:9% !important;}
  .sp-w10{width:10% !important;} .sp-w11{width:11% !important;} .sp-w12{width:12% !important;} .sp-w13{width:13% !important;} .sp-w14{width:14% !important;} .sp-w15{width:15% !important;} .sp-w16{width:16% !important;} .sp-w17{width:17% !important;} .sp-w18{width:18% !important;} .sp-w19{width:19% !important;}
  .sp-w20{width:20% !important;} .sp-w21{width:21% !important;} .sp-w22{width:22% !important;} .sp-w23{width:23% !important;} .sp-w24{width:24% !important;} .sp-w25{width:25% !important;} .sp-w26{width:26% !important;} .sp-w27{width:27% !important;} .sp-w28{width:28% !important;} .sp-w29{width:29% !important;}
  .sp-w30{width:30% !important;} .sp-w31{width:31% !important;} .sp-w32{width:32% !important;} .sp-w33{width:33% !important;} .sp-w34{width:34% !important;} .sp-w35{width:35% !important;} .sp-w36{width:36% !important;} .sp-w37{width:37% !important;} .sp-w38{width:38% !important;} .sp-w39{width:39% !important;}
  .sp-w40{width:40% !important;} .sp-w41{width:41% !important;} .sp-w42{width:42% !important;} .sp-w43{width:43% !important;} .sp-w44{width:44% !important;} .sp-w45{width:45% !important;} .sp-w46{width:46% !important;} .sp-w47{width:47% !important;} .sp-w48{width:48% !important;} .sp-w49{width:49% !important;}
  .sp-w50{width:50% !important;} .sp-w51{width:51% !important;} .sp-w52{width:52% !important;} .sp-w53{width:53% !important;} .sp-w54{width:54% !important;} .sp-w55{width:55% !important;} .sp-w56{width:56% !important;} .sp-w57{width:57% !important;} .sp-w58{width:58% !important;} .sp-w59{width:59% !important;}
  .sp-w60{width:60% !important;} .sp-w61{width:61% !important;} .sp-w62{width:62% !important;} .sp-w63{width:63% !important;} .sp-w64{width:64% !important;} .sp-w65{width:65% !important;} .sp-w66{width:66% !important;} .sp-w67{width:67% !important;} .sp-w68{width:68% !important;} .sp-w69{width:69% !important;}
  .sp-w70{width:70% !important;} .sp-w71{width:71% !important;} .sp-w72{width:72% !important;} .sp-w73{width:73% !important;} .sp-w74{width:74% !important;} .sp-w75{width:75% !important;} .sp-w76{width:76% !important;} .sp-w77{width:77% !important;} .sp-w78{width:78% !important;} .sp-w79{width:79% !important;}
  .sp-w80{width:80% !important;} .sp-w81{width:81% !important;} .sp-w82{width:82% !important;} .sp-w83{width:83% !important;} .sp-w84{width:84% !important;} .sp-w85{width:85% !important;} .sp-w86{width:86% !important;} .sp-w87{width:87% !important;} .sp-w88{width:88% !important;} .sp-w89{width:89% !important;}
  .sp-w90{width:90% !important;} .sp-w91{width:91% !important;} .sp-w92{width:92% !important;} .sp-w93{width:93% !important;} .sp-w94{width:94% !important;} .sp-w95{width:95% !important;} .sp-w96{width:96% !important;} .sp-w97{width:97% !important;} .sp-w98{width:98% !important;} .sp-w99{width:99% !important;}
}
.wTri{width:33.13%;} .wQuart{width:24.8%;} .wHalf{width:49.8%;} .wWide{width:66.46%;} .wFull{width:99.8%;}
/* layout - margin 0-120(step:10px) */
.mt0{margin-top:0px !important;} .mt10{margin-top:10px !important;} .mt20{margin-top:20px !important;} .mt30{margin-top:30px !important;} .mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;} .mt60{margin-top:60px !important;} .mt70{margin-top:70px !important;} .mt80{margin-top:80px !important;} .mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;} .mt110{margin-top:110px !important;} .mt120{margin-top:120px !important;}
.mr0{margin-right:0px !important;} .mr10{margin-right:10px !important;} .mr20{margin-right:20px !important;} .mr30{margin-right:30px !important;} .mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;} .mr60{margin-right:60px !important;} .mr70{margin-right:70px !important;} .mr80{margin-right:80px !important;} .mr90{margin-right:90px !important;}
.mr100{margin-right:100px !important;} .mr110{margin-right:110px !important;} .mr120{margin-right:120px !important;}
.mb0{margin-bottom:0px !important;}  .mb10{margin-bottom:10px !important;} .mb20{margin-bottom:20px !important;} .mb30{margin-bottom:30px !important;} .mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;} .mb60{margin-bottom:60px !important;} .mb70{margin-bottom:70px !important;} .mb80{margin-bottom:80px !important;} .mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;} .mb110{margin-bottom:110px !important;} .mb120{margin-bottom:120px !important;}
.ml0{margin-left:0px !important;} .ml10{margin-left:10px !important;} .ml20{margin-left:20px !important;} .ml30{margin-left:30px !important;} .ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;} .ml60{margin-left:60px !important;} .ml70{margin-left:70px !important;} .ml80{margin-left:80px !important;} .ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;} .ml110{margin-left:110px !important;} .ml120{margin-left:120px !important;}
.m-center{margin-left:auto;margin-right:auto;}
@media screen and (max-width:750px){
  .mt10{margin-top:1vw !important;} .mt20{margin-top:2vw !important;} .mt30{margin-top:3vw !important;} .mt40{margin-top:4vw !important;}
  .mt50{margin-top:5vw !important;} .mt60{margin-top:6vw !important;} .mt70{margin-top:7vw !important;} .mt80{margin-top:8vw !important;} .mt90{margin-top:9vw !important;}
  .mt100{margin-top:10vw !important;} .mt110{margin-top:11vw !important;} .mt120{margin-top:12vw !important;}
  .mr10{margin-right:1vw !important;} .mr20{margin-right:2vw !important;} .mr30{margin-right:3vw !important;} .mr40{margin-right:4vw !important;}
  .mr50{margin-right:5vw !important;} .mr60{margin-right:6vw !important;} .mr70{margin-right:7vw !important;} .mr80{margin-right:8vw !important;} .mr90{margin-right:9vw !important;}
  .mr100{margin-right:10vw !important;} .mr110{margin-right:11vw !important;} .mr120{margin-right:12vw !important;}
  .mb10{margin-bottom:1vw !important;} .mb20{margin-bottom:2vw !important;} .mb30{margin-bottom:3vw !important;} .mb40{margin-bottom:4vw !important;}
  .mb50{margin-bottom:5vw !important;} .mb60{margin-bottom:6vw !important;} .mb70{margin-bottom:7vw !important;} .mb80{margin-bottom:8vw !important;} .mb90{margin-bottom:9vw !important;}
  .mb100{margin-bottom:10vw !important;} .mb110{margin-bottom:11vw !important;} .mb120{margin-bottom:12vw !important;}
  .ml10{margin-left:1vw !important;} .ml20{margin-left:2vw !important;} .ml30{margin-left:3vw !important;} .ml40{margin-left:4vw !important;}
  .ml50{margin-left:5vw !important;} .ml60{margin-left:6vw !important;} .ml70{margin-left:7vw !important;} .ml80{margin-left:8vw !important;} .ml90{margin-left:9vw !important;}
  .ml100{margin-left:10vw !important;} .ml110{margin-left:11vw !important;} .ml120{margin-left:12vw !important;}
}
/* layout - margin 0.5-2.0(step0.5em) */
.mt5em{margin-top:0.5em;} .mr5em{margin-right:0.5em;} .mb5em{margin-bottom:0.5em;} .ml5em{margin-left:0.5em;}
.mt10em{margin-top:1.0em;} .mr10em{margin-right:1.0em;} .mb10em{margin-bottom:1.0em;} .ml10em{margin-left:1.0em;}
.mt15em{margin-top:1.5em;} .mr15em{margin-right:1.5em;} .mb15em{margin-bottom:1.5em;} .ml15em{margin-left:1.5em;}
.mt20em{margin-top:2.0em;} .mr20em{margin-right:2.0em;} .mb20em{margin-bottom:2.0em;} .ml20em{margin-left:2.0em;}
/* color */
.wt{color:#fff;}/*white*/
.bg-wt{background-color:rgba(255,255,255,1.0);}
.bk{color:#000;}/*black*/
.bg-bk{background-color:rgba(0,0,0,1.0);}
.gy{color#efefef;}/*gray*/
.bg-gy{background-color:rgba(239,239,239,1.0);}
.rd{color:#f00000;}/*red*/
.bg-rd{background-color:rgba(240,0,0,1.0);}
.bl{color:#0000f0;}/*blue*/
.bg-bl{background-color:rgba(0,0,240,1.0);}
/* brand-color */
.main-blue{color:#005fcc;}
.bg-main-blue{background-color:#005fcc;}
.peil-blue{color:#eaeff2;}
.bg-peil-blue{background-color:#eaeff2;}
.steel-blue{color:#528ca3;}
.bg-steel-blue{background-color:#528ca3;}
.lead-grey{color:#4c4948;}
.bg-lead-grey{background-color:#4c4948;}
.yellow{color:#fff100;}
.bg-yellow{background-color:#fff100;}
.red{color:#c30d23;}
.bg-red{background-color:#c30d23;}



/* news一覧*/
.news .link-news{display:none;}
/* 執刀医 */
.day .ope-guide{display:none;}
/* 患者様へ */
.day .topatients{display:none;}
/* 担当医表 */
.features .schedule .time-table .info .btn-tanto{display:none;}
/* チャットボット - common.jsの変更も必要*/
#chatbot-wrap{display:none;}
/* web/line予約 */
.sp-reserve{display:none;}
.features .schedule .time-table .link-wrap,
.btm-info .link-wrap{display:none;}
/*緑内障手術リンク*/
#header .info .pc-navi ul li.drop-down ul.low li:first-child{display:none;}
.sp-hd-navi .wrap-navi ul.lv2 li:first-child{display:none;}
.btm-navi .wrap-navi ul li.drop-down ul.low li:first-child{display:none;}
.ope-guide .box-link ul li:first-child{display:none;}
.medical .ope-guide .box-link ul li a{width:420px !important;}

/* 医師紹介、アクセスページの各当該箇所はコメント化か削除で対応 */