/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/sass/lp.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* PSDでのJPG書き出しの画質の設定:「非常に良い」 */
/**
 * 命名規則
 *  cont_page
 *  page__header
 *  page__main
 *  page__footer
 *  cont
 *  wrap

 *  sc: section
 *      rw: row
 *      cl: col

 *          tt: title
 *          tx: text
 *          fg: figure

 *          ls: list
 *              it: item

 *          nv: navigation

 *          tb: table
 *              tbody: tbody
 *              tr: tr
 *              th: th
 *              td: td

 *  cmn: common
 *  mlt: multiple
 *  dy: day, date
 */
/* sanitize.css 23 May 2021 */
/* Document
 * ========================================================================== */
/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Backgrounds do not repeat by default (opinionated).
 */
*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  background-repeat: no-repeat;
  /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Breaks words to prevent overflow in all browsers (opinionated).
 * 4. Use a 4-space tab width in all browsers (opinionated).
 * 5. Remove the grey highlight on links in iOS (opinionated).
 * 6. Prevent adjustments of font size after orientation changes in iOS.
 */
:where(:root) {
  cursor: default;
  /* 1 */
  line-height: 1.5;
  /* 2 */
  overflow-wrap: break-word;
  /* 3 */
  -moz-tab-size: 4;
  /* 4 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 4 */
  -webkit-tap-highlight-color: transparent;
  /* 5 */
  -webkit-text-size-adjust: 100%;
  /* 6 */
}

/* Sections
 * ========================================================================== */
/**
 * 1. Fill the viewport block in all browsers (opinionated).
 * 2. Remove the margin in all browsers (opinionated).
 */
