@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 8, ../sass/_common.scss */
html {
  font-size: 62.5%; }

@media only screen and (orientation: portrait) {
  /* line 13, ../sass/_common.scss */
  html.tablet {
    zoom: 0.8;
    font-size: 50%; } }
/* line 19, ../sass/_common.scss */
body {
  color: #333;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "新ゴR",  Verdana, "MS Pゴシック", sans-serif;
  font-weight: normal;
  line-height: 1.8;
  text-align: center;
  -webkit-text-size-adjust: none; }

/* line 28, ../sass/_common.scss */
#wrap {
  font-size: 16px;
  font-size: 1.6rem;
  position: relative; }

/* line 33, ../sass/_common.scss */
.sp_view {
  display: none !important; }

/* line 37, ../sass/_common.scss */
iframe {
  height: 0;
  display: block; }

/* ============================================================ */
/* リンクスタイル */
/* ============================================================ */
/* line 47, ../sass/_common.scss */
a img {
  -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); }
/* line 51, ../sass/_common.scss */
a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }



/* ============================================================ */
/* contents */
/* ============================================================ */
/* line 9, ../sass/_contents.scss */
#contents {
  width: 100%;
  text-align: center;
  padding: 0; }
  /* line 14, ../sass/_contents.scss */
  #contents .inner {
    width: 1024px;
    margin: 0 auto; }
    /* line 20, ../sass/_contents.scss */
    #contents .inner .ttl01 {
      border-bottom: 1px solid #808080;
      padding: 0 0 3px;
      margin: 0 32px 50px; }
      /* line 25, ../sass/_contents.scss */
      #contents .inner .ttl01 span {
        font-size: 38px;
        font-size: 3.8rem;
        line-height: 2em;
        text-align: left;
        background: url(/about/history/hepburn/common/img/common/txt_ttlsub01.png) 100% 30px no-repeat;
        display: block;
        border-bottom: 1px solid #808080; }
      /* line 33, ../sass/_contents.scss */
      #contents .inner .ttl01 + p {
        font-size: 16px;
        font-size: 1.6rem;
        margin: 0 32px 20px;
        text-align: left; }
    /* line 43, ../sass/_contents.scss */
    #contents .inner .ttl02 {
      text-align: center;
      margin: 0 0 20px; }
      /* line 47, ../sass/_contents.scss */
      #contents .inner .ttl02 > span {
        font-size: 32px;
        font-size: 3.2rem;
        display: inline-block;
        padding: 0 30px;
        position: relative;
        font-weight: bold; }
        /* line 54, ../sass/_contents.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: 25px; }
        /* line 65, ../sass/_contents.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: 25px; }
        /* line 76, ../sass/_contents.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 85, ../sass/_contents.scss */
      #contents .inner .ttl02 + p {
        font-size: 16px;
        font-size: 1.6rem;
        margin: 0 0 30px; }
    /* line 94, ../sass/_contents.scss */
    #contents .inner #course_nav {
      margin: 0 0 50px;
      padding: 0 28px; }
      /* line 98, ../sass/_contents.scss */
      #contents .inner #course_nav ul {
        overflow: hidden;
        border-bottom: 2px solid #999999; }
        /* line 102, ../sass/_contents.scss */
        #contents .inner #course_nav ul li {
          float: left;
          margin: 0 0 0 5px; }
          /* line 106, ../sass/_contents.scss */
          #contents .inner #course_nav ul li:first-of-type {
            margin: 0; }
          /* line 110, ../sass/_contents.scss */
          #contents .inner #course_nav ul li a {
            display: block; }
    /* line 120, ../sass/_contents.scss */
    #contents .inner #course_map {
      margin: 0 0 100px;
      position: relative;
      padding: 0 32px; }
      /* line 125, ../sass/_contents.scss */
      #contents .inner #course_map a {
        display: block;
        position: absolute;
        background: #fff;
        opacity: 0;
        -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); }
        /* line 132, ../sass/_contents.scss */
        #contents .inner #course_map a:hover {
          opacity: 0.5; }
    /* line 141, ../sass/_contents.scss */
    #contents .inner .course {
      padding: 0 28px;
      margin: 0 0 100px;
      text-align: left;
      position: relative; }
      /* line 86, ../sass/_extend.scss */
      #contents .inner .course:after {
        content: "";
        display: block;
        clear: both; }
      /* line 148, ../sass/_contents.scss */
      #contents .inner .course h3 {
        border-top: 2px solid #999999;
        border-bottom: 2px solid #999999;
        padding: 0 0 0 190px;
        font-size: 32px;
        font-size: 3.2rem;
        position: relative;
        line-height: 64px; }
        /* line 156, ../sass/_contents.scss */
        #contents .inner .course h3 span {
          font-size: 14px;
          font-size: 1.4rem;
          padding: 0 20px;
          position: relative;
          top: -5px;
          line-height: 20px; }
        /* line 164, ../sass/_contents.scss */
        #contents .inner .course h3 a {
          position: absolute;
          right: 15px;
          top: 20px;
          display: block;
          width: 32px;
          height: 32px; }
          /* line 172, ../sass/_contents.scss */
          #contents .inner .course h3 a img {
            display: block; }
      /* line 178, ../sass/_contents.scss */
      #contents .inner .course > img {
        display: block;
        position: absolute;
        top: 68px; }
      /* line 185, ../sass/_contents.scss */
      #contents .inner .course > div:nth-of-type(1) {
        width: 320px;
        float: right;
        padding: 40px 0 0 0; }
        /* line 190, ../sass/_contents.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 196, ../sass/_contents.scss */
        #contents .inner .course > div:nth-of-type(1) p {
          margin: 0 0 40px; }
      /* line 202, ../sass/_contents.scss */
      #contents .inner .course > div:nth-of-type(2) {
        padding: 480px 0 0 0;
        width: 600px;
        float: left; }
        /* line 207, ../sass/_contents.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; }
          /* line 213, ../sass/_contents.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 221, ../sass/_contents.scss */
          #contents .inner .course > div:nth-of-type(2) .pickup img:nth-of-type(2) {
            display: block;
            float: right;
            margin: 0 0 10px 30px; }
          /* line 227, ../sass/_contents.scss */
          #contents .inner .course > div:nth-of-type(2) .pickup h4 {
            font-size: 16px;
            font-size: 1.6rem;
            font-weight: bold; }
          /* line 232, ../sass/_contents.scss */
          #contents .inner .course > div:nth-of-type(2) .pickup p {
            font-size: 14px;
            font-size: 1.4rem; }
    /* line 242, ../sass/_contents.scss */
    #contents .inner #go_top {
      margin: 30px 0 60px;
      padding: 0 30px;
      text-align: right; }



