@charset "UTF-8";
/*------------------------------------------------------------*/
/* title */
#pagetitle{
  min-height: 250px;
  background: url(../img/title_img/bg_reform.jpg) no-repeat 85% top;
  background-size: cover;
}

@media print,
  screen and (min-width:768px) {
#pagetitle{
  background: url(../img/title_img/bg_reform.jpg) no-repeat center top;
  background-size: cover;
}
}


/* reform_intro */
#reform_intro {
  min-height: 586px;
  background: url(../img/reform_img/bg_reform_intro.jpg) no-repeat center top;
  background-size: cover;
  color: #fff;
  position: relative;
}
#reform_intro.section{
  padding-bottom: 0;
}
#reform_intro h2 {
  color: #fff;
}

#reform_intro h2::before {
  background: #fff;
}

#reform_intro .intro_em {
  margin-top: 2em;
  margin-bottom: 2em;
  border-color: #f0dcc1;
}

#reform_intro em {
  color: #f0dcc1;
}

#reform_intro #pankuzu a {
  color: #e5e5e5;
}
#reform_intro dl::before{
  content: "";
  display: block;
  position: absolute;
  left: 50%;
     -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
  bottom: 0;
    height:130px;
    width:260px;
    border-radius:260px 260px 0 0;
    background:rgba(255,255,255,0.2);
  z-index: -1;
}
#reform_intro dl{
  padding-bottom: 20px;
  position: relative;
  z-index: 10;
}

    #reform_intro dl dt{
      position: relative;
      top: 1em;
      font-size: 20px;
    }
    #reform_intro dl dd{
      position: relative;
      top:2em;
      padding-bottom: 30px;
    }
@media print,
  screen and (min-width:768px) {

#reform_intro dl::before{
  content: "";
  display: block;
  position: absolute;
  left: 50%;
     -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
  top: 50%;
  bottom: inherit;
    height:200px;
    width:400px;
    border-radius:500px 500px 0 0;
    background:rgba(255,255,255,0.2);
  z-index: -1;
}
#reform_intro dl{
    padding-bottom: 0;
  position: relative;
  z-index: 10;
}
    #reform_intro dl dt{
      position: relative;
      top: 3em;
      font-size: 20px;
    }
    #reform_intro dl dd{
      position: relative;
      top:5em;
    }
}


@media (orientation: landscape) and (max-width: 767px){

#reform_intro dl{
  padding-bottom: 40px;
  }

}
.flow_ul {}

.flow_ul > li {
  margin-bottom: 50px;
  min-height:200px;
  color: #fff;
  position: relative;
}

.flow_ul > li:not(:last-of-type)::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 105%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 30px solid transparent;
  border-top-color: #a7a37e;
}

.f_step01 {
  background: url(../img/reform_img/bg_flow01.png) no-repeat 5% center #1e2638;
  background-size: cover;
}

.f_step02 {
  background: url(../img/reform_img/bg_flow02.png) no-repeat 5% center #1e2638;
  background-size: cover;
}

.f_step03 {
  background: url(../img/reform_img/bg_flow03.png) no-repeat 5% center #1e2638;
  background-size: cover;
}

.f_step04 {
  background: url(../img/reform_img/bg_flow04.png) no-repeat 5% center #1e2638;
  background-size: cover;
}


.in_step {
  padding-bottom: 20px;
}

.in_step dl {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 1em;
  padding: 10px 20px;
}

.in_step dl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 90px solid #4b4e56;
  border-right: 90px solid transparent;
  z-index: 0;
}

.in_step dt {
  margin-right: 1em;
  font-size: 26px;
  z-index: 10;
}

.in_step dt .num_tx {
  margin-left: 0.2em;
  font-size: 36px;
}

.in_step dd {
  font-size: 20px;
}

.in_step .in_tx_area {
  padding: 0 20px;
}

.in_step ul {}

.in_step ul li {
  display: inline-block;
  margin-right: 2em;
  vertical-align: middle;
}

.in_step ul li .fas {
  font-size: 1.2em;
}

.in_step ul li .tel-link {
  font-family: 'Khand', sans-serif;
  font-size: 30px;
}

.in_step ul li .tel-link a {
  color: #fff;
}

.in_step_mail {
  width: 100%;
  padding: 0.3em 0;
  border-radius: 30px;
  border: 2px solid #fff;
  text-align: center;
}

.in_step_mail a {
  color: #fff;
  text-decoration: none;
}

.in_step_mail:hover {
  opacity: 0.5;
  transition: 0.2s;
}

@media print,
screen and (min-width:768px) {

.f_step01 {
  background: url(../img/reform_img/bg_flow01.png) no-repeat right center #1e2638;
  background-size: auto 100%;
}

.f_step02 {
  background: url(../img/reform_img/bg_flow02.png) no-repeat right center #1e2638;
  background-size: auto 100%;
}

.f_step03 {
  background: url(../img/reform_img/bg_flow03.png) no-repeat right center #1e2638;
  background-size: auto 100%;
}

.f_step04 {
  background: url(../img/reform_img/bg_flow04.png) no-repeat right center #1e2638;
  background-size: auto 100%;
}
  .in_step {
    width: 60%;
  }

  .in_step ul {
    margin-left: 2em;
  }

  .in_step_mail {
    width: auto;
    padding: 0.3em 2em;
  }
}

/* area_info */
#area_info{}
#area_info figure{
  margin-bottom: 10px;
}
.area_info_tx{
  padding: 20px;
  background:rgb(222, 227, 240);
}
.cts_p+.area_info_tx{
  margin-top: -1.5em;
}
@media print,
screen and (min-width:768px) {
  #area_info figure{
    margin-bottom: 0;
  margin-right: 30px;
}
  #area_info .tx_area{
    width: calc(100% - 457px - 30px);
  }
}

.cts_p.pc_disp{
  display: none;
}
.gallery_ph li {
  background:#fff;
}

.gallery_ph li a {
  pointer-events: none;
}

@media print,
screen and (min-width:768px) {
  
.cts_p.pc_disp{
  display: inline-block;
}
  .gallery_ph li a {
    pointer-events: auto;
  }
}