@charset "UTF-8";
/* line 14, landplan.scss */
.intro .phWrap { position: relative; margin-top: 4em; width: 100%; /*padding-top: 5%;*/ }
/* line 15, landplan.scss */
.intro .phWrap .prot { position: absolute; top: 0; width: 12%; max-width: 150px; z-index: 0; }
/* line 16, landplan.scss */
.intro .phWrap .prot.prot01 { left: 26%; }
/* line 17, landplan.scss */
.intro .phWrap .prot.prot02 { right: 13%; }
/* line 19, landplan.scss */
.intro .phWrap .ph { width: 100%; z-index: 5; }
/* line 20, landplan.scss */
.intro .phWrap .ph small { position: absolute; bottom: 1em; }
/* line 21, landplan.scss */
.intro .phWrap .ph small.cap01 { font-size: 13px; right: 1.5em; }
/* line 22, landplan.scss */
.intro .phWrap .ph small.cap02 { font-size: 12px; left: 1.5em; }

@media only screen and (max-width: 750px) { /* line 34, landplan.scss */
  .intro .phWrap { margin: 2em auto 0; /*padding-top: 10%;*/ }
  /* line 35, landplan.scss */
  .intro .phWrap .prot { width: 80px; max-width: 300px; }
  /* line 36, landplan.scss */
  .intro .phWrap .prot.prot01 { left: 5%; }
  /* line 37, landplan.scss */
  .intro .phWrap .prot.prot02 { right: 5%; }
  /* line 39, landplan.scss */
  .intro .phWrap .ph { margin-inline: -2em; width: calc(100% + 5em); position: relative; left: -.5em; }
  /* line 40, landplan.scss */
  .intro .phWrap .ph small { text-align: left; width: 100%; color: #fff; }
  /* line 41, landplan.scss */
  .intro .phWrap .ph small.cap01 { font-size: 12px; right: auto; left: 4.25em; bottom: 2.25em; text-align: left; }
  /* line 42, landplan.scss */
  .intro .phWrap .ph small.cap02 { font-size: 11px; right: auto; left: 4.5em; /*@include centerX;*/ bottom: .75em; } }
/* line 52, landplan.scss */
#pointSec { background: #6589a0; padding: 2.5em 0 5em; border-bottom-right-radius: 80px; overflow: hidden; }
/* line 53, landplan.scss */
#pointSec .titWrap { color: #fff; margin-bottom: 3em; }
/* line 54, landplan.scss */
#pointSec .titWrap .catch { font-size: 45px; line-height: 1.6; margin: 0 auto .5em; font-weight: 300; }
/* line 55, landplan.scss */
#pointSec .titWrap .catch strong { color: #f5ef75; font-weight: 300; }
/* line 57, landplan.scss */
#pointSec .titWrap .read { font-size: 17px; line-height: 2.2; text-align: center; }
/* line 61, landplan.scss */
#pointSec .pointListWrap { max-width: 1200px; margin: auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 62, landplan.scss */
#pointSec .pointListWrap .pointList { width: 48.5%; display: flex; justify-content: space-between; flex-wrap: wrap; color: #fff; text-align: left; }
/* line 63, landplan.scss */
#pointSec .pointListWrap .pointList .ph { width: 47%; border-top-left-radius: 40px; }
/* line 64, landplan.scss */
#pointSec .pointListWrap .pointList .text { width: 49%; }
/* line 65, landplan.scss */
#pointSec .pointListWrap .pointList .text .tit { margin-bottom: .5em; }
/* line 80, landplan.scss */
#pointSec .pointListWrap .pointList.pointList01 .text .tit { color: #f5ef75; font-size: 30px; line-height: 1.25; font-family: "OptimaNovaLTPro-Demi"; display: flex; justify-content: flex-start; flex-wrap: wrap; flex-wrap: nowrap; align-items: center; }
/* line 81, landplan.scss */
#pointSec .pointListWrap .pointList.pointList01 .text .tit span, #pointSec .pointListWrap .pointList.pointList01 .text .tit em { white-space: nowrap; }
/* line 82, landplan.scss */
#pointSec .pointListWrap .pointList.pointList01 .text .tit span { font-size: 100%; margin-right: .15em; letter-spacing: 0; }
/* line 83, landplan.scss */
#pointSec .pointListWrap .pointList.pointList01 .text .tit em { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; margin-top: -.75em; }
/* line 84, landplan.scss */
#pointSec .pointListWrap .pointList.pointList01 .text .tit em strong, #pointSec .pointListWrap .pointList.pointList01 .text .tit em small { line-height: 1; }
/* line 85, landplan.scss */
#pointSec .pointListWrap .pointList.pointList01 .text .tit em strong { font-size: 220%; font-family: "OptimaNovaLTPro-Medium"; }
/* line 86, landplan.scss */
#pointSec .pointListWrap .pointList.pointList01 .text .tit em small { font-size: 65%; }
/* line 89, landplan.scss */
#pointSec .pointListWrap .pointList.pointList01 .text .read { font-size: 16px; line-height: 1.8; }
/* line 96, landplan.scss */
#pointSec .pointListWrap .pointList.pointList02 .text { width: 48%; }
/* line 97, landplan.scss */
#pointSec .pointListWrap .pointList.pointList02 .text .tit { /*margin-bottom: 1.25em;*/ margin-bottom: 1em; /*em { font-size: 32px; line-height: 1.4; background: $yellow; color: $mC; @include flexCenter; font-family: $jpMD; padding: 0 0 .15em;}*/ }
/* line 98, landplan.scss */
#pointSec .pointListWrap .pointList.pointList02 .text .tit span, #pointSec .pointListWrap .pointList.pointList02 .text .tit em { display: block; line-height: 1.5; text-align: center; }
/* line 99, landplan.scss */
#pointSec .pointListWrap .pointList.pointList02 .text .tit span { font-size: 20px; margin-bottom: .5em; }
/* line 101, landplan.scss */
#pointSec .pointListWrap .pointList.pointList02 .text .tit em { font-size: 32px; line-height: 1.25; color: #f5ef75; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-family: "FOT-筑紫明朝 Pr6N B"; /*padding: 0 0 .15em;*/ }
/* line 103, landplan.scss */
#pointSec .pointListWrap .pointList.pointList02 .text .read { text-align: center; /* display: inline-block; margin-left: .5em;*/ display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; }
/* line 104, landplan.scss */
#pointSec .pointListWrap .pointList.pointList02 .text .read span { font-size: 22px; line-height: 1; padding-bottom: .4em; /*line-height: 1.8;*/ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 250px; /*padding-left: 1.5em; position: relative;*/ border: 1px solid rgba(255, 255, 255, 0.5); border-top: none; border-right: none; border-left: none; /*&::before{ font-family:"Font Awesome 6 Pro"; @include centerY; font-weight: 900;}
&:nth-of-type(1){ &::before{ content:"\f85b"; left: .5em;}}
&:nth-of-type(2){ &::before{ content:"\f5e7"; left: .65em;}}*/ }
/* line 108, landplan.scss */
#pointSec .pointListWrap .pointList.pointList02 .text .read span:not(:last-child) { margin-bottom: .35em; }

