@charset "UTF-8";
/*------------------------------------------------------------- */
/* css リセット */
/*------------------------------------------------------------- */
/* line 13, ../sass/_reset.scss */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  border: none;
  background: none; }

/* line 31, ../sass/_reset.scss */
i, b, address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

/* line 35, ../sass/_reset.scss */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

/* line 40, ../sass/_reset.scss */
body {
  line-height: 1; }

/* line 44, ../sass/_reset.scss */
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  display: block; }

/* line 49, ../sass/_reset.scss */
blockquote, q {
  quotes: none; }

/* line 53, ../sass/_reset.scss */
a {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent; }

/* line 59, ../sass/_reset.scss */
ins {
  background-color: #ff9;
  text-decoration: none; }

/* line 64, ../sass/_reset.scss */
mark {
  background-color: #ff9;
  font-style: italic;
  font-weight: bold; }

/* line 70, ../sass/_reset.scss */
del {
  text-decoration: line-through; }

/* line 74, ../sass/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 79, ../sass/_reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

/* line 88, ../sass/_reset.scss */
input, select, img {
  vertical-align: middle; }

/* line 92, ../sass/_reset.scss */
input[type="text"],
input[type="password"],
texarea {
  -webkit-appearance: none;
  border: 1px solid #ccc;
  display: inline-block; }

/* line 100, ../sass/_reset.scss */
ol, ul {
  list-style: none; }

/* ============================================================ */
/* 基本設定 */
/* ============================================================ */
/* line 9, ../sass/_common_sp.scss */
html {
  font-size: 62.5%; }

/* line 13, ../sass/_common_sp.scss */
body {
  color: #333;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "新ゴR",  Verdana, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: normal;
  line-height: 1.8;
  text-align: center;
  -webkit-text-size-adjust: none;
  position: relative; }

/* line 23, ../sass/_common_sp.scss */
#wrap {
  font-size: 13px;
  font-size: 1.3rem;
  position: relative; }

/* line 28, ../sass/_common_sp.scss */
.pc_view {
  display: none !important; }

/* ============================================================ */
/* header */
/* ============================================================ */
/* line 8, ../sass/_header_sp.scss */
header {
  text-align: center;
  background: #ffff1c;
  width: 100%; }
  /* line 15, ../sass/_header_sp.scss */
  header .inner a {
    background: url(/about/history/hepburn/common/img/common/ttl_header01_sp.png) 50% 0 no-repeat;
    background-size: contain;
    text-indent: -9999em;
    height: 45px;
    display: block; }

/* line 27, ../sass/_header_sp.scss */
#gnavi {
  width: 100%;
  background: #333;
  text-align: center; }
  /* line 32, ../sass/_header_sp.scss */
  #gnavi .inner {
    width: 100%; }
    /* line 35, ../sass/_header_sp.scss */
    #gnavi .inner ul {
      margin: 0 auto; }
      /* line 86, ../sass/_extend.scss */
      #gnavi .inner ul:after {
        content: "";
        display: block;
        clear: both; }
      /* line 39, ../sass/_header_sp.scss */
      #gnavi .inner ul li {
        float: left;
        width: 50%;
        box-sizing: border-box;
        display: table; }
        /* line 45, ../sass/_header_sp.scss */
        #gnavi .inner ul li:nth-of-type(1), #gnavi .inner ul li:nth-of-type(2) {
          border-bottom: 1px solid #999999; }
        /* line 50, ../sass/_header_sp.scss */
        #gnavi .inner ul li:nth-of-type(2n) {
          border-left: 1px solid #999999; }
        /* line 54, ../sass/_header_sp.scss */
        #gnavi .inner ul li a {
          height: 45px;
          display: block;
          color: #fff;
          text-decoration: none;
          text-align: center;
          line-height: 1.1;
          font-size: 14px;
          font-size: 1.4rem;
          -ms-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
          -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
          -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
          display: table-cell;
          vertical-align: middle; }
          /* line 66, ../sass/_header_sp.scss */
          #gnavi .inner ul li a:hover {
            background: #666; }
          /* line 70, ../sass/_header_sp.scss */
          #gnavi .inner ul li a span {
            font-size: 10px;
            font-size: 1.0rem; }

