@charset "UTF-8";
@import url("https://use.typekit.net/vyv0ewv.css");
.hero {
  position: relative;
  margin-bottom: 80px;
  z-index: 100; }

@media screen and (max-width: 861px) {
  .hero {
    margin-bottom: 30px; } }

@media screen and (min-width: 862px) {
  .hero {
    color: #000; }
    .hero a {
      color: #000; } }

.hero_img {
  width: 100%;
  top: 0;
  left: 0; }
  .hero_img .img {
    width: 100%;
    height: 100%; }
    .hero_img .img img {
      width: 100%; }

@media screen and (max-width: 861px) {
  .hero_img .img {
    position: relative; } }

@media screen and (max-width: 861px) {
  .isPc {
    display: none !important; } }

@media screen and (min-width: 862px) {
  .isSp {
    display: none !important; } }

.main {
  position: relative;
  font-family: "theory-web-ulweb-ul";
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #333;
  line-height: 1.8; }

@media screen and (min-width: 862px) {
  .main {
    height: 100%;
    min-width: 640px; } }

@media screen and (max-width: 861px) {
  .main {
    padding: 0 20px; } }

.container {
  max-width: 1127px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

@media screen and (max-width: 861px) {
  .container {
    padding: 0; } }

.top_ttl_02 {
  font-size: 30px;
  margin-bottom: 48px;
  font-family: "Genath-Regular","リュウミン R-KL","Times New Roman",Times,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.063em; }
  .top_ttl_02 .image {
    text-align: center;
    margin-bottom: 2rem; }
    @media screen and (max-width: 861px) {
      .top_ttl_02 .image {
        margin-bottom: 1rem; } }
    .top_ttl_02 .image img {
      width: 95%;
      margin: 0 auto;
      max-width: 900px; }
  .top_ttl_02 .image2 img {
    width: 90%;
    margin: 0 auto;
    max-width: 870px; }
  .top_ttl_02 small {
    display: block;
    font-size: 20px;
    margin-bottom: 1em; }
    @media screen and (max-width: 861px) {
      .top_ttl_02 small {
        font-size: 10px;
        margin-bottom: 1rem; } }
  .top_ttl_02 strong {
    font-size: 45px;
    font-weight: 400; }
    @media screen and (max-width: 861px) {
      .top_ttl_02 strong {
        display: block;
        font-size: 21px;
        margin-top: .6rem; } }
    .top_ttl_02 strong i {
      display: inline-block;
      font-style: normal; }
      .top_ttl_02 strong i:first-child {
        margin: 0 -.2em 0 -.4em; }
      .top_ttl_02 strong i:last-child {
        margin: 0 -.5em 0 -.2em; }

.main {
  color: #000; }
  .main .top {
    text-align: center; }
  .main .top_text {
    font-size: 18px;
    margin-bottom: 9px; }
    .main .top_text span {
      display: inline-block;
      border-bottom: 1px solid #000;
      margin-bottom: .2em;
      line-height: 1.3; }
  .main .top_ex {
    max-width: 840px;
    margin: 3.5rem auto;
    background: #dcdcdc;
    padding: 1.5rem;
    font-size: 16px; }
    .main .top_ex small {
      margin-top: 1em;
      display: block;
      font-size: 13px;
      line-height: 1.5; }
      @media screen and (max-width: 861px) {
        .main .top_ex small {
          font-size: 10px;
          text-align: center; } }
    @media screen and (max-width: 861px) {
      .main .top_ex {
        font-size: 10px;
        text-align: center;
        padding: .8rem;
        margin: 1.7rem auto;
        line-height: 1.5; } }
  .main .btn {
    font-size: 13px;
    background-color: #000;
    text-align: center;
    background-image: url(../images/btnarrow.png);
    background-repeat: no-repeat;
    background-position: 97% center;
    background-size: 5px;
    display: inline-block;
    padding: 10px 15px;
    color: #fff;
    position: absolute;
    bottom: 2px;
    right: 0;
    width: 35%; }
    .main .btn img {
      width: 130px;
      margin: 0 auto;
      line-height: 1; }
    @media screen and (max-width: 861px) {
      .main .btn {
        position: initial;
        bottom: initial;
        right: initial;
        width: auto;
        margin-top: 1rem;
        padding: 10px 15px !important; } }
  .main .row {
    display: block;
    margin: 0 auto 5rem; }
    @media screen and (max-width: 861px) {
      .main .row {
        margin: 0 auto 3rem; } }
    .main .row:after {
      content: '';
      display: block;
      clear: both; }
    .main .row .elm {
      position: relative;
      float: left;
      width: 47.5%; }
      .main .row .elm .style {
        margin-bottom: 1.6rem; }
        @media screen and (max-width: 861px) {
          .main .row .elm .style {
            margin-bottom: 1rem; } }
        .main .row .elm .style + p {
          display: block; }
          .main .row .elm .style + p span {
            font-size: 17px;
            margin-top: 1.2rem;
            display: inline-block;
            border-bottom: 1px solid #5c0022;
            line-height: 1.3;
            color: #5c0022; }
            @media screen and (max-width: 861px) {
              .main .row .elm .style + p span {
                font-size: 13px;
                margin-top: .6rem; } }
          .main .row .elm .style + p img {
            width: auto;
            height: 46px; }
            @media screen and (max-width: 861px) {
              .main .row .elm .style + p img {
                height: 30px;
                width: auto; } }
      .main .row .elm h4 {
        margin: .8rem 0;
        font-family: "Genath-Regular","リュウミン R-KL","Times New Roman",Times,serif;
        font-weight: 600;
        font-size: 16px; }
        @media screen and (max-width: 861px) {
          .main .row .elm h4 {
            font-size: 14px;
            line-height: 1.5; } }
        .main .row .elm h4 + p {
          font-size: 13px;
          line-height: 1.4; }
          @media screen and (max-width: 861px) {
            .main .row .elm h4 + p {
              font-size: 10px; } }
          .main .row .elm h4 + p + p {
            margin-top: 1rem;
            width: 65%;
            padding-right: 1em;
            font-size: 11px;
            line-height: 1.4; }
            .main .row .elm h4 + p + p a {
              display: inline-block;
              margin-right: 1em; }
            @media screen and (max-width: 861px) {
              .main .row .elm h4 + p + p {
                font-size: 10px;
                width: 100%; } }
      .main .row .elm:last-child {
        float: right; }
        @media screen and (max-width: 861px) {
          .main .row .elm:last-child {
            margin-top: 3rem; } }
        .main .row .elm:last-child .style + p span {
          border-bottom: 1px solid #00004c;
          color: #00004c; }
        .main .row .elm:last-child .style + p img {
          width: auto;
          height: 46px; }
          @media screen and (max-width: 861px) {
            .main .row .elm:last-child .style + p img {
              height: 30px;
              width: auto; } }
      @media screen and (max-width: 861px) {
        .main .row .elm {
          float: none;
          width: 100%;
          margin-bottom: 1.5rem; }
          .main .row .elm:last-child {
            float: none; } }
  .main .top_row {
    margin-bottom: 3rem;
    text-align: center;
    font-size: 19px;
    line-height: 1.6; }
    @media screen and (max-width: 861px) {
      .main .top_row {
        margin-bottom: 2rem; } }
    .main .top_row .elm {
      float: left;
      width: 47%; }
      .main .top_row .elm:last-child {
        float: right; }
        @media screen and (max-width: 861px) {
          .main .top_row .elm:last-child {
            float: none; } }
      @media screen and (max-width: 861px) {
        .main .top_row .elm {
          float: none;
          width: 100%; } }
    .main .top_row img {
      margin: 0 auto;
      max-width: 360px;
      width: 70%; }
    @media screen and (max-width: 861px) {
      .main .top_row {
        font-size: 12px; } }
    .main .top_row p {
      font-family: "Genath-Regular","リュウミン R-KL","Times New Roman",Times,serif;
      margin-top: 1em; }
      @media screen and (max-width: 861px) {
        .main .top_row p {
          margin-top: 1rem; } }
  .main .vstitle {
    float: left;
    width: 100%;
    margin: 0 0 3rem 0;
    padding-top: 3rem;
    text-align: center;
    font-size: 21px;
    font-family: "Genath-Regular","リュウミン R-KL","Times New Roman",Times,serif;
    border-top: 1px solid #000; }
    @media screen and (max-width: 861px) {
      .main .vstitle {
        border-top: 1px solid #ddd;
        font-size: 16px;
        margin: 0 0 2rem 0;
        padding-top: 2rem; } }
    .main .vstitle img {
      margin: 0 auto .5rem;
      width: auto;
      height: 80px; }
      @media screen and (max-width: 861px) {
        .main .vstitle img {
          height: 50px; } }
  .main .credit {
    border-top: 1px solid #000;
    padding-top: 2rem;
    font-size: 10px;
    margin-bottom: 5rem; }
    @media screen and (max-width: 861px) {
      .main .credit {
        border-top: 1px solid #ddd; } }

@media screen and (max-width: 861px) {
  .main .top_ttl_02 {
    font-size: 14px;
    margin-bottom: 24px; } }

@media screen and (max-width: 861px) {
  .main .top_text {
    font-size: 10px;
    margin-bottom: 30px; } }

.main {
  font-size: 14px; }
  @media screen and (max-width: 861px) {
    .main {
      font-size: 10px; } }
/*# sourceMappingURL=content.css.map */