@charset "utf-8";
/*========================================================================================================================


  ◇◆◇ 初めての方へ ◇◆◇
  
  
========================================================================================================================*/
#guide-leadF h3 {
  margin-bottom: 1.5rem;
}
@media print, screen and (min-width:641px) {
  #guide-leadF {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
  }
}
@media screen and (max-width:640px) {
  #guide-leadF {
    padding-top: 2.5rem;
    font-size: 85%;
  }
}
#guide-lead .inner {
  background-color: #ceece9;
  background-image: url("../image/lead_bg.jpg");
  background-repeat: no-repeat;
  text-align: left;
}
#guide-lead h4 b {
  display: inline-block;
  margin-right: 0.75rem;
}
@media print, screen and (min-width:641px) {
  #guide-lead {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  #guide-lead .inner {
    height: 320px;
    padding-left: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: right center;
    background-size: auto 200%;
  }
  #guide-lead h4 {
    line-height: 2.6;
  }
}
@media screen and (max-width:640px) {
  #guide-lead {
    padding: 2.5rem 0 3rem 0;
  }
  #guide-lead .inner {
    font-size: 82%;
    padding: 3rem 6%;
    background-position: right center;
    background-size: contain;
  }
  #guide-lead h4 {
    line-height: 2.4;
  }
  #guide-lead h4 .not-wrap {
    display: block;
  }
}
#guide {
  text-align: left;
}
.guide__photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.guide__photo .col:first-of-type {
  padding-right: 0.5em;
}
.guide__photo .col:last-of-type {
  padding-left: 0.5em;
}
.guide__isogi {
  background-color: #ffffff;
}
.guide__isogi h4 {
  padding-bottom: 1rem;
}
.guide__bnr {
  text-align: center;
}
.guide__bnr img {
  width: 100%;
  max-width: 600px;
}
.ua-pc .guide__bnr img {
  -webkit-transition:opacity 0.2s ease;
  transition:opacity 0.2s ease;
}
.ua-pc .guide__bnr a:hover img { opacity:0.7; }
@media print, screen and (min-width:641px) {
  #guide {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px;
  }
  .guide__photo {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
  }
  .guide__isogi {
    margin-top: 80px;
    padding: 60px;
  }
  .guide__bnr {
    padding-top: 60px;
  }
}
@media screen and (max-width:640px) {
  #guide {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 3rem;
  }
  .guide__photo {
    padding-top: 2.5rem;
  }
  .guide__isogi {
    margin-top: 3rem;
    padding: 2rem 1.75rem;
  }
  .guide__bnr {
    padding-top: 3rem;
  }
}