/* ============================================================ */
/* contents */
/* ============================================================ */
/* line 9, ../sass/_contents_sp.scss */
#contents {
  width: 100%;
  text-align: center;
  padding: 35px 0 0 0; }
  /* line 14, ../sass/_contents_sp.scss */
  #contents .inner {
    width: 100%; }
    /* line 20, ../sass/_contents_sp.scss */
    #contents .inner .ttl01 {
      border-bottom: 1px double #999999;
      margin: 0 0 15px;
      padding: 0 0 2px; }
      /* line 25, ../sass/_contents_sp.scss */
      #contents .inner .ttl01 span {
        display: block;
        font-size: 24px;
        font-size: 2.4rem;
        border-bottom: 1px double #999999;
        padding: 0 0 5px 20px;
        text-align: left; }
      /* line 33, ../sass/_contents_sp.scss */
      #contents .inner .ttl01 + p {
        font-size: 15px;
        font-size: 1.5rem;
        padding: 0 20px;
        margin: 0 0 15px;
        text-align: left; }
    /* line 44, ../sass/_contents_sp.scss */
    #contents .inner .ttl02 {
      text-align: center;
      margin: 0 0 20px; }
      /* line 48, ../sass/_contents_sp.scss */
      #contents .inner .ttl02 > span {
        font-size: 22px;
        font-size: 2.2rem;
        display: inline-block;
        padding: 0 30px;
        position: relative;
        font-weight: bold; }
        /* line 55, ../sass/_contents_sp.scss */
        #contents .inner .ttl02 > span:after {
          content: "";
          display: block;
          background: url(/about/history/hepburn/common/img/yokohama/img_ttl_dot01.png) 0 0 no-repeat;
          width: 60px;
          height: 10px;
          position: absolute;
          left: -50px;
          top: 15px; }
        /* line 66, ../sass/_contents_sp.scss */
        #contents .inner .ttl02 > span:before {
          content: "";
          display: block;
          background: url(/about/history/hepburn/common/img/yokohama/img_ttl_dot01.png) 0 0 no-repeat;
          width: 60px;
          height: 10px;
          position: absolute;
          right: -50px;
          top: 15px; }
        /* line 77, ../sass/_contents_sp.scss */
        #contents .inner .ttl02 > span > span {
          font-size: 20px;
          font-size: 2.0rem;
          padding: 0 20px 0 0;
          position: relative;
          top: -5px;
          font-weight: normal; }
      /* line 86, ../sass/_contents_sp.scss */
      #contents .inner .ttl02 + p {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 0 20px;
        margin: 0 0 30px;
        text-align: left; }
    /* line 97, ../sass/_contents_sp.scss */
    #contents .inner #course_nav {
      margin: 0 0 25px; }
      /* line 100, ../sass/_contents_sp.scss */
      #contents .inner #course_nav ul {
        border-bottom: 1px solid #999999; }
        /* line 105, ../sass/_contents_sp.scss */
        #contents .inner #course_nav ul li a {
          display: block; }
          /* line 108, ../sass/_contents_sp.scss */
          #contents .inner #course_nav ul li a img {
            width: 100%; }
    /* line 120, ../sass/_contents_sp.scss */
    #contents .inner #course_map > img {
      width: 100%; }
    /* line 124, ../sass/_contents_sp.scss */
    #contents .inner #course_map div {
      width: 320px;
      margin: 0 auto 50px;
      position: relative;
      background: #895648; }
      /* line 130, ../sass/_contents_sp.scss */
      #contents .inner #course_map div img {
        width: 320px;
        display: block; }
      /* line 135, ../sass/_contents_sp.scss */
      #contents .inner #course_map div a {
        position: absolute;
        left: 40px;
        width: 241px;
        height: 38px;
        display: block; }
    /* line 148, ../sass/_contents_sp.scss */
    #contents .inner .course {
      margin: 0 0 50px;
      text-align: left; }
      /* line 152, ../sass/_contents_sp.scss */
      #contents .inner .course h3 {
        border-top: 2px solid #999999;
        border-bottom: 2px solid #999999;
        padding: 35px 0 5px 15px;
        font-size: 22px;
        font-size: 2.2rem;
        position: relative; }
        /* line 160, ../sass/_contents_sp.scss */
        #contents .inner .course h3 span {
          font-size: 10px;
          font-size: 1.0rem;
          padding: 0 5px;
          position: relative;
          top: -5px;
          line-height: 20px; }
        /* line 168, ../sass/_contents_sp.scss */
        #contents .inner .course h3 a {
          position: absolute;
          right: 20px;
          top: 23px;
          display: block;
          width: 24px;
          height: 24px; }
          /* line 176, ../sass/_contents_sp.scss */
          #contents .inner .course h3 a img {
            display: block;
            width: 100%; }
      /* line 183, ../sass/_contents_sp.scss */
      #contents .inner .course > img {
        display: block;
        margin: 0 0 20px;
        width: 100%; }
      /* line 190, ../sass/_contents_sp.scss */
      #contents .inner .course > div:nth-of-type(1) {
        padding: 0 20px;
        margin: 0 0 30px; }
        /* line 194, ../sass/_contents_sp.scss */
        #contents .inner .course > div:nth-of-type(1) h4 {
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: bold;
          margin: 0 0 20px; }
        /* line 200, ../sass/_contents_sp.scss */
        #contents .inner .course > div:nth-of-type(1) p {
          font-size: 14px;
          font-size: 1.4rem;
          margin: 0 0 30px; }
        /* line 205, ../sass/_contents_sp.scss */
        #contents .inner .course > div:nth-of-type(1) img {
          width: 100%; }
      /* line 212, ../sass/_contents_sp.scss */
      #contents .inner .course > div:nth-of-type(2) .pickup {
        border-top: 1px solid #999999;
        border-left: 1px solid #999999;
        padding: 30px 0 0 30px;
        position: relative;
        margin: 0 20px; }
        /* line 219, ../sass/_contents_sp.scss */
        #contents .inner .course > div:nth-of-type(2) .pickup img:nth-of-type(1) {
          position: absolute;
          left: 30px;
          top: -8px;
          padding: 0 10px;
          background: #fff; }
        /* line 227, ../sass/_contents_sp.scss */
        #contents .inner .course > div:nth-of-type(2) .pickup img:nth-of-type(3) {
          display: block;
          width: 100%; }
        /* line 232, ../sass/_contents_sp.scss */
        #contents .inner .course > div:nth-of-type(2) .pickup h4 {
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: bold; }
        /* line 237, ../sass/_contents_sp.scss */
        #contents .inner .course > div:nth-of-type(2) .pickup p {
          font-size: 14px;
          font-size: 1.4rem;
          margin: 0 0 10px; }
    /* line 248, ../sass/_contents_sp.scss */
    #contents .inner #go_top {
      margin: 30px 0;
      position: relative;
      height: 31px; }
      /* line 253, ../sass/_contents_sp.scss */
      #contents .inner #go_top a {
        display: block;
        width: 50px;
        position: absolute;
        right: 20px; }
        /* line 259, ../sass/_contents_sp.scss */
        #contents .inner #go_top a img {
          display: block;
          width: 100%; }
    /* line 269, ../sass/_contents_sp.scss */
    #contents .inner #next_link {
      padding: 0 20px;
      margin: 0 auto; }
      /* line 273, ../sass/_contents_sp.scss */
      #contents .inner #next_link a {
        display: block; }
        /* line 276, ../sass/_contents_sp.scss */
        #contents .inner #next_link a img {
          width: 100%; }