@media only screen and (max-width: 750px) { /* line 119, landplan.scss */
  #pointSec { padding: 2.5em 0 4em; border-bottom-right-radius: 40px; }
  /* line 120, landplan.scss */
  #pointSec .titWrap { margin-bottom: 3em; }
  /* line 121, landplan.scss */
  #pointSec .titWrap .catch { font-size: 30px; line-height: 1.5; margin: 0 auto .75em; }
  /* line 124, landplan.scss */
  #pointSec .titWrap .read { font-size: 16px; line-height: 2.0; text-align: justify; padding: 0 6.5%; }
  /* line 128, landplan.scss */
  #pointSec .pointListWrap { max-width: 90%; margin: auto; }
  /* line 129, landplan.scss */
  #pointSec .pointListWrap .pointList { width: 100%; }
  /* line 130, landplan.scss */
  #pointSec .pointListWrap .pointList:not(:last-child) { margin-bottom: 3em; }
  /* line 131, landplan.scss */
  #pointSec .pointListWrap .pointList .ph { width: 100%; border-top-left-radius: 40px; height: 0; padding-top: 60%; margin-bottom: 1em; }
  /* line 132, landplan.scss */
  #pointSec .pointListWrap .pointList .ph img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; }
  /* line 134, landplan.scss */
  #pointSec .pointListWrap .pointList .text { width: 100%; }
  /* line 135, landplan.scss */
  #pointSec .pointListWrap .pointList .text .tit { margin-bottom: .5em; width: 100%; }
  /* line 148, landplan.scss */
  #pointSec .pointListWrap .pointList.pointList01 .ph { margin-bottom: 1.5em; }
  /* line 150, landplan.scss */
  #pointSec .pointListWrap .pointList.pointList01 .text .tit { font-size: 30px; line-height: 1.25; justify-content: center; }
  /* line 151, landplan.scss */
  #pointSec .pointListWrap .pointList.pointList01 .text .tit span { font-size: 100%; margin-right: .15em; }
  /* line 152, landplan.scss */
  #pointSec .pointListWrap .pointList.pointList01 .text .tit em { margin-top: -.75em; }
  /* line 153, landplan.scss */
  #pointSec .pointListWrap .pointList.pointList01 .text .tit em strong, #pointSec .pointListWrap .pointList.pointList01 .text .tit em small { line-height: 1; }
  /* line 154, landplan.scss */
  #pointSec .pointListWrap .pointList.pointList01 .text .tit em strong { font-size: 220%; }
  /* line 155, landplan.scss */
  #pointSec .pointListWrap .pointList.pointList01 .text .tit em small { font-size: 65%; }
  /* line 158, landplan.scss */
  #pointSec .pointListWrap .pointList.pointList01 .text .read { font-size: 16px; line-height: 1.8; }
  /* line 164, landplan.scss */
  #pointSec .pointListWrap .pointList.pointList02 .ph { border-top-left-radius: 0px; border-top-right-radius: 40px; }
  /* line 165, landplan.scss */
  #pointSec .pointListWrap .pointList.pointList02 .text { width: 100%; }
  /* line 166, landplan.scss */
  #pointSec .pointListWrap .pointList.pointList02 .text .tit { margin-bottom: 1em; text-align: center; }
  /* line 168, landplan.scss */
  #pointSec .pointListWrap .pointList.pointList02 .text .tit span { font-size: 22px; }
  /* line 169, landplan.scss */
  #pointSec .pointListWrap .pointList.pointList02 .text .tit em { font-size: 35px; line-height: 1.25; }
  /* line 171, landplan.scss */
  #pointSec .pointListWrap .pointList.pointList02 .text .read { font-size: 26px; line-height: 1.8; text-align: center; margin-left: 0; width: 100%; }
  /* line 172, landplan.scss */
  #pointSec .pointListWrap .pointList.pointList02 .text .read span { font-size: 24px; line-height: 1.5; /*width: 280px;*/ }
  /* line 173, landplan.scss */
  #pointSec .pointListWrap .pointList.pointList02 .text .read:not(:last-child) { margin-bottom: 1em; } }