/* mbanner */

#mbanner {
  width: 100%;
  height: 265px;
  background: url(../images/info_history_pc_banner.png) center/cover no-repeat;
}
#mbanner .tit{
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  height:1em;
  padding-top:100px;
}

/* contents */

#content1 {}

#content1 h2.tit {
  padding: 4.5rem 0 0 0;
  text-align: left;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.5;
  color: #111;
}

#content1 .banner {
  margin: 0 auto;
  background: url(../images/info_church_pc_banner.png) no-repeat center/cover;
  height: 223px;
}

#content2 .greeting {
  padding: 3.4rem 0 0 0;
}

#content2 .greeting .sub_tit {
  text-align: left;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 2;
  color: #111;
  border-bottom: 2px solid #ffbd18;
  display: inline-block;
}

#content2 .greeting_wrap {
  margin-top: 44px;
  display: flex;
  flex-wrap: nowrap;
}

#content2 .greeting_wrap .col1 {
  width: 50%;
}

#content2 .greeting_wrap .col1 img {
  width: 100%;
}

#content2 .greeting_wrap .col2 {
  width: 50%;
  padding: 1rem 2rem;
  box-sizing: border-box;
}

#content2 .greeting_wrap .col2 h4 {
  font-size: 1.35rem;
  font-weight: 700;
  color: #111;
  line-height: 1.5;
}

#content2 .greeting_wrap .col2 p {
  font-size: 1.2rem;
  font-weight: 300;
  color: #111;
  line-height: 1.5;
  letter-spacing: -1px;
}

#content2 .greeting_wrap .col2 h4 span {
  font-weight: 300;
}

#content2 .intro {
  padding: 3.4rem 0 0 0;
}

#content2 .intro .sub_tit {
  text-align: left;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 2;
  color: #111;
  border-bottom: 2px solid #ffbd18;
  display: inline-block;
}

#content2 .intro_wrap {
  margin-top: 44px;
  display: flex;
  flex-wrap: nowrap;
}

#content2 .intro_wrap .col1 {
  width: 45%;
}

#content2 .intro_wrap .col1 img {
  width: 100%;
}

#content2 .intro_wrap .col2 {
  width: 55%;
  padding: 1rem 0rem;
  box-sizing: border-box;
}

#content2 .intro_wrap .col2 h4 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #111;
  line-height: 1.5;
}

#content2 .intro_wrap .col2 p {
  font-size: 1.2rem;
  font-weight: 300;
  color: #111;
  line-height: 1.5;
  letter-spacing: -1px;
}

#content2 .intro_wrap .col2 h4 span {
  font-weight: 300;
}

#content2 .vision {
  padding: 3.4rem 0 0 0;
  margin-bottom: 50px;
}

#content2 .vision .sub_tit {
  text-align: left;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 2;
  color: #111;
  border-bottom: 2px solid #ffbd18;
  display: inline-block;
}

#content2 .vision_wrap {
  margin-top: 44px;
  display: flex;
  flex-wrap: nowrap;
}

#content2 .vision_wrap .col1 {
  width: 30%;
  background:url(../images/info_church_pc_bg05.png) no-repeat center/cover;
}

/*#content2 .vision_wrap .col1 img {*/
/*  width: 100%;*/
/*}*/
/**/
/*#content2 .vision_wrap .col1 img.last {*/
/*  display: inline-block;*/
/*  margin-top:10px;*/
/*}*/

#content2 .vision_wrap .col2 {
  width: 70%;
  padding: 1rem 2rem;
  box-sizing: border-box;
}

#content2 .vision_wrap .col2 h4 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #111;
  line-height: 1.5;
}

#content2 .vision_wrap .col2 h5 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #111;
  line-height: 1.5;
}

#content2 .vision_wrap .col2 p {
  font-size: 1.2rem;
  font-weight: 300;
  color: #111;
  line-height: 1.5;
  letter-spacing: -1px;
}

#content2 .vision_wrap .col2 p.mt {
  margin-top: 1.25rem;
}

#content2 .vision_wrap .col2 h4 span {
  font-weight: 300;
}

/* end contents */

@media screen and (max-width: 1220px) {
  #content2 .greeting_wrap {
    flex-wrap: wrap;
  }
  #content2 .greeting_wrap .col1, #content2 .greeting .col2 {
    width: 100%;
    padding: 1rem 0rem;
  }
  #content2 .greeting_wrap .col2 p br {
    display: none;
  }
  #content2 .intro_wrap {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  #content2 .intro_wrap .col1, #content2 .intro_wrap .col2 {
    width: 100%;
    padding: 1rem 0rem;
  }
  #content2 .intro_wrap .col2 p br {
    display: none;
  }
  #content2 .vision_wrap {
    flex-wrap: wrap;
  }
  #content2 .vision_wrap .col1, #content2 .vision_wrap .col2 {
    width: 100%;
    padding: 1rem 0rem;
  }
  #content2 .vision_wrap .col2 p br {
    display: none;
  }  
  #content2 .vision_wrap .col1 {
    display: none;
  }  
/*  #content2 .vision_wrap .col1 {*/
/*    display: flex;*/
/*    flex-wrap: nowrap;*/
/*    align-items: flex-start;*/
/*    justify-content: space-around;*/
/*  }  */
/*  #content2 .vision_wrap .col1 img.first {*/
/*    width: 47%;*/
/*  }  */
/*  #content2 .vision_wrap .col1 img.last {*/
/*    width: 47%;*/
/*  }  */
}