@charset "utf-8";

/* ==============================================================================
   Genesis Custom Blocks：画像テキスト (block-phototext1.css)
============================================================================== */

/* ブロック全体ラッパー（左右2カラムの横並び） */
.c-block-phototext1 {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  margin-top: 30px;
  margin-bottom: 60px;
  color: #111111;
  text-align: left !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* 左側：写真カラム (46%固定) */
.c-block-phototext1__photo {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 46% !important;
  flex: 0 0 46% !important;
  width: 46% !important;
  max-width: 46% !important;
  box-sizing: border-box !important;
  padding-right: 25px !important;
}

.c-block-phototext1__photo img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 4px;
}

/* 右側：コンテンツカラム (54%固定) */
.c-block-phototext1__contents {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 54% !important;
  flex: 0 0 54% !important;
  width: 54% !important;
  max-width: 54% !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

/* 見出しスタイル */
.c-block-phototext1__head {
  margin-bottom: 20px;
}

.c-block-phototext1__head h2.c-block-phototext1__headTitle,
.c-block-phototext1__head h3.c-block-phototext1__headTitle {
  border-left: #4d4d4d 5px solid !important;
  background: #f1f4f6 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  text-align: left !important;
  padding: 10px 15px !important;
  margin: 0 0 20px 0 !important;
  color: #111111 !important;
}

/* 本文テキスト */
.c-block-phototext1__text {
  font-size: 15px !important;
  line-height: 1.8 !important;
  text-align: left !important;
  color: #333333 !important;
}

.c-block-phototext1__text p {
  margin: 0 0 1em 0 !important;
  text-align: left !important;
}

/* 写真を右側に配置する反転クラス */
.c-block-phototext1.is_photo_right {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.c-block-phototext1.is_photo_right .c-block-phototext1__photo {
  padding-right: 0 !important;
  padding-left: 25px !important;
}

/* スマホ表示（767px以下で縦積みに切り替え） */
@media screen and (max-width: 767px) {
  .c-block-phototext1,
  .c-block-phototext1.is_photo_right {
    display: block !important;
    margin-top: 20px;
    margin-bottom: 35px;
  }
  .c-block-phototext1__photo,
  .c-block-phototext1.is_photo_right .c-block-phototext1__photo {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 15px !important;
  }
  .c-block-phototext1__contents {
    width: 100% !important;
    max-width: 100% !important;
  }
}