@charset "UTF-8";
/*
$jpG: 'YakuHanJP', 'Noto Sans JP', sans-serif;
$jpM: 'YakuHanMP', 'Noto Serif JP', serif;
$jpH: 'YakuHanMP', 'Shippori Mincho B1', serif;
$en:  'EB Garamond', serif; // サイト独自のフォントを指定
$enG: 'Roboto', sans-serif;
$enM: 'EB Garamond', serif;
*/
/*@mixin reqGrd { background: linear-gradient(to bottom, #a38a77 0%,#876c58 100%);}*/
/*@mixin resGrd { background: linear-gradient(to bottom, #d57f7f 0%,#c46161 100%);}*/
/* line 12, page_access.scss */
#access #hakatadirectSec .wrap.wrap01::after { background: url("../img/ic01.webp") no-repeat; }
/* line 16, page_access.scss */
#access #hakatadirectSec .wrap.wrap01 .textMain { width: 42%; }
/* line 26, page_access.scss */
#access #hakatadirectSec .wrap.wrap01 .textMain ul.phWrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 2em; }
/* line 27, page_access.scss */
#access #hakatadirectSec .wrap.wrap01 .textMain ul.phWrap li.ph { width: 48.5%; }
@media only screen and (max-width: 750px) { /* line 34, page_access.scss */
  #access #hakatadirectSec .wrap.wrap01::after { left: -25%; }
  /* line 38, page_access.scss */
  #access #hakatadirectSec .wrap.wrap01 .textMain { width: 100%; }
  /* line 48, page_access.scss */
  #access #hakatadirectSec .wrap.wrap01 .textMain ul.phWrap { margin-top: 2em; }
  /* line 49, page_access.scss */
  #access #hakatadirectSec .wrap.wrap01 .textMain ul.phWrap li.ph { width: 49%; } }
/* line 56, page_access.scss */
#access #hakatadirectSec .wrap.wrap01 ul.listWrap { width: 54%; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; }
/* line 59, page_access.scss */
#access #hakatadirectSec .wrap.wrap01 ul.listWrap li { width: 46%; }
/* line 60, page_access.scss */
#access #hakatadirectSec .wrap.wrap01 ul.listWrap li .ph { width: 100%; height: 0; padding-top: 130%; }
/* line 61, page_access.scss */
#access #hakatadirectSec .wrap.wrap01 ul.listWrap li .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; }
/* line 63, page_access.scss */
#access #hakatadirectSec .wrap.wrap01 ul.listWrap li .text { margin-top: 1em; }
/* line 64, page_access.scss */
#access #hakatadirectSec .wrap.wrap01 ul.listWrap li .text .t { font-family: "FOT-筑紫明朝 Pr6N D"; font-size: 21px; border-bottom: 1px solid rgba(92, 85, 82, 0.5); padding-bottom: .5em; margin-bottom: .5em; }
/* line 66, page_access.scss */
#access #hakatadirectSec .wrap.wrap01 ul.listWrap li .text .t span strong { font-size: 120%; }
/* line 68, page_access.scss */
#access #hakatadirectSec .wrap.wrap01 ul.listWrap li .text .t em { position: relative; }
/* line 69, page_access.scss */
#access #hakatadirectSec .wrap.wrap01 ul.listWrap li .text .t em strong { font-family: "FuturaLTPro-Medium"; color: #b81a35; font-size: 200%; line-height: 1; padding-left: .15em; }
/* line 70, page_access.scss */
#access #hakatadirectSec .wrap.wrap01 ul.listWrap li .text .t em small { position: absolute; font-size: 45%; line-height: 1; white-space: nowrap; top: -.5em; right: 5.5em; }
/* line 95, page_access.scss */
#access #hakatadirectSec .wrap.wrap01 ul.listWrap li.list02 { position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; top: 110px; width: 20px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-items: flex-start; }
/* line 96, page_access.scss */
#access #hakatadirectSec .wrap.wrap01 ul.listWrap li.list02 i { background: #3c929b; display: block; width: 90%; height: 50px; clip-path: polygon(0 0, 0% 100%, 100% 50%); margin: 0 auto .5em; }
/* line 97, page_access.scss */
#access #hakatadirectSec .wrap.wrap01 ul.listWrap li.list02 em { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; color: #3c929b; font-family: "FOT-筑紫明朝 Pr6N D"; letter-spacing: .15em; font-size: 18px; line-height: 1; }
@media only screen and (max-width: 750px) { /* line 120, page_access.scss */
  #access #hakatadirectSec .wrap.wrap01 ul.listWrap { width: 100%; margin-top: 40px; }
  /* line 123, page_access.scss */
  #access #hakatadirectSec .wrap.wrap01 ul.listWrap li { width: 100%; }
  /* line 124, page_access.scss */
  #access #hakatadirectSec .wrap.wrap01 ul.listWrap li .ph { width: 100%; height: 0; padding-top: 65%; }
  /* line 125, page_access.scss */
  #access #hakatadirectSec .wrap.wrap01 ul.listWrap li .text { margin-top: 1em; }
  /* line 126, page_access.scss */
  #access #hakatadirectSec .wrap.wrap01 ul.listWrap li .text .t { font-size: 21px; padding-bottom: .5em; margin-bottom: .5em; text-align: center; }
  /* line 128, page_access.scss */
  #access #hakatadirectSec .wrap.wrap01 ul.listWrap li .text .t span strong { font-size: 120%; }
  /* line 131, page_access.scss */
  #access #hakatadirectSec .wrap.wrap01 ul.listWrap li .text .t em strong { padding-left: .15em; }
  /* line 132, page_access.scss */
  #access #hakatadirectSec .wrap.wrap01 ul.listWrap li .text .t em small { font-size: 45%; top: -.5em; right: 5.5em; }
  /* line 157, page_access.scss */
  #access #hakatadirectSec .wrap.wrap01 ul.listWrap li.list02 { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-items: flex-start; width: 100%; margin: 1em auto; }
  /* line 158, page_access.scss */
  #access #hakatadirectSec .wrap.wrap01 ul.listWrap li.list02 i { width: 25px; height: 18px; clip-path: polygon(100% 0, 0 0, 50% 100%); margin: 0 .5em 0 0; }
  /* line 159, page_access.scss */
  #access #hakatadirectSec .wrap.wrap01 ul.listWrap li.list02 em { -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; font-size: 18px; line-height: 1; } }
/* line 183, page_access.scss */
#access #hakatadirectSec .hakataminamieki { background: linear-gradient(90deg, #549fa8 0%, #85bbc1 100%); width: 100%; margin-top: 90px; padding: 30px 0 40px; color: #fff; }
/* line 184, page_access.scss */
#access #hakatadirectSec .hakataminamieki .wrap.wrap02 { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 185, page_access.scss */
#access #hakatadirectSec .hakataminamieki .wrap.wrap02 .tit { font-family: "FOT-筑紫明朝 Pr6N M"; font-size: 24px; letter-spacing: .075em; margin-bottom: 1em; width: 100%; }
/* line 186, page_access.scss */
#access #hakatadirectSec .hakataminamieki .wrap.wrap02 .phMain { width: 400px; position: absolute; top: -100px; right: -50px; }
/* line 187, page_access.scss */
#access #hakatadirectSec .hakataminamieki .wrap.wrap02 .phMain::before { bottom: -1.25em; right: 0; }
/* line 189, page_access.scss */
#access #hakatadirectSec .hakataminamieki .wrap.wrap02 .phSet { width: 220px; }
/* line 190, page_access.scss */
#access #hakatadirectSec .hakataminamieki .wrap.wrap02 .phSet span.ph { display: block; }
/* line 191, page_access.scss */
#access #hakatadirectSec .hakataminamieki .wrap.wrap02 .phSet em { display: block; font-size: 14px; margin-top: .5em; }
/* line 193, page_access.scss */
#access #hakatadirectSec .hakataminamieki .wrap.wrap02 ul.listWrap { width: calc(100% - 220px - 30px); display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 195, page_access.scss */
#access #hakatadirectSec .hakataminamieki .wrap.wrap02 ul.listWrap li.list01 { width: 60%; }
/* line 196, page_access.scss */
#access #hakatadirectSec .hakataminamieki .wrap.wrap02 ul.listWrap li.list02 { width: 38%; }
@media only screen and (max-width: 750px) { /* line 204, page_access.scss */
  #access #hakatadirectSec .hakataminamieki { width: 100%; margin-top: 90px; padding: 30px 5% 30px; }
  /* line 206, page_access.scss */
  #access #hakatadirectSec .hakataminamieki .wrap.wrap02 .tit { font-size: 20px; margin-bottom: 1em; }
  /* line 207, page_access.scss */
  #access #hakatadirectSec .hakataminamieki .wrap.wrap02 .phMain { width: 320px; position: absolute; top: -85px; right: -5px; }
  /* line 208, page_access.scss */
  #access #hakatadirectSec .hakataminamieki .wrap.wrap02 .phMain::before { bottom: -1.25em; right: 0; }
  /* line 210, page_access.scss */
  #access #hakatadirectSec .hakataminamieki .wrap.wrap02 .phSet { width: 100%; }
  /* line 212, page_access.scss */
  #access #hakatadirectSec .hakataminamieki .wrap.wrap02 .phSet em { font-size: 15px; margin-top: .5em; }
  /* line 214, page_access.scss */
  #access #hakatadirectSec .hakataminamieki .wrap.wrap02 ul.listWrap { width: 100%; margin-top: 1.5em; }
  /* line 216, page_access.scss */
  #access #hakatadirectSec .hakataminamieki .wrap.wrap02 ul.listWrap li.list01 { width: 100%; margin-bottom: 30px; }
  /* line 217, page_access.scss */
  #access #hakatadirectSec .hakataminamieki .wrap.wrap02 ul.listWrap li.list02 { width: 100%; } }
/* line 227, page_access.scss */
#access #multiaccessSec { margin-top: 80px; }
@media only screen and (max-width: 750px) { /* line 227, page_access.scss */
  #access #multiaccessSec { margin-top: 60px; } }
/* line 234, page_access.scss */
#access #multiaccessSec .flow { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 242, page_access.scss */
#access #multiaccessSec .flow .sec, #access #multiaccessSec .flow .secWrap { width: 48.5%; }
@media only screen and (max-width: 750px) { /* line 247, page_access.scss */
  #access #multiaccessSec .flow .cmnT2 { padding: 0 5%; }
  /* line 254, page_access.scss */
  #access #multiaccessSec .flow .sec, #access #multiaccessSec .flow .secWrap { width: 90%; margin: auto; } }
/* line 256, page_access.scss */
#access #multiaccessSec .flow .secWrap .sec { width: 100%; }
/* line 257, page_access.scss */
#access #multiaccessSec .flow .sec { border: 1px solid rgba(92, 85, 82, 0.5); border-left: none; border-bottom: none; position: relative; margin-top: 1.25em; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 258, page_access.scss */
#access #multiaccessSec .flow .sec .enT.enM { font-size: 20px; position: absolute; top: -1.25em; left: .5em; }
/* line 259, page_access.scss */
#access #multiaccessSec .flow .sec .text { width: 54%; }
/* line 260, page_access.scss */
#access #multiaccessSec .flow .sec .text .t { background: #0b7782; color: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; padding: .5em 1em; padding-right: 0; margin-bottom: 1.5em; }
/* line 261, page_access.scss */
#access #multiaccessSec .flow .sec .text .t em { font-family: "FOT-筑紫明朝 Pr6N M"; font-size: 20px; }
/* line 262, page_access.scss */
#access #multiaccessSec .flow .sec .text .t em::before { content: ""; width: 12px; height: 15px; line-height: 1; background: #fff; clip-path: polygon(0 0, 0% 100%, 100% 50%); display: inline-block; margin-right: .5em; }
/* line 263, page_access.scss */
#access #multiaccessSec .flow .sec .text .t em small { font-size: 75%; }
/* line 266, page_access.scss */
#access #multiaccessSec .flow .sec .text ul.listWrap { width: 100%; padding-right: .5em; }
/* line 267, page_access.scss */
#access #multiaccessSec .flow .sec .text ul.listWrap li { display: block; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
/* line 268, page_access.scss */
#access #multiaccessSec .flow .sec .text ul.listWrap li:not(:last-child) { margin-bottom: 2em; }
/* line 269, page_access.scss */
#access #multiaccessSec .flow .sec .text ul.listWrap li .ttl { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; position: relative; background: #f3f9f8; height: 40px; padding-left: 1em; box-sizing: border-box; filter: drop-shadow(1px 1px 0px rgba(137, 137, 137, 0.5)) drop-shadow(-1px -1px 0px rgba(137, 137, 137, 0.5)) drop-shadow(1px -1px 0px rgba(137, 137, 137, 0.5)) drop-shadow(-1px 1px 0px rgba(137, 137, 137, 0.5)); }
/* line 271, page_access.scss */
#access #multiaccessSec .flow .sec .text ul.listWrap li .ttl em { font-family: "FOT-筑紫明朝 Pr6N D"; font-size: 18px; line-height: 1.25; position: relative; z-index: 5; white-space: nowrap; }
/* line 272, page_access.scss */
#access #multiaccessSec .flow .sec .text ul.listWrap li .ttl i { line-height: 0; margin-left: .5em; }
/* line 273, page_access.scss */
#access #multiaccessSec .flow .sec .text ul.listWrap li .ttl::after { content: ""; width: 30px; height: 150%; background: #f3f9f8; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: calc(100% - .5px); clip-path: polygon(0 0, 0% 100%, 100% 50%); z-index: 0; }
/* line 275, page_access.scss */
#access #multiaccessSec .flow .sec .text ul.listWrap li .min { font-family: "FOT-筑紫明朝 Pr6N D"; font-size: 21px; line-height: 1.25; text-align: center; position: relative; }
/* line 276, page_access.scss */
#access #multiaccessSec .flow .sec .text ul.listWrap li .min strong { font-family: "FuturaLTPro-Medium"; color: #b81a35; font-size: 200%; line-height: 1; padding-left: .05em; }
/* line 277, page_access.scss */
#access #multiaccessSec .flow .sec .text ul.listWrap li .min small { display: block; font-size: 60%; }
/* line 279, page_access.scss */
#access #multiaccessSec .flow .sec .text ul.listWrap li small.cap { font-size: 11px; line-height: 1.8; display: block; margin-top: 1em; }
/* line 280, page_access.scss */
#access #multiaccessSec .flow .sec .text ul.listWrap li small.cap strong { font-family: "FuturaLTPro-Medium"; color: #b81a35; font-size: 130%; line-height: 1; padding-left: .05em; }
/* line 285, page_access.scss */
#access #multiaccessSec .flow .sec ul.phWrap { width: 46%; padding: 15px; padding-bottom: 0; box-sizing: border-box; }
/* line 286, page_access.scss */
#access #multiaccessSec .flow .sec ul.phWrap li.ph { width: 100%; }
/* line 287, page_access.scss */
#access #multiaccessSec .flow .sec ul.phWrap li.ph:not(:last-child) { margin-bottom: .5em; }
/* line 290, page_access.scss */
#access #multiaccessSec .flow .sec.sec01 .text ul.listWrap li .ttl { width: 180px; }
/* line 291, page_access.scss */
#access #multiaccessSec .flow .sec.sec01 .text ul.listWrap li.list01 .ttl i { width: 18px; }
/* line 292, page_access.scss */
#access #multiaccessSec .flow .sec.sec01 .text ul.listWrap li.list02 .ttl i { width: 36px; }
/* line 293, page_access.scss */
#access #multiaccessSec .flow .sec.sec01 .text ul.listWrap li.list03 .ttl i { width: 40px; }
/* line 296, page_access.scss */
#access #multiaccessSec .flow .sec.sec01 ul.phWrap li.ph01 { height: 0; padding-top: 77%; }
/* line 297, page_access.scss */
#access #multiaccessSec .flow .sec.sec01 ul.phWrap li.ph01 img { position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; }
/* line 301, page_access.scss */
#access #multiaccessSec .flow .sec.sec02 .text ul.listWrap li .ttl { width: 162px; }
/* line 302, page_access.scss */
#access #multiaccessSec .flow .sec.sec03 .text ul.listWrap li .ttl { width: 162px; }
/* line 302, page_access.scss */
#access #multiaccessSec .flow .sec.sec03 .text ul.listWrap li .min small { position: absolute; }
@media only screen and (max-width: 750px) { /* line 257, page_access.scss */
  #access #multiaccessSec .flow .sec { margin-top: 1.5em; }
  /* line 308, page_access.scss */
  #access #multiaccessSec .flow .sec:not(:last-child) { margin-bottom: 70px; }
  /* line 309, page_access.scss */
  #access #multiaccessSec .flow .sec .enT.enM { font-size: 20px; top: -1.25em; left: .5em; }
  /* line 310, page_access.scss */
  #access #multiaccessSec .flow .sec .text { width: 100%; }
  /* line 311, page_access.scss */
  #access #multiaccessSec .flow .sec .text .t { padding: .5em 1em; padding-right: 0; padding-left: 1.75em; margin-bottom: 1.5em; margin-left: -7.5%; }
  /* line 312, page_access.scss */
  #access #multiaccessSec .flow .sec .text .t em { font-size: 20px; }
  /* line 313, page_access.scss */
  #access #multiaccessSec .flow .sec .text .t em::before { width: 12px; height: 15px; margin-right: .5em; }
  /* line 314, page_access.scss */
  #access #multiaccessSec .flow .sec .text .t em small { font-size: 75%; }
  /* line 317, page_access.scss */
  #access #multiaccessSec .flow .sec .text ul.listWrap { width: 100%; padding-right: 20px; }
  /* line 319, page_access.scss */
  #access #multiaccessSec .flow .sec .text ul.listWrap li:not(:last-child) { margin-bottom: 2em; }
  /* line 320, page_access.scss */
  #access #multiaccessSec .flow .sec .text ul.listWrap li .ttl { height: 40px; padding-left: 1em; }
  /* line 321, page_access.scss */
  #access #multiaccessSec .flow .sec .text ul.listWrap li .ttl em { font-size: 18px; }
  /* line 322, page_access.scss */
  #access #multiaccessSec .flow .sec .text ul.listWrap li .ttl i { margin-left: .5em; }
  /* line 323, page_access.scss */
  #access #multiaccessSec .flow .sec .text ul.listWrap li .ttl::after { width: 30px; height: 150%; }
  /* line 325, page_access.scss */
  #access #multiaccessSec .flow .sec .text ul.listWrap li .min { font-size: 21px; }
  /* line 326, page_access.scss */
  #access #multiaccessSec .flow .sec .text ul.listWrap li .min strong { font-size: 200%; padding-left: .05em; }
  /* line 327, page_access.scss */
  #access #multiaccessSec .flow .sec .text ul.listWrap li .min small { font-size: 60%; }
  /* line 329, page_access.scss */
  #access #multiaccessSec .flow .sec .text ul.listWrap li small.cap { font-size: 12.75px; margin-top: 1em; }
  /* line 330, page_access.scss */
  #access #multiaccessSec .flow .sec .text ul.listWrap li small.cap strong { font-size: 130%; padding-left: .05em; }
  /* line 335, page_access.scss */
  #access #multiaccessSec .flow .sec ul.phWrap { width: 100%; padding: 0px 20px 0 0; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 1em; }
  /* line 336, page_access.scss */
  #access #multiaccessSec .flow .sec ul.phWrap li.ph { width: 48.5%; }
  /* line 337, page_access.scss */
  #access #multiaccessSec .flow .sec ul.phWrap li.ph:not(:last-child) { margin-bottom: 0em; }
  /* line 340, page_access.scss */
  #access #multiaccessSec .flow .sec.sec01 { margin-bottom: 45px; }
  /* line 340, page_access.scss */
  #access #multiaccessSec .flow .sec.sec01 .text ul.listWrap li .ttl { width: 210px; }
  /* line 341, page_access.scss */
  #access #multiaccessSec .flow .sec.sec01 .text ul.listWrap li.list01 .ttl i { width: 18px; }
  /* line 342, page_access.scss */
  #access #multiaccessSec .flow .sec.sec01 .text ul.listWrap li.list02 .ttl i { width: 36px; }
  /* line 343, page_access.scss */
  #access #multiaccessSec .flow .sec.sec01 .text ul.listWrap li.list03 .ttl i { width: 40px; }
  /* line 346, page_access.scss */
  #access #multiaccessSec .flow .sec.sec01 ul.phWrap li.ph01 { height: auto; padding-top: 0; }
  /* line 347, page_access.scss */
  #access #multiaccessSec .flow .sec.sec01 ul.phWrap li.ph01 img { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; }
  /* line 351, page_access.scss */
  #access #multiaccessSec .flow .sec.sec02 .text ul.listWrap li .ttl { width: 180px; }
  /* line 352, page_access.scss */
  #access #multiaccessSec .flow .sec.sec03 .text ul.listWrap li .ttl { width: 180px; }
  /* line 352, page_access.scss */
  #access #multiaccessSec .flow .sec.sec03 .text ul.listWrap li .min small { position: absolute; } }
/* line 356, page_access.scss */
#access #multiaccessSec .map { margin-top: 80px; margin-bottom: 80px; }
/* line 357, page_access.scss */
#access #multiaccessSec .map .tit { font-family: "FOT-筑紫明朝 Pr6N D"; font-size: 28px; line-height: 1.6; letter-spacing: .05em; margin-bottom: 1.5em; text-align: center; }
/* line 358, page_access.scss */
#access #multiaccessSec .map .accessMap { width: 70%; margin: 0 auto 50px; }
/* line 359, page_access.scss */
#access #multiaccessSec .map .legend { width: 70%; margin: auto; line-height: 0; }
@media only screen and (max-width: 750px) { /* line 365, page_access.scss */
  #access #multiaccessSec .map { margin-top: 60px; margin-bottom: 60px; }
  /* line 366, page_access.scss */
  #access #multiaccessSec .map .tit { font-size: 22px; margin-bottom: 1.5em; text-align: center; }
  /* line 367, page_access.scss */
  #access #multiaccessSec .map .accessMap { width: 94%; margin: 0 auto 30px; }
  /* line 368, page_access.scss */
  #access #multiaccessSec .map .legend { width: 94%; margin: auto; line-height: 0; } }