/* ============================================================ */
/* index */
/* ============================================================ */
/* line 12, ../sass/_index.scss */
#index #visual {
  margin: 0 0 10px; }
  /* line 15, ../sass/_index.scss */
  #index #visual .inner {
    width: 1024px;
    margin: 0 auto;
    position: relative; }
    /* line 20, ../sass/_index.scss */
    #index #visual .inner h1 img {
      display: block; }
    /* line 25, ../sass/_index.scss */
    #index #visual .inner p {
      text-align: center;
      position: absolute;
      width: 480px;
      left: 340px; }
      /* line 31, ../sass/_index.scss */
      #index #visual .inner p:first-of-type {
        font-size: 26px;
        font-size: 2.6rem;
        top: 50px; }
      /* line 36, ../sass/_index.scss */
      #index #visual .inner p:last-of-type {
        font-size: 16px;
        font-size: 1.6rem;
        top: 175px; }
/* line 47, ../sass/_index.scss */
#index h2 {
  border-bottom: 1px solid #808080;
  padding: 0 0 3px;
  margin: 0 0 40px; }
  /* line 52, ../sass/_index.scss */
  #index h2 span {
    display: block;
    border-bottom: 1px solid #808080;
    background: url(/about/history/hepburn/common/img/yokohama/txt_ttlsub01.png) 100% 50% no-repeat;
    font-size: 38px;
    font-size: 3.8rem;
    padding: 0 0 10px 30px;
    text-align: left;
    line-height: 1.3; }
