@charset "utf-8";
/* ===============================================
# 宝嶋寺について
=============================================== */
.sec_about{
  margin-top: 378px;
}
.sec_about .title_length{
  top: -345px;
  letter-spacing: 0.02em;
}
.sec_about .title_length .main{
  letter-spacing: 0.28em;
}
.sec_about .title_length .kana{
  letter-spacing: 0.34em;
}
.sec_about .contents{
  max-width: calc(100% - 184px);
  margin: 0 0 0 auto;
  letter-spacing: 0.08em;  
}
.sec_about .contents_text{
  line-height: 1.467;
}
.sec_about .box_panel{
  padding: 23px 55px 20px;
}
@media screen and (max-width :767px){
  .sec_about{
    margin-top: 6.6vw;
  }
  .sec_about .title_length{
    top:0;
  }
  .sec_about .title_length::before{
    top: 0;
  }
  
  .sec_about .title_length .main{
    letter-spacing: 0.14em;
  }
  .sec_about .title_length .kana{
    letter-spacing: 0.02em;
  }  
  .sec_about .contents{
    max-width:inherit;
    margin:16vw auto 0;
    letter-spacing: 0;    
  }
  .sec_about .contents_text{
    line-height: 1.514;
  }
  .sec_about .box_panel{
    padding: 5.7vw 9.7vw;
    margin-top: 7.6vw;
  }  
  .sec_about .box_panel .effect{
    text-align: center;
  }
  .sec_about .box_panel .text{
    padding-top: 10px;
    border-top: solid 1px #e8e8e8;
  }
}

/* ===============================================
# 宝嶋寺と寂厳さん
=============================================== */
.sec_about02{
  margin-top: 191px;
}
@media screen and (max-width :767px){
  .sec_about02{
    margin-top: 21.2vw;
  }
}
/*画像--------------------------------------------*/
.sec_about02 .box_img{
  width: 50%;
  padding-right: 5.76%;
}
.sec_about02 .box_img .list_img{
  opacity: 0;
}
.sec_about02 .box_img .list_img img{
  width: 100%;
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.3);
}
.sec_about02 .list_img .caption{
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  margin-top: 15px;
  padding-left: 32px;
  background: url(../img/about/bg_caption.png) no-repeat left center;
}
.sec_about02 .box_img ul.list_thum{
  flex-wrap: wrap;
  margin-top: 42px;
  opacity: 0;
}
.sec_about02 .box_img ul.list_thum li{
  width: 21.75%;
  margin-left: 4.33%;
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.3);
}
.sec_about02 .box_img ul.list_thum li:nth-child(4n+1){
  margin-left: 0;
}
.sec_about02 .box_img ul.list_thum li:nth-child(n+5){
  margin-top: 4.33%;
}  
.sec_about02 .box_img ul.list_thum .caption{
  display: none;
}
.sec_about02 .box_img ul.list_thum .thumbnail-current{
  opacity: 0.3;
}
@media screen and (max-width :767px){
  .sec_about02 .box_img{
    width: 86.6%;
    margin: 0 auto;
    padding: 0;
  }
  .sec_about02 .list_img .caption{
    font-size: 11px;
    font-size: 1.1rem;
    margin-top: 12.5px;
    padding-left: 18px;
    background-size: 15px auto;
  }
  .sec_about02 .box_img ul.list_thum{
    margin-top: 7.73vw;
  }
  .sec_about02 .box_img ul.list_thum li{
    width: 22.3%;
    margin-left: 3.6%;
  }
  .sec_about02 .box_img ul.list_thum li:nth-child(n+5){
    margin-top: 3.6%;
  }  
}
/*右*/
.sec_about02 .contents{
  width: 50%;
  letter-spacing: 0.08em;  
}
.sec_about02 .contents_text{
  line-height: 1.467;
}
@media screen and (max-width :767px){
  .sec_about02 .contents{
    width: 86.6%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 42px;
    letter-spacing: 0;    
  }
  .sec_about02 .contents_text{
    line-height: 1.592;
  }
}

/* ===============================================
# 宝嶋寺と連島
=============================================== */
.sec_about03{
  margin-top: 191px;
}
.sec_about03 .contents{
  max-width: calc(100% - 184px);
  margin: 0 0 0 auto;
  letter-spacing: 0.08em;  
}
.sec_about03 .contents_text{
  line-height: 1.467;
}
@media screen and (max-width :767px){
  .sec_about03{
    margin-top: 21.2vw;
  }
  .sec_about03 .contents{ 
    width: 86.6%;
    margin-right: auto;
    margin-left: auto;         
    max-width: inherit;
    margin: 0 auto;
    letter-spacing: 0;    
  }
  .sec_about03 .contents_text{
    line-height: 1.467;
  }
}