@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ 手術を受ける方へ ◇◆◇
  
  
========================================================================================================================*/

.guide p:not(:last-child) { padding-bottom:1.25rem; }

@media print,screen and (min-width:641px) {
  .guide {
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
    padding-top:60px;
    padding-bottom:80px;
  }
}

@media screen and (max-width:640px) {
  .guide {
    padding-top:2rem;
    padding-bottom:2.5rem;
    padding-left:1rem;
    padding-right:1rem;
    text-align:left;
  }
}


/*----------------------------------------------------------------------------------------------------

  メニュー
  
----------------------------------------------------------------------------------------------------*/

.opeNav ul {
  list-style:none;
  text-align:left;
  font-family:"NotoSans";
  font-weight:400;
  margin-top:
}

.opeNav li {
  background-color:#fff;
  border-radius:0.5rem;
  padding:1.25rem 0.75rem;
  line-height:1.4;
  box-sizing:border-box;
  -webkit-transition:background 0.2s ease;
  transition:background 0.2s ease;
}

.opeNav li:not(:first-child) {
  margin-top:1rem;
}

.opeNav li a {
  display:block;
  -webkit-transition:color 0.2s ease;
  transition:color 0.2s ease;
}

.opeNav li a,
.opeNav li a:visited,
.opeNav li a:hover { color:#1b69b8; text-decoration:none; }

@media print,screen and (min-width:641px) {
  .opeNav {
    padding-bottom:100px;
  }
    
  .opeNav nav {
    width:980px;
    margin-left:auto;
    margin-right:auto;
    padding:60px 70px;
    background:url(../image/p.png) no-repeat left top;
    background-size:contain;
    background-color:#f5f5f5;
    box-sizing:border-box;
    min-height:360px;
  }
  
  .opeNav ul {
    width:50%;
    float:right;
  }

  .opeNav li:hover {
    background-color:#5596d7;
  }
  
  .opeNav li:hover,
  .opeNav li:hover a { color:#fff; }
  
  .opeNav li:hover a:before { background-image:url(../../image/icon/ar_white.svg) !important; }
  .no-svg .opeNav li:hover a:before { background-image:url(../../image/icon/ar_white.png) !important; }
}

@media screen and (max-width:640px) {
  .opeNav nav {
    background-color:#f5f5f5;
    padding-top:2.5rem;
    padding-bottom:2.5rem;
    padding-left:1rem;
    padding-right:1rem;
  }
  
  .opeNav:before {
    content:"";
    width:100%;
    padding-top:50%;
    display:block;
    background:url(../image/p.png) no-repeat left center;
    background-size:cover;
    background-color:#f5f5f5;
  }
}