/* ============================================================ */
/* footer */
/* ============================================================ */
/* line 8, ../sass/_footer_sp.scss */
footer {
  background: #e4e4e4;
  padding: 20px;
  font-size: 10px;
  font-size: 1.0rem; }
  /* line 13, ../sass/_footer_sp.scss */
  footer .inner {
    position: relative; }
    /* line 16, ../sass/_footer_sp.scss */
    footer .inner nav {
      margin: 0 0 10px; }
      /* line 19, ../sass/_footer_sp.scss */
      footer .inner nav ul {
        overflow: hidden;
        margin: 0 0 0 -10px; }
        /* line 23, ../sass/_footer_sp.scss */
        footer .inner nav ul li {
          float: left;
          margin: 0 0 0 6px;
          padding: 0 6px 0 0;
          position: relative; }
          /* line 29, ../sass/_footer_sp.scss */
          footer .inner nav ul li:after {
            content: "";
            width: 1px;
            height: 10px;
            display: block;
            background: #333;
            position: absolute;
            right: 0;
            top: 3px; }
          /* line 40, ../sass/_footer_sp.scss */
          footer .inner nav ul li a {
            color: #333;
            text-decoration: none; }
            /* line 44, ../sass/_footer_sp.scss */
            footer .inner nav ul li a:hover {
              text-decoration: underline; }
          /* line 49, ../sass/_footer_sp.scss */
          footer .inner nav ul li:last-of-type:after {
            display: none; }
    /* line 56, ../sass/_footer_sp.scss */
    footer .inner small {
      font-size: 10px;
      font-size: 1.0rem;
      text-align: left;
      display: block; }

