@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;600&family=Noto+Serif+JP:wght@300;600&display=swap");
/******************************************************

location

******************************************************/
.section-content {
  padding: 7rem 0; }
  @media screen and (max-width: 640px) {
    .section-content {
      padding: 3.5rem 0; } }

.concept-mainimg {
  position: relative; }
  .concept-mainimg img {
    z-index: 0;
    position: relative; }
  .concept-mainimg .note {
    color: #000;
    text-shadow: 0 0 1rem #fff, 0 0 1rem #fff, 0 0 1rem #fff, 0 0 1rem #fff, 0 0 1rem #fff;
    position: absolute;
    left: 1rem;
    bottom: 1rem; }

.section-1 .midashi1 {
  margin-top: 4rem; }
.section-1 .img01 {
  text-align: center;
  margin-top: 5rem; }
  .section-1 .img01 img {
    width: 100%;
    height: auto;
    max-width: 485px !important; }
.section-1 .img02 {
  text-align: center;
  margin-top: 5rem; }
  .section-1 .img02 img {
    width: 100%;
    height: auto;
    max-width: 906px !important; }
.section-1 .note {
  text-align: center;
  margin-top: 1rem; }
@media screen and (max-width: 640px) {
  .section-1 .midashi1 {
    margin-top: 3rem; }
  .section-1 .img01 {
    text-align: center;
    margin-top: 3rem; }
  .section-1 .img02 {
    text-align: center;
    margin-top: 3rem; } }

.concept-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .concept-2 .landbox {
    width: 47%;
    margin-bottom: 3rem;
    display: flex;
    flex-flow: column;
    justify-content: space-between; }
    .concept-2 .landbox .txt .midashi2 {
      text-align: left; }
    .concept-2 .landbox .txt .lead {
      text-align: left;
      margin-top: 2rem; }
    .concept-2 .landbox .img {
      margin-top: 2rem; }
      .concept-2 .landbox .img .note {
        text-align: right;
        display: block;
        margin-top: 1rem; }
  @media screen and (max-width: 640px) {
    .concept-2 {
      display: block; }
      .concept-2 .landbox {
        width: 100%; } }