@charset "UTF-8";
/* Scss Document */
/* CSS Document */
/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/
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, sub, sup, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* Scss Document */
/*-----------------------共通クラス--------------------------*/
.flexbox {
  /*-----display:　flex用--------*/
  display: -webkit-box;
  /*--- Androidブラウザ用 ---*/
  display: -ms-flexbox;
  /*--- IE10 ---*/
  display: -webkit-flex;
  /*--- safari（PC）用 ---*/
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  align-items: flex-start; }

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important; }

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important; }

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important; }

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important; }

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important; }

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important; }

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important; }

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important; }

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important; }

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important; }

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important; }

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important; }

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important; }

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important; }

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important; }

.none {
  display: none; }

@media screen and (min-width: 768px) {
  .sp {
    display: none; } }
@media screen and (max-width: 767.98px) {
  .pc {
    display: none; } }
/* --------------------------------
 * element style
 * -------------------------------- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  width: 100%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: normal;
  font-size: 1.6rem;
  text-align: justify;
  color: #333; }

img {
  margin: 0;
  padding: 0;
  vertical-align: bottom; }

li {
  list-style: none; }

a {
  color: #333;
  text-decoration: none;
  transition: .3s; }

a:hover {
  opacity: 0.6; }
  @media screen and (max-width: 767.98px) {
    a:hover {
      opacity: 1; } }

a:visited, a:focus, a:hover {
  text-decoration: none; }

/* --------------------------------
 * main
 * -------------------------------- */
.lp-wrap {
  width: 100%;
  text-align: left; }
  .lp-wrap .center-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    overflow-x: hidden; }
    .lp-wrap .center-wrap > div {
      width: 1920px; }
      @media screen and (max-width: 767.98px) {
        .lp-wrap .center-wrap > div {
          width: 220%; } }
      .lp-wrap .center-wrap > div > img {
        display: block;
        max-width: 1920px; }
        @media screen and (max-width: 767.98px) {
          .lp-wrap .center-wrap > div > img {
            max-width: 100%; } }
      .lp-wrap .center-wrap > div .btn-wrap {
        width: 38%;
        margin: 0 auto; }
        @media screen and (max-width: 767.98px) {
          .lp-wrap .center-wrap > div .btn-wrap {
            width: 42%; } }
        .lp-wrap .center-wrap > div .btn-wrap .btn-wrap-inner {
          padding: 2rem 0; }
          @media screen and (max-width: 767.98px) {
            .lp-wrap .center-wrap > div .btn-wrap .btn-wrap-inner {
              padding: 1rem 0; } }
          .lp-wrap .center-wrap > div .btn-wrap .btn-wrap-inner li {
            width: 49%; }
            .lp-wrap .center-wrap > div .btn-wrap .btn-wrap-inner li img {
              width: 100%; }

#footer {
  width: 100%;
  background: #00BEC8;
  padding: 2rem 0; }
  #footer .footer-logo {
    width: 440px;
    margin: 0 auto .5rem; }
    @media screen and (max-width: 767.98px) {
      #footer .footer-logo {
        width: 300px; } }
  #footer .copy {
    font-size: 1.6rem;
    line-height: 1.2;
    text-align: center;
    color: #fff; }
    @media screen and (max-width: 767.98px) {
      #footer .copy {
        font-size: 1.5rem; } }

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