:where(body) {
  block-size: -moz-available;
  /* 1 */
  block-size: -webkit-fill-available;
  /* 1 */
  block-size: stretch;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
:where(h1) {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, and Safari.
 */
:where(dl, ol, ul) :where(dl, ol, ul) {
  margin: 0;
}

/**
 * 1. Correct the inheritance of border color in Firefox.
 * 2. Add the correct box sizing in Firefox.
 */
:where(hr) {
  color: inherit;
  /* 1 */
  height: 0;
  /* 2 */
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
:where(nav) :where(ol, ul) {
  list-style-type: none;
  padding: 0;
}

/**
 * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
 */
:where(nav li)::before {
  content: "​";
  float: left;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Prevent overflow of the container in all browsers (opinionated).
 */
:where(pre) {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
  overflow: auto;
  /* 3 */
}

/* Text-level semantics
 * ========================================================================== */
/**
 * Add the correct text decoration in Safari.
 */
:where(abbr[title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
:where(b, strong) {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
:where(code, kbd, samp) {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
:where(small) {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
:where(audio, canvas, iframe, img, svg, video) {
  vertical-align: middle;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */
:where(iframe) {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
:where(svg:not([fill])) {
  fill: currentColor;
}

/* Tabular data
 * ========================================================================== */
/**
 * 1. Collapse border spacing in all browsers (opinionated).
 * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.
 * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */
:where(table) {
  border-collapse: collapse;
  /* 1 */
  border-color: inherit;
  /* 2 */
  text-indent: 0;
  /* 3 */
}

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
:where(button, input, select) {
  margin: 0;
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
:where(button, [type="button" i], [type="reset" i], [type="submit" i]) {
  -webkit-appearance: button;
}

/**
 * Change the inconsistent appearance in all browsers (opinionated).
 */
:where(fieldset) {
  border: 1px solid #a0a0a0;
}

/**
 * Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
:where(progress) {
  vertical-align: baseline;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 3. Change the resize direction in all browsers (opinionated).
 */
:where(textarea) {
  margin: 0;
  /* 1 */
  resize: vertical;
  /* 3 */
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
:where([type="search" i]) {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct styles in Safari.
 */
:where(dialog) {
  background-color: white;
  border: solid;
  color: black;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

:where(dialog:not([open])) {
  display: none;
}

/*
 * Add the correct display in Safari.
 */
:where(details > summary:first-of-type) {
  display: list-item;
}

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
:where([aria-busy="true" i]) {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
:where([aria-controls]) {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
:where([aria-disabled="true" i], [disabled]) {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
:where([aria-hidden="false" i][hidden]) {
  display: initial;
}

:where([aria-hidden="false" i][hidden]:not(:focus)) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/*––––– custom reset –––––*/
*,
::before,
::after {
  margin: 0;
  padding: 0;
  font-size: inherit;
}

.reset-form-style button,
.reset-form-style input,
.reset-form-style select,
.reset-form-style textarea {
  font-size: 16px;
  line-height: 1.5;
  font-family: inherit;
}
.reset-form-style input,
.reset-form-style button {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

/*––––– /custom reset –––––*/
/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.13 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
html.with-featherlight {
  /* disable global scrolling when featherlights are visible */
  overflow: hidden;
}

.featherlight {
  /* dimensions: spanning the background from edge to edge */
  position: fixed;
  z-index: 2147483647;
  /* z-index needs to be >= elements on the site. */
  z-index: 10;
  /* z-index needs to be >= elements on the site. */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  background: #333;
  /* IE8 "hack" for nested featherlights */
  background: rgba(0, 0, 0, 0);
  /* position: centering content */
  text-align: center;
  /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
  white-space: nowrap;
  /* styling */
  cursor: pointer;
}

/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type {
  background: rgba(0, 0, 0, 0.3);
}

.featherlight:before {
  display: inline-block;
  height: 100%;
  /* position: trick to center content vertically */
  content: "";
  vertical-align: middle;
}

.seal_secure {
	margin: 45px auto 0 auto;
    width: 140px;
}

.featherlight .featherlight-content {
  /* make content container for positioned elements (close button) */
  position: relative;
  display: inline-block;
  /* dimensions: cut off images */
  overflow: auto;
  max-height: 95%;
  max-width: 90%;
  width: 1194px;
  /* dimensions: handling large content */
  margin-left: auto;
  margin-right: auto;
  padding-top: 133px;
  padding-left: 84px;
  padding-right: 84px;
  padding-bottom: 84px;
  color: #1d1d1d;
  border: 6px solid #858585;
  /* styling */
  background: #f5f5f5;
  /* position: centering vertical and horizontal */
  text-align: left;
  /* reset white-space wrapping */
  white-space: normal;
  vertical-align: middle;
  cursor: auto;
}
@media (max-width: 1000px) {
  .featherlight .featherlight-content {
    border-width: 0.8571428571vw;
  }
}

/* contains the content */
.featherlight .featherlight-inner {
  /* make sure its visible */
  display: block;
}

/* don't show these though */
.featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
  display: none;
}

.featherlight .featherlight-close-icon {
  position: absolute;
  z-index: 9999;
  top: 39px;
  right: 34px;
  display: block;
  height: 40px;
  width: 40px;
  padding: 0;
  border: none;
  /* dimensions: 25px x 25px */
  background: #fff;
  /* Set the background in case it overlaps the content */
  background: rgba(255, 255, 255, 0.3);
  background: url(../images/page__modal__ic1_g.png) no-repeat center center/contain;
  text-indent: -9999em;
  /* styling */
  cursor: pointer;
}
@media (max-width: 1000px) {
  .featherlight .featherlight-close-icon {
    top: 4.5714285714vw;
    right: 4.5714285714vw;
    height: 5.7142857143vw;
    width: 5.7142857143vw;
  }
}

/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
.featherlight .featherlight-close-icon::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.featherlight .featherlight-image {
  /* styling */
  width: 100%;
}

.featherlight-iframe .featherlight-content {
  padding: 0;
  /* removed the border for image croping since iframe is edge to edge */
  border-bottom: 0;
  -webkit-overflow-scrolling: touch;
}

.featherlight iframe {
  /* styling */
  border: none;
}

.featherlight * {
  box-sizing: border-box;
  /* See https://github.com/noelboss/featherlight/issues/42 */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/* handling phones and small screens */
@media (max-width: 1000px) {
  .featherlight .featherlight-content {
    max-height: 98%;
    /* dimensions: maximize lightbox with for small screens */
    padding: 15vw 0 0 0;
  }
}
/* hide non featherlight items when printing */
@media print {
  html.with-featherlight > * > :not(.featherlight) {
    display: none;
  }
}
@media (max-width: 1000px) {
  html.fixed,
html.fixed body {
    overflow: hidden;
    height: 100%;
  }
}

.wrap {
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1001px) {
  .wrap {
    padding: 0 40px;
  }
}
@media (max-width: 1000px) {
  .wrap {
    padding-top: 0;
    padding-left: 5.1428571429vw;
    padding-right: 5.1428571429vw;
    padding-bottom: 0;
  }
}

.cont_para_el {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 1280px) {
  a {
    transition: opacity 0.2s, background-color 0.2s;
  }
}
@media (min-width: 1280px) {
  a:hover {
    opacity: 0.75;
  }
}

@media (min-width: 1001px) {
  br.sp {
    display: none;
  }
  
  .spimg {
    display: none;
  }
}
@media (max-width: 1000px) {
  br.sp {
    display: inline;
  }
  .spimg {
    display: inline;
  }
}
@media (min-width: 1001px) {
  br.pc {
    display: inline;
  }
  
  .pcimg {
    display: inline;
  }
}
@media (max-width: 1000px) {
  br.pc {
    display: none;
  }
  .pcimg {
    display: none;
  }
}

em {
  font-style: normal;
}

video,
img {
  display: block;
  height: auto;
  max-width: 100%;
}


picture {
	display: contents;
	height: auto;
  max-width: 100%;
}

@media (max-width: 1000px) {
  video,
  img {
    width: 100%;
  }
  
}

ol,
ul {
  list-style: none;
}

svg {
  vertical-align: text-bottom;
}

body {
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  background-color: #d0111b;
  color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

.cont_page {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

select {
  -webkit-appearance: none;
  appearance: none; /* デフォルトのスタイルを無効 */
}
select::-ms-expand {
  display: none; /* デフォルトのスタイルを無効(IE用) */
}





.blur{
	animation-name:blurAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
}

@keyframes blurAnime{
  from {
	filter: blur(10px);
	transform: scale(1.02);
	opacity: 0;
  }

  to {
	filter: blur(0);
	transform: scale(1);
	opacity: 1;
  }
}
 
.blurTrigger{
    opacity: 0;
}