@charset "UTF-8";
@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;
  /**.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;
  }**/ }
  .concept-mainimg img {
    z-index: 0;
    position: relative; }

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

.en-ttl {
  text-align: left;
  margin-top: 5rem;
  font-family: '游ゴシック', 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  font-size: 1rem; }
  .en-ttl b {
    display: inline-block;
    margin-right: 2rem;
    font-size: 170%;
    color: #3ea6b2; }

.note.right {
  text-align: right; }

.section-1 .section-content {
  padding-bottom: 4.5rem; }
.section-1 .midashi1 {
  margin-top: 4rem;
  margin-bottom: 0; }
.section-1 .img01 {
  text-align: center;
  margin-top: 0; }
  .section-1 .img01 img {
    width: 100%;
    height: auto; }
@media screen and (max-width: 640px) {
  .section-1 .midashi1 {
    margin-top: 3rem; }
  .section-1 .img01 {
    text-align: center;
    margin-top: 3rem; } }

.section-2 .box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 3rem 4rem;
  background: #d4ecf7; }
  .section-2 .box01 .img {
    width: 48%; }
.section-2 .note {
  margin-top: 1rem; }
@media screen and (max-width: 640px) {
  .section-2 .box01 .img {
    width: 100%; }
    .section-2 .box01 .img:last-child {
      margin-top: 2rem; } }

.section-3 .midashi2 {
  text-align: left; }
.section-3 .lead {
  text-align: left;
  margin-top: 1rem; }

.section-4 .section-content {
  padding-bottom: 2rem; }
.section-4 .box02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .section-4 .box02 .img {
    width: 48%;
    margin-top: 3rem; }
@media screen and (max-width: 640px) {
  .section-4 .box02 .img {
    width: 100%;
    margin-top: 2rem; } }

.section-5,
.section-6 {
  max-width: 1200px; }
  .section-5 .section-content,
  .section-6 .section-content {
    padding-top: 2rem; }
    .section-5 .section-content .en-ttl,
    .section-6 .section-content .en-ttl {
      margin-top: 5rem; }
    .section-5 .section-content .midashi1,
    .section-6 .section-content .midashi1 {
      margin-bottom: 4rem; }
  @media screen and (max-width: 640px) {
    .section-5 .section-content,
    .section-6 .section-content {
      padding-top: 0rem; }
      .section-5 .section-content .midashi1,
      .section-6 .section-content .midashi1 {
        margin-top: 4rem; } }

.section-7,
.section-8 {
  max-width: 1200px; }
  .section-7 .section-content,
  .section-8 .section-content {
    padding-top: 0rem; }
    .section-7 .section-content .en-ttl,
    .section-8 .section-content .en-ttl {
      margin-top: 0rem; }
  @media screen and (max-width: 640px) {
    .section-7 .section-content .midashi1,
    .section-8 .section-content .midashi1 {
      margin-top: 2rem; } }

.list-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start !important; }
  .list-box .note-list {
    /**display: flex;**/
    align-items: center;
    padding-top: 0.5rem;
    overflow: hidden; }
    .list-box .note-list .left {
      font-size: 1.6rem;
      margin-top: 0.5rem;
      float: left; }
    .list-box .note-list .right {
      font-size: 1.1rem;
      margin-top: 0.5rem;
      float: right;
      margin-left: 1rem; }
    @media screen and (max-width: 640px) {
      .list-box .note-list .left {
        font-size: 1.3rem; }
      .list-box .note-list .right {
        font-size: 0.9rem;
        width: 100%;
        text-align: right; } }

.list-s3 li {
  width: 48%;
  margin-bottom: 2.5rem; }
  .list-s3 li .ttl {
    font-family: '游ゴシック', 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    color: #3ea6b2;
    font-size: 1.4rem;
    margin-bottom: 1.5rem; }
    .list-s3 li .ttl b {
      font-size: 140%; }
@media screen and (max-width: 640px) {
  .list-s3 li {
    width: 100%; } }

.list-s5 li {
  width: 23%;
  margin-top: 2.5rem; }
@media screen and (max-width: 640px) {
  .list-s5 li {
    width: 48%; } }

.list-s6 li {
  width: 31%;
  margin-top: 2.5rem; }
  .list-s6 li:last-child {
    width: 65.5%; }
@media screen and (max-width: 640px) {
  .list-s6 li {
    width: 48%; }
    .list-s6 li:last-child {
      width: 100%; } }

.list-s7 li,
.list-s8 li {
  width: 31%;
  margin-top: 2.5rem; }
@media screen and (max-width: 640px) {
  .list-s7 li,
  .list-s8 li {
    width: 48%; } }