@charset "UTF-8";

/* *****************************************************************

Stylesheet: ベーススタイル（全て）に適応

******************************************************************/
@media (max-width: 1023px) {
  /******************************************************************

Stylesheet: 1023px以下（タブレット）で適用

******************************************************************/
}

@media (max-width: 639px) {
  /******************************************************************

Stylesheet: 639px以下(スマホ)で適用

******************************************************************/
}

/*# sourceMappingURL=style.css.map */


/* 下層ページのメインビジュアル */

.sub-main-visual {
  position: relative;
}

.sub-main-visual__image {

}

.sub-main-visual__image img {

}

.sub-main-visual__titles {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sub-main-visual__main-title {
  font-size: 32px;
  font-weight: 600;
  color: #fff;
}

@media screen and (max-width:640px) {
  .sub-main-visual__main-title {
  font-size: 24px;
}
}