/* line 66, ../sass/_index.scss */
#index .lead {
  padding: 0 30px;
  text-align: left;
  margin: 0 0 50px; }
  /* line 71, ../sass/_index.scss */
  #index .lead p {
    margin: 0 0 20px; }
/* line 79, ../sass/_index.scss */
#index .ttl03 {
  text-align: center;
  margin: 0 0 40px; }
  /* line 83, ../sass/_index.scss */
  #index .ttl03 span {
    font-size: 22px;
    font-size: 2.2rem;
    display: inline-block;
    padding: 0 30px;
    position: relative; }
    /* line 89, ../sass/_index.scss */
    #index .ttl03 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 100, ../sass/_index.scss */
    #index .ttl03 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 116, ../sass/_index.scss */
#index #historic {
  margin: 0 0 100px -40px;
  overflow: hidden;
  padding: 0 30px; }
  /* line 121, ../sass/_index.scss */
  #index #historic li {
    float: left;
    width: 460px;
    background: url(/about/history/hepburn/common/img/yokohama/bg_historic_bottom.png) 0 100% no-repeat;
    float: left;
    margin: 0 0 40px 40px; }
    /* line 128, ../sass/_index.scss */
    #index #historic li h4 {
      background: url(/about/history/hepburn/common/img/yokohama/bg_historic_ttl.png) 0 0 no-repeat;
      padding: 35px 0 30px;
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.3;
      margin: 0 0 5px; }
    /* line 136, ../sass/_index.scss */
    #index #historic li p {
      padding: 0 50px;
      margin: 0 0 30px;
      text-align: left; }
    /* line 142, ../sass/_index.scss */
    #index #historic li figure {
      margin: 0 0 20px;
      padding: 0 50px; }
      /* line 146, ../sass/_index.scss */
      #index #historic li figure img {
        display: block;
        margin: 0 auto 5px;
        width: 100%; }
      /* line 152, ../sass/_index.scss */
      #index #historic li figure figcaption {
        text-align: left;
        font-size: 12px;
        font-size: 1.2rem; }
      /* line 157, ../sass/_index.scss */
      #index #historic li figure.wide {
        padding: 0; }
        /* line 160, ../sass/_index.scss */
        #index #historic li figure.wide figcaption {
          padding: 0 40px; }
    /* line 166, ../sass/_index.scss */
    #index #historic li div {
      padding: 0 0 30px; }
      /* line 169, ../sass/_index.scss */
      #index #historic li div span {
        font-size: 16px;
        font-size: 1.6rem;
        background: #848484;
        border-radius: 5px;
        display: block;
        padding: 3px 10px;
        color: #fff;
        width: 80px;
        margin: 0 auto 5px; }
      /* line 180, ../sass/_index.scss */
      #index #historic li div a {
        font-size: 22px;
        font-size: 2.2rem;
        color: #333;
        display: inline-block;
        margin: 0 5px; }
/* line 193, ../sass/_index.scss */
#index .end_lead {
  padding: 0 30px;
  text-align: left;
  margin: 0 0 50px; }
  /* line 198, ../sass/_index.scss */
  #index .end_lead p {
    margin: 0 0 20px; }

/* ============================================================ */
/* course01 */
/* ============================================================ */
/* line 15, ../sass/_course01.scss */
#course01_index #course_map a {
  width: 104px;
  height: 62px;
  top: 573px; }
/* line 21, ../sass/_course01.scss */
#course01_index #course_map #link_course01 {
  left: 212px; }
/* line 25, ../sass/_course01.scss */
#course01_index #course_map #link_course02 {
  left: 393px; }
