@charset "UTF-8";
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif; }

/* -------------------------------------------------------------
PC
--------------------------------------------------------------*/
@media screen and (min-width: 960px) {
  .kv__wrap {
    background: url(../img/kv/experience.jpg) center bottom no-repeat;
    background-size: cover;
    padding: 280px 0;
    width: 100%; }
    .kv__wrap__inner {
      color: #fff;
      font-weight: bold;
      text-align: center;
      margin: 0 auto;
      width: 60%; }
      .kv__wrap__inner h1 {
        font-size: 65px;
        letter-spacing: 2px; }
      .kv__wrap__inner p {
        font-size: 18px;
        line-height: 24px;
        padding-top: 20px;
        width: 65%;
        margin: 0 auto; }
  .menu__wrap {
    width: 100%;
    background: #000; }
    .menu__wrap__inner {
      margin: 0 auto; }
      .menu__wrap__inner ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .menu__wrap__inner ul li {
          width: 21%; }
          .menu__wrap__inner ul li a {
            display: block;
            vertical-align: middle;
            text-align: center;
            padding: 20px 0;
            font-weight: bold;
            color: #fff;
            font-size: 16px; }
            .menu__wrap__inner ul li a:hover {
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
              filter: alpha(opacity=70);
              -moz-opacity: 0.7;
              -webkit-opacity: 0.7;
              opacity: 0.7;
              text-decoration: none; }
          .menu__wrap__inner ul li:first-child a {
            color: #000;
            background: #ffa000; }
  .main_wrap {
    width: 90%;
    margin: 0 auto; }
  .content_wrap {
    padding: 35px 0;
    border-bottom: 1px solid #000; }
    .content_wrap:last-child {
      border-bottom: none; }
  .content_title {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: center;
    position: relative;
    letter-spacing: 2px; }
    .content_title::after {
      content: "";
      width: 40px;
      height: 3px;
      background-color: #ffa000;
      position: absolute;
      left: calc(50% - 20px);
      bottom: -8px; }
  .main_section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 35px; }
    .main_section__image {
      width: 49%; }
      .main_section__image img {
        width: 100%; }
    .main_section__textbtn {
      width: 49%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      flex-flow: column;
      -webkit-flex-flow: column;
      -ms-flex-flow: column; }
      .main_section__textbtn h2 {
        font-size: 22px;
        font-weight: bold;
        text-align: left; }
      .main_section__textbtn p {
        font-size: 16px;
        line-height: 24px;
        padding: 10px 0;
        text-align: left; }
      .main_section__textbtn .btn_wrap {
        padding-top: 10px;
        width: 70%; }
  .movie_section {
    margin-top: 35px; }
    .movie_section ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .movie_section ul li {
        width: 31.5%;
        margin-bottom: 30px; }
        .movie_section ul li a {
          text-align: center;
          color: #000;
          font-size: 14px;
          line-height: 22px;
          font-weight: bold;
          display: inline-block;
          position: relative; }
          .movie_section ul li a img {
            width: 100%;
            margin-bottom: 10px; }
          .movie_section ul li a:after {
            content: "";
            display: inline-block;
            position: absolute;
            width: 50px;
            height: 50px;
            background-image: url(../img/movie_icon.svg);
            background-size: contain;
            top: 50%;
            left: 50%;
            margin: -50px 0 0 -25px; }
          .movie_section ul li a:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
            filter: alpha(opacity=70);
            -moz-opacity: 0.7;
            -webkit-opacity: 0.7;
            opacity: 0.7; }
  .article_section {
    margin-top: 35px; }
    .article_section ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .article_section ul li {
        width: 31.5%;
        margin-bottom: 30px; }
        .article_section ul li a {
          text-align: left;
          color: #000;
          font-size: 14px;
          line-height: 22px;
          font-weight: bold;
          display: inline-block;
          position: relative; }
          .article_section ul li a img {
            width: 100%;
            margin-bottom: 10px; }
          .article_section ul li a:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
            filter: alpha(opacity=70);
            -moz-opacity: 0.7;
            -webkit-opacity: 0.7;
            opacity: 0.7;
            color: orange; }
          .article_section ul li a .text {
            margin-left: 1em;
            text-indent: -1em;
            display: inline-block; }
            .article_section ul li a .text:before {
              content: "▶"; }
  .link_section {
    margin-top: 35px; }
    .link_section ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .link_section ul li {
        width: 31.5%;
        margin-bottom: 30px; }
        .link_section ul li .link_detail {
          text-align: left;
          color: #000;
          font-size: 14px;
          line-height: 22px;
          font-weight: bold;
          display: inline-block;
          position: relative; }
          .link_section ul li .link_detail img {
            width: 100%;
            margin-bottom: 10px; }
          .link_section ul li .link_detail .text {
            display: inline-block; }
        .link_section ul li .real_btn {
          margin-top: 20px; }
  .btn_wrap_bottom {
    width: 31.5%;
    margin: 35px auto 0; }
  .btn_wrap_bottom_noup {
    width: 31.5%;
    margin: 0 auto 0; }
  .real_btn {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background-color: #ffa000;
    padding: 12px;
    display: block; }
    .real_btn:hover {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
      filter: alpha(opacity=70);
      -moz-opacity: 0.7;
      -webkit-opacity: 0.7;
      opacity: 0.7;
      text-decoration: none; }
    .real_btn.grey {
      background-color: #b2b2b2; }
  .crumb__wrap {
    width: 100%;
    border-top: 1px solid #000; }
    .crumb__wrap__inner {
      width: 90%;
      margin: 0 auto;
      padding: 20px 0; }
      .crumb__wrap__inner p {
        text-align: left;
        font-weight: bold;
        font-size: 14px; }
        .crumb__wrap__inner p a {
          color: #0071a2;
          text-decoration: underline; } }

/* -------------------------------------------------------------
スマホ
--------------------------------------------------------------*/
@media screen and (max-width: 959px) {
  .kv__wrap {
    background: url(../img/kv/experience.jpg) center bottom no-repeat;
    background-size: cover;
    padding: 60px 0px;
    width: 100%; }
    .kv__wrap__inner {
      color: #fff;
      font-weight: bold;
      text-align: center;
      margin: 0 auto;
      width: 80%; }
      .kv__wrap__inner h1 {
        font-size: 26px;
        letter-spacing: 2px; }
      .kv__wrap__inner p {
        font-size: 11px;
        line-height: 15px;
        padding-top: 15px;
        margin: 0 auto; }
  .menu__wrap {
    width: 100%;
    background: #000; }
    .menu__wrap__inner {
      margin: 0 auto; }
      .menu__wrap__inner ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .menu__wrap__inner ul li {
          width: 50%; }
          .menu__wrap__inner ul li a {
            display: block;
            vertical-align: middle;
            text-align: center;
            padding: 12px 0;
            font-weight: bold;
            color: #fff;
            font-size: 12px;
            line-height: 17px; }
            .menu__wrap__inner ul li a:hover {
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
              filter: alpha(opacity=70);
              -moz-opacity: 0.7;
              -webkit-opacity: 0.7;
              opacity: 0.7; }
          .menu__wrap__inner ul li:first-child a {
            color: #000;
            background: #ffa000; }
  .main_wrap {
    width: 90%;
    margin: 0 auto; }
  .content_wrap {
    padding: 35px 0;
    border-bottom: 1px solid #000; }
    .content_wrap:last-child {
      border-bottom: none; }
  .content_title {
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: center;
    position: relative;
    letter-spacing: 2px; }
    .content_title::after {
      content: "";
      width: 40px;
      height: 3px;
      background-color: #ffa000;
      position: absolute;
      left: calc(50% - 20px);
      bottom: -8px; }
  .main_section {
    margin-top: 30px; }
    .main_section__image img {
      width: 100%; }
    .main_section__textbtn h2 {
      font-size: 20px;
      font-weight: bold;
      text-align: left;
      margin-top: 15px; }
    .main_section__textbtn p {
      font-size: 16px;
      line-height: 24px;
      padding: 10px 0;
      text-align: left; }
    .main_section__textbtn .btn_wrap {
      margin-top: 10px; }
  .movie_section {
    margin-top: 35px; }
    .movie_section ul li {
      margin-bottom: 30px; }
      .movie_section ul li a {
        text-align: center;
        color: #000;
        font-size: 14px;
        line-height: 22px;
        font-weight: bold;
        display: inline-block;
        position: relative; }
        .movie_section ul li a img {
          width: 100%;
          margin-bottom: 10px; }
        .movie_section ul li a:after {
          content: "";
          display: inline-block;
          position: absolute;
          width: 50px;
          height: 50px;
          background-image: url(../img/movie_icon.svg);
          background-size: contain;
          top: 50%;
          left: 50%;
          margin: -50px 0 0 -25px; }
        .movie_section ul li a:hover {
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
          filter: alpha(opacity=70);
          -moz-opacity: 0.7;
          -webkit-opacity: 0.7;
          opacity: 0.7; }
  .article_section {
    margin-top: 35px; }
    .article_section ul li {
      margin-bottom: 30px; }
      .article_section ul li a {
        text-align: left;
        color: #000;
        font-size: 14px;
        line-height: 22px;
        font-weight: bold;
        display: inline-block;
        position: relative; }
        .article_section ul li a img {
          width: 100%;
          margin-bottom: 10px; }
        .article_section ul li a:hover {
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
          filter: alpha(opacity=70);
          -moz-opacity: 0.7;
          -webkit-opacity: 0.7;
          opacity: 0.7;
          color: orange; }
        .article_section ul li a .text {
          margin-left: 1em;
          text-indent: -1em;
          display: inline-block; }
          .article_section ul li a .text:before {
            content: "▶"; }
  .link_section {
    margin-top: 35px; }
    .link_section ul li {
      margin-bottom: 30px; }
      .link_section ul li .link_detail {
        text-align: left;
        color: #000;
        font-size: 14px;
        line-height: 22px;
        font-weight: bold;
        display: inline-block;
        position: relative; }
        .link_section ul li .link_detail img {
          width: 100%;
          margin-bottom: 10px; }
        .link_section ul li .link_detail:hover {
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
          filter: alpha(opacity=70);
          -moz-opacity: 0.7;
          -webkit-opacity: 0.7;
          opacity: 0.7; }
        .link_section ul li .link_detail .text {
          display: inline-block; }
      .link_section ul li .real_btn {
        margin-top: 20px; }
  .btn_wrap_bottom {
    margin-top: 30px; }
  .btn_wrap_bottom_noup {
    margin-top: 0px; }
  .real_btn {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background-color: #ffa000;
    padding: 15px;
    display: block; }
    .real_btn.grey {
      background-color: #b2b2b2; }
  .crumb__wrap {
    width: 100%;
    border-top: 1px solid #000; }
    .crumb__wrap__inner {
      width: 90%;
      margin: 0 auto;
      padding: 20px 0; }
      .crumb__wrap__inner p {
        text-align: left;
        font-weight: bold;
        font-size: 14px; }
        .crumb__wrap__inner p a {
          color: #0071a2;
          text-decoration: underline; } }