@charset "UTF-8";
/*base is →　! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400i,500i&display=swap);
@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:500&display=swap);
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

article, aside, footer, header, nav, section, figcaption, figure, main {
  display: block; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

img {
  border-style: none;
  vertical-align: top; }

table {
  border-collapse: collapse; }

button, input, select, textarea {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

textarea {
  overflow: auto;
  resize: vertical; }

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0; }

a, area, button, input, label, select, summary, textarea, [tabindex] {
  touch-action: manipulation; }

/* --------------- variables --------------------- */
/* Break Point */
/* Color */
/*メインカラー*/
/*アクセントカラー*/
/*テキストに使うフォントカラー*/
/*テキスト内で使うリンクカラー*/
/* Font */
/*日本語用（メイリオ）*/
/*英語用*/
@media screen and (max-width: 1079px) {
  a,
  abbr,
  acronym,
  address,
  applet,
  article,
  aside,
  audio,
  b,
  big,
  blockquote,
  body,
  canvas,
  caption,
  center,
  cite,
  code,
  dd,
  del,
  details,
  dfn,
  div,
  dl,
  dt,
  em,
  embed,
  fieldset,
  figcaption,
  figure,
  footer,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  header,
  hgroup,
  html,
  i,
  iframe,
  img,
  ins,
  kbd,
  label,
  legend,
  li,
  mark,
  menu,
  nav,
  object,
  ol,
  output,
  p,
  pre,
  q,
  ruby,
  s,
  samp,
  section,
  small,
  span,
  strike,
  strong,
  sub,
  summary,
  sup,
  table,
  tbody,
  td,
  tfoot,
  th,
  thead,
  time,
  tr,
  tt,
  u,
  ul,
  var,
  video {
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0; }
  /* HTML5 display-role reset for older browsers
*/
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block; }
  html {
    font-size: 62.5%; }
  body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 1.8rem;
    letter-spacing: 0.075em;
    color: #192f60;
    -webkit-font-feature-settings: 'palt';
            font-feature-settings: 'palt';
    -webkit-font-smoothing: antialiased;
    font-size: 1.6rem; }
  p {
    line-height: 1.8; }
  ul {
    list-style: none; }
  a {
    text-decoration: none;
    color: #192f60; }
    a:hover {
      text-decoration: underline;
      color: #e5005a; }
  .round-btn a {
    line-height: 1;
    position: relative;
    z-index: 1;
    display: inline-block;
    box-sizing: border-box;
    padding: 20px 60px;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #ffffff;
    border-radius: 50px;
    background-color: #000000;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.15); }
    .round-btn a::before {
      position: absolute;
      z-index: -1;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      margin: auto;
      content: '';
      -webkit-transition: 0.3s;
      transition: 0.3s;
      border-radius: 50px;
      background-color: #e5005a; }
    .round-btn a:hover::before {
      opacity: 0.7; }
  .round-btn a {
    padding: 15px 60px; }
  .round-btn--mail span {
    position: relative;
    padding-left: 50px; }
    .round-btn--mail span::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      display: block;
      width: 30px;
      height: 30px;
      content: '';
      background: url("../images/common/icon_mail.png") no-repeat;
      background-size: cover; }
  .round-btn--mail span {
    padding-left: 40px; }
    .round-btn--mail span::before {
      width: 24px;
      height: 24px; }
  .round-btn--large a {
    font-size: 2.4rem;
    box-sizing: border-box;
    padding: 33px 10px; }
  .round-btn--large a {
    font-size: 1.9rem;
    width: 90%;
    padding: 22px 10px; }
  .stripe-box {
    position: relative;
    z-index: 0;
    overflow: hidden;
    background-color: #ffffff; }
    .stripe-box::before, .stripe-box::after {
      position: absolute;
      z-index: -1;
      display: block;
      width: 100%;
      height: 200%;
      margin: auto;
      content: '';
      -webkit-transform: rotate(15deg);
              transform: rotate(15deg);
      background-color: #e9eef4; }
    .stripe-box::before {
      top: -50%;
      right: calc(50% + 900px); }
    .stripe-box::after {
      bottom: -50%;
      left: calc(50% + 1000px); }
    .stripe-box::before, .stripe-box::after {
      width: 100vw;
      height: 200vh; }
    .stripe-box::before {
      top: -10%;
      right: 80vw; }
    .stripe-box::after {
      bottom: -10%;
      left: 80vw; }
  .stripe-box--blue {
    background-color: #032059; }
    .stripe-box--blue::before, .stripe-box--blue::after {
      background-color: #192f60; }
    .stripe-box--blue::before, .stripe-box--blue::after {
      height: 100vh; }
  #header {
    display: -webkit-box;
    display: flex;
    width: 100%;
    margin: auto;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    position: relative;
    box-sizing: border-box;
    height: 77px;
    padding-left: 4%;
    background-color: #192f60;
    -webkit-box-pack: justify;
            justify-content: space-between; }
    #header::before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      content: '';
      background: url("../images/common/bg_dot.png");
      mix-blend-mode: color-burn; }
  .header__logo {
    /*
  img {
    display: block;
    height: auto;
  }

  //---------------- PC -------------------
  @if $type == pc{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5%;
    display: flex;
    margin: auto;
    img {
      width: 100%;
      max-width: 316px;
    }
  }
  //---------------- PCノート -------------------
  @if $type == pc{
    img {
      width: 200px;
    }
  }
  */ }
    .header__logo img {
      width: auto;
      height: 40px; }
  #global-nav {
    display: none; }
  .global-nav-list li {
    display: inline-block; }
    .global-nav-list li:not(:last-child) {
      margin: 0 17px; }
    .global-nav-list li:not(:nth-of-type(-n + 4)) a {
      color: #192f60; }
      .global-nav-list li:not(:nth-of-type(-n + 4)) a:hover {
        color: #e5005a; }
  .global-nav-list a {
    font-size: 1.7rem;
    font-weight: 500;
    position: relative;
    text-decoration: none;
    color: #ffffff; }
    .global-nav-list a::before {
      position: absolute;
      right: 0;
      bottom: -4px;
      left: 0;
      width: 80%;
      height: 2px;
      margin: auto;
      background-color: #e5005a; }
    .global-nav-list a:hover {
      color: #e5005a; }
      .global-nav-list a:hover::before {
        content: ''; } }

@media screen and (max-width: 1079px) and (max-width: 1550px) {
  .global-nav-list a {
    font-size: 1.5rem; } }

@media screen and (max-width: 1079px) {
  .drawer-menu li:not(:last-child) {
    border-bottom: 1px solid #ffffff; }
  .drawer-menu a {
    font-size: 1.3rem;
    display: block;
    padding: 28px 8%;
    text-decoration: none;
    color: #ffffff; }
  .drawer-nav__close {
    font-size: 1.3rem;
    position: relative;
    padding: 28px 8%;
    color: #ffffff; }
    .drawer-nav__close::before, .drawer-nav__close::after {
      position: absolute;
      top: 0;
      right: 12%;
      bottom: 0;
      display: block;
      width: 2px;
      height: 50%;
      margin: auto;
      content: '';
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      background-color: #ffffff; }
    .drawer-nav__close::after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
  .drawer-btn {
    display: -webkit-box;
    display: flex;
    margin-bottom: 20px;
    flex-flow: wrap; }
    .drawer-btn li {
      display: -webkit-box;
      display: flex;
      width: 50%; }
    .drawer-btn a {
      font-size: 1.3rem;
      display: -webkit-box;
      display: flex;
      width: 100%;
      color: #ffffff;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
              align-items: center; }
    .drawer-btn img {
      display: block;
      width: 100%;
      height: auto; }
  .drawer-btn__login {
    background-color: #192f60; }
    .drawer-btn__login span {
      position: relative;
      padding-left: 24px; }
      .drawer-btn__login span::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 19px;
        height: 19px;
        margin: auto;
        content: '';
        background: url("../images/common/icon_login.png") no-repeat;
        background-size: contain; }
  .drawer-sns {
    display: -webkit-box;
    display: flex;
    padding: 0 8%;
    justify-content: space-around; }
    .drawer-sns li {
      width: 18%; }
    .drawer-sns img {
      display: block;
      width: 100%;
      height: auto;
      margin: auto; }
  .haeder-btn {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: flex;
    background-color: #000000;
    display: none; }
    .haeder-btn a {
      font-size: 1.7rem;
      position: relative;
      z-index: 1;
      display: -webkit-box;
      display: flex;
      box-sizing: border-box;
      height: 92px;
      text-decoration: none;
      color: #ffffff;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
              align-items: center; }
      .haeder-btn a::before {
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        margin: auto;
        content: '';
        -webkit-transition: 0.3s;
        transition: 0.3s;
        background-color: #192f60; }
      .haeder-btn a:hover::before {
        opacity: 0.7; } }
  @media screen and (max-width: 1079px) and (max-width: 1550px) {
    .haeder-btn a {
      height: 70px; } }

@media screen and (max-width: 1079px) {
  .haeder-btn__login a {
    width: 92px; }
    .haeder-btn__login a::before {
      background-color: #192f60; }
  .haeder-btn__login span {
    position: relative;
    display: inline-block;
    padding-top: 30px; }
    .haeder-btn__login span::before {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      display: inline-block;
      width: 28px;
      height: 28px;
      margin: auto;
      content: '';
      background: url("../images/common/icon_login.png") center no-repeat;
      background-size: contain; }
  .haeder-btn__contact a {
    width: 259px; }
    .haeder-btn__contact a::before {
      background-color: #e5005a; }
  .haeder-btn__contact span {
    position: relative;
    display: inline-block;
    padding-left: 40px; }
    .haeder-btn__contact span::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      display: inline-block;
      width: 21px;
      height: 21px;
      margin: auto;
      content: '';
      background: url("../images/common/icon_mail.png") center no-repeat;
      background-size: contain; }
  .header-sns {
    position: absolute;
    top: 300px;
    right: 0;
    overflow: hidden;
    width: 220px;
    display: none; }
    .header-sns p {
      margin: 0 20px 20px 0;
      text-align: right; }
      .header-sns p a {
        position: relative;
        z-index: 1;
        display: inline-block; }
        .header-sns p a::before {
          position: absolute;
          z-index: -1;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 140px;
          height: 140px;
          margin: auto;
          content: '';
          border-radius: 50%;
          background-color: #000000; }
        .header-sns p a:hover img {
          opacity: 0.7; }
      .header-sns p img {
        display: block;
        margin: auto;
        -webkit-transition: 0.3s;
        transition: 0.3s; }
  .header-sns-list li {
    display: -webkit-box;
    display: flex;
    width: 240px;
    height: 75px;
    margin-left: 60px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: skewX(-20deg);
            transform: skewX(-20deg);
    background-color: #1ea1f3; }
    .header-sns-list li.instagram {
      background-color: #e1306c; }
    .header-sns-list li.facebook {
      background-color: #1877f2; }
    .header-sns-list li:not(:last-child) {
      margin-bottom: 10px; }
    .header-sns-list li:hover {
      margin-left: 30px; }
    .header-sns-list li a {
      font-size: 1.4rem;
      line-height: 1.4;
      display: -webkit-box;
      display: flex;
      width: 100%;
      padding: 0 10px;
      -webkit-transform: skewX(20deg);
              transform: skewX(20deg);
      text-decoration: none;
      color: #ffffff;
      background: url("../images/common/arrow_long.png") left 52px bottom 7px no-repeat;
      -webkit-box-align: center;
              align-items: center; }
    .header-sns-list li div {
      width: 32px;
      height: 32px;
      margin-right: 10px; }
    .header-sns-list li img {
      display: block;
      width: auto;
      height: 100%;
      margin: auto; }
  /* import */
  /* use Slick
@import "_slick";
@import "_slick-theme";
*/
  /* ココから下には記入禁止 */
  .forPC {
    display: none !important; } }

@media screen and (min-width: 1079px) {
  a,
  abbr,
  acronym,
  address,
  applet,
  article,
  aside,
  audio,
  b,
  big,
  blockquote,
  body,
  canvas,
  caption,
  center,
  cite,
  code,
  dd,
  del,
  details,
  dfn,
  div,
  dl,
  dt,
  em,
  embed,
  fieldset,
  figcaption,
  figure,
  footer,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  header,
  hgroup,
  html,
  i,
  iframe,
  img,
  ins,
  kbd,
  label,
  legend,
  li,
  mark,
  menu,
  nav,
  object,
  ol,
  output,
  p,
  pre,
  q,
  ruby,
  s,
  samp,
  section,
  small,
  span,
  strike,
  strong,
  sub,
  summary,
  sup,
  table,
  tbody,
  td,
  tfoot,
  th,
  thead,
  time,
  tr,
  tt,
  u,
  ul,
  var,
  video {
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0; }
  /* HTML5 display-role reset for older browsers
*/
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block; }
  html {
    font-size: 62.5%; }
  body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 1.8rem;
    letter-spacing: 0.075em;
    color: #192f60;
    -webkit-font-feature-settings: 'palt';
            font-feature-settings: 'palt';
    -webkit-font-smoothing: antialiased; }
  p {
    line-height: 1.8; }
  ul {
    list-style: none; }
  a {
    text-decoration: none;
    color: #192f60; }
    a:hover {
      text-decoration: underline;
      color: #e5005a; }
  .round-btn a {
    line-height: 1;
    position: relative;
    z-index: 1;
    display: inline-block;
    box-sizing: border-box;
    padding: 20px 60px;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #ffffff;
    border-radius: 50px;
    background-color: #000000;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.15); }
    .round-btn a::before {
      position: absolute;
      z-index: -1;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      margin: auto;
      content: '';
      -webkit-transition: 0.3s;
      transition: 0.3s;
      border-radius: 50px;
      background-color: #e5005a; }
    .round-btn a:hover::before {
      opacity: 0.7; }
  .round-btn--mail span {
    position: relative;
    padding-left: 50px; }
    .round-btn--mail span::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      display: block;
      width: 30px;
      height: 30px;
      content: '';
      background: url("../images/common/icon_mail.png") no-repeat;
      background-size: cover; }
  .round-btn--large a {
    font-size: 2.4rem;
    box-sizing: border-box;
    padding: 33px 10px; }
  .stripe-box {
    position: relative;
    z-index: 0;
    overflow: hidden;
    background-color: #ffffff; }
    .stripe-box::before, .stripe-box::after {
      position: absolute;
      z-index: -1;
      display: block;
      width: 100%;
      height: 200%;
      margin: auto;
      content: '';
      -webkit-transform: rotate(15deg);
              transform: rotate(15deg);
      background-color: #e9eef4; }
    .stripe-box::before {
      top: -50%;
      right: calc(50% + 900px); }
    .stripe-box::after {
      bottom: -50%;
      left: calc(50% + 1000px); }
  .stripe-box--blue {
    background-color: #032059; }
    .stripe-box--blue::before, .stripe-box--blue::after {
      background-color: #192f60; }
  #header {
    display: -webkit-box;
    display: flex;
    width: 100%;
    margin: auto;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center; }
  .header__logo {
    /*
  img {
    display: block;
    height: auto;
  }

  //---------------- PC -------------------
  @if $type == pc{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5%;
    display: flex;
    margin: auto;
    img {
      width: 100%;
      max-width: 316px;
    }
  }
  //---------------- PCノート -------------------
  @if $type == pc{
    img {
      width: 200px;
    }
  }
  */ }
  .global-nav-list li {
    display: inline-block; }
    .global-nav-list li:not(:last-child) {
      margin: 0 17px; }
    .global-nav-list li:not(:nth-of-type(-n + 4)) a {
      color: #192f60; }
      .global-nav-list li:not(:nth-of-type(-n + 4)) a:hover {
        color: #e5005a; }
  .global-nav-list a {
    font-size: 1.7rem;
    font-weight: 500;
    position: relative;
    text-decoration: none;
    color: #ffffff; }
    .global-nav-list a::before {
      position: absolute;
      right: 0;
      bottom: -4px;
      left: 0;
      width: 80%;
      height: 2px;
      margin: auto;
      background-color: #e5005a; }
    .global-nav-list a:hover {
      color: #e5005a; }
      .global-nav-list a:hover::before {
        content: ''; } }

@media screen and (min-width: 1079px) and (max-width: 1550px) {
  .global-nav-list a {
    font-size: 1.5rem; } }

@media screen and (min-width: 1079px) {
  .drawer-menu li:not(:last-child) {
    border-bottom: 1px solid #ffffff; }
  .drawer-menu a {
    font-size: 1.3rem;
    display: block;
    padding: 28px 8%;
    text-decoration: none;
    color: #ffffff; }
  .drawer-nav__close {
    font-size: 1.3rem;
    position: relative;
    padding: 28px 8%;
    color: #ffffff; }
    .drawer-nav__close::before, .drawer-nav__close::after {
      position: absolute;
      top: 0;
      right: 12%;
      bottom: 0;
      display: block;
      width: 2px;
      height: 50%;
      margin: auto;
      content: '';
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      background-color: #ffffff; }
    .drawer-nav__close::after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
  .drawer-btn {
    display: -webkit-box;
    display: flex;
    margin-bottom: 20px;
    flex-flow: wrap; }
    .drawer-btn li {
      display: -webkit-box;
      display: flex;
      width: 50%; }
    .drawer-btn a {
      font-size: 1.3rem;
      display: -webkit-box;
      display: flex;
      width: 100%;
      color: #ffffff;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
              align-items: center; }
    .drawer-btn img {
      display: block;
      width: 100%;
      height: auto; }
  .drawer-btn__login {
    background-color: #192f60; }
    .drawer-btn__login span {
      position: relative;
      padding-left: 24px; }
      .drawer-btn__login span::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 19px;
        height: 19px;
        margin: auto;
        content: '';
        background: url("../images/common/icon_login.png") no-repeat;
        background-size: contain; }
  .drawer-sns {
    display: -webkit-box;
    display: flex;
    padding: 0 8%;
    justify-content: space-around; }
    .drawer-sns li {
      width: 18%; }
    .drawer-sns img {
      display: block;
      width: 100%;
      height: auto;
      margin: auto; }
  .haeder-btn {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: flex;
    background-color: #000000; }
    .haeder-btn a {
      font-size: 1.7rem;
      position: relative;
      z-index: 1;
      display: -webkit-box;
      display: flex;
      box-sizing: border-box;
      height: 92px;
      text-decoration: none;
      color: #ffffff;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
              align-items: center; }
      .haeder-btn a::before {
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        margin: auto;
        content: '';
        -webkit-transition: 0.3s;
        transition: 0.3s;
        background-color: #192f60; }
      .haeder-btn a:hover::before {
        opacity: 0.7; } }
  @media screen and (min-width: 1079px) and (max-width: 1550px) {
    .haeder-btn a {
      height: 70px; } }

@media screen and (min-width: 1079px) {
  .haeder-btn__login a {
    width: 92px; }
    .haeder-btn__login a::before {
      background-color: #192f60; }
  .haeder-btn__login span {
    position: relative;
    display: inline-block;
    padding-top: 30px; }
    .haeder-btn__login span::before {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      display: inline-block;
      width: 28px;
      height: 28px;
      margin: auto;
      content: '';
      background: url("../images/common/icon_login.png") center no-repeat;
      background-size: contain; }
  .haeder-btn__contact a {
    width: 259px; }
    .haeder-btn__contact a::before {
      background-color: #e5005a; }
  .haeder-btn__contact span {
    position: relative;
    display: inline-block;
    padding-left: 40px; }
    .haeder-btn__contact span::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      display: inline-block;
      width: 21px;
      height: 21px;
      margin: auto;
      content: '';
      background: url("../images/common/icon_mail.png") center no-repeat;
      background-size: contain; }
  .header-sns {
    position: absolute;
    top: 300px;
    right: 0;
    overflow: hidden;
    width: 220px; }
    .header-sns p {
      margin: 0 20px 20px 0;
      text-align: right; }
      .header-sns p a {
        position: relative;
        z-index: 1;
        display: inline-block; }
        .header-sns p a::before {
          position: absolute;
          z-index: -1;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 140px;
          height: 140px;
          margin: auto;
          content: '';
          border-radius: 50%;
          background-color: #000000; }
        .header-sns p a:hover img {
          opacity: 0.7; }
      .header-sns p img {
        display: block;
        margin: auto;
        -webkit-transition: 0.3s;
        transition: 0.3s; }
  .header-sns-list li {
    display: -webkit-box;
    display: flex;
    width: 240px;
    height: 75px;
    margin-left: 60px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: skewX(-20deg);
            transform: skewX(-20deg);
    background-color: #1ea1f3; }
    .header-sns-list li.instagram {
      background-color: #e1306c; }
    .header-sns-list li.facebook {
      background-color: #1877f2; }
    .header-sns-list li:not(:last-child) {
      margin-bottom: 10px; }
    .header-sns-list li:hover {
      margin-left: 30px; }
    .header-sns-list li a {
      font-size: 1.4rem;
      line-height: 1.4;
      display: -webkit-box;
      display: flex;
      width: 100%;
      padding: 0 10px;
      -webkit-transform: skewX(20deg);
              transform: skewX(20deg);
      text-decoration: none;
      color: #ffffff;
      background: url("../images/common/arrow_long.png") left 52px bottom 7px no-repeat;
      -webkit-box-align: center;
              align-items: center; }
    .header-sns-list li div {
      width: 32px;
      height: 32px;
      margin-right: 10px; }
    .header-sns-list li img {
      display: block;
      width: auto;
      height: 100%;
      margin: auto; }
  /* import */
  /* use Slick
@import "_slick";
@import "_slick-theme";
*/
  /* ココから下には記入禁止 */ }

@media print, screen and (min-width: 1080px) {
  a,
  abbr,
  acronym,
  address,
  applet,
  article,
  aside,
  audio,
  b,
  big,
  blockquote,
  body,
  canvas,
  caption,
  center,
  cite,
  code,
  dd,
  del,
  details,
  dfn,
  div,
  dl,
  dt,
  em,
  embed,
  fieldset,
  figcaption,
  figure,
  footer,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  header,
  hgroup,
  html,
  i,
  iframe,
  img,
  ins,
  kbd,
  label,
  legend,
  li,
  mark,
  menu,
  nav,
  object,
  ol,
  output,
  p,
  pre,
  q,
  ruby,
  s,
  samp,
  section,
  small,
  span,
  strike,
  strong,
  sub,
  summary,
  sup,
  table,
  tbody,
  td,
  tfoot,
  th,
  thead,
  time,
  tr,
  tt,
  u,
  ul,
  var,
  video {
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0; }
  /* HTML5 display-role reset for older browsers
*/
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block; }
  html {
    font-size: 62.5%; }
  body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 1.8rem;
    letter-spacing: 0.075em;
    color: #192f60;
    -webkit-font-feature-settings: 'palt';
            font-feature-settings: 'palt';
    -webkit-font-smoothing: antialiased; }
  p {
    line-height: 1.8; }
  ul {
    list-style: none; }
  a {
    text-decoration: none;
    color: #192f60; }
    a:hover {
      text-decoration: underline;
      color: #e5005a; }
  .round-btn a {
    line-height: 1;
    position: relative;
    z-index: 1;
    display: inline-block;
    box-sizing: border-box;
    padding: 20px 60px;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #ffffff;
    border-radius: 50px;
    background-color: #000000;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.15); }
    .round-btn a::before {
      position: absolute;
      z-index: -1;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      margin: auto;
      content: '';
      -webkit-transition: 0.3s;
      transition: 0.3s;
      border-radius: 50px;
      background-color: #e5005a; }
    .round-btn a:hover::before {
      opacity: 0.7; }
  .round-btn--mail span {
    position: relative;
    padding-left: 50px; }
    .round-btn--mail span::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      display: block;
      width: 30px;
      height: 30px;
      content: '';
      background: url("../images/common/icon_mail.png") no-repeat;
      background-size: cover; }
  .round-btn--large a {
    font-size: 2.4rem;
    box-sizing: border-box;
    padding: 33px 10px; }
  .round-btn--large a {
    width: 450px; }
  .stripe-box {
    position: relative;
    z-index: 0;
    overflow: hidden;
    background-color: #ffffff; }
    .stripe-box::before, .stripe-box::after {
      position: absolute;
      z-index: -1;
      display: block;
      width: 100%;
      height: 200%;
      margin: auto;
      content: '';
      -webkit-transform: rotate(15deg);
              transform: rotate(15deg);
      background-color: #e9eef4; }
    .stripe-box::before {
      top: -50%;
      right: calc(50% + 900px); }
    .stripe-box::after {
      bottom: -50%;
      left: calc(50% + 1000px); }
  .stripe-box--blue {
    background-color: #032059; }
    .stripe-box--blue::before, .stripe-box--blue::after {
      background-color: #192f60; }
  #header {
    display: -webkit-box;
    display: flex;
    width: 100%;
    margin: auto;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    position: absolute;
    z-index: 30;
    top: 0;
    right: 0;
    left: 0;
    height: 90px;
    padding-top: 100px; }
  .header__logo {
    display: none;
    /*
  img {
    display: block;
    height: auto;
  }

  //---------------- PC -------------------
  @if $type == pc{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5%;
    display: flex;
    margin: auto;
    img {
      width: 100%;
      max-width: 316px;
    }
  }
  //---------------- PCノート -------------------
  @if $type == pc{
    img {
      width: 200px;
    }
  }
  */ }
  .global-nav-list li {
    display: inline-block; }
    .global-nav-list li:not(:last-child) {
      margin: 0 17px; }
    .global-nav-list li:not(:nth-of-type(-n + 4)) a {
      color: #192f60; }
      .global-nav-list li:not(:nth-of-type(-n + 4)) a:hover {
        color: #e5005a; }
  .global-nav-list a {
    font-size: 1.7rem;
    font-weight: 500;
    position: relative;
    text-decoration: none;
    color: #ffffff; }
    .global-nav-list a::before {
      position: absolute;
      right: 0;
      bottom: -4px;
      left: 0;
      width: 80%;
      height: 2px;
      margin: auto;
      background-color: #e5005a; }
    .global-nav-list a:hover {
      color: #e5005a; }
      .global-nav-list a:hover::before {
        content: ''; } }

@media screen and (min-width: 1080px) and (max-width: 1550px) {
  .global-nav-list a {
    font-size: 1.5rem; } }

@media print, screen and (min-width: 1080px) {
  .drawer-nav,
  .drawer-hamburger {
    display: none; }
  .drawer-menu li:not(:last-child) {
    border-bottom: 1px solid #ffffff; }
  .drawer-menu a {
    font-size: 1.3rem;
    display: block;
    padding: 28px 8%;
    text-decoration: none;
    color: #ffffff; }
  .drawer-nav__close {
    font-size: 1.3rem;
    position: relative;
    padding: 28px 8%;
    color: #ffffff; }
    .drawer-nav__close::before, .drawer-nav__close::after {
      position: absolute;
      top: 0;
      right: 12%;
      bottom: 0;
      display: block;
      width: 2px;
      height: 50%;
      margin: auto;
      content: '';
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      background-color: #ffffff; }
    .drawer-nav__close::after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
  .drawer-btn {
    display: -webkit-box;
    display: flex;
    margin-bottom: 20px;
    flex-flow: wrap; }
    .drawer-btn li {
      display: -webkit-box;
      display: flex;
      width: 50%; }
    .drawer-btn a {
      font-size: 1.3rem;
      display: -webkit-box;
      display: flex;
      width: 100%;
      color: #ffffff;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
              align-items: center; }
    .drawer-btn img {
      display: block;
      width: 100%;
      height: auto; }
  .drawer-btn__login {
    background-color: #192f60; }
    .drawer-btn__login span {
      position: relative;
      padding-left: 24px; }
      .drawer-btn__login span::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 19px;
        height: 19px;
        margin: auto;
        content: '';
        background: url("../images/common/icon_login.png") no-repeat;
        background-size: contain; }
  .drawer-sns {
    display: -webkit-box;
    display: flex;
    padding: 0 8%;
    justify-content: space-around; }
    .drawer-sns li {
      width: 18%; }
    .drawer-sns img {
      display: block;
      width: 100%;
      height: auto;
      margin: auto; }
  .haeder-btn {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: flex;
    background-color: #000000; }
    .haeder-btn a {
      font-size: 1.7rem;
      position: relative;
      z-index: 1;
      display: -webkit-box;
      display: flex;
      box-sizing: border-box;
      height: 92px;
      text-decoration: none;
      color: #ffffff;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
              align-items: center; }
      .haeder-btn a::before {
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        margin: auto;
        content: '';
        -webkit-transition: 0.3s;
        transition: 0.3s;
        background-color: #192f60; }
      .haeder-btn a:hover::before {
        opacity: 0.7; } }
  @media screen and (min-width: 1080px) and (max-width: 1550px) {
    .haeder-btn a {
      height: 70px; } }

@media print, screen and (min-width: 1080px) {
  .haeder-btn__login a {
    width: 92px; }
    .haeder-btn__login a::before {
      background-color: #192f60; }
  .haeder-btn__login span {
    position: relative;
    display: inline-block;
    padding-top: 30px; }
    .haeder-btn__login span::before {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      display: inline-block;
      width: 28px;
      height: 28px;
      margin: auto;
      content: '';
      background: url("../images/common/icon_login.png") center no-repeat;
      background-size: contain; }
  .haeder-btn__contact a {
    width: 259px; }
    .haeder-btn__contact a::before {
      background-color: #e5005a; }
  .haeder-btn__contact span {
    position: relative;
    display: inline-block;
    padding-left: 40px; }
    .haeder-btn__contact span::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      display: inline-block;
      width: 21px;
      height: 21px;
      margin: auto;
      content: '';
      background: url("../images/common/icon_mail.png") center no-repeat;
      background-size: contain; }
  .header-sns {
    position: absolute;
    top: 300px;
    right: 0;
    overflow: hidden;
    width: 220px; }
    .header-sns p {
      margin: 0 20px 20px 0;
      text-align: right; }
      .header-sns p a {
        position: relative;
        z-index: 1;
        display: inline-block; }
        .header-sns p a::before {
          position: absolute;
          z-index: -1;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 140px;
          height: 140px;
          margin: auto;
          content: '';
          border-radius: 50%;
          background-color: #000000; }
        .header-sns p a:hover img {
          opacity: 0.7; }
      .header-sns p img {
        display: block;
        margin: auto;
        -webkit-transition: 0.3s;
        transition: 0.3s; }
  .header-sns-list li {
    display: -webkit-box;
    display: flex;
    width: 240px;
    height: 75px;
    margin-left: 60px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: skewX(-20deg);
            transform: skewX(-20deg);
    background-color: #1ea1f3; }
    .header-sns-list li.instagram {
      background-color: #e1306c; }
    .header-sns-list li.facebook {
      background-color: #1877f2; }
    .header-sns-list li:not(:last-child) {
      margin-bottom: 10px; }
    .header-sns-list li:hover {
      margin-left: 30px; }
    .header-sns-list li a {
      font-size: 1.4rem;
      line-height: 1.4;
      display: -webkit-box;
      display: flex;
      width: 100%;
      padding: 0 10px;
      -webkit-transform: skewX(20deg);
              transform: skewX(20deg);
      text-decoration: none;
      color: #ffffff;
      background: url("../images/common/arrow_long.png") left 52px bottom 7px no-repeat;
      -webkit-box-align: center;
              align-items: center; }
    .header-sns-list li div {
      width: 32px;
      height: 32px;
      margin-right: 10px; }
    .header-sns-list li img {
      display: block;
      width: auto;
      height: 100%;
      margin: auto; }
  /* import */
  /* use Slick
@import "_slick";
@import "_slick-theme";
*/
  /* ココから下には記入禁止 */
  .forSP {
    display: none !important; } }

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