/* cafe
------------------------*/
@font-face {
  font-family: 'HuiFontP109';
  src: url("font/HuiFontP109.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.wrap--l {
  position: relative; }

.bg-Board {
  background: url(../../img/okinawa/cafe/back-board.jpg) no-repeat;
  background-size: cover; }

.fui-font {
  font-family: 'HuiFontP109', sans-serif; }

.main h2 {
  font-size: 3.5rem;
  font-weight: bold;
  margin: 0 0 60px; }

.main h3 {
  font-size: 3.8rem;
  color: #5a5a5a;
  padding: 0em 0.3em;
  background: transparent;
  border-left: solid 15px #ec7600;
  margin-bottom: 10px; }

.mt-20 {
  margin-top: 20px; }

.mt-30 {
  margin-top: 30px; }

.mt-50 {
  margin-top: 50px; }

.mt-120 {
  margin-top: 120px; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

/* carrier
------------------------*/
.carrier {
  display: block;
  padding: 50px 0 200px;
  font-size: 1.5rem; }
  .carrier__intro {
    margin-bottom: 20px;
    color: #999; }
    .carrier__intro strong {
      font-size: 2.3rem;
      color: #000; }
  .carrier__box {
    border: 1px solid #000;
    padding: 30px; }
    @media screen and (max-width: 640px) {
      .carrier__box {
        padding: 10px; } }
    .carrier__box table {
      table-layout: fixed;
      width: 100%;
      margin: 0 auto; }
    .carrier__box tr {
      border-bottom: 1px solid #000; }
    .carrier__box td, .carrier__box th {
      table-layout: fixed;
      padding: 20px; }
      @media screen and (max-width: 640px) {
        .carrier__box td, .carrier__box th {
          padding: 0px; } }
    .carrier__box td {
      width: 20%; }
      @media screen and (max-width: 640px) {
        .carrier__box td {
          display: block;
          width: 100%;
          padding-top: 20px;
          padding-bottom: 10px; } }
    .carrier__box th {
      width: 80%; }
      @media screen and (max-width: 640px) {
        .carrier__box th {
          display: block;
          width: 100%;
          padding-bottom: 20px; } }