/* **********************************
 *  銀山寺について
 * ********************************* */
.pg_about{

}
.pg_about .section#sec1{

}
.pg_about .section#sec2{
  position: relative;
  padding: 30px 0;
  margin-top: 320px;
  margin-bottom: 94px;
  background: url(/img/about/bg01.png) top left;
}
.pg_about .section#sec2:before{
  content: "";
  position: absolute;
  background: url(/img/about/bg01_1.png) no-repeat top center / 100% 20px;
  width: 100%;
  height: 20px;
  top: -19px;
  z-index: -1;
}
.pg_about .section#sec2:after{
  content: "";
  position: absolute;
  background: url(/img/about/bg01_2.png) no-repeat top center / 100% 20px;
  width: 100%;
  height: 20px;
  bottom: -19px;
  z-index: -1;
}
.pg_about .section#sec3{
  margin-top: 145px;
}
.history_items{
  margin: 75px -37px 0;
  position: relative;
}
.history_items .item{
  display: flex;
  flex-wrap: wrap;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.075em;
  line-height: 1.75;
  position: relative;
  padding-bottom: 55.5px;
}
.history_items .item:last-child{
  padding-bottom: 0;
}
.history_items:before,
.history_items .item:before,
.history_items .item:after{
  position: absolute;
  content: "";
}
.history_items:before{
  border-left: 1px solid;
  width: 1px;
  height: 1000px;
  top: -20px;
  left: -1px;
}
.history_items .item:before{
  background: #f8f0e4;
  width: 15px;
  height: 30px;
  top: 0px;
  left: -8px;
}
.history_items .item:after{
  background: #000;
  border-radius: 10px;
  width: 15px;
  height: 15px;
  top: 7px;
  left: -8px;
}
.history_items .item .box1{
  margin-left: 55px;
  width: 16.7%;
}
.history_items .item .box2{
  width: 59%;
}
.gosyuin{
  margin-top: 47px;
  padding: 0 305px;
}
.gosyuin .img{
  text-align: center;
}
.gosyuin .img_text,
.gosyuin .fee{
  font-family: Noto Serif JP;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.gosyuin .img_text{
  margin-right: -10px;
  font-size: 14px;
  text-align: end;
}
.gosyuin .fee{
  margin-top: 16px;
  padding-bottom: 7px;
  font-size: 24px;
  border-bottom: 1px solid;
  text-align: center;
}
.gosyuin .fee span{
  font-size: 18px;
}
.gosyuin .text{
  margin: 6px -15px 0 0px;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 2;
}
.gosyuin .btn{
  margin-top: 53px;
}
@media(max-width:767px){
  .pg_about .section#sec2{
    margin-top: 100px;
  }
  .pg_about .section#sec3{
    margin-top: 70px;
  }
  .history_items{
    margin: 10px 0px 0;
  }
  .history_items:before{
    left: 10px;
    height: 97%;
  }
  .history_items .item:before,
  .history_items .item:after{
    left: 3px;
  }
  .history_items .item{
    font-size: 14px;
    padding-bottom: 30px;
  }
  .history_items .item .box1,
  .history_items .item .box2{
    margin-left: 25px;
    width: 100%;
  }
  .gosyuin{
    margin-top: 25px;
    padding: 0;
  }
}
@media(min-width:768px){
  .pg_about .section#sec2{
    margin-top: 250px;
    padding: 65px 0;
  }
  .pg_about .section#sec3{
    margin-top: 100px;
  }
  .history_items{
    margin: 10px 0px 0;
  }
  .history_items:before{
    height: 1150px;
    top: -10px;
    left: 30px;
  }
  .history_items .item:before,
  .history_items .item:after{
    left: 23px;
  }
  .history_items .item .box1{
    margin-left: 55px;
    width: 25%;
  }
  .history_items .item .box2{
    width: 67%;
  }
  .gosyuin{
    margin-top: 47px;
    padding: 0 50px;
  }
  .pg_about .section#sec2:before{
    height: 30px;
    top: -29px;
    background-size: 100% 30px;
  }
}
@media(min-width:1024px){
  .pg_about .section#sec2{
    margin-top: 300px;
    padding-top: 85px;
    padding-bottom: 0;
  }
  .history_items:before{
    height: 1100px;
  }
  .pg_about .section#sec2:before{
    height: 76px;
    top: -75px;
    background-size: auto 76px;
  }
  .pg_about .section#sec2:after{
    background-size: auto;
    height: 94px;
    bottom: -93px;
  }
}
@media(min-width:1200px){
  .pg_about .section#sec2{
    padding-top: 115px;
    margin-top: 208px;
  }
  .pg_about .section#sec3{
    margin-top: 145px;
  }
  .history_items{
    margin: 75px 0 0;
  }
  .history_items:before{
    height: 820px;
    top: -20px;
    left: -1px;
  }
  .history_items .item{
    padding-bottom: 25.5px;
  }
  .history_items .item:before,
  .history_items .item:after{
    left: -8px;
  }
  .history_items .item .box1{
    margin-left: 55px;
    width: 16.7%;
  }
  .history_items .item .box2{
    width: calc(83.3% - 55px);
  }
  .gosyuin{
    margin-top: 47px;
    padding: 0 305px;
  }

}
@media(min-width:1920px){
  .history_items{
    margin: 75px 9px 0;
  }
  .history_items:before{
    height: 1000px;
    top: -20px;
    left: -1px;
  }

  .history_items .item{
    padding-bottom: 55.5px;
  }
}