/* line 29, ../sass/_course01.scss */
#course01_index #course_map #link_course03 {
  left: 574px; }
/* line 33, ../sass/_course01.scss */
#course01_index #course_map #link_course04 {
  left: 755px; }
/* line 37, ../sass/_course01.scss */
#course01_index #course_map #link_course05 {
  left: 890px;
  top: 548px;
  width: 105px;
  height: 25px; }
/* line 48, ../sass/_course01.scss */
#course01_index #course01 h3 {
  background: url(/about/history/hepburn/common/img/course01/ttl_number01.png) 0 0 no-repeat; }
/* line 52, ../sass/_course01.scss */
#course01_index #course02 h3 {
  background: url(/about/history/hepburn/common/img/course01/ttl_number02.png) 0 0 no-repeat; }
/* line 56, ../sass/_course01.scss */
#course01_index #course03 h3 {
  background: url(/about/history/hepburn/common/img/course01/ttl_number03.png) 0 0 no-repeat; }
/* line 60, ../sass/_course01.scss */
#course01_index #course04 {
  border-bottom: 10px solid #f1ebb6;
  padding-bottom: 90px; }
  /* line 64, ../sass/_course01.scss */
  #course01_index #course04 h3 {
    background: url(/about/history/hepburn/common/img/course01/ttl_number04.png) 0 0 no-repeat; }

/* ============================================================ */
/* course01 */
/* ============================================================ */
/* line 15, ../sass/_course02.scss */
#course02_index #course_map a {
  width: 104px;
  height: 62px;
  top: 584px; }
/* line 21, ../sass/_course02.scss */
#course02_index #course_map #link_course01 {
  left: 280px; }
/* line 25, ../sass/_course02.scss */
#course02_index #course_map #link_course02 {
  left: 505px; }
/* line 29, ../sass/_course02.scss */
#course02_index #course_map #link_course03 {
  width: 118px;
  left: 723px; }
/* line 34, ../sass/_course02.scss */
#course02_index #course_map #link_course04 {
  width: 100px;
  height: 40px;
  left: 32px;
  top: 565px; }
/* line 45, ../sass/_course02.scss */
#course02_index #course01 h3 {
  background: url(/about/history/hepburn/common/img/course02/ttl_number01.png) 0 0 no-repeat; }
/* line 49, ../sass/_course02.scss */
#course02_index #course02 h3 {
  background: url(/about/history/hepburn/common/img/course02/ttl_number02.png) 0 0 no-repeat; }
/* line 53, ../sass/_course02.scss */
#course02_index #course03 {
  border-bottom: 10px solid #f1ebb6;
  padding-bottom: 90px; }
  /* line 57, ../sass/_course02.scss */
  #course02_index #course03 h3 {
    background: url(/about/history/hepburn/common/img/course02/ttl_number03.png) 0 0 no-repeat; }

/* ============================================================ */
/* course03 */
/* ============================================================ */
/* line 15, ../sass/_course03.scss */
#course03_index #course_map a {
  width: 104px;
  height: 62px;
  top: 584px; }
/* line 21, ../sass/_course03.scss */
#course03_index #course_map #link_course01 {
  left: 322px; }
/* line 25, ../sass/_course03.scss */
#course03_index #course_map #link_course02 {
  left: 608px; }
/* line 34, ../sass/_course03.scss */
#course03_index .course h3 {
  padding: 0 0 0 210px !important; }
/* line 39, ../sass/_course03.scss */
#course03_index #course01 h3 {
  background: url(/about/history/hepburn/common/img/course03/ttl_number01.png) 0 0 no-repeat; }
/* line 43, ../sass/_course03.scss */
#course03_index #course02 h3 {
  background: url(/about/history/hepburn/common/img/course03/ttl_number02.png) 0 0 no-repeat; }

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


#container #contents .about_course .inner{
  padding: 40px 0 0;
  max-width: inherit;
}