@charset "UTF-8";
.color_beige {
  color: #a5864f; }

.color_brown {
  color: #482700; }

.wrap {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.globalHeader {
  position: relative;
  z-index: 5000; }
  .globalHeader_sidebar {
    position: fixed;
    top: 85px;
    width: 100%;
    z-index: 4000; }

a {
  color: #a5864f;
  word-break: break-all; }

.main {
  margin-bottom: 90px; }

.mainvisual {
  height: 633px;
  background-color: #ffff46; }

@media screen and (min-width: 1000px) {
  .vsp {
    display: none; } }

@media screen and (max-width: 999px) {
  .wrap {
    max-width: none;
    padding: 0 20px; }
  .vpc {
    display: none; }
  .globalHeader {
    margin-top: 85px; }
  .main-withSidebar {
    margin-top: 179px; }
  .mainvisual {
    height: calc( 100vh - 122px - 120px + 75vw - 7vw);
    margin-bottom: 12vw; } }

.access {
  margin-top: 80px; }
  .access_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 70px 50px; }
  .access_title {
    font-size: 31px;
    line-height: 1.6129;
    letter-spacing: 1px;
    font-weight: bold;
    color: #482700;
    margin-bottom: 44px; }
    body.lang_en .access_title {
      letter-spacing: 0;
      line-height: 1.29032; }
  .access_lead {
    font-size: 14px;
    line-height: 1.57143; }
  .access_image {
    margin-left: 33px; }
  .access_route-1 {
    margin-bottom: 75px; }
  .access_route-2 {
    margin-bottom: 100px; }
  .access_route_head {
    position: relative;
    text-align: center;
    margin-bottom: 50px; }
    .access_route_head:before {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background-color: #a5864f;
      position: absolute;
      top: 50%;
      z-index: 1000; }
  .access_route_title {
    font-size: 22px;
    line-height: 1;
    background-color: #fff;
    padding: 0 12px;
    display: inline-block;
    position: relative;
    z-index: 1100; }
  .access_route_image {
    text-align: center; }
  .access_route_caption {
    margin-top: 60px;
    font-size: 12px;
    line-height: 1.75;
    text-align: center; }

@media screen and (max-width: 999px) {
  .access {
    margin-top: 40px; }
    .access_head {
      display: block;
      margin: 0 0 40px; }
    .access_title {
      font-size: 22px;
      line-height: 1.5;
      margin-bottom: 20px;
      letter-spacing: 0; }
    .access_lead {
      font-size: 12px;
      line-height: 1.66667; }
    .access_image {
      margin-left: 0;
      margin-top: 20px; }
      .access_image img {
        max-width: 100%;
        height: auto; }
    .access_route {
      margin-bottom: 60px; }
      .access_route_head {
        position: static;
        text-align: center;
        border: 2px solid #482700;
        padding: 1em 0;
        margin-bottom: 20px; }
        .access_route_head:before {
          content: normal; }
      .access_route_title {
        font-size: 17px;
        line-height: 1.2;
        color: #482700; }
      .access_route_image {
        text-align: center; }
        .access_route_image img {
          max-width: 100%;
          height: auto; }
      .access_route_caption {
        margin-top: 20px;
        font-size: 12px;
        line-height: 1.66667; } }

@media screen and (max-width: 320px) {
  body.lang_ko .access_title {
    font-size: 20px; } }

.airport {
  margin-top: 80px; }
  /*.airport_section-1 {
    margin-bottom: 336px; }*/
  .airport_section-1 {
    margin-bottom: 30px; }
  .airport_section-2 {
    margin-bottom: 80px; }
  .airport_section-3 {
    background-color: #f8f8f8;
    padding: 66px 0; }
    .airport_section-3 .wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .airport_section-4 {
    padding: 72px 0 66px; }
    .airport_section-4 .wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .airport_section-5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .airport_section-6 {
    background: url("/wp-content/themes/kitakyu_air/assets/images/bg_stripe.png") no-repeat center center #f3edb3;
    background-size: cover;
    padding: 66px 0 69px; }
  .airport_title {
    color: #a5864f;
    font-size: 35px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 1.4px;
    margin-bottom: 20px; }
  .airport_box1 {
    width: 600px; }
    .airport_box1 p {
      font-size: 16px;
      line-height: 1.6625;
      color: #482700;
      letter-spacing: 0.3px;
      font-weight: bold; }
      .airport_box1 p sup {
        font-size: 8px; }
      .airport_box1 p.note {
        margin-top: 20px;
        font-size: 12px;
        line-height: 1.41667;
        letter-spacing: 0.5px;
        font-weight: normal; }
  .airport_images {
    position: relative; }
    .airport_images_item {
      position: absolute; }
      .airport_images_item-1 {
        top: 54px;
        left: 35px; }
      .airport_images_item-2 {
        top: 33px;
        left: 366px; }
      .airport_images_item-3 {
        top: -108px;
        left: 657px; }
  .airport_box2 {
    width: 450px;
    position: relative; }
  .airport_courses_title {
    font-size: 19px;
    line-height: 1;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 10px;
    text-indent: -10px; }
    .airport_courses_title-sea {
      color: #0075c9 !important; }
    .airport_courses_title-industry {
      color: #38a038 !important; }
    .airport_courses_title-scene {
      color: #ea9219 !important; }
  .airport_courses_body {
    font-size: 13px;
    line-height: 1.59231;
    font-weight: bold;
    color: #482700; }
  .airport_map {
    position: absolute;
    top: -170px;
    right: 0; }
  .airport_pdfbutton {
    position: absolute;
    bottom: 40px;
    left: 0; }
  .airport_box3 {
    width: 400px; }
  .airport_access {
    margin-top: 53px; }
    .airport_access .table {
      margin-bottom: 5px; }
  .airport_box4 {
    width: 400px; }
  .airport_img_4 {
    margin-top: 15px; }
    .airport_img_4 figcaption {
      margin-top: 15px;
      font-size: 12px;
      line-height: 1.5;
      color: #606060; }
  .airport_heritageText {
    width: 50%;
    background-color: #e42f00;
    padding: 47px 0 42px;
    text-align: right; }
  .airport_box5 {
    width: 500px;
    display: inline-block;
    text-align: left;
    padding-right: 100px;
    box-sizing: border-box;
    position: relative; }
  .airport_balloon {
    font-size: 15px;
    color: #fff;
    line-height: 1.33333;
    text-align: center;
    background: url("/wp-content/themes/kitakyu_air/assets/images/img_airport_balloon.svg") no-repeat center center;
    width: 110px;
    height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 38px;
    right: 127px; }
    body.safari .airport_balloon {
      right: 120px; }
    body.lang_ko .airport_balloon {
      right: 90px; }
    body.lang_en .airport_balloon {
      right: 15px; }
  .airport_heritageImage {
    width: 50%;
    background: url("/wp-content/themes/kitakyu_air/assets/images/img_airport_5.jpg") no-repeat center center;
    background-size: cover; }
  .airport_rentacar_head {
    text-align: center; }
  .airport_rentacar_title {
    color: #fff;
    font-size: 27px;
    line-height: 1;
    font-weight: bold;
    display: inline-block;
    background-color: #482700;
    padding: 8px 15px; }
  .airport_rentacar_linewrap {
    display: inline-block; }
  .airport_rentacar_body {
    margin-top: 30px;
    font-size: 14px;
    line-height: 1.57143; }
  .airport_rentacar_set {
    margin-top: 49px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .airport_rentacar_table {
    border-top: 1px solid #482700;
    font-size: 15px;
    border-collapse: collapse;
    width: 490px; }
    .airport_rentacar_table th {
      border-bottom: 1px solid #482700;
      font-weight: bold;
      text-align: left;
      padding-left: 30px;
      color: #482700; }
    .airport_rentacar_table td {
      border-bottom: 1px solid #482700;
      padding-right: 50px;
      width: 200px;
      box-sizing: border-box; }
      .airport_rentacar_table td a {
        color: #482700; }
    .airport_rentacar_table tr {
      height: 39px; }
      .airport_rentacar_table tr:nth-child(2n+1) th, .airport_rentacar_table tr:nth-child(2n+1) td {
        background-color: #fff; }
      .airport_rentacar_table tr:nth-child(2n) th, .airport_rentacar_table tr:nth-child(2n) td {
        background-color: #f8f8f8; }
  .airport_rentacar_link {
    margin-top: 20px;
    text-align: center; }

@media screen and (max-width: 999px) {
  .airport {
    margin-top: 40px; }
    /*.airport_section-1 {
      margin-bottom: 90.625vw; }*/
    .airport_section-1 {
      margin-bottom: 10vw; }
    .airport_section-2 {
      margin-bottom: 40px; }
    .airport_section-3 {
      padding: 40px 0; }
      .airport_section-3 .wrap {
        display: block; }
    .airport_section-4 {
      padding: 40px 0; }
      .airport_section-4 .wrap {
        display: block; }
    .airport_section-5 {
      display: block; }
    .airport_section-6 {
      padding: 40px 0; }
    .airport_title {
      font-size: 24px;
      line-height: 1.33333; }
    .airport_box1 {
      width: auto; }
      .airport_box1 p {
        font-size: 14px;
        line-height: 1.42857;
        letter-spacing: 0.5px; }
        .airport_box1 p.note {
          font-size: 10px;
          line-height: 1.4;
          font-weight: normal; }
    .airport_images {
      position: relative;
      margin-top: 30px; }
      .airport_images_item {
        position: absolute; }
        .airport_images_item img {
          max-width: 100%;
          height: auto; }
        .airport_images_item-1 {
          top: 0;
          left: 0;
          width: 39.0625vw;
          height: 30.9375vw; }
        .airport_images_item-2 {
          top: 8.75vw;
          left: 45.9375vw;
          width: 36.875vw;
          height: 28.4375vw; }
        .airport_images_item-3 {
          top: 35vw;
          left: 12.5vw;
          width: 41.25vw;
          height: 31.875vw; }
    .airport_box2 {
      width: auto; }
    .airport_courses_title {
      font-size: 15px; }
    .airport_courses_body {
      font-size: 10px;
      line-height: 1.65; }
    .airport_map {
      position: static;
      margin: 0 -20px; }
      .airport_map img {
        max-width: 100%;
        height: auto; }
    .airport_pdfbutton {
      position: static;
      margin: 20px 0;
      text-align: center; }
    .airport_box3 {
      width: auto; }
    .airport_box4 {
      width: auto; }
    .airport_img_4 img {
      max-width: 100%;
      height: auto; }
    .airport figcaption {
      font-size: 10px;
      margin-top: 7px; }
    .airport_airmap {
      margin-top: 40px; }
      .airport_airmap img {
        max-width: 100%;
        height: auto; }
    .airport_heritageText {
      width: auto;
      padding: 40px 20px; }
    .airport_heritageImage {
      width: 100vw;
      height: 55.625vw; }
    .airport_box5 {
      width: auto;
      padding: 0; }
    .airport_balloon {
      top: auto;
      left: auto;
      right: 0; }
      body.safari .airport_balloon {
        right: 0; }
    .airport_rentacar_title {
      font-size: 21px;
      background: none; }
    .airport_rentacar_linewrap {
      display: inline-block;
      margin: 2px 0;
      padding: 4px 15px;
      background-color: #482700; }
    .airport_rentacar_body {
      font-size: 12px;
      line-height: 1.66667;
      margin-top: 10px; }
    .airport_rentacar_set {
      display: block; }
    .airport_rentacar_image {
      margin-bottom: 20px; }
      .airport_rentacar_image img {
        width: 100%; }
    .airport_rentacar_list {
      margin: 0 -20px; }
    .airport_rentacar_table {
      width: 100%; }
      .airport_rentacar_table th {
        padding-left: 20px;
        font-size: 12px;
        width: auto; }
      .airport_rentacar_table td {
        padding-right: 20px;
        font-size: 13px;
        width: auto;
        text-align: right; } }

@media screen and (max-width: 374px) {
  .airport_rentacar_title {
    font-size: 5.625vw; } }

.banners {
  background-color: #f8f8f8;
  padding: 30px 0; }
  .banners_list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .banners_item + .banners_item {
    margin-left: 20px; }
  .banners_anchor {
    transition: opacity .1s linear; }
    .banners_anchor:hover {
      opacity: .7; }

@media screen and (max-width: 999px) {
  .banners_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .banners_item + .banners_item {
    margin-left: 0;
    margin-top: 20px; } }

.button {
  border: 1px solid #482700;
  display: inline-block;
  background-color: #482700;
  color: #fff;
  box-sizing: border-box;
  min-height: 44px;
  padding: 11px 40px 11px 20px;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: 1px;
  text-align: center;
  cursor: pointer;
  outline: none;
  position: relative;
  z-index: 1;
  vertical-align: middle;
  transition: background-color .3s linear, color .3s linear;
  text-decoration: none; }
  .button:hover {
    background-color: #fff;
    color: #482700; }
    .button:hover .button_cursor-off {
      opacity: 0; }
    .button:hover .button_cursor-on {
      opacity: 1; }
    .button:hover .button_cursor-svg {
      fill: #482700; }
  .button_cursor {
    line-height: 0;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -7px;
    transition: opacity .3s linear; }
    .button_cursor-off {
      opacity: 1; }
    .button_cursor-on {
      opacity: 0; }
    .button_cursor-svg {
      fill: #fff;
      transition: fill .1s linear; }
  .button-negative {
    background-color: transparent;
    color: #482700; }
    .button-negative .button_cursor-svg {
      fill: #482700; }
    .button-negative:hover {
      background-color: #482700;
      color: #fff; }
      .button-negative:hover .button_cursor-svg {
        fill: #fff; }
  .button-wide {
    padding: 11px 80px 11px 60px; }
  .button-course {
    min-height: 36px;
    padding: 7px 94px 7px 76px;
    font-weight: bold; }

.category-sea-1 {
  margin-bottom: 110px; }

.category-sea-2 {
  background-color: #0075c9;
  padding-top: 67px;
  padding-bottom: 80px; }

.category-industry-1 {
  margin-bottom: 110px; }

.category-industry-2 {
  background-color: #38a038;
  padding-top: 67px;
  padding-bottom: 80px; }

.category-scene-1 {
  margin-bottom: 110px; }

.category-scene-2 {
  background-color: #ea9219;
  padding-top: 67px;
  padding-bottom: 80px; }

.category_title {
  font-size: 27px;
  line-height: 1.51852;
  letter-spacing: 4px;
  color: #482700;
  position: relative;
  padding-top: 20px;
  padding-left: 30px;
  font-weight: bold;
  margin-left: 80px; }
  .category_title em {
    font-size: 48px;
    font-style: normal;
    line-height: 1; }
  body.lang_en .category_title {
    letter-spacing: 0; }
  .category_title:before {
    content: "";
    display: block;
    width: 6px;
    height: 130px;
    background-color: #482700;
    position: absolute;
    left: 0;
    bottom: 6px; }

.category_description {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.02em;
  color: #482700;
  padding-top: 35px;
  width: calc(100% - 360px); }

.category_map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -32px;
  right: 135px; }
  body.lang_ko .category_map {
    right: 60px; }
  body.lang_en .category_map {
    right: 0; }
  .category_map-course {
    right: 60px; }
  .category_map_cities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .category_map_list {
    list-style: none;
    font-size: 14px;
    line-height: 1.57143;
    color: #482700;
    margin-left: 20px; }
  .category_map_sublist {
    border-left: 2px solid #482700;
    margin-left: 10px;
    padding-left: 10px; }
    .category_map_sublist_list {
      list-style: none;
      font-size: 12px;
      line-height: 1.41667; }

.category_guides {
  margin-top: 80px; }
  body.lang_ko .category_guides, body.lang_en .category_guides {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

@media screen and (max-width: 999px) {
  .category-sea-1, .category-industry-1, .category-scene-1 {
    margin-bottom: 40px; }
  .category-sea-2, .category-industry-2, .category-scene-2 {
    margin-top: 40px;
    padding-bottom: 40px; }
  .category-sea-3, .category-industry-3, .category-scene-3 {
    margin-top: 40px; }
  .category_title {
    margin-left: 0;
    font-size: 22px;
    line-height: 1.5;
    padding: 15px 0 0 25px;
    margin-bottom: 40px; }
    .category_title em {
      font-size: 33px; }
    .category_title:before {
      width: 5px;
      height: 95px; }
    body.lang_ko .category_title-industry {
      letter-spacing: 2px; }
  .category_description {
    width: auto;
    font-size: 12px;
    line-height: 1.5; }
  .category_map {
    position: static;
    margin: 0 -20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .category_map-course {
      display: none; }
    .category_map_image {
      position: static;
      width: 60vw;
      height: auto; }
    .category_map_cities {
      display: block; }
    .category_map_list {
      margin-left: 10px;
      font-size: 4.375vw; }
    .category_map_sublist_list {
      font-size: 3.75vw; }
  .category_guides {
    margin-top: 40px; }
    body.lang_ko .category_guides {
      display: block; } }

@media screen and (max-width: 375px) {
  body.lang_ko .category_title-sea {
    letter-spacing: 1px; }
  body.lang_ko .category_title-industry {
    letter-spacing: 0px; } }

@media screen and (max-width: 320px) {
  body.lang_ko .category_title-sea {
    padding-left: 10px;
    letter-spacing: -0.5px; }
  .category_title-industry {
    letter-spacing: -0.5px; }
    body.lang_ko .category_title-industry {
      padding-left: 10px;
      letter-spacing: -0.5px;
      font-size: 20px; }
  body.lang_ko .category_title-scene {
    letter-spacing: -0.5px; } }

.contact {
  background-color: #a5864f;
  text-align: center;
  color: #fff;
  padding: 40px 0 30px; }
  .contact_name {
    font-size: 32px;
    line-height: 1;
    letter-spacing: 1px; }
  .contact_to {
    margin-top: 15px;
    font-size: 14px;
    letter-spacing: 1.5px; }
  .contact_tel {
    color: #fff;
    margin-left: 2em; }

@media screen and (max-width: 999px) {
  .contact_name {
    font-size: 20px; }
  .contact_to {
    font-size: 11px; }
  .contact_tel {
    margin-left: 0;
    margin-top: 20px;
    display: block; } }

.copyright {
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  line-height: 36px;
  color: #482700;
  background-color: #e2d6c2;
  letter-spacing: 1px; }

@media screen and (max-width: 999px) {
  .copyright {
    font-size: 2.5vw;
    padding: 1ex 0;
    line-height: 1.6; } }

.event {
  font-size: 34px;
  line-height: 1;
  color: #482700;
  font-weight: bold;
  padding: 380px 0;
  text-align: center;
  font-style: italic; }

@media screen and (max-width: 999px) {
  .event {
    padding: 37.5vw 0; } }

.guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .guide-sea-1 {
    margin: 0 17px 40px 18px; }
  .guide-sea-2 {
    margin: 0 58px 60px 56px; }
  .guide-sea-3 {
    margin: 0 20px 60px 20px; }
  .guide-sea-4 {
    margin: 0 58px 0 58px; }
  body.lang_ko .guide-sea, body.lang_en .guide-sea {
    margin: 0 0 60px; }
  .guide-industry-1 {
    margin: 0 31px 47px 29px; }
  .guide-industry-2 {
    margin: 0 169px 35px 167px; }
  .guide-industry-3 {
    margin: 0 37px 39px 37px; }
  .guide-industry-4 {
    margin: 0 52px 0 51px; }
  body.lang_ko .guide-industry, body.lang_en .guide-industry {
    margin: 0 0 60px; }
  .guide-scene-1 {
    margin: 0 7px 61px 7px; }
  .guide-scene-2 {
    margin: 0 151px 57px 149px; }
  .guide-scene-3 {
    margin: 0 39px 37px 37px; }
  .guide-scene-4 {
    margin: 0 111px 0 110px; }
  body.lang_ko .guide-scene, body.lang_en .guide-scene {
    margin: 0 0 60px; }
  .guide_title {
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.54545;
    letter-spacing: 3px;
    white-space: nowrap; }
    body.lang_en .guide_title {
      letter-spacing: 1px; }
    .guide_title-sea {
      color: #0075c9; }
      .guide_title-sea-1 {
        margin: 0 36px 0 30px; }
        body.lang_en .guide_title-sea-1 {
          margin-left: 10px; }
      .guide_title-sea-2 {
        margin: 0 35px 0 15px; }
        body.lang_en .guide_title-sea-2 {
          margin-left: 0; }
      .guide_title-sea-3 {
        margin: 0 20px 0 40px; }
        body.lang_en .guide_title-sea-3 {
          margin-left: 20px; }
      .guide_title-sea-4 {
        margin: 0 50px 0 30px; }
        body.lang_en .guide_title-sea-4 {
          margin-left: 20px; }
      body.lang_ko .guide_title-sea, body.lang_en .guide_title-sea {
        margin-right: 0; }
    .guide_title-industry {
      color: #38a038; }
      .guide_title-industry-1 {
        margin: 0 34px 0 26px; }
      .guide_title-industry-2 {
        margin: 0 40px 0 22px; }
      .guide_title-industry-3 {
        margin: 0 52px 0 26px; }
      .guide_title-industry-4 {
        margin: 0 45px 0 54px; }
        body.lang_ko .guide_title-industry-4 {
          margin-left: 10px; }
      body.lang_ko .guide_title-industry, body.lang_en .guide_title-industry {
        margin-left: 10px;
        margin-right: 0; }
    .guide_title-scene {
      color: #ea9219; }
      .guide_title-scene-1 {
        margin: 0 31px 0 6px; }
        body.lang_ko .guide_title-scene-1 {
          margin-left: 40px; }
      .guide_title-scene-2 {
        margin: 0 60px 0 41px; }
      .guide_title-scene-3 {
        margin: 0 52px 0 46px; }
        body.lang_ko .guide_title-scene-3 {
          margin-left: 10px; }
      .guide_title-scene-4 {
        margin: 0 51px 0 33px; }
        body.lang_ko .guide_title-scene-4 {
          margin-left: 10px; }
      body.lang_en .guide_title-scene {
        margin-left: 20px; }
      body.lang_ko .guide_title-scene, body.lang_en .guide_title-scene {
        margin-right: 0; }
  .guide_body {
    font-size: 14px;
    line-height: 1.57143;
    text-indent: 1em; }
    .guide_body-sea-1 {
      width: 537px; }
    .guide_body-sea-2 {
      width: 395px; }
    .guide_body-sea-3 {
      width: 381px; }
    .guide_body-sea-4 {
      width: 486px; }
    .guide_body-industry-1 {
      width: 537px; }
    .guide_body-industry-2 {
      width: 263px; }
    .guide_body-industry-3 {
      width: 381px; }
    .guide_body-industry-4 {
      width: 400px; }
    .guide_body-scene-1 {
      width: 537px; }
    .guide_body-scene-2 {
      width: 233px; }
    .guide_body-scene-3 {
      width: 414px; }
    .guide_body-scene-4 {
      width: 400px; }

@media screen and (max-width: 999px) {
  .guide {
    display: block;
    text-align: center;
    margin: 0; }
    body.lang_ko .guide {
      margin: 0; }
    body.lang_ko .guide + .guide {
      margin-top: 60px; }
    .guide_title {
      font-size: 17px;
      line-height: 1.35294;
      margin: 20px 0; }
      body.lang_ko .guide_title {
        margin: 20px 0; }
    .guide_body {
      text-align: left;
      width: auto;
      font-size: 12px;
      line-height: 1.66667; }
    .guide_willClose {
      display: none; }
    .guide + .guide {
      margin-top: 40px; } }

.images {
  width: 100vw;
  height: 633px;
  overflow: hidden;
  position: absolute;
  top: 0; }
  .images_wrap {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%; }
    .images_wrap > div {
      position: absolute; }
  .images_box-airport {
    left: -580px;
    bottom: 0;
    height: 135px;
    overflow: hidden; }
  .images_box-illust {
    left: -83px;
    bottom: 0;
    height: 228px;
    overflow: hidden; }
  .images_box-car {
    left: 260px;
    bottom: 33px; }
  .images_box-visitor {
    left: -81px;
    bottom: 3px; }
  .images_box-airplane {
    left: -482px;
    bottom: 157px; }
  .images_box-copy {
    left: -387px;
    bottom: 83px; }
    body.lang_en .images_box-copy {
      bottom: 73px; }
  .images_box_img {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat; }
    .images_box_img-airport {
      width: 341px;
      height: 164px;
      background-image: url("/wp-content/themes/kitakyu_air/assets/images/img_airport.png"); }
    .images_box_img-illust {
      width: 742px;
      height: 394px;
      background-image: url("/wp-content/themes/kitakyu_air/assets/images/img_illust.png"); }
    .images_box_img-car {
      width: 63px;
      height: 46px;
      background-image: url("/wp-content/themes/kitakyu_air/assets/images/img_car.png"); }
    .images_box_img-visitor {
      width: 78px;
      height: 87px;
      background-image: url("/wp-content/themes/kitakyu_air/assets/images/img_visitor.png"); }
    .images_box_img-airplane {
      width: 199px;
      height: 145px;
      background-image: url("/wp-content/themes/kitakyu_air/assets/images/img_airplane.png"); }
    .images_box_img-copy {
      width: 310px;
      height: 49px;
      background-image: url("/wp-content/themes/kitakyu_air/assets/images/cpy_header.png"); }
      body.lang_ko .images_box_img-copy {
        background-image: url("/wp-content/themes/kitakyu_air/assets/images/ko/cpy_header.svg"); }
      body.lang_en .images_box_img-copy {
        width: 288px;
        height: 71px;
        background-image: url("/wp-content/themes/kitakyu_air/assets/images/en/cpy_header.svg"); }

@media screen and (max-width: 999px) {
  .images {
    margin-top: 122px;
    height: calc( 100vh - 122px - 120px + 75vw); }
    .images_box-airport {
      left: calc( -38.125vw - 5vw);
      bottom: auto;
      top: calc( 100vh - 122px - 120px + 40vw); }
    .images_box-illust {
      left: -50vw;
      bottom: auto;
      top: calc( 100vh - 122px - 120px - 32vw);
      height: auto; }
    .images_box-car {
      left: -7.03125vw;
      bottom: auto;
      top: calc(100vh - 122px - 120px); }
    .images_box-visitor {
      left: 4vw;
      bottom: auto;
      top: calc( 100vh - 122px - 120px + 48vw); }
    .images_box-airplane {
      left: 22vw;
      bottom: auto;
      top: calc( 100vh - 122px - 120px + 40vw); }
    .images_box-copy {
      left: -40.46875vw;
      bottom: auto;
      top: calc( 100vh - 122px - 120px + 30vw); }
    .images_box_img-airport {
      width: 76.25vw;
      height: 36.25vw;
      background-image: url("/wp-content/themes/kitakyu_air/assets/images/img_airport@2x.png"); }
    .images_box_img-illust {
      background-size: cover;
      width: 100vw;
      height: 88.8vw;
      background-image: url("/wp-content/themes/kitakyu_air/assets/images/img_illust@2x.png"); }
    .images_box_img-car {
      width: 14.0625vw;
      height: 10.3125vw;
      background-image: url("/wp-content/themes/kitakyu_air/assets/images/img_car@2x.png"); }
    .images_box_img-visitor {
      width: 23.75vw;
      height: 26.5625vw;
      background-image: url("/wp-content/themes/kitakyu_air/assets/images/img_visitor@2x.png"); }
    .images_box_img-airplane {
      width: 27.5vw;
      height: 20vw;
      background-image: url("/wp-content/themes/kitakyu_air/assets/images/img_airplane@2x.png"); }
    .images_box_img-copy {
      width: 80.9375vw;
      height: 11.25vw;
      background-image: url("/wp-content/themes/kitakyu_air/assets/images/cpy_header@2x.png"); } }

.language {
  width: 145px;
  position: absolute;
  top: 0;
  right: 0; }
  .language_button {
    border: none;
    background-color: #482700;
    color: #fff;
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    outline: none;
    transition: opacity .1s linear;
    position: relative;
    z-index: 3000; }
    .language_button:hover {
      opacity: .9; }
    .language_button_wrap {
      display: block;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      padding-right: 20px; }
  .language_cursor {
    line-height: 0;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -7px; }

.bogo-language-switcher {
  list-style: none;
  margin: 0;
  padding: 0; }
  .bogo-language-switcher > li {
    margin-top: -48px;
    margin-bottom: 2px;
    width: 100%;
    opacity: 0;
    line-height: 46px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    background-color: #482700;
    transition: margin-top .1s ease-out, opacity .1s linear; }
    .bogo-language-switcher > li:hover {
        opacity: .9; }
    .bogo-language-switcher > li + li {
      margin-left: 0; }
    .bogo-language-switcher > li > a {
      display: block;
      width: 100%;
      letter-spacing: 1px;
      background-color: #a5864f;
      text-decoration: none;
      color: #000;
      transition: opacity .1s linear; }
      .bogo-language-switcher > li > a:hover {
        opacity: .9; }
    .bogo-language-switcher > li.current {
      background-color: #e2d6c2; }
  .bogo-language-switcher .language_item-open {
    opacity: 1;
    margin-top: 0; }

@media screen and (max-width: 999px) {
  .language {
    position: static;
    width: auto;
    padding: 0;
    display: none; }
    .language-home {
      max-height: 37px;
      display: block; }
    .language-sp {
      display: block; }
    .language_button {
      height: 37px;
      line-height: 37px; }
      .language_button_wrap {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
    .language_cursor {
      position: static;
      margin: auto 0;
      display: inline-block;
      padding-left: 10px; }
      .language_cursor img {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }
    .language_title {
      border: none;
      background-color: #482700;
      color: #fff;
      box-sizing: border-box;
      width: 100%;
      height: 37px;
      margin-top: -38px;
      opacity: 0;
      line-height: 37px;
      font-size: 16px;
      font-weight: 400;
      letter-spacing: 1px;
      text-align: center;
      transition: margin-top .1s linear, opacity .1s linear; }
      .language_title-open {
        opacity: 1;
        margin-top: 0; }
  .bogo-language-switcher {
    border-top: 1px solid #482700; }
    .bogo-language-switcher > li {
      margin-bottom: 0;
      border-bottom: 1px solid #482700;
      height: 37px;
      line-height: 37px;
      margin-top: -38px; } }

.logo {
  margin: 0;
  position: absolute;
  top: 0;
  left: 44px;
  /*width: 234px;
  height: 168px;*/
  width: 284px;
  height: 218px;
  border-bottom: 5px solid #482700;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  z-index: 5500; }
  .logo_anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    box-sizing: border-box; }
  .logo_image {
    width: auto;
    height: 100%; }
    .logo_image-pc {
      display: inline-block; }
    .logo_image-sp {
      display: none; }
    body.lang_ja .logo_image {
      width: 205px;
      height: 136px; }
    body.lang_ko .logo_image {
      width: 155px;
      height: 86px; }
    body.lang_en .logo_image {
      width: 192px;
      height: 81px; }
  .logo:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    right: 0;
    width: 70px;
    height: 5px;
    background-color: #a5864f; }

@media screen and (max-width: 999px) {
  .logo {
    width: 100%;
    height: 85px;
    position: fixed;
    left: 0;
    padding: 15px 62px 15px 0;
    border: none;
    box-sizing: border-box;
    text-align: center; }
    body.lang_ja .logo {
      padding-top: 17px;
      padding-bottom: 17px; }
    body.lang_ko .logo {
      padding-top: 20.5px;
      padding-bottom: 20.5px; }
    body.lang_en .logo {
      padding-top: 24.5px;
      padding-bottom: 24.5px; }
    .logo_anchor {
      display: inline-block; }
    body.lang_ja .logo_image {
      width: 212px;
      height: 51px; }
    body.lang_ko .logo_image {
      width: 220px;
      height: 44px; }
    body.lang_en .logo_image {
      width: 216px;
      height: 36px; }
    .logo_image-pc {
      display: none; }
    .logo_image-sp {
      display: inline-block; }
    .logo:after {
      content: normal; } }

.globalNav {
  background-color: #fff; }
  .globalNav-home {
    display: none; }
  .globalNav_spmenu {
    display: none; }

.menu {
  list-style: none;
  font-size: 17px;
  font-style: oblique;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  header .menu {
    padding-left: 120px;
    height: 68px; }
  footer .menu {
    height: 52px; }
  body.lang_en .menu {
    font-size: 14px; }
  .menu-item {
    font-weight: bold; }
    .menu-item + .menu-item:before {
      content: '／';
      display: inline-block;
      color: #e2d6c2;
      margin: 0 6px; }
      body.lang_en .menu-item + .menu-item:before {
        content: '';
        height: 20px;
        border-left: 1px solid #e2d6c2;
        margin: 0 12px; }
    body.lang_en .menu-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .menu-item > a {
      text-decoration: none;
      color: #482700;
      transition: color .1s linear; }
      .menu-item > a:hover {
        color: #a5864f; }
      body.lang_en .menu-item > a {
        font-family: 'Roboto Condensed', 'Lato', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        display: inline-block;
        text-align: center; }

.mainNav {
  padding: 0;
  background-color: #482700;
  color: #fff;
  /*margin-bottom: 60px;*/ }
  .mainNav_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 1000px;
    margin: 0 auto;
    position: relative; }
  .mainNav_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.2em; }
    .mainNav_item + .mainNav_item:before {
      content: "／";
      display: inline-block;
      color: #fff; }
  .mainNav_cell {
    padding: 20px 0; }
    .mainNav_cell-hasChild:hover {
      background: url("../images/bln_subNav.svg") no-repeat bottom center transparent; }
      .mainNav_cell-hasChild:hover .mainNav_subNav {
        max-height: 240px; }
        .lang_en .mainNav_cell-hasChild:hover .mainNav_subNav {
          max-height: 300px; }
  .mainNav_anchor {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 0 20px;
    transition: opacity .1s linear; }
    .mainNav_anchor:hover {
      opacity: .6; }
  .mainNav_label {
    font-style: italic; }
  .mainNav_subNav {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
    width: 100%;
    max-height: 0;
    transition: max-height .1s linear;
    overflow: hidden; }

.subNav {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  background-color: #a5864f; }
  .subNav_list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .subNav_item {
    margin-right: 2px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
    .subNav_item:last-child {
      margin-right: 0; }

.navCell {
  height: 100%; }
  .navCell_cell {
    padding: 20px 30px;
    box-sizing: border-box;
    background-color: #fff;
    height: 100%; }
    .navCell_cell:hover .navCell_navIcon {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
    .navCell_cell-special {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .navCell_navIcon {
    width: 85px;
    height: 85px;
    transition: -webkit-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear, -webkit-transform .1s linear; }
  .navCell_label {
    margin-top: 16.215px;
    line-height: 1.47313;
    font-size: 16px;
    font-weight: bold;
    color: #482700;
    letter-spacing: 0.1em;
    word-break: normal; }
  .navCell_list {
    list-style: none;
    display: inline-block;
    margin-top: -7px; }
  .navCell_item {
    line-height: 1.875;
    font-size: 16px;
    font-weight: bold;
    color: #482700;
    letter-spacing: 0.1em; }
    .lang_en .navCell_item {
      letter-spacing: 0.05em; }
    .navCell_item:before {
      content: url("../images/ico_navCell_list.svg");
      display: inline-block;
      margin-right: 4px;
      width: 6px;
      height: 16px;
      line-height: 16px;
      vertical-align: text-top; }
  .navCell_anchor {
    text-decoration: none;
    color: #482700;
    transition: color .1s linear; }
    .navCell_anchor:hover:not(.navCell_anchor-special) {
      color: #a5864f; }

@media screen and (max-width: 999px) {
  .globalNav-home {
    display: block; }
  .globalNav_spmenu {
    padding: 11px 8px;
    border: 1px solid #e2d6c2;
    display: inline-block;
    position: fixed;
    top: 18px;
    right: 18px;
    z-index: 5800;
    background-color: #fff;
    outline: none;
    transition: opacity .1s linear;
    font-size: 0;
    line-height: 0; }
    .globalNav_spmenu:active {
      opacity: .5; }
  .globalNav_spwrap {
    position: fixed;
    top: 85px;
    right: 0;
    z-index: 5100;
    width: 100%; }
  .menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    header .menu {
      padding: 0;
      height: auto; }
    footer .menu {
      height: auto;
      border-top: 1px solid #482700; }
    .menu-item {
      border-bottom: 1px solid #482700;
      width: 100%;
      height: 37px;
      text-align: center;
      line-height: 37px;
      background-color: #fff; }
      header .menu-item {
        opacity: 0;
        margin-top: -38px;
        transition: margin-top .1s ease-out, opacity .1s linear; }
        header .menu-item-open {
          opacity: 1;
          margin-top: 0; }
      .menu-item + .menu-item:before {
        content: normal; }
        body.lang_en .menu-item + .menu-item:before {
          content: normal; }
      .menu-item > a {
        display: block; }
        body.lang_en .menu-item > a {
          letter-spacing: 0.5px; }
  .mainNav {
    padding: 0; }
    .mainNav_list {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      border-top: 1px solid #482700; }
    .mainNav_item {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 32%;
              flex: 1 1 32%;
      border-bottom: 1px solid #482700;
      font-size: 4vw; }
      .mainNav_item:nth-child(3n+1) {
        border-left: none; }
      .mainNav_item:last-child {
        border-right: none; }
    .mainNav_anchor {
      display: block;
      padding: 1em 0; } }

.page_header {
  height: 175px;
  background: url("") no-repeat center center #eee;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .page_header-course {
    height: 290px; }

.page_title {
  font-size: 32px;
  line-height: 1;
  background-color: #fff;
  display: inline-block;
  color: #482700;
  padding: 5px 20px;
  letter-spacing: 1px;
  text-align: center; }
  .page_title-nobg {
    background-color: transparent; }
  .page_title-sea {
    color: #fff;
    background-color: #0075c9; }
  .page_title-industry {
    color: #fff;
    background-color: #38a038; }
  .page_title-scene {
    color: #fff;
    background-color: #ea9219; }
  .page_title-access {
    color: #fff;
    background-color: #482700; }
  .page_title-course {
    padding: 36px 50px; }

.page_content-spot {
  margin-top: 120px; }

@media screen and (max-width: 999px) {
  .page_header {
    height: 120px; }
    .page_header-course {
      height: 170px; }
  .page_title {
    font-size: 26px; }
    .page_title-course {
      padding: 0; }
      .page_title-course img {
        -webkit-transform: scale(0.6);
                transform: scale(0.6); }
        .lang_en .page_title-course img {
          -webkit-transform: scale(0.5);
                  transform: scale(0.5); }
  .page_content-spot {
    margin-top: 40px; } }

.plan-course {
  margin-top: 60px; }

.plan_title {
  color: #fff;
  background: url("/wp-content/themes/kitakyu_air/assets/images/bg_plan_header.svg") no-repeat center center;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 50px; }
  body.lang_en .plan_title {
    letter-spacing: 0; }

.plan_leadtitle {
  font-size: 24px;
  line-height: 1; }

.plan_maintitle {
  font-size: 40px;
  line-height: 1; }
  body.lang_en .plan_maintitle {
    line-height: 1.3; }
  .plan_maintitle em {
    font-size: 53px;
    font-style: normal; }

.plan_days {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .plan_days-course {
    display: block; }

.plan_day {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%; }
  .plan_day:not(.plan_day-course) + .plan_day:not(.plan_day-course) {
    margin-left: 40px; }
  .plan_day_title {
    background-color: #fff;
    font-size: 32px;
    text-align: center; }
    .plan_day_title-sea {
      color: #0075c9; }
    .plan_day_title-industry {
      color: #38a038; }
    .plan_day_title-scene {
      color: #ea9219; }
    .plan_day_title-course {
      background-color: #482700;
      color: #fff;
      padding: 8px 0; }
    .plan_day_title em {
      font-style: normal;
      font-size: 46px; }
    .plan_day_title small {
      font-size: 18px;
      margin-left: 20px; }
  .plan_day-course + .plan_day-course {
    margin-top: 75px; }

.plan_list {
  list-style: none; }

.plan_item-route {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 12px 0 12px 40px; }

.plan_item-inn {
  margin-top: 10px; }

.plan_item-course {
  margin-top: 10px; }

.plan_access {
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  margin-left: 30px; }
  body.lang_en .plan_access {
    line-height: 1.33333; }

.plan_panel {
  background-color: #fff;
  padding: 10px 133px 10px 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .plan_panel-course {
    border: 1px solid #a5864f;
    padding: 20px; }

.plan_id {
  font-size: 34px;
  background-color: #482700;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 37px;
          flex: 0 0 37px;
  width: 37px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  color: #fff;
  font-weight: bold; }
  .plan_id-course {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 46px;
            flex: 0 0 46px;
    height: 46px;
    line-height: 46px;
    font-size: 42px; }

.plan_detail {
  margin-left: 10px;
  width: 100%; }
  .plan_detail-course {
    margin-left: 20px;
    margin-right: 30px; }

.plan_name {
  font-size: 18px;
  color: #482700;
  line-height: 1.22222;
  font-weight: bold;
  margin-bottom: 5px; }
  .plan_name-course {
    font-size: 30px; }

.plan_description {
  font-size: 14px;
  color: #482700;
  line-height: 1.42857; }
  .plan_description img {
    display: none; }
  .plan_description-course {
    margin-top: 20px; }

.plan_tag_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none; }

.plan_tag_item {
  padding: 5px 10px 2px;
  line-height: 1;
  border-radius: 4px;
  font-size: 12px;
  margin-right: 10px;
  margin-top: 10px; }
  .plan_tag_item-type {
    color: #fff;
    background-color: #482700; }
  .plan_tag_item-place {
    color: #482700;
    background-color: #fff;
    border: 1px solid #482700; }

.plan_image {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 123px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .plan_image-course {
    position: static;
    height: auto;
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 366px;
            flex: 0 0 366px;
    background-color: #482700; }

.plan_inn {
  background-color: #482700;
  color: #fff;
  line-height: 1;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 10px 0; }

.plan_moreButton {
  margin-top: 25px; }

@media screen and (max-width: 999px) {
  .plan_title {
    margin-bottom: 20px; }
  .plan_leadtitle {
    font-size: 16px; }
  .plan_maintitle {
    font-size: 23px; }
    .plan_maintitle em {
      font-size: 32px; }
  .plan_days {
    display: block; }
  .plan_day:not(.plan_day-course) + .plan_day:not(.plan_day-course) {
    margin-left: 0;
    margin-top: 60px; }
  .plan_day_title {
    padding: 3px 0;
    font-size: 19px; }
    .plan_day_title em {
      font-size: 26px; }
    .plan_day_title small {
      font-size: 10px; }
  .plan_item-route {
    margin: 10px 0 10px 20px; }
  .plan_item-course {
    margin-top: 40px; }
  .plan_cursor img {
    width: 20px;
    height: 10px; }
  .plan_access {
    margin-left: 20px;
    font-size: 3.125vw;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 1px;
            flex: 1 1 1px; }
  .plan_panel {
    padding-right: 36vw; }
    .plan_panel-course {
      display: block;
      padding: 0;
      padding-top: 50vw;
      position: relative; }
  .plan_id {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
    width: 24px;
    height: 24px;
    font-size: 20px;
    line-height: 24px; }
    .plan_id-course {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: 32px;
      height: 32px;
      font-size: 32px;
      line-height: 32px; }
  .plan_detail-course {
    margin: 0;
    padding: 10px 20px;
    box-sizing: border-box; }
  .plan_name {
    font-size: 14px; }
    .plan_name-course {
      font-size: 18px; }
  .plan_description {
    font-size: 12px; }
  .plan_image {
    width: 35vw; }
    .plan_image-course {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 50vw;
      z-index: 1; }
  .plan_moreButton .button {
    display: block; } }

* {
  margin: 0;
  padding: 0; }

html {
  font-size: 62.5%;
  font-family: 'Lato', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }

body {
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1; }
  body.safari {
    -webkit-font-feature-settings: "pkna" 1;
            font-feature-settings: "pkna" 1; }

.img {
  max-width: 100%; }

.section {
  position: relative; }
  .section_copy {
    font-size: 17px;
    font-weight: bold;
    line-height: 1;
    background-color: #e2d6c2;
    color: #482700;
    padding: 5px 25px;
    display: inline-block;
    margin-bottom: 20px; }
    .section_copy-nt {
      background-color: #fff;
      color: #482700; }
  .section_title {
    font-size: 20px;
    line-height: 1.52381;
    font-weight: bold;
    color: #482700;
    margin-bottom: 10px;
    letter-spacing: 1px; }
    .section_title_sub {
      font-size: 15px; }
    .section_title-nt {
      color: #fff; }
  .section_body {
    font-size: 14px;
    line-height: 1.57143;
    color: #606060; }
    .section_body-nt {
      color: #fff; }
  .section_anchor-nt {
    color: #fff; }

@media screen and (max-width: 999px) {
  .section_copy {
    font-size: 13px; }
  .section_title {
    font-size: 17px;
    line-height: 1.58824; }
    .section_title-nt {
      font-size: 20px;
      line-height: 1.6; }
  .section_body {
    font-size: 12px;
    line-height: 1.66667; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  border-radius: 100px;
  height: 100%; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  height: 100%; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

@media screen and (max-width: 999px) {
  .slick-list {
    border-radius: 0; } }

.slider {
  width: 100vw;
  height: 429px;
  overflow: hidden;
  position: relative;
  padding: 30px 0;
  font-size: 0;
  line-height: 0; }
  .slider_wrap {
    width: 2550px;
    height: 429px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 50%;
    margin-left: -1275px; }
  .slider_list {
    width: 830px;
    height: 429px; }
    .slider_list + .slider_list {
      margin-left: 30px; }
  .slider_img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }

@media screen and (max-width: 999px) {
  .slider {
    padding: 0;
    height: calc( 100vh - 122px - 120px); }
    .slider_wrap {
      width: auto;
      height: 100%;
      position: static;
      margin-left: auto; }
    .slider_list {
      display: none;
      width: 100%;
      height: 100%; }
      .slider_list:first-child {
        display: block; }
    .slider_item img {
      width: auto;
      height: 100%; } }

.table_caption {
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  text-align: left;
  color: #482700;
  margin-bottom: 10px; }

.table_sheet {
  border-collapse: collapse;
  border-left: 1px solid #e2d6c2;
  background-color: #fff; }

.table_head {
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  color: #482700; }

.table_headcell {
  background-color: #e2d6c2;
  border-right: 1px solid #fff;
  width: 5em;
  height: 40px;
  letter-spacing: 1px; }
  .table_headcell:first-child {
    width: 9em; }
  .table_headcell:last-child {
    border-right: 1px solid #e2d6c2; }

.table_cell {
  border-right: 1px solid #e2d6c2;
  border-bottom: 1px solid #e2d6c2;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  height: 40px;
  letter-spacing: .5px; }
  .table_cell em {
    font-size: 17px;
    font-style: normal; }
  .table_cell:first-child {
    font-size: 13px; }

@media screen and (max-width: 999px) {
  .table_scroll {
    overflow-y: auto; }
  .table_cell {
    padding: 0 1em;
    white-space: nowrap; } }

.totop {
  text-align: center;
  position: fixed;
  right: 10px;
  bottom: 55px;
  z-index: 2000;
  transition: opacity .1s linear, bottom .1s linear; }
  .totop-hide {
    opacity: 0;
    bottom: 40px; }
  .totop_anchor {
    width: 102px;
    height: 102px;
    border-radius: 50%;
    background-color: #e2d6c2;
    font-size: 14px;
    line-height: 1.28571;
    font-weight: bold;
    text-decoration: none;
    color: #482700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    transition: opacity .1s linear; }
    .totop_anchor:hover {
      opacity: .9; }
  .totop_icon {
    margin-bottom: 10px; }

@media screen and (max-width: 999px) {
  .totop_anchor {
    width: 80px;
    height: 80px;
    font-size: 11px;
    line-height: 1.27273; } }

.nextnavi {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold; }
  .nextnavi_item-prev a:before {
    content: url("/wp-content/themes/kitakyu_air/assets/images/ico_prevnavi.svg");
    display: inline-block;
    width: 13px;
    height: 24px;
    margin-right: 15px; }
  .nextnavi_item-next a:after {
    content: url("/wp-content/themes/kitakyu_air/assets/images/ico_nextnavi.svg");
    display: inline-block;
    width: 13px;
    height: 24px;
    margin-left: 15px; }
  .nextnavi_item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 20px;
    color: #a5864f;
    text-decoration: none; }
    .nextnavi_item a:hover {
      text-decoration: underline; }
  .nextnavi_icon {
    width: 13px;
    height: 24px;
    vertical-align: middle; }

.posts {
  margin-bottom: 150px; }
  .posts_title {
    text-align: center;
    margin-bottom: 40px; }
    .posts_title_wrap {
      font-size: 38px;
      font-weight: bold;
      color: #482700;
      border-bottom: 4px solid #482700;
      letter-spacing: 0.1em;
      padding-bottom: 10px;
      display: inline-block; }
    .posts_title-recommend {
      margin: 0 auto 44px; }
    .posts_title-view {
      margin: 0 auto 51px; }
      body.lang_ja .posts_title-view {
        width: 298px;
        height: 60px; }
      body.lang_ko .posts_title-view {
        width: 278px;
        height: 61px; }
      body.lang_en .posts_title-view {
        width: 411px;
        height: 56px; }
    .posts_title-twhash {
      margin: 0 auto 50px; }
      body.lang_ja .posts_title-twhash {
        width: 275px;
        height: 63px; }
      body.lang_ko .posts_title-twhash {
        width: 275px;
        height: 62px; }
      body.lang_en .posts_title-twhash {
        width: 275px;
        height: 61px; }
  .posts_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-right: -20px;
    margin-bottom: -45px; }
    .posts_list-superbView {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      /*padding: 0 10px;*/ }
  .posts_item {
    width: 235px;
    box-sizing: border-box;
    margin-right: 20px;
    margin-bottom: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .posts_more {
    text-align: center;
    margin: 55px 0 0;
    display: block;
    font-size: 14px;
    color: #482700;
    text-decoration: none;
    font-weight: bold;
    vertical-align: baseline;
    transition: opacity .1s linear; }
    .posts_more:after {
      content: '';
      display: inline-block;
      width: 16px;
      height: 8px;
      margin-left: 15px;
      background: url("../images/ico_headline_more.svg") no-repeat top left transparent;
      background-size: cover; }
    .posts_more:hover {
      opacity: 0.5; }
  .posts_searchlayout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .posts_navi {
    margin-top: 70px; }

@media screen and (max-width: 999px) {
  .posts {
    padding-bottom: 60px;
    margin-bottom: 0; }
    .posts_title {
      max-width: 100%; }
      .posts_title img {
        max-width: 100%; }
      .posts_title_wrap {
        font-size: 27px; }
      body.lang_ja .posts_title-recommend {
        width: 67.61194%;
        height: auto; }
      body.lang_ko .posts_title-recommend {
        width: 54.1791%;
        height: auto; }
      body.lang_en .posts_title-recommend {
        width: 83.73134%;
        height: auto; }
      .posts_title-view {
        margin-bottom: 30px; }
        body.lang_ja .posts_title-view {
          width: 67.16418%;
          height: auto; }
        body.lang_ko .posts_title-view {
          width: 62.68657%;
          height: auto; }
        body.lang_en .posts_title-view {
          width: 92.68657%;
          height: auto; }
      body.lang_ja .posts_title-twhash {
        width: 61.9403%;
        height: auto; }
      body.lang_ko .posts_title-twhash {
        width: 61.9403%;
        height: auto; }
      body.lang_en .posts_title-twhash {
        width: 61.9403%;
        height: auto; }
    .posts_list {
      margin-right: -20px;
      margin-left: -10px;
      margin-bottom: -15px; }
      .posts_list-superbView {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding: 0; }
    .posts_item {
      width: calc((100vw - 20px - 10px) / 2);
      margin-right: 10px;
      margin-bottom: 15px; }
    .posts_more {
      margin-top: 30px; } }

@media screen and (max-width: 320px) {
  .posts_list {
    display: block; }
  .posts_item {
    width: auto; } }

.post {
  position: relative;
  border: 1px solid #a5864f;
  background-color: #fff; }
  .post_course {
    width: 41px;
    height: 51px;
    position: absolute;
    top: -5px;
    left: 11px; }
    .post_course svg {
      position: absolute;
      top: 0;
      left: 0; }
    .post_course:after {
      font-size: 24px;
      line-height: 1;
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      height: 41px; }
    .posts-view .post_course path {
      fill: #ffff46; }
    .posts-view .post_course:after {
      color: #482700;
      content: ""; }
    .post_course-superbview path {
      fill: #ffff46; }
    .post_course-superbview .su_post_count {
      font-family: 'Open Sans', 'Lato', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-size: 24px;
      line-height: 1;
      color: #482700;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      height: 41px; }
  .post_icon {
    position: absolute;
    top: 2px;
    right: 2px; }
    .post_icon-superbview {
      background: url("../images/ico_camera.svg") no-repeat center center;
      background-size: cover;
      width: 37px;
      height: 37px; }
  .post_anchor {
    display: block;
    text-decoration: none;
    height: 100%;
    transition: opacity .1s linear; }
    .post_anchor:hover {
      opacity: .8; }
  .post_thumb {
    background: url("../images/noimage.svg") no-repeat center center #e2d6c2;
    background-size: cover;
    width: 235px;
    height: 160px; }
  .post_detail {
    padding: 10px 10px 20px; }
  .post_title {
    font-size: 16px;
    font-weight: bold;
    line-height: ln(16, 18);
    color: #482700;
    margin-bottom: 3px; }
  .post_copy {
    font-size: 12px;
    font-weight: bold;
    line-height: ln(12, 18);
    color: #482700;
    margin-bottom: 10px; }
  .post_link {
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #a5864f;
    position: absolute;
    bottom: 10px; }

@media screen and (max-width: 999px) {
  .post_course {
    width: 25px;
    height: 31px; }
    .post_course:after {
      font-size: 14px;
      height: 25px; }
    .post_course-superbview .su_post_count {
      font-size: 14px;
      height: 25px; }
  .post_thumb {
    width: auto;
    height: calc(((100vw - 20px - 10px) / 2) / 235 * 160); } }

@media screen and (max-width: 320px) {
  .post {
    width: 100%; }
    .post_course {
      width: 50px;
      height: 60px; }
    .post-superbview .su_post_count {
      font-size: 30px;
      height: 55px; } }

.tag_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none; }

.tag_item {
  padding: 5px 10px 2px;
  line-height: 1;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #482700;
  background-color: #fff;
  border: 1px solid #482700; }
  .tag_item-type {
    color: #fff;
    background-color: #482700;
    border: none; }

.single_header {
  height: 175px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #eee;
  background-size: cover;
  margin-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .single_header_title {
    font-size: 32px;
    line-height: 1;
    display: inline-block;
    color: #482700;
    padding: 5px 20px;
    letter-spacing: 1px;
    text-align: center; }
    .single_header_title-news {
      background-color: #fff; }

.single_withSidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.single_sidebar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 205px;
          flex: 0 0 205px;
  margin-left: 50px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }

.single_content {
  margin-bottom: 60px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }

.single_info {
  margin-bottom: 30px; }

.single_copy {
  font-size: 24px;
  color: #482700;
  font-weight: bold;
  margin-top: 5px; }

.single_title {
  font-size: 40px;
  margin-bottom: 18px;
  color: #482700;
  letter-spacing: 0.05em;
  line-height: 1; }

.single_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.single_thumbnail {
  margin-right: 40px; }
  .single_thumbnail img {
    max-width: 100%;
    height: auto; }

.single_bodytext {
  font-size: 16px;
  line-height: 1.6875;
  font-weight: bold;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 400px;
          flex: 0 0 400px;
  letter-spacing: 0.02em;
  color: #482700; }
  .single_bodytext p + p {
    margin-top: 1em; }

.single_gururich {
  margin-top: 60px; }
  .single_gururich_anchor {
    transition: opacity .1s linear; }
    .single_gururich_anchor:hover {
      opacity: 0.5; }

.single_spotDetail {
  margin-top: 60px; }
  .single_spotDetail table {
    font-size: 16px;
    line-height: 1.6875;
    letter-spacing: 0.02em;
    border-collapse: collapse;
    border: 1px solid #a5864f;
    width: 100%; }
  .single_spotDetail th {
    width: 200px;
    background-color: #482700;
    color: #fff;
    font-weight: normal;
    text-align: center;
    padding: 20px 0;
    border-left: 1px solid #a5864f;
    border-bottom: 1px solid #a5864f; }
  .single_spotDetail td {
    color: #482700;
    font-weight: bold;
    padding: 20px 40px;
    border-bottom: 1px solid #a5864f; }

.single_spotGmap {
  margin-top: 60px; }

@media screen and (max-width: 999px) {
  .single_header {
    height: 94px;
    margin-bottom: 20px; }
    .single_header_title {
      font-size: 22px; }
  .single_content {
    margin-top: 44px; }
  .single_detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .single_copy {
    font-size: 14px;
    margin-bottom: 1ex; }
  .single_title {
    font-size: 18px; }
  .single_bodytext {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    font-size: 12px; }
    .single_bodytext img {
      max-width: 100%;
      height: auto; }
  .single_thumbnail {
    margin-right: 0;
    margin-bottom: 20px; }
    .single_thumbnail img {
      max-width: 100%;
      height: auto; }
  .single_gururich {
    margin-top: 20px; }
  .single_spotDetail {
    margin-top: 20px; }
    .single_spotDetail table {
      font-size: 12px; }
    .single_spotDetail th, .single_spotDetail td {
      display: block;
      width: auto;
      padding: 10px 20px; }
  .single_spotGmap {
    margin-top: 20px; } }

.headline {
  margin-bottom: 150px; }
  @media screen and (max-width: 999px) {
    .headline {
      margin-bottom: 60px; } }
  .headline_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 1000px;
    margin: 0 auto; }
    @media screen and (max-width: 999px) {
      .headline_wrap {
        width: auto;
        display: block;
        padding: 0 20px; } }
  .headline_label {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 180px;
            flex: 0 0 180px;
    width: 180px;
    height: 160px;
    background-color: #e2d6c2;
    color: #482700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 19px;
    letter-spacing: 0.2em;
    margin-right: 20px; }
    @media screen and (max-width: 999px) {
      .headline_label {
        width: auto;
        height: auto;
        font-size: 19px;
        padding: 10px 0;
        margin-right: 0;
        margin-bottom: 25px; } }
  .headline_list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 20px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
    @media screen and (max-width: 999px) {
      .headline_list {
        margin-right: 0; } }
  .headline_item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    height: 100%; }
    .headline_item + .headline_item {
      border-top: 1px solid #e2d6c2; }
  .headline_entry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    text-decoration: none;
    padding: 0 20px;
    transition: opacity .1s linear; }
    a.headline_entry:hover {
      opacity: 0.5; }
    @media screen and (max-width: 999px) {
      .headline_entry {
        display: block;
        padding: 10px 0; } }
  .headline_date {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10ex;
            flex: 0 0 10ex;
    font-size: 12px;
    color: #482700;
    font-weight: bold;
    letter-spacing: 0.2em;
    white-space: nowrap;
    margin-right: 20px; }
    @media screen and (max-width: 999px) {
      .headline_date {
        display: inline-block; } }
  .headline_category {
    font-size: 12px;
    background-color: #482700;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    padding: 4.5px 0;
    width: 100%;
    border-radius: 4px;
    text-align: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90px;
            flex: 0 0 90px;
    margin-right: 20px; }
    @media screen and (max-width: 999px) {
      .headline_category {
        display: inline-block;
        width: auto;
        padding: 4.5px 15px;
        min-width: 88px;
        box-sizing: border-box; } }
  .headline_title {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    font-size: 14px;
    color: #482700;
    letter-spacing: 0.2em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
    @media screen and (max-width: 999px) {
      .headline_title {
        display: block;
        line-height: 1.54429;
        margin: 10px 0; } }
  .headline_more {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 90px;
            flex: 0 0 90px;
    font-size: 14px;
    color: #482700;
    letter-spacing: 0.2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-decoration: none;
    transition: opacity .1s linear; }
    .headline_more:after {
      content: url("../images/ico_headline_more.svg");
      display: block;
      width: 12.86px;
      height: 6.8px; }
    .headline_more:hover {
      opacity: 0.5; }
    @media screen and (max-width: 999px) {
      .headline_more {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .headline_more:after {
          margin-left: 1ex;
          margin-top: -13.6px; } }

.courses_features {
  margin-top: 45px;
  margin-bottom: 85px; }

.courses_list {
  list-style: none; }
  .courses_list-features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.courses_item + .courses_item {
  margin-top: 25px; }

.courses_item-features {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 1px;
          flex: 1 1 1px; }
  .courses_item-features + .courses_item-features {
    margin-top: 0;
    margin-left: 18px; }

.featureCourse_anchor {
  text-decoration: none; }
  .featureCourse_anchor:hover .featureCourse_background {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }

.featureCourse_wrap {
  overflow: hidden;
  height: 100%;
  text-align: center;
  position: relative;
  padding: 35px 0 45px;
  border: 4px solid #606060; }
  .featureCourse_wrap-sea {
    border-color: #0075c9; }
  .featureCourse_wrap-industry {
    border-color: #38a038; }
  .featureCourse_wrap-scene {
    border-color: #ea9219; }

.featureCourse_background {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: -webkit-transform .1s linear;
  transition: transform .1s linear;
  transition: transform .1s linear, -webkit-transform .1s linear; }

.featureCourse_info {
  position: relative;
  z-index: 1; }

.featureCourse_title {
  font-size: 29.1px;
  letter-spacing: 0.1em;
  line-height: 1.27973;
  font-weight: bold;
  color: #482700;
  margin-bottom: 35px;
  text-shadow: 0 0 6px #fff; }

.featureCourse_icon {
  width: 120px;
  height: 120px; }

.course {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #a5864f; }
  .course_info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    box-sizing: border-box;
    padding: 25px 30px 25px 40px; }
  .course_title {
    font-size: 28px;
    font-weight: bold;
    color: #482700;
    line-height: 1.4;
    letter-spacing: 0.1em;
    margin-bottom: 20px; }
    .lang_en .course_title {
      letter-spacing: 0.05em; }
  .course_description {
    font-size: 12px;
    font-weight: bold;
    color: #482700;
    line-height: 1.5;
    margin-bottom: 15px; }
  .course_thumb {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }

@media screen and (max-width: 999px) {
  .courses_list-features {
    display: block; }
  .courses_item + .courses_item {
    margin-top: 25px; }
  .courses_item-features {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 1px;
            flex: 1 1 1px; }
    .courses_item-features + .courses_item-features {
      margin-left: 0; }
  .course {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .course_info {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      padding: 20px; }
    .course_thumb {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      height: 50vw; }
    .course_title {
      font-size: 18px;
      line-height: 1.60222;
      margin-bottom: 12px; }
    .course_description {
      font-size: 12px;
      line-height: 1.5;
      margin-bottom: 26px; }
    .course_button .button {
      display: block; }
  .featureCourse_wrap {
    padding: 30px 0; }
  .featureCourse_title {
    font-size: 26px;
    line-height: 1.23077;
    margin-bottom: 30px; } }

.newslist_title {
  font-size: 28px;
  line-height: 1;
  margin-bottom: 30px;
  color: #482700; }
  @media screen and (max-width: 999px) {
    .newslist_title {
      font-size: 18px; } }

.newslist_titleAnchor {
  text-decoration: none;
  color: inherit; }

.newslist_list {
  list-style: none;
  border-top: 3px solid #a5864f; }

.newslist_item {
  border-bottom: 1px solid #a5864f; }

.newsindex_wrap {
  padding: 20px;
  display: block;
  text-decoration: none; }
  a.newsindex_wrap {
    transition: opacity .1s linear; }
    a.newsindex_wrap:hover {
      opacity: .5; }

.newsindex_title {
  font-size: 16px;
  line-height: 1.4;
  color: #482700;
  letter-spacing: 0.12em; }

.newsindex_date {
  display: inline-block;
  font-size: 12px;
  color: #482700;
  font-weight: bold;
  letter-spacing: 0.2em;
  white-space: nowrap;
  margin-right: 20px; }

.newsindex_category {
  display: inline-block;
  font-size: 12px;
  background-color: #482700;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  padding: 4.5px 10px;
  border-radius: 4px;
  text-align: center; }

.newsindex_more {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  font-size: 14px;
  color: #482700;
  letter-spacing: 0.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
  transition: opacity .1s linear; }
  .newsindex_more:after {
    content: url("../images/ico_headline_more.svg");
    display: block;
    width: 12.86px;
    height: 6.8px; }
  .newsindex_more:hover {
    opacity: 0.5; }

@media screen and (max-width: 999px) {
  .newslist_title {
    margin-top: 21px; } }

.news_title {
  font-size: 28px;
  color: #482700;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.2;
  padding-bottom: 20px;
  border-bottom: 1px solid #a5864f;
  margin-bottom: 25px; }
  @media screen and (max-width: 999px) {
    .news_title {
      font-size: 18px; } }

.news_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 50px; }

.news_date {
  font-size: 12px;
  color: #482700;
  font-weight: bold;
  letter-spacing: 0.06em;
  white-space: nowrap;
  margin-right: 10px; }

.news_category {
  font-size: 12px;
  background-color: #482700;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  padding: 4.5px 10px;
  border-radius: 4px;
  text-align: center;
  letter-spacing: 0.2em; }

.news_content {
  font-size: 14px;
  line-height: 1.71429;
  color: #482700; }

.news_thumbnail {
  margin-top: 50px; }
  .news_thumbnail img {
    max-width: 100%;
    height: auto; }

.sidebarLayout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .sidebarLayout_side {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 205px;
            flex: 0 0 205px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: 50px; }
  .sidebarLayout_content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }

.sidebar_title {
  background-color: #482700;
  color: #fff;
  font-size: 17px;
  text-align: center;
  margin-bottom: 20px;
  padding: 4px 0; }

.sidebar_list {
  list-style: none;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 40px;
  font-weight: bold; }

.sidebar_item {
  margin-bottom: 8px; }

.sidebar_anchor {
  color: #482700;
  text-decoration: none; }
  .sidebar_anchor:hover {
    text-decoration: underline; }

@media screen and (max-width: 999px) {
  .sidebar_title {
    margin-bottom: 0;
    cursor: pointer;
    padding: 10px 0; }
    body.lang_en .sidebar_title {
      padding: 7px 0; }
  .sidebar_list {
    max-height: 0;
    overflow: hidden;
    margin-bottom: 0;
    border-bottom: 1px solid #fff;
    transition: max-height .1s linear;
    background-color: rgba(255, 255, 255, 0.9); }
    .sidebar_list-tiny {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .sidebar_list-open {
      max-height: 100vh;
      border-bottom: 1px solid #482700; }
    body.lang_ko .sidebar_list {
      font-size: 13px; }
    body.lang_en .sidebar_list {
      font-size: 12px;
      font-family: 'Roboto Condensed', 'Lato', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }
  .sidebar_item {
    margin: 0;
    text-align: center; }
  .sidebar_anchor {
    padding: 7px 1em;
    display: block; } }

body #qm {
  min-width: 0 !important;
  max-width: 100vw;
  overflow: hidden; }