@charset "UTF-8";
/* line 32, concept.scss */
.secCmn { margin-top: 150px; width: 100%; background: #e2eaf0; position: relative; padding: 6em 0 5em; border-top-right-radius: var(--bR); overflow: hidden; transition: .4s all; --bR:100px; --bR2:60px; }
@media screen and (min-width: 768px) and (max-width: 1300px) { /* line 32, concept.scss */
  .secCmn { border-top-right-radius: 60px; padding-right: 50px; padding-left: 0; } }
/* line 38, concept.scss */
.secCmn .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding-right: calc((100% - 1200px) / 2); position: relative; z-index: 5; }
/* line 39, concept.scss */
.secCmn .wrap .titWrap { margin-left: auto; text-align: right; margin-bottom: 2.5em; }
/* line 40, concept.scss */
.secCmn .wrap .titWrap .enT { height: 56px; width: auto; margin-bottom: 1em; }
/* line 41, concept.scss */
.secCmn .wrap .titWrap .enT img { width: auto !important; height: 100% !important; }
/* line 43, concept.scss */
.secCmn .wrap .titWrap .tit { font-size: 32px; color: #255a74; letter-spacing: .1em; }
/* line 45, concept.scss */
.secCmn .wrap .phWrap { width: calc(100% - 500px); height: 260px; display: flex; justify-content: space-between; flex-wrap: wrap; border-top-right-radius: var(--bR2); overflow: hidden; }
/* line 46, concept.scss */
.secCmn .wrap .phWrap .ph { width: 100%; height: 100%; position: relative; }
/* line 47, concept.scss */
.secCmn .wrap .phWrap .ph::before { content: ""; width: 100%; height: 100%; background: rgba(101, 137, 160, 0.5); mix-blend-mode: multiply; position: absolute; top: 0; left: 0; z-index: 1; }
/* line 48, concept.scss */
.secCmn .wrap .phWrap .ph img { opacity: .75; z-index: 0; }
/* line 51, concept.scss */
.secCmn .wrap .read { width: 450px; font-size: 17px; color: #255a74; font-family: "FOT-筑紫明朝 Pr6N D"; }
/* line 53, concept.scss */
.secCmn .cmnBtn { margin-top: 4em; position: relative; z-index: 5; }
/* line 59, concept.scss */
.secCmn .bgPhWrap { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; top: 0; height: 420px; z-index: 0; }
/* line 60, concept.scss */
.secCmn .bgPhWrap::before { content: ""; background: linear-gradient(0deg, #e2eaf0 0%, rgba(226, 234, 240, 0) 100%); position: absolute; bottom: 0; left: 0; width: 100%; height: 120px; z-index: 1; }
/* line 61, concept.scss */
.secCmn .bgPhWrap .ph { height: 100%; opacity: .15; }
/* line 63, concept.scss */
.secCmn:nth-of-type(even) { border-top-right-radius: 0px; border-top-left-radius: var(--bR); }
@media screen and (min-width: 768px) and (max-width: 1300px) { /* line 63, concept.scss */
  .secCmn:nth-of-type(even) { border-top-left-radius: 60px; padding-left: 50px; padding-right: 0; } }
/* line 67, concept.scss */
.secCmn:nth-of-type(even) .wrap { padding-right: 0; padding-left: calc((100% - 1200px) / 2); flex-direction: row-reverse; }
/* line 68, concept.scss */
.secCmn:nth-of-type(even) .wrap .titWrap { margin-left: 0; margin-right: auto; text-align: left; }
/* line 72, concept.scss */
.secCmn:nth-of-type(even) .wrap .phWrap { border-top-right-radius: 0px; border-top-left-radius: var(--bR2); }

@media only screen and (max-width: 750px) { /* line 92, concept.scss */
  .secCmn { margin-top: 5em; width: 100%; padding: 3em 0 2.5em; border-top-right-radius: var(--bR); --bR:50px; --bR2:30px; }
  /* line 95, concept.scss */
  .secCmn .wrap { padding-right: 0; }
  /* line 96, concept.scss */
  .secCmn .wrap .titWrap { margin-left: auto; text-align: left; margin-bottom: 2em; padding-inline: 2em; }
  /* line 97, concept.scss */
  .secCmn .wrap .titWrap .enT { height: 34px; width: auto; margin-bottom: 1em; }
  /* line 100, concept.scss */
  .secCmn .wrap .titWrap .tit { font-size: 24px; line-height: 1.8; letter-spacing: .1em; }
  /* line 102, concept.scss */
  .secCmn .wrap .phWrap { width: 100%; height: 150px; border-top-right-radius: var(--bR2); }
  /* line 105, concept.scss */
  .secCmn .wrap .read { width: 100%; font-size: 16px; margin-top: 1.5em; padding-inline: 1.5em; }
  /* line 107, concept.scss */
  .secCmn .cmnBtn { margin-top: 2em; }
  /* line 113, concept.scss */
  .secCmn .bgPhWrap { height: 200px; }
  /* line 114, concept.scss */
  .secCmn .bgPhWrap::before { height: 100px; }
  /* line 117, concept.scss */
  .secCmn:nth-of-type(even) { border-top-left-radius: var(--bR); }
  /* line 118, concept.scss */
  .secCmn:nth-of-type(even) .wrap { padding-right: 0; padding-left: 0; flex-direction: row-reverse; }
  /* line 119, concept.scss */
  .secCmn:nth-of-type(even) .wrap .titWrap { margin-left: 0; margin-right: auto; text-align: left; }
  /* line 123, concept.scss */
  .secCmn:nth-of-type(even) .wrap .phWrap { border-top-left-radius: var(--bR2); } }
/* line 151, concept.scss */
#locationSec.secCmn .wrap .phWrap .ph { width: calc(100% / 3); }

/* line 175, concept.scss */
#landplanSec.secCmn .wrap .phWrap img { object-position: center 20%; }
@media only screen and (max-width: 750px) { /* line 175, concept.scss */
  #landplanSec.secCmn .wrap .phWrap { height: 220px; }
  /* line 175, concept.scss */
  #landplanSec.secCmn .wrap .phWrap img { object-position: center -20%; } }

/* line 198, concept.scss */
#planSec.secCmn .wrap .titWrap .tit { position: relative; }
/* line 199, concept.scss */
#planSec.secCmn .wrap .titWrap .tit small { position: absolute; font-size: 12px; color: #231815; top: calc(100% - .5em); right: 0; letter-spacing: 0; }
@media only screen and (max-width: 750px) { /* line 201, concept.scss */
  #planSec.secCmn .wrap .titWrap .tit small { font-size: 11px; top: auto; bottom: .5em; right: 0; } }
/* line 205, concept.scss */
#planSec.secCmn .wrap .phWrap { position: relative; }
/* line 207, concept.scss */
#planSec.secCmn .wrap .phWrap .cap { font-size: 12px; color: #fff; position: absolute; bottom: .5em; right: 1em; z-index: 10; }
@media only screen and (max-width: 750px) { /* line 207, concept.scss */
  #planSec.secCmn .wrap .phWrap .cap { font-size: 11px; } }