@charset "UTF-8";
/*------------------------------------------------------------
	サイト幅でセンタリング
------------------------------------------------------------*/
/*------------------------------------------------------------
	breakpoint
------------------------------------------------------------*/
/*------------------------------------------------------------
	フォント
------------------------------------------------------------*/
/*------------------------------------------------------------
	clearfix
------------------------------------------------------------*/
/*------------------------------------------------------------
	Other
------------------------------------------------------------*/
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.mainImg {
  background-image: url(../img/base/main_img.jpg);
}

@media screen and (max-width: 896px) {
  .mainImg {
    background-image: url(../img/base/sp_main_img.jpg);
  }
}

.comTxt {
  margin-bottom: 40px;
  font-size: 3.2rem;
  line-height: 1.44;
  letter-spacing: 0.03em;
}

@media screen and (max-width: 896px) {
  .comTxt {
    margin-bottom: 12px;
    font-size: 1.5rem;
    line-height: 1.653;
	text-align: justify;
	word-wrap: break-word;
  }
}

.comBox .imgBox .textBox p {
  text-align: left;
}

.comBox .imgBox .textBox .comBoxSub::after {
  height: 72%;
}