/* ============================================================ */
/* index */
/* ============================================================ */
/* line 15, ../sass/_index_sp.scss */
#index #visual .inner {
  position: relative;
  background: #e2f1fa;
  padding: 0 0 30px; }
  /* line 20, ../sass/_index_sp.scss */
  #index #visual .inner h1 {
    margin: 0 0 10px; }
    /* line 23, ../sass/_index_sp.scss */
    #index #visual .inner h1 img {
      width: 100%; }
  /* line 30, ../sass/_index_sp.scss */
  #index #visual .inner p:first-of-type {
    font-size: 15px;
    font-size: 1.5rem;
    top: 20px;
    left: 20px;
    position: absolute; }
  /* line 37, ../sass/_index_sp.scss */
  #index #visual .inner p:last-of-type {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 0 20px;
    text-align: left; }
/* line 49, ../sass/_index_sp.scss */
#index h2 {
  border-bottom: 1px double #808080;
  padding: 0 0 3px;
  margin: 0 0 20px; }
  /* line 54, ../sass/_index_sp.scss */
  #index h2 span {
    display: block;
    border-bottom: 1px double #808080;
    font-size: 24px;
    font-size: 2.4rem;
    padding: 0 0 5px 20px;
    text-align: left;
    line-height: 1.3; }
/* line 67, ../sass/_index_sp.scss */
#index .lead {
  padding: 0 20px;
  text-align: left;
  margin: 0 0 50px; }
  /* line 72, ../sass/_index_sp.scss */
  #index .lead p {
    margin: 0 0 15px; }
/* line 80, ../sass/_index_sp.scss */
#index .ttl03 {
  text-align: center;
  margin: 0 0 30px; }
  /* line 84, ../sass/_index_sp.scss */
  #index .ttl03 span {
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    padding: 0 30px;
    position: relative;
    font-weight: bold; }
    /* line 91, ../sass/_index_sp.scss */
    #index .ttl03 span:after {
      content: "";
      display: block;
      background: url(/about/history/hepburn/common/img/yokohama/img_ttl_dot01.png) 0 0 no-repeat;
      background-size: contain;
      width: 30px;
      height: 5px;
      position: absolute;
      left: -10px;
      top: 10px; }
    /* line 103, ../sass/_index_sp.scss */
    #index .ttl03 span:before {
      content: "";
      display: block;
      background: url(/about/history/hepburn/common/img/yokohama/img_ttl_dot01.png) 0 0 no-repeat;
      background-size: contain;
      width: 30px;
      height: 5px;
      position: absolute;
      right: -10px;
      top: 10px; }
/* line 120, ../sass/_index_sp.scss */
#index #historic {
  margin: 0 0 50px; }
  /* line 123, ../sass/_index_sp.scss */
  #index #historic li {
    width: 100%;
    background: url(/about/history/hepburn/common/img/yokohama/bg_historic_bottom.png) 0 100% no-repeat;
    background-size: contain;
    margin: 0;
    padding: 0 0 30px; }
    /* line 130, ../sass/_index_sp.scss */
    #index #historic li h4 {
      background: url(/about/history/hepburn/common/img/yokohama/bg_historic_ttl.png) 0 0 no-repeat;
      background-size: cover;
      padding: 30px 0 20px;
      font-size: 20px;
      font-size: 2.0rem;
      line-height: 1.3;
      margin: 0; }
    /* line 139, ../sass/_index_sp.scss */
    #index #historic li p {
      padding: 0 20px;
      margin: 0 0 15px;
      text-align: left; }
    /* line 145, ../sass/_index_sp.scss */
    #index #historic li figure {
      margin: 0 0 20px;
      padding: 0 20px; }
      /* line 149, ../sass/_index_sp.scss */
      #index #historic li figure img {
        display: block;
        margin: 0 auto 5px;
        width: 100%; }
      /* line 155, ../sass/_index_sp.scss */
      #index #historic li figure figcaption {
        text-align: left;
        font-size: 12px;
        font-size: 1.2rem; }
    /* line 161, ../sass/_index_sp.scss */
    #index #historic li div {
      padding: 0; }
      /* line 164, ../sass/_index_sp.scss */
      #index #historic li div span {
        font-size: 14px;
        font-size: 1.4rem;
        background: #848484;
        border-radius: 5px;
        display: block;
        padding: 2px 0;
        color: #fff;
        width: 70px;
        margin: 0 auto 5px; }
      /* line 175, ../sass/_index_sp.scss */
      #index #historic li div a {
        font-size: 18px;
        font-size: 1.8rem;
        color: #333;
        display: inline-block;
        margin: 0 5px; }
