@charset "UTF-8";
/*aa102d　7d0000*/
/*"Bellefair", serif;*/
/* line 15, page_access.scss */
#access #intro { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 120px; }
/* line 16, page_access.scss */
#access #intro .text { width: 53%; }
/* line 17, page_access.scss */
#access #intro .ttlCmn { margin-bottom: 30px; }
/* line 24, page_access.scss */
#access #intro .ttlCmn + .read { font-size: 16px; font-weight: 500; }
/* line 26, page_access.scss */
#access #intro .infoListWrap { width: 42%; }
/* line 28, page_access.scss */
#access #intro .infoListWrap .list .min { font-size: 18px; width: 110px; height: 110px; background: #65bbb5; }
/* line 30, page_access.scss */
#access #intro .infoListWrap .list .min span em { margin-left: 0; }
/* line 34, page_access.scss */
#access #intro .infoListWrap .list .cap { font-size: 15px; text-align: right; }
@media only screen and (max-width: 750px) { /* line 42, page_access.scss */
  #access #intro { margin: 20px auto 30px; width: 100%; }
  /* line 43, page_access.scss */
  #access #intro .text { width: 100%; }
  /* line 44, page_access.scss */
  #access #intro .ttlCmn { margin-bottom: 15px; }
  /* line 51, page_access.scss */
  #access #intro .ttlCmn + .read { font-size: 15px; padding: 0 5%; letter-spacing: .025em; line-height: 1.6; }
  /* line 53, page_access.scss */
  #access #intro .infoListWrap { width: 90%; margin: 20px auto 0; }
  /* line 55, page_access.scss */
  #access #intro .infoListWrap .list .min { font-size: 16px; width: 100px; height: 100px; /*top: -16px;*/ right: -14px; }
  /* line 57, page_access.scss */
  #access #intro .infoListWrap .list .min span em { margin-left: 0; }
  /* line 61, page_access.scss */
  #access #intro .infoListWrap .list .cap { font-size: 15px; text-align: center; } }
/* line 70, page_access.scss */
#access #feature { background: #faf8ec; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 80px; }
/* line 71, page_access.scss */
#access #feature .tenjin_hakata { display: flex; justify-content: space-between; flex-wrap: wrap; margin: -60px auto 50px; }
/* line 72, page_access.scss */
#access #feature .tenjin_hakata .list { width: 49.5%; position: relative; background: #000; }
/* line 73, page_access.scss */
#access #feature .tenjin_hakata .list .tit { position: absolute; top: 1em; right: 1em; line-height: 1; z-index: 5; width: 280px; }
/* line 74, page_access.scss */
#access #feature .tenjin_hakata .list .ph { opacity: .9; }
/* line 85, page_access.scss */
#access #feature .drawing { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* line 86, page_access.scss */
#access #feature .drawing em { width: 100%; position: relative; left: -2.5%; }
/* line 89, page_access.scss */
#access #feature .infoListWrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 60px; }
/* line 90, page_access.scss */
#access #feature .infoListWrap .list { width: calc(100% / 4 - 15px); margin-bottom: 2.5em; }
/* line 93, page_access.scss */
#access #feature .infoListWrap .list .cap { text-align: center; font-weight: 500; }
/* line 94, page_access.scss */
#access #feature .infoListWrap .list.list01, #access #feature .infoListWrap .list.list02, #access #feature .infoListWrap .list.list03 { width: calc(100% / 3 - 15px); }
/* line 97, page_access.scss */
#access #feature .infoListWrap .list.list01 .min, #access #feature .infoListWrap .list.list02 .min, #access #feature .infoListWrap .list.list03 .min { font-size: 16px; width: 100px; height: 100px; }
/* line 99, page_access.scss */
#access #feature .infoListWrap .list.list01 .min span em, #access #feature .infoListWrap .list.list02 .min span em, #access #feature .infoListWrap .list.list03 .min span em { margin-left: 0; }
/* line 102, page_access.scss */
#access #feature .infoListWrap .list.list01 .cap, #access #feature .infoListWrap .list.list02 .cap, #access #feature .infoListWrap .list.list03 .cap { font-size: 15px; }
/* line 104, page_access.scss */
#access #feature .infoListWrap .list.list01 .min { background: #65bbb5; }
/* line 105, page_access.scss */
#access #feature .infoListWrap .list.list02 .min { background: #d59495; }
/* line 106, page_access.scss */
#access #feature .infoListWrap .list.list03 .min { background: #ac99bf; }
/* line 107, page_access.scss */
#access #feature .infoListWrap .list.list04 .min { background: #ec9e65; }
/* line 108, page_access.scss */
#access #feature .infoListWrap .list.list05 .min { background: #ec9e65; }
/* line 109, page_access.scss */
#access #feature .infoListWrap .list.list06 .min { background: #9fa0a0; }
/* line 110, page_access.scss */
#access #feature .infoListWrap .list.list07 .min { background: #9fa0a0; }
@media only screen and (max-width: 750px) { /* line 118, page_access.scss */
  #access #feature { padding-bottom: 20px; }
  /* line 119, page_access.scss */
  #access #feature .tenjin_hakata { margin: 0px auto 0px; }
  /* line 120, page_access.scss */
  #access #feature .tenjin_hakata .list { width: 100%; }
  /* line 121, page_access.scss */
  #access #feature .tenjin_hakata .list .tit { top: .75em; right: .5em; width: 240px; }
  /* line 122, page_access.scss */
  #access #feature .tenjin_hakata .list .ph { opacity: .85; }
  /* line 133, page_access.scss */
  #access #feature .drawing { margin-top: 20px; }
  /* line 134, page_access.scss */
  #access #feature .drawing em { width: 90%; left: 0%; }
  /* line 137, page_access.scss */
  #access #feature .infoListWrap { margin: 50px auto 0; width: 90%; }
  /* line 138, page_access.scss */
  #access #feature .infoListWrap .list { width: calc(100% / 1 - 0px); margin-bottom: 2.5em; }
  /* line 139, page_access.scss */
  #access #feature .infoListWrap .list .min { font-size: 13px; width: 90px; height: 90px; top: -15px; right: -12px; }
  /* line 141, page_access.scss */
  #access #feature .infoListWrap .list .min span em { margin-left: -.15em; }
  /* line 145, page_access.scss */
  #access #feature .infoListWrap .list .cap { font-size: 15px; }
  /* line 146, page_access.scss */
  #access #feature .infoListWrap .list.list01, #access #feature .infoListWrap .list.list02, #access #feature .infoListWrap .list.list03 { width: calc(100% / 1 - 0px); }
  /* line 149, page_access.scss */
  #access #feature .infoListWrap .list.list01 .min, #access #feature .infoListWrap .list.list02 .min, #access #feature .infoListWrap .list.list03 .min { font-size: 16px; width: 100px; height: 100px; right: -13px; }
  /* line 151, page_access.scss */
  #access #feature .infoListWrap .list.list01 .min span em, #access #feature .infoListWrap .list.list02 .min span em, #access #feature .infoListWrap .list.list03 .min span em { margin-left: 0; }
  /* line 154, page_access.scss */
  #access #feature .infoListWrap .list.list01 .cap, #access #feature .infoListWrap .list.list02 .cap, #access #feature .infoListWrap .list.list03 .cap { font-size: 15px; } }