/* line 188, ../sass/_index_sp.scss */
#index .end_lead {
  padding: 0 30px;
  text-align: left;
  margin: 0 0 50px; }
  /* line 193, ../sass/_index_sp.scss */
  #index .end_lead p {
    margin: 0 0 20px; }

/* ============================================================ */
/* course01 */
/* ============================================================ */
/* line 15, ../sass/_course01_sp.scss */
#course01_index #course_map #link_course01 {
  top: 162px; }
/* line 19, ../sass/_course01_sp.scss */
#course01_index #course_map #link_course02 {
  top: 244px; }
/* line 23, ../sass/_course01_sp.scss */
#course01_index #course_map #link_course03 {
  top: 326px; }
/* line 27, ../sass/_course01_sp.scss */
#course01_index #course_map #link_course04 {
  top: 408px; }
/* line 31, ../sass/_course01_sp.scss */
#course01_index #course_map #link_course05 {
  top: 490px;
  left: 190px;
  width: 110px; }
/* line 41, ../sass/_course01_sp.scss */
#course01_index #course01 h3 {
  background: url(/about/history/hepburn/common/img/course01/ttl_number01_sp.png) 0 0 no-repeat;
  background-size: contain; }
/* line 46, ../sass/_course01_sp.scss */
#course01_index #course02 h3 {
  background: url(/about/history/hepburn/common/img/course01/ttl_number02_sp.png) 0 0 no-repeat;
  background-size: contain; }
/* line 51, ../sass/_course01_sp.scss */
#course01_index #course03 h3 {
  background: url(/about/history/hepburn/common/img/course01/ttl_number03_sp.png) 0 0 no-repeat;
  background-size: contain; }
/* line 56, ../sass/_course01_sp.scss */
#course01_index #course04 {
  border-bottom: 10px solid #f1ebb6;
  padding-bottom: 30px; }
  /* line 60, ../sass/_course01_sp.scss */
  #course01_index #course04 h3 {
    background: url(/about/history/hepburn/common/img/course01/ttl_number04_sp.png) 0 0 no-repeat;
    background-size: contain; }

/* ============================================================ */
/* course02 */
/* ============================================================ */
/* line 15, ../sass/_course02_sp.scss */
#course02_index #course_map #link_course01 {
  top: 164px; }
/* line 19, ../sass/_course02_sp.scss */
#course02_index #course_map #link_course02 {
  top: 246px; }
/* line 23, ../sass/_course02_sp.scss */
#course02_index #course_map #link_course03 {
  top: 328px; }
/* line 27, ../sass/_course02_sp.scss */
#course02_index #course_map #link_course04 {
  top: 80px;
  left: 190px;
  width: 110px; }
/* line 37, ../sass/_course02_sp.scss */
#course02_index #course01 h3 {
  background: url(/about/history/hepburn/common/img/course02/ttl_number01_sp.png) 0 0 no-repeat;
  background-size: contain; }
/* line 42, ../sass/_course02_sp.scss */
#course02_index #course01 div:nth-of-type(1) img {
  width: 75%; }
/* line 46, ../sass/_course02_sp.scss */
#course02_index #course02 h3 {
  background: url(/about/history/hepburn/common/img/course02/ttl_number02_sp.png) 0 0 no-repeat;
  background-size: contain; }
/* line 51, ../sass/_course02_sp.scss */
#course02_index #course03 {
  border-bottom: 10px solid #f1ebb6;
  padding-bottom: 30px; }
  /* line 55, ../sass/_course02_sp.scss */
  #course02_index #course03 h3 {
    background: url(/about/history/hepburn/common/img/course02/ttl_number03_sp.png) 0 0 no-repeat;
    background-size: contain; }

/* ============================================================ */
/* course03 */
/* ============================================================ */
/* line 15, ../sass/_course03_sp.scss */
#course03_index #course_map #link_course01 {
  top: 164px; }
/* line 19, ../sass/_course03_sp.scss */
#course03_index #course_map #link_course02 {
  top: 246px; }
/* line 27, ../sass/_course03_sp.scss */
#course03_index #course01 h3 {
  background: url(/about/history/hepburn/common/img/course03/ttl_number01_sp.png) 0 0 no-repeat;
  background-size: contain; }
/* line 32, ../sass/_course03_sp.scss */
#course03_index #course02 h3 {
  background: url(/about/history/hepburn/common/img/course03/ttl_number02_sp.png) 0 0 no-repeat;
  background-size: contain; }

/*# sourceMappingURL=import_sp.css.map */