@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

.noto-sans-jp {
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}


/* +++++++++++++++++++++++++++++++++++++
/* 	Global Variable
/* +++++++++++++++++++++++++++++++++++++ */
/* Font config
//–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Color config
/–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* A links Color config
/–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Color config table.styl
/–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* ==========================================================================
 *  Foundation
 * ▼========================================================================▼ */
/* Document
 * ========================================================================== */
/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Backgrounds do not repeat by default (opinionated).
 */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          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 */
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%; /* 6 */
}

/* Sections
 * ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
:where(body) {
  margin: 0;
}

/**
 * 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 in Chrome, Edge, and Safari.
 * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */
:where(table) {
  border-collapse: collapse; /* 1 */
  border-color: currentColor; /* 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 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;
}
/*
html {
  scroll-behavior: smooth;
}*/

html,
body {
  margin: 0;
  font-family: "Helvetica Neue", helvetica, arial, "Noto Sans JP", "Hiragino kaku Gothic ProN", "Hiragino Sans", meiryo, sans-serif;
  font-size: initial;
  line-height: 1.6;
  color: #444;
}



body {
  font-size: 16px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  image-rendering: optimize-contrast;
}

a {
  color: #1558d6;
  text-decoration: none;
}
@media (min-width: 48em) {
  a {
    color: #1a0dab;
  }
}
a:hover {
  color: #0fa0ce;
  text-decoration: underline;
}
a:visited {
  color: #4b11a8;
}
@media (min-width: 48em) {
  a:visited {
    color: #609;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  line-height: 1.2;
}

h1 {
  font-size: 2.625rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.625rem;
}

h4 {
  font-size: 1.375rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
}

p {
  margin: 0;
}
p + p {
  margin-top: 1em;
}

table {
  empty-cells: show;
  border-spacing: 0;
  border-collapse: collapse;
  border-top: solid 1px #aaa;
  border-right: solid 1px #aaa;
}
table th,
table td {
  padding: 6px 10px;
  border-bottom: solid 1px #aaa;
  border-left: solid 1px #aaa;
}
table th {
  color: #333;
  text-align: left;
  background-color: #f6f6f6;
}
table td {
  background-color: white;
}

/* ▲==========================================================================▲ */
/*! ++++++++++++++++++++ Layout ++++++++++++++++++++ */
/* ==========================================================================
 *  Layout
 * ▼========================================================================▼ */
.lo-solid,
.lo-limit,
.lo-liquid {
  position: relative;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
}

@media (min-width: 48em) {
  .lo-solid {
    display: block;
    padding-right: calc((100% - 71.25em) / 2);
    padding-left: calc((100% - 71.25em) / 2);
    margin: 0 auto;
  }
  .lo-limit {
    display: block;
    width: 100%;
    margin: 0 auto;
    max-width: 71.25em;
  }
}
.lo-g {
  position: relative;
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.lo-g::after {
  display: block;
  content: "";
  clear: both;
}

[class^=lo-cell] {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  word-spacing: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  zoom: 1;
  width: 100%;
}

.lo-cell-1-24 {
  width: 4.1667%;
}
.lo-cell-1-12, .lo-cell-2-24 {
  width: 8.3333%;
}
.lo-cell-1-8, .lo-cell-3-24 {
  width: 12.5%;
}
.lo-cell-1-6, .lo-cell-2-12, .lo-cell-4-24 {
  width: 16.6667%;
}
.lo-cell-1-5 {
  width: 20%;
}
.lo-cell-5-24 {
  width: 20.8333%;
}
.lo-cell-1-4, .lo-cell-3-12, .lo-cell-6-24 {
  width: 25%;
}
.lo-cell-7-24 {
  width: 29.1667%;
}
.lo-cell-1-3, .lo-cell-4-12, .lo-cell-8-24 {
  width: 33.3333%;
}
.lo-cell-3-8, .lo-cell-9-24 {
  width: 37.5%;
}
.lo-cell-2-5 {
  width: 40%;
}
.lo-cell-5-12, .lo-cell-10-24 {
  width: 41.6667%;
}
.lo-cell-11-24 {
  width: 45.8333%;
}
.lo-cell-1-2, .lo-cell-2-4, .lo-cell-6-12, .lo-cell-12-24 {
  width: 50%;
}
.lo-cell-13-24 {
  width: 54.1667%;
}
.lo-cell-7-12, .lo-cell-14-24 {
  width: 58.3333%;
}
.lo-cell-3-5 {
  width: 60%;
}
.lo-cell-5-8, .lo-cell-15-24 {
  width: 62.5%;
}
.lo-cell-2-3, .lo-cell-8-12, .lo-cell-16-24 {
  width: 66.6667%;
}
.lo-cell-17-24 {
  width: 70.8333%;
}
.lo-cell-3-4, .lo-cell-9-12, .lo-cell-18-24 {
  width: 75%;
}
.lo-cell-19-24 {
  width: 79.1667%;
}
.lo-cell-4-5 {
  width: 80%;
}
.lo-cell-5-6, .lo-cell-10-12, .lo-cell-20-24 {
  width: 83.3333%;
}
.lo-cell-7-8, .lo-cell-21-24 {
  width: 87.5%;
}
.lo-cell-11-12, .lo-cell-22-24 {
  width: 91.6667%;
}
.lo-cell-23-24 {
  width: 95.8333%;
}
.lo-cell-1, .lo-cell-1-1, .lo-cell-5-5, .lo-cell-24-24 {
  width: 100%;
}

@media (min-width: 36em) {
  .lo-cell-sm-1-24 {
    width: 4.1667%;
  }
  .lo-cell-sm-1-12, .lo-cell-sm-2-24 {
    width: 8.3333%;
  }
  .lo-cell-sm-1-8, .lo-cell-sm-3-24 {
    width: 12.5%;
  }
  .lo-cell-sm-1-6, .lo-cell-sm-2-12, .lo-cell-sm-4-24 {
    width: 16.6667%;
  }
  .lo-cell-sm-1-5 {
    width: 20%;
  }
  .lo-cell-sm-5-24 {
    width: 20.8333%;
  }
  .lo-cell-sm-1-4, .lo-cell-sm-3-12, .lo-cell-sm-6-24 {
    width: 25%;
  }
  .lo-cell-sm-7-24 {
    width: 29.1667%;
  }
  .lo-cell-sm-1-3, .lo-cell-sm-4-12, .lo-cell-sm-8-24 {
    width: 33.3333%;
  }
  .lo-cell-sm-3-8, .lo-cell-sm-9-24 {
    width: 37.5%;
  }
  .lo-cell-sm-2-5 {
    width: 40%;
  }
  .lo-cell-sm-5-12, .lo-cell-sm-10-24 {
    width: 41.6667%;
  }
  .lo-cell-sm-11-24 {
    width: 45.8333%;
  }
  .lo-cell-sm-1-2, .lo-cell-sm-2-4, .lo-cell-sm-6-12, .lo-cell-sm-12-24 {
    width: 50%;
  }
  .lo-cell-sm-13-24 {
    width: 54.1667%;
  }
  .lo-cell-sm-7-12, .lo-cell-sm-14-24 {
    width: 58.3333%;
  }
  .lo-cell-sm-3-5 {
    width: 60%;
  }
  .lo-cell-sm-5-8, .lo-cell-sm-15-24 {
    width: 62.5%;
  }
  .lo-cell-sm-2-3, .lo-cell-sm-8-12, .lo-cell-sm-16-24 {
    width: 66.6667%;
  }
  .lo-cell-sm-17-24 {
    width: 70.8333%;
  }
  .lo-cell-sm-3-4, .lo-cell-sm-9-12, .lo-cell-sm-18-24 {
    width: 75%;
  }
  .lo-cell-sm-19-24 {
    width: 79.1667%;
  }
  .lo-cell-sm-4-5 {
    width: 80%;
  }
  .lo-cell-sm-5-6, .lo-cell-sm-10-12, .lo-cell-sm-20-24 {
    width: 83.3333%;
  }
  .lo-cell-sm-7-8, .lo-cell-sm-21-24 {
    width: 87.5%;
  }
  .lo-cell-sm-11-12, .lo-cell-sm-22-24 {
    width: 91.6667%;
  }
  .lo-cell-sm-23-24 {
    width: 95.8333%;
  }
  .lo-cell-sm-1, .lo-cell-sm-1-1, .lo-cell-sm-5-5, .lo-cell-sm-24-24 {
    width: 100%;
  }
}
@media (min-width: 48em) {
  .lo-cell-md-1-24 {
    width: 4.1667%;
  }
  .lo-cell-md-1-12, .lo-cell-md-2-24 {
    width: 8.3333%;
  }
  .lo-cell-md-1-8, .lo-cell-md-3-24 {
    width: 12.5%;
  }
  .lo-cell-md-1-6, .lo-cell-md-2-12, .lo-cell-md-4-24 {
    width: 16.6667%;
  }
  .lo-cell-md-1-5 {
    width: 20%;
  }
  .lo-cell-md-5-24 {
    width: 20.8333%;
  }
  .lo-cell-md-1-4, .lo-cell-md-3-12, .lo-cell-md-6-24 {
    width: 25%;
  }
  .lo-cell-md-7-24 {
    width: 29.1667%;
  }
  .lo-cell-md-1-3, .lo-cell-md-4-12, .lo-cell-md-8-24 {
    width: 33.3333%;
  }
  .lo-cell-md-3-8, .lo-cell-md-9-24 {
    width: 37.5%;
  }
  .lo-cell-md-2-5 {
    width: 40%;
  }
  .lo-cell-md-5-12, .lo-cell-md-10-24 {
    width: 41.6667%;
  }
  .lo-cell-md-11-24 {
    width: 45.8333%;
  }
  .lo-cell-md-1-2, .lo-cell-md-2-4, .lo-cell-md-6-12, .lo-cell-md-12-24 {
    width: 50%;
  }
  .lo-cell-md-13-24 {
    width: 54.1667%;
  }
  .lo-cell-md-7-12, .lo-cell-md-14-24 {
    width: 58.3333%;
  }
  .lo-cell-md-3-5 {
    width: 60%;
  }
  .lo-cell-md-5-8, .lo-cell-md-15-24 {
    width: 62.5%;
  }
  .lo-cell-md-2-3, .lo-cell-md-8-12, .lo-cell-md-16-24 {
    width: 66.6667%;
  }
  .lo-cell-md-17-24 {
    width: 70.8333%;
  }
  .lo-cell-md-3-4, .lo-cell-md-9-12, .lo-cell-md-18-24 {
    width: 75%;
  }
  .lo-cell-md-19-24 {
    width: 79.1667%;
  }
  .lo-cell-md-4-5 {
    width: 80%;
  }
  .lo-cell-md-5-6, .lo-cell-md-10-12, .lo-cell-md-20-24 {
    width: 83.3333%;
  }
  .lo-cell-md-7-8, .lo-cell-md-21-24 {
    width: 87.5%;
  }
  .lo-cell-md-11-12, .lo-cell-md-22-24 {
    width: 91.6667%;
  }
  .lo-cell-md-23-24 {
    width: 95.8333%;
  }
  .lo-cell-md-1, .lo-cell-md-1-1, .lo-cell-md-5-5, .lo-cell-md-24-24 {
    width: 100%;
  }
}
@media (min-width: 64em) {
  .lo-cell-lg-1-24 {
    width: 4.1667%;
  }
  .lo-cell-lg-1-12, .lo-cell-lg-2-24 {
    width: 8.3333%;
  }
  .lo-cell-lg-1-8, .lo-cell-lg-3-24 {
    width: 12.5%;
  }
  .lo-cell-lg-1-6, .lo-cell-lg-2-12, .lo-cell-lg-4-24 {
    width: 16.6667%;
  }
  .lo-cell-lg-1-5 {
    width: 20%;
  }
  .lo-cell-lg-5-24 {
    width: 20.8333%;
  }
  .lo-cell-lg-1-4, .lo-cell-lg-3-12, .lo-cell-lg-6-24 {
    width: 25%;
  }
  .lo-cell-lg-7-24 {
    width: 29.1667%;
  }
  .lo-cell-lg-1-3, .lo-cell-lg-4-12, .lo-cell-lg-8-24 {
    width: 33.3333%;
  }
  .lo-cell-lg-3-8, .lo-cell-lg-9-24 {
    width: 37.5%;
  }
  .lo-cell-lg-2-5 {
    width: 40%;
  }
  .lo-cell-lg-5-12, .lo-cell-lg-10-24 {
    width: 41.6667%;
  }
  .lo-cell-lg-11-24 {
    width: 45.8333%;
  }
  .lo-cell-lg-1-2, .lo-cell-lg-2-4, .lo-cell-lg-6-12, .lo-cell-lg-12-24 {
    width: 50%;
  }
  .lo-cell-lg-13-24 {
    width: 54.1667%;
  }
  .lo-cell-lg-7-12, .lo-cell-lg-14-24 {
    width: 58.3333%;
  }
  .lo-cell-lg-3-5 {
    width: 60%;
  }
  .lo-cell-lg-5-8, .lo-cell-lg-15-24 {
    width: 62.5%;
  }
  .lo-cell-lg-2-3, .lo-cell-lg-8-12, .lo-cell-lg-16-24 {
    width: 66.6667%;
  }
  .lo-cell-lg-17-24 {
    width: 70.8333%;
  }
  .lo-cell-lg-3-4, .lo-cell-lg-9-12, .lo-cell-lg-18-24 {
    width: 75%;
  }
  .lo-cell-lg-19-24 {
    width: 79.1667%;
  }
  .lo-cell-lg-4-5 {
    width: 80%;
  }
  .lo-cell-lg-5-6, .lo-cell-lg-10-12, .lo-cell-lg-20-24 {
    width: 83.3333%;
  }
  .lo-cell-lg-7-8, .lo-cell-lg-21-24 {
    width: 87.5%;
  }
  .lo-cell-lg-11-12, .lo-cell-lg-22-24 {
    width: 91.6667%;
  }
  .lo-cell-lg-23-24 {
    width: 95.8333%;
  }
  .lo-cell-lg-1, .lo-cell-lg-1-1, .lo-cell-lg-5-5, .lo-cell-lg-24-24 {
    width: 100%;
  }
}
@media (min-width: 80em) {
  .lo-cell-xl-1-24 {
    width: 4.1667%;
  }
  .lo-cell-xl-1-12, .lo-cell-xl-2-24 {
    width: 8.3333%;
  }
  .lo-cell-xl-1-8, .lo-cell-xl-3-24 {
    width: 12.5%;
  }
  .lo-cell-xl-1-6, .lo-cell-xl-2-12, .lo-cell-xl-4-24 {
    width: 16.6667%;
  }
  .lo-cell-xl-1-5 {
    width: 20%;
  }
  .lo-cell-xl-5-24 {
    width: 20.8333%;
  }
  .lo-cell-xl-1-4, .lo-cell-xl-3-12, .lo-cell-xl-6-24 {
    width: 25%;
  }
  .lo-cell-xl-7-24 {
    width: 29.1667%;
  }
  .lo-cell-xl-1-3, .lo-cell-xl-4-12, .lo-cell-xl-8-24 {
    width: 33.3333%;
  }
  .lo-cell-xl-3-8, .lo-cell-xl-9-24 {
    width: 37.5%;
  }
  .lo-cell-xl-2-5 {
    width: 40%;
  }
  .lo-cell-xl-5-12, .lo-cell-xl-10-24 {
    width: 41.6667%;
  }
  .lo-cell-xl-11-24 {
    width: 45.8333%;
  }
  .lo-cell-xl-1-2, .lo-cell-xl-2-4, .lo-cell-xl-6-12, .lo-cell-xl-12-24 {
    width: 50%;
  }
  .lo-cell-xl-13-24 {
    width: 54.1667%;
  }
  .lo-cell-xl-7-12, .lo-cell-xl-14-24 {
    width: 58.3333%;
  }
  .lo-cell-xl-3-5 {
    width: 60%;
  }
  .lo-cell-xl-5-8, .lo-cell-xl-15-24 {
    width: 62.5%;
  }
  .lo-cell-xl-2-3, .lo-cell-xl-8-12, .lo-cell-xl-16-24 {
    width: 66.6667%;
  }
  .lo-cell-xl-17-24 {
    width: 70.8333%;
  }
  .lo-cell-xl-3-4, .lo-cell-xl-9-12, .lo-cell-xl-18-24 {
    width: 75%;
  }
  .lo-cell-xl-19-24 {
    width: 79.1667%;
  }
  .lo-cell-xl-4-5 {
    width: 80%;
  }
  .lo-cell-xl-5-6, .lo-cell-xl-10-12, .lo-cell-xl-20-24 {
    width: 83.3333%;
  }
  .lo-cell-xl-7-8, .lo-cell-xl-21-24 {
    width: 87.5%;
  }
  .lo-cell-xl-11-12, .lo-cell-xl-22-24 {
    width: 91.6667%;
  }
  .lo-cell-xl-23-24 {
    width: 95.8333%;
  }
  .lo-cell-xl-1, .lo-cell-xl-1-1, .lo-cell-xl-5-5, .lo-cell-xl-24-24 {
    width: 100%;
  }
}
.lo-pad-5 {
  margin: 0 -5px;
}
.lo-pad-5 > [class^=lo-cell] {
  padding: 0 5px;
}

.lo-pad-10 {
  margin: 0 -10px;
}
.lo-pad-10 > [class^=lo-cell] {
  padding: 0 10px;
}

.lo-pad-15 {
  margin: 0 -15px;
}
.lo-pad-15 > [class^=lo-cell] {
  padding: 0 15px;
}

.lo-pad-20 {
  margin: 0 -20px;
}
.lo-pad-20 > [class^=lo-cell] {
  padding: 0 20px;
}

.lo-pad-25 {
  margin: 0 -25px;
}
.lo-pad-25 > [class^=lo-cell] {
  padding: 0 25px;
}

.lo-pad-30 {
  margin: 0 -30px;
}
.lo-pad-30 > [class^=lo-cell] {
  padding: 0 30px;
}

.lo-pad-35 {
  margin: 0 -35px;
}
.lo-pad-35 > [class^=lo-cell] {
  padding: 0 35px;
}

.lo-pad-40 {
  margin: 0 -40px;
}
.lo-pad-40 > [class^=lo-cell] {
  padding: 0 40px;
}

.lo-pad-45 {
  margin: 0 -45px;
}
.lo-pad-45 > [class^=lo-cell] {
  padding: 0 45px;
}

.lo-pad-50 {
  margin: 0 -50px;
}
.lo-pad-50 > [class^=lo-cell] {
  padding: 0 50px;
}

.lo-pad-55 {
  margin: 0 -55px;
}
.lo-pad-55 > [class^=lo-cell] {
  padding: 0 55px;
}

.lo-pad-60 {
  margin: 0 -60px;
}
.lo-pad-60 > [class^=lo-cell] {
  padding: 0 60px;
}

.lo-pad-65 {
  margin: 0 -65px;
}
.lo-pad-65 > [class^=lo-cell] {
  padding: 0 65px;
}

.lo-pad-70 {
  margin: 0 -70px;
}
.lo-pad-70 > [class^=lo-cell] {
  padding: 0 70px;
}

.lo-pad-75 {
  margin: 0 -75px;
}
.lo-pad-75 > [class^=lo-cell] {
  padding: 0 75px;
}

.lo-pad-80 {
  margin: 0 -80px;
}
.lo-pad-80 > [class^=lo-cell] {
  padding: 0 80px;
}

.lo-pad-85 {
  margin: 0 -85px;
}
.lo-pad-85 > [class^=lo-cell] {
  padding: 0 85px;
}

.lo-pad-90 {
  margin: 0 -90px;
}
.lo-pad-90 > [class^=lo-cell] {
  padding: 0 90px;
}

.lo-pad-95 {
  margin: 0 -95px;
}
.lo-pad-95 > [class^=lo-cell] {
  padding: 0 95px;
}

.lo-pad-100 {
  margin: 0 -100px;
}
.lo-pad-100 > [class^=lo-cell] {
  padding: 0 100px;
}

.lo-mgv-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.lo-mgv-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.lo-mgv-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.lo-mgv-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.lo-mgv-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.lo-mgv-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.lo-mgv-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.lo-mgv-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.lo-mgv-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.lo-mgv-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.lo-mgv-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.lo-mgv-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.lo-mgv-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.lo-mgv-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.lo-mgv-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.lo-mgv-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.lo-mgv-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.lo-mgv-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.lo-mgv-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.lo-mgv-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

/* ▲==========================================================================▲ */
/* ==========================================================================
 *  Component
 * ▼========================================================================▼ */
/* ========================================================================
  Component: Alert
 ========================================================================== */
.df-alert {
  position: relative;
  margin-bottom: 20px;
  padding: 15px 29px 15px 15px;
  background: #f8f8f8;
  color: #666;
}
* + .df-alert {
  margin-top: 20px;
}
.df-alert > :last-child {
  margin-bottom: 0;
}
.df-alert p {
  margin: 0;
}

/* Close
 * Adopts `rd-close`
 ========================================================================== */
.df-alert-close {
  position: absolute;
  top: 20px;
  right: 15px;
  color: inherit;
  opacity: 0.4;
}

/*
 * Remove margin from adjacent element
 */
.df-alert-close:first-child + * {
  margin-top: 0;
}

/*
 * Hover + Focus
 */
.df-alert-close:hover,
.df-alert-close:focus {
  color: inherit;
  opacity: 0.8;
}

/* Style modifiers
 ========================================================================== */
/*
 * Primary
 */
.df-alert-primary {
  background: #d8eafc;
  color: #1e87f0;
}

/*
 * Success
 */
.df-alert-success {
  background: #edfbf6;
  color: #32d296;
}

/*
 * Warning
 */
.df-alert-warning {
  background: #fff6ee;
  color: #faa05a;
}

/*
 * Danger
 */
.df-alert-danger {
  background: #fef4f6;
  color: #f0506e;
}

/*
 * Content
 */
.df-alert h1,
.df-alert h2,
.df-alert h3,
.df-alert h4,
.df-alert h5,
.df-alert h6 {
  color: inherit;
}

.df-alert a:not([class]) {
  color: inherit;
  text-decoration: underline;
}

.df-alert a:not([class]):hover {
  color: inherit;
  text-decoration: underline;
}

/* Color config button.scss
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Button config
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.ui-btn,
button,
input[type=submit],
input[type=reset],
input[type=button] {
  font-family: inherit;
  display: inline-block;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-weight: normal;
  line-height: 2.5;
  letter-spacing: 0.05rem;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 0;
  border: 1px solid #D3D3D4;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ui-btn:hover, .ui-btn:focus,
button:hover,
button:focus,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=button]:hover,
input[type=button]:focus {
  color: #ffffff;
  border-color: #585858;
  background-color: #585858;
  outline: 0;
}
.ui-btn.ui-disabled,
button.ui-disabled,
input[type=submit].ui-disabled,
input[type=reset].ui-disabled,
input[type=button].ui-disabled {
  cursor: default;
  pointer-events: none;
  background-color: #F6F6F6;
  border-color: #F6F6F6;
  color: #AAAAAA;
}

.btn-primary {
  color: #ffffff;
  background-color: #3C8DBC;
  border-color: #3C8DBC;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #367FA9;
  border-color: #367FA9;
}

.btn-success {
  color: #ffffff;
  background-color: #00A65A;
  border-color: #00A65A;
}
.btn-success:hover, .btn-success:focus {
  background-color: #008548;
  border-color: #008548;
}

.btn-warning {
  color: #ffffff;
  background-color: #F39C12;
  border-color: #F39C12;
}
.btn-warning:hover, .btn-warning:focus {
  background-color: #C27D0E;
  border-color: #C27D0E;
}

.btn-danger {
  color: #ffffff;
  background-color: #DD4B39;
  border-color: #DD4B39;
}
.btn-danger:hover, .btn-danger:focus {
  background-color: #B13C2E;
  border-color: #B13C2E;
}

.ui-btn-group {
  letter-spacing: -0.8em;
}
.ui-btn-group .ui-btn {
  border-radius: 0;
}
.ui-btn-group .ui-btn:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: none;
}
.ui-btn-group .ui-btn:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: none;
}

/* ========================================================================
	Component: Button
 ========================================================================== */
.df-button {
  margin: 0;
  border: none;
  overflow: visible;
  font: inherit;
  color: inherit;
  text-transform: none;
  -webkit-appearance: none;
  border-radius: 0;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 30px;
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
  -webkit-transition-property: color, background-color, border-color;
  transition-property: color, background-color, border-color;
}
.df-button:not(:disabled) {
  cursor: pointer;
}
.df-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.df-button:hover {
  text-decoration: none;
}
.df-button:focus {
  outline: none;
}

/* OnClick + Active */
/* Style modifiers
 ========================================================================== */
/*
 * Default
 */
.df-button-default {
  background-color: transparent;
  color: #333;
  border: 1px solid #e5e5e5;
}
.df-button-default:hover, .df-button-default:focus {
  background-color: transparent;
  color: #333;
  border-color: #b2b2b2;
}
.df-button-default:active, .df-button-default.df-active {
  background-color: transparent;
  color: #333;
  border-color: #999999;
}

/*
 * Primary
 */
.df-button-primary {
  background-color: #1e87f0;
  color: #fff;
  border: 1px solid transparent;
}
.df-button-primary:hover, .df-button-primary:focus {
  background-color: #0f7ae5;
  color: #fff;
}
.df-button-primary:active, .df-button-primary.df-active {
  background-color: #0e6dcd;
  color: #fff;
}

/*
 * Secondary
 */
.df-button-secondary {
  background-color: #222;
  color: #fff;
  border: 1px solid transparent;
}
.df-button-secondary:hover, .df-button-secondary:focus {
  background-color: #151515;
  color: #fff;
}
.df-button-secondary:active, .df-button-secondary.df-active {
  background-color: #080808;
  color: #fff;
}

/*
 * Danger
 */
.df-button-danger {
  background-color: #f0506e;
  color: #fff;
  border: 1px solid transparent;
}
.df-button-danger:hover, .df-button-danger:focus {
  background-color: #ee395b;
  color: #fff;
}
.df-button-danger:active, .df-button-danger.df-active {
  background-color: #ec2147;
  color: #fff;
}

.df-button-default:disabled,
.df-button-primary:disabled,
.df-button-secondary:disabled,
.df-button-danger:disabled {
  background-color: transparent;
  color: #999;
  border-color: #e5e5e5;
}

/* Size modifiers
 ========================================================================== */
.df-button-small {
  padding: 0 15px;
  line-height: 28px;
  font-size: 0.875rem;
}

.df-button-large {
  padding: 0 40px;
  line-height: 53px;
  font-size: 0.875rem;
}

/* Text modifiers
 ========================================================================== */
.df-button-text {
  padding: 0;
  line-height: 1.5;
  background: none;
  color: #333;
  position: relative;
}
.df-button-text::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  border-bottom: 1px solid #333;
  -webkit-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
}
.df-button-text:hover, .df-button-text:focus {
  color: #333;
}
.df-button-text:hover::before, .df-button-text:focus::before {
  right: 0;
}
.df-button-text:disabled {
  color: #999;
}
.df-button-text:disabled::before {
  display: none;
}

.df-button-link {
  padding: 0;
  line-height: 1.5;
  background: none;
  color: #1e87f0;
}
.df-button-link:hover, .df-button-link:focus {
  color: #0f6ecd;
  text-decoration: underline;
}
.df-button-link:disabled {
  color: #999;
  text-decoration: none;
}

/* Group
 ========================================================================== */
.df-button-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  position: relative;
}
.df-button-group > .df-button:nth-child(n+2),
.df-button-group > div:nth-child(n+2) .df-button {
  margin-left: -1px;
}
.df-button-group .df-button:hover, .df-button-group .df-button:focus, .df-button-group .df-button:active, .df-button-group .df-button.df-active {
  position: relative;
  z-index: 1;
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[type=text],
[type=search],
[type=tel],
[type=url],
[type=email],
[type=date],
[type=month],
[type=week],
[type=time],
[type=datetime-local],
[type=number],
[type=password],
textarea,
select {
  padding: 10px;
  background-color: white;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
[type=text]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=url]:focus,
[type=email]:focus,
[type=date]:focus,
[type=month]:focus,
[type=week]:focus,
[type=time]:focus,
[type=datetime-local]:focus,
[type=number]:focus,
[type=password]:focus,
textarea:focus,
select:focus {
  border-color: #1e87f0;
  background: #FAFAFA;
  outline: 0;
}

[type=email],
[type=number],
[type=search],
[type=text],
[type=tel],
[type=url],
[type=password],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  min-height: 65px;
  padding: 15px;
}

label,
legend {
  display: inline-block;
  margin: 0.5rem;
  font-weight: normal;
}

fieldset {
  padding: 0;
  border-width: 0;
}

input[type=checkbox],
input[type=radio] {
  display: inline-block;
}

label > .label-body {
  display: inline-block;
  margin-left: 0.5rem;
  font-weight: normal;
}

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 18px;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.inlines .control {
  display: inline-block;
  margin: auto 1em;
}
.inlines .control:first-of-type {
  margin-left: 0;
}
.inlines .control:last-of-type {
  margin-right: 0;
}
.control_indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #E6E6E6;
}
.control-radio .control_indicator {
  border-radius: 50%;
}
.control:hover input ~ .control_indicator, .control input:focus ~ .control_indicator {
  background: #CCCCCC;
}
.control input:checked ~ .control_indicator {
  background: #2AA1C0;
}
.control:hover input:not([disabled]):checked ~ .control_indicator, .control input:checked:focus ~ .control_indicator {
  background: #0E647D;
}
.control input:disabled ~ .control_indicator {
  background: #E6E6E6;
  opacity: 0.6;
  pointer-events: none;
}
.control_indicator:after {
  content: "";
  position: absolute;
  display: none;
}
.control input:checked ~ .control_indicator:after {
  display: block;
}
.control-checkbox .control_indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator:after {
  border-color: #7B7B7B;
}
.control-radio .control_indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: white;
}
.control-radio input:disabled ~ .control_indicator:after {
  background: #7B7B7B;
}

.select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}
.select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border-radius: 0;
  background: white;
  color: #7B7B7B;
  border: solid 1px #CCCCCC;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.select select::-ms-expand {
  display: none;
}
.select select:hover, .select select:focus {
  color: black;
  background: white;
}
.select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select_arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7B7B7B transparent transparent transparent;
}
.select select:hover ~ .select_arrow, .select select:focus ~ .select_arrow {
  border-top-color: black;
}
.select select:disabled ~ .select_arrow {
  border-top-color: #CCCCCC;
}

/* ========================================================================
  Component: Form
========================================================================== */
.df-input,
.df-select,
.df-textarea,
.df-radio,
.df-checkbox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  border-radius: 0;
  font: inherit;
}

.df-input {
  overflow: visible;
}

.df-select {
  text-transform: none;
}
.df-select optgroup {
  font: inherit;
  font-weight: bold;
}

.df-textarea {
  overflow: auto;
}

.df-input[type=search]::-webkit-search-cancel-button, .df-input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.df-input[type=search]::-webkit-inner-spin-button, .df-input[type=search]::-webkit-outer-spin-button {
  height: auto;
}

.df-input::-moz-placeholder,
.df-textarea::-moz-placeholder {
  opacity: 1;
}

.df-radio:not(:disabled),
.df-checkbox:not(:disabled) {
  cursor: pointer;
}

.df-fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.df-input,
.df-textarea {
  -webkit-appearance: none;
}

.df-input,
.df-select,
.df-textarea {
  max-width: 100%;
  width: 100%;
  border: 0 none;
  padding: 0 10px;
  background: #fff;
  color: #666;
  border: 1px solid #c6c6c6;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transition-property: color, background-color, border;
  transition-property: color, background-color, border;
}

.df-input,
.df-select:not([multiple]):not([size]) {
  height: 40px;
  vertical-align: middle;
  display: inline-block;
}

.df-input:not(input),
.df-select:not(select) {
  line-height: 38px;
}

/*
* Multi-line
*/
.df-select[multiple],
.df-select[size],
.df-textarea {
  padding-top: 4px;
  padding-bottom: 4px;
  vertical-align: top;
}

.df-select[multiple],
.df-select[size] {
  resize: vertical;
}

/* Focus */
.df-input:focus,
.df-select:focus,
.df-textarea:focus {
  outline: none;
  background-color: #fff;
  color: #666;
  border-color: #1e87f0;
}

/* Disabled */
.df-input:disabled,
.df-select:disabled,
.df-textarea:disabled {
  background-color: #f8f8f8;
  color: #999;
  border-color: #e5e5e5;
}

/*
* Placeholder
*/
.df-input::-ms-input-placeholder {
  color: #999 !important;
}
.df-input::-webkit-input-placeholder {
  color: #999;
}
.df-input::-moz-placeholder {
  color: #999;
}
.df-input:-ms-input-placeholder {
  color: #999;
}
.df-input::placeholder {
  color: #999;
}

.df-select .placeholder {
  color: #999;
}

.df-textarea::-ms-input-placeholder {
  color: #999 !important;
}
.df-textarea::-webkit-input-placeholder {
  color: #999;
}
.df-textarea::-moz-placeholder {
  color: #999;
}
.df-textarea:-ms-input-placeholder {
  color: #999;
}
.df-textarea::placeholder {
  color: #999;
}

/* Style modifier (`rd-input`, `rd-select` and `rd-textarea`)
========================================================================== */
/*
* Small
*/
.df-form-small {
  font-size: 0.875rem;
}

.df-form-small:not(textarea):not([multiple]):not([size]) {
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
}

.df-form-small:not(select):not(input):not(textarea) {
  line-height: 28px;
}

/*
* Large
*/
.df-form-large {
  font-size: 1.25rem;
}

.df-form-large:not(textarea):not([multiple]):not([size]) {
  height: 55px;
  padding-left: 12px;
  padding-right: 12px;
}

.df-form-large:not(select):not(input):not(textarea) {
  line-height: 53px;
}

/* Style modifier (`rd-input`, `rd-select` and `rd-textarea`)
========================================================================== */
/*
* Error
*/
.df-form-danger,
.df-form-danger:focus {
  color: #f0506e;
  border-color: #f0506e;
}

/*
* Success
*/
.df-form-success,
.df-form-success:focus {
  color: #32d296;
  border-color: #32d296;
}

/*
* Blank
*/
.df-form-blank {
  background: none;
  border-color: transparent;
}

.df-form-blank:focus {
  border-color: #e5e5e5;
  border-style: dashed;
}

input.df-form-width-xsmall {
  width: 75px;
}

select.df-form-width-xsmall {
  width: 90px;
}

.df-form-width-small {
  width: 150px;
}

.df-form-width-medium {
  width: 225px;
}

.df-form-width-large {
  width: 300px;
}

.df-form-width-xlarge {
  width: 375px;
}

.df-form-width-xxlarge {
  width: 450px;
}

@media screen and (max-width: 767px) {
  .df-form-width-xsmall_sp {
    width: 75px;
  }
  .df-form-width-small_sp {
    width: 150px;
  }
  .df-form-width-medium_sp {
    width: 225px;
  }
  .df-form-width-large_sp {
    width: 300px;
  }
  .df-form-width-xlarge_sp {
    width: 375px;
  }
  .df-form-width-xxlarge_sp {
    width: 450px;
  }
}
/* Select
========================================================================== */
.df-select:not([multiple]):not([size]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.df-select:not([multiple]):not([size])::-ms-expand {
  display: none;
}
.df-select:not([multiple]):not([size]) option {
  color: #444;
}
.df-select:not([multiple]):not([size]):disabled {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

/* Datalist
========================================================================== */
/*
* 1. Remove default style in Chrome
*/
.df-input[list] {
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.df-input[list]:hover, .df-input[list]:focus {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.df-input[list]::-webkit-calendar-picker-indicator {
  display: none;
}

.df-radio,
.df-checkbox {
  display: inline-block;
  height: 16px;
  width: 16px;
  overflow: hidden;
  margin-top: -4px;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 1px solid #cccccc;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transition-property: background-color, border;
  transition-property: background-color, border;
}

.df-radio {
  border-radius: 50%;
}

.df-radio:focus,
.df-checkbox:focus {
  outline: none;
  border-color: #1e87f0;
}

/*
* Checked
*/
.df-radio:checked,
.df-checkbox:checked,
.df-checkbox:indeterminate {
  background-color: #1e87f0;
  border-color: transparent;
}

/* Focus */
.df-radio:checked:focus,
.df-checkbox:checked:focus,
.df-checkbox:indeterminate:focus {
  background-color: #0e6dcd;
}

/*
* Icons
*/
.df-radio:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.df-checkbox:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.df-checkbox:indeterminate {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

/*
* Disabled
*/
.df-radio:disabled,
.df-checkbox:disabled {
  background-color: #f8f8f8;
  border-color: #e5e5e5;
}

.df-radio:disabled:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.df-checkbox:disabled:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.df-checkbox:disabled:indeterminate {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

/* Legend
========================================================================== */
.df-legend {
  width: 100%;
  color: inherit;
  padding: 0;
  font-size: 1.5rem;
  line-height: 1.4;
}

/* Custom controls
========================================================================== */
.df-form-custom {
  display: inline-block;
  position: relative;
  max-width: 100%;
  vertical-align: middle;
}
.df-form-custom select,
.df-form-custom input[type=file] {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  -webkit-appearance: none;
  opacity: 0;
  cursor: pointer;
}
.df-form-custom input[type=file] {
  font-size: 500px;
  overflow: hidden;
}

/* Label
========================================================================== */
.df-form-label {
  color: #333;
  font-size: 1rem;
}

/* Layout
========================================================================== */
/*
* Stacked
*/
.df-form-stacked .df-form-label {
  display: block;
  margin-bottom: 5px;
}

/*
* Horizontal
*/
@media (max-width: 959px) {
  .df-form-horizontal .df-form-label {
    display: block;
    margin-bottom: 5px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .df-form-horizontal .df-form-label {
    width: 200px;
    margin-top: 7px;
    float: left;
  }
  .df-form-horizontal .df-form-controls {
    margin-left: 215px;
  }
  .df-form-horizontal .df-form-controls-text {
    padding-top: 7px;
  }
}
.df-form-line {
  margin: 1em auto;
}

@media screen and (max-width: 767px) {
  .df-form-multi-input {
    margin-top: -0.5em;
  }
  .df-form-multi-input .df-input,
  .df-form-multi-input .df-select,
  .df-form-multi-input .df-textarea {
    margin-top: 0.5em;
  }
}

/* Icons
========================================================================== */
.df-form-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #999;
}
.df-form-icon:hover {
  color: #666;
}
.df-form-icon:not(a):not(button):not(input) {
  pointer-events: none;
}
.df-form-icon:not(.df-form-icon-flip) ~ .df-input {
  padding-left: 40px !important;
}

/*
* Position modifier
*/
.df-form-icon-flip {
  right: 0;
  left: auto;
}
.df-form-icon-flip ~ .df-input {
  padding-right: 40px !important;
}

/* ========================================================================
  Component: Link
 ========================================================================== */
/* Muted
 ========================================================================== */
a.df-link-muted,
.df-link-muted a {
  color: #999;
}

a.df-link-muted:hover,
.df-link-muted a:hover,
.df-link-toggle:hover .df-link-muted,
.df-link-toggle:focus .df-link-muted {
  color: #666;
}

/* Text
 ========================================================================== */
a.df-link-text,
.df-link-text a {
  color: inherit;
}

a.df-link-text:hover,
.df-link-text a:hover,
.df-link-toggle:hover .df-link-text,
.df-link-toggle:focus .df-link-text {
  color: #999;
}

/* Heading
 ========================================================================== */
a.df-link-heading,
.df-link-heading a {
  color: inherit;
}

a.df-link-heading:hover,
.df-link-heading a:hover,
.df-link-toggle:hover .df-link-heading,
.df-link-toggle:focus .df-link-heading {
  color: #1e87f0;
  text-decoration: none;
}

/* Reset
 ========================================================================== */
/*
 * `!important` needed to override inverse component
 */
a.df-link-reset,
.df-link-reset a {
  color: inherit !important;
  text-decoration: none !important;
}

/* Toggle
 ========================================================================== */
.df-link-toggle {
  color: inherit !important;
  text-decoration: none !important;
}
.df-link-toggle:focus {
  outline: none;
}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.df-table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border: 1px solid #cbcbcb;
}
.df-table caption {
  color: #000;
  font: italic 85%/1 arial, sans-serif;
  padding: 1em 0;
  text-align: center;
}
.df-table td,
.df-table th {
  border-left: 1px solid #cbcbcb;
  border-width: 0 0 0 1px;
  font-size: inherit;
  margin: 0;
  overflow: visible;
  padding: 0.5em 1em;
}
.df-table thead {
  background-color: #e0e0e0;
  color: #000;
  text-align: left;
  vertical-align: bottom;
}
.df-table td {
  background-color: transparent;
}
.df-table .df-table-odd td {
  background-color: #f2f2f2;
}

.df-table-striped tr:nth-child(2n-1) td {
  background-color: #f2f2f2;
}

.df-table-bordered th,
.df-table-bordered td {
  border-bottom: 1px solid #cbcbcb;
}
.df-table-bordered tbody > tr:last-child > td {
  border-bottom-width: 0;
}

.df-table-horizontal td,
.df-table-horizontal th {
  border-width: 0 0 1px 0;
  border-bottom: 1px solid #cbcbcb;
}
.df-table-horizontal tbody > tr:last-child > td {
  border-bottom-width: 0;
}

.df-table-divider {
  border: none;
}

/* ========================================================================
  Component: Text
 ========================================================================== */
/* Style modifiers
 ========================================================================== */
.df-text-lead {
  font-size: 1.5rem;
  line-height: 1.5;
  color: #333;
}

.df-text-meta {
  font-size: 0.875rem;
  line-height: 1.4;
  color: #999;
}
.df-text-meta a {
  color: #999;
}
.df-text-meta a:hover {
  color: #666;
  text-decoration: none;
}

/* Size modifiers
========================================================================== */
.df-text-small {
  font-size: 0.875rem;
  line-height: 1.5;
}

.df-text-large {
  font-size: 1.5rem;
  line-height: 1.5;
}

.df-text-default {
  font-size: 16px;
  line-height: 1.5;
}

/* Weight modifier
========================================================================== */
.df-text-light {
  font-weight: 300;
}

.df-text-normal {
  font-weight: 400;
}

.df-text-bold {
  font-weight: 700;
}

.df-text-lighter {
  font-weight: lighter;
}

.df-text-bolder {
  font-weight: bolder;
}

/* Style modifier
========================================================================== */
.df-text-italic {
  font-style: italic;
}

/* Transform modifier
========================================================================== */
.df-text-capitalize {
  text-transform: capitalize !important;
}

.df-text-uppercase {
  text-transform: uppercase !important;
}

.df-text-lowercase {
  text-transform: lowercase !important;
}

/* Color modifiers
========================================================================== */
.df-text-muted {
  color: #999 !important;
}

.df-text-emphasis {
  color: #333 !important;
}

.df-text-primary {
  color: #1e87f0 !important;
}

.df-text-secondary {
  color: #222 !important;
}

.df-text-success {
  color: #32d296 !important;
}

.df-text-warning {
  color: #faa05a !important;
}

.df-text-danger {
  color: #f0506e !important;
}

/* Background modifier
========================================================================== */
.df-text-background {
  -webkit-background-clip: text;
  display: inline-block;
  color: #1e87f0 !important;
}

@supports (-webkit-background-clip: text) {
  .df-text-background {
    background-color: #1e87f0;
    color: transparent !important;
  }
}
/* Alignment modifiers
========================================================================== */
.df-text-left {
  text-align: left !important;
}

.df-text-right {
  text-align: right !important;
}

.df-text-center {
  text-align: center !important;
}

.df-text-justify {
  text-align: justify !important;
}

/*
* Vertical
*/
.df-text-top {
  vertical-align: top !important;
}

.df-text-middle {
  vertical-align: middle !important;
}

.df-text-bottom {
  vertical-align: bottom !important;
}

.df-text-baseline {
  vertical-align: baseline !important;
}

/* Wrap modifiers
========================================================================== */
.df-text-nowrap {
  white-space: nowrap;
}

.df-text-truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
th .df-text-truncate, td .df-text-truncate {
  max-width: 0;
}

.df-text-break {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
th .df-text-break, td .df-text-break {
  word-break: break-all;
}

/* ▲==========================================================================▲ */
/* ==========================================================================
 *  Utility
 * ▼========================================================================▼ */
.mgt-0 {
  margin-top: 0px;
}

.mgb-0 {
  margin-bottom: 0px;
}

.mgv-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mgr-0 {
  margin-right: 0px;
}

.mgl-0 {
  margin-left: 0px;
}

.mgh-0 {
  margin-right: 0px;
  margin-left: 0px;
}

.mgt-10 {
  margin-top: 10px;
}

.mgb-10 {
  margin-bottom: 10px;
}

.mgv-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mgr-10 {
  margin-right: 10px;
}

.mgl-10 {
  margin-left: 10px;
}

.mgh-10 {
  margin-right: 10px;
  margin-left: 10px;
}

.mgt-20 {
  margin-top: 20px;
}

.mgb-20 {
  margin-bottom: 20px;
}

.mgv-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mgr-20 {
  margin-right: 20px;
}

.mgl-20 {
  margin-left: 20px;
}

.mgh-20 {
  margin-right: 20px;
  margin-left: 20px;
}

.mgt-30 {
  margin-top: 30px;
}

.mgb-30 {
  margin-bottom: 30px;
}

.mgv-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mgr-30 {
  margin-right: 30px;
}

.mgl-30 {
  margin-left: 30px;
}

.mgh-30 {
  margin-right: 30px;
  margin-left: 30px;
}

.mgt-40 {
  margin-top: 40px;
}

.mgb-40 {
  margin-bottom: 40px;
}

.mgv-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mgr-40 {
  margin-right: 40px;
}

.mgl-40 {
  margin-left: 40px;
}

.mgh-40 {
  margin-right: 40px;
  margin-left: 40px;
}

.mgt-50 {
  margin-top: 50px;
}

.mgb-50 {
  margin-bottom: 50px;
}

.mgv-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mgr-50 {
  margin-right: 50px;
}

.mgl-50 {
  margin-left: 50px;
}

.mgh-50 {
  margin-right: 50px;
  margin-left: 50px;
}

.mgt-60 {
  margin-top: 60px;
}

.mgb-60 {
  margin-bottom: 60px;
}

.mgv-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mgr-60 {
  margin-right: 60px;
}

.mgl-60 {
  margin-left: 60px;
}

.mgh-60 {
  margin-right: 60px;
  margin-left: 60px;
}

.mgt-70 {
  margin-top: 70px;
}

.mgb-70 {
  margin-bottom: 70px;
}

.mgv-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.mgr-70 {
  margin-right: 70px;
}

.mgl-70 {
  margin-left: 70px;
}

.mgh-70 {
  margin-right: 70px;
  margin-left: 70px;
}

.mgt-80 {
  margin-top: 80px;
}

.mgb-80 {
  margin-bottom: 80px;
}

.mgv-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mgr-80 {
  margin-right: 80px;
}

.mgl-80 {
  margin-left: 80px;
}

.mgh-80 {
  margin-right: 80px;
  margin-left: 80px;
}

.mgt-90 {
  margin-top: 90px;
}

.mgb-90 {
  margin-bottom: 90px;
}

.mgv-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.mgr-90 {
  margin-right: 90px;
}

.mgl-90 {
  margin-left: 90px;
}

.mgh-90 {
  margin-right: 90px;
  margin-left: 90px;
}

.mgt-100 {
  margin-top: 100px;
}

.mgb-100 {
  margin-bottom: 100px;
}

.mgv-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mgr-100 {
  margin-right: 100px;
}

.mgl-100 {
  margin-left: 100px;
}

.mgh-100 {
  margin-right: 100px;
  margin-left: 100px;
}

.mgh-auto {
  margin-right: auto;
  margin-left: auto;
}

/*! ++++++++++++++++++++ LAYOUT ++++++++++++++++++++ */
.hidden,
[hidden] {
  display: none !important;
}

[id=contents] {
  overflow: hidden;
}

[id=body_wrap] {
  overflow-x: hidden;
}

@media (min-width: 80em) {
  [id=body_wrap] {
    min-width: 76.25em;
  }
}
@media screen and (min-width: 48em) {
  .extended-cell {
    width: 100vw;
    margin-right: calc((100vw - 100%) / 2 * -1);
    margin-left: calc((100vw - 100%) / 2 * -1);
  }
}
@media screen and (max-width: 76.25em) and (min-width: 48em) {
  .extended-cell {
    width: calc(100% + 80px);
    margin: 0 -40px;
  }
}
/*! ++++++++++++++++++++ MODULE ++++++++++++++++++++ */
.box {
  margin: 40px auto;
}

.full-img,
.max-img {
  display: inline-block;
  height: auto;
}

.full-img {
  width: 100%;
}

.max-img {
  max-width: 100%;
}

.linkbtn {
  display: block;
}
.linkbtn-right {
  text-align: right;
}
.linkbtn-right i,
.linkbtn-right svg {
  display: inline-block;
  margin-left: 10px;
}
.linkbtn-left {
  text-align: left;
}
.linkbtn-left i,
.linkbtn-left svg {
  display: inline-block;
  margin-right: 10px;
}
.linkbtn-center {
  text-align: center;
}
.linkbtn a {
  display: inline-block;
  padding: 6px 20px;
  color: #333;
  text-align: center;
  text-decoration: none;
  background: white;
  border: solid 1px #333;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.linkbtn a:hover {
  color: white;
  background-color: #333;
}

/*! ++++++++++++++++++++ Utility ++++++++++++++++++++ */
@media (max-width: 47.99em) {
  .br-sp {
    display: block;
  }
  .br-pc {
    display: none !important;
  }
  .sp-none {
    display: none !important;
  }
  .pc-none {
    display: block;
  }
}
@media (min-width: 48em) {
  .br-sp {
    display: none !important;
  }
  .br-pc {
    display: block;
  }
  .sp-none {
    display: block;
  }
  .pc-none {
    display: none !important;
  }
}
.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}

.lo-right {
  float: right;
}

.lo-left {
  float: left;
}

.text-c {
  text-align: center;
}
.text-r {
  text-align: right;
}
.text-l {
  text-align: left;
}

.icon, .icon-new .icon-pdf {
  display: inline-block;
  padding: 4px 10px;
  line-height: 1em;
  color: white;
  border-radius: 4px;
}

.icon-new {
  background-color: red;
}

.icon-pdf {
  background-color: firebrick;
}

.icon-w, .icon-w-pdf, .icon-w-new {
  display: inline-block;
  padding: 4px 10px;
  line-height: 1em;
  color: #444;
  background-color: white;
  border: solid 1px;
  border-radius: 4px;
}

.icon-w-new {
  color: red;
}

.icon-w-pdf {
  color: firebrick;
}

.iframe-video {
  position: relative;
  padding-top: 56.25%;
}
.iframe-video video,
.iframe-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.iframe-video.iframe-video_4-3 {
  padding-top: 75%;
}
.iframe-video.iframe-video_21-9 {
  padding-top: 42.85%;
}

@media print {
  html,
  body {
    zoom: 0.95;
  }
  html,
  body,
  [id=body_wrap] {
    width: 76.25em;
    min-width: 76.25em;
  }
  [id=body_wrap] .hd.is-fixed {
    display: none !important;
  }
}
@page {
  size: A4 portrait;
  margin: 5;
}
/* ▲==========================================================================▲ */
:root {
  --pink-to-yellow: #ff82a5;
  --to-bgColor: white;
  --to-white: black;
  --midashi01-bg: #07569b;
  --midashi01-f: white;
  --midashi01-border: #07569b;
  --footer-bg: black;
  --footer-border: white;
  --to-head-bg: #00abeb;
  --to-head-bgchange: rgba(44, 164, 222, 0.8);
  --fukidashi-border: #07569b;
  --fukidashi-bg: white;
  --fukidashi-text: #333333;
  --contact-name: black;
  --text01: black;
  --title01-bg: #07569b;
  --title01-f: white;
  --pink-to-yellow-to-black: #ff82a5;
  --midashi02-border: #ff82a5;
  --midashi02-f: white;
}

.fwn {
  font-weight: normal !important;
}

.fwb {
  font-weight: bold !important;
}

.fc {
  text-align: center !important;
}

.fl {
  text-align: left;
}

.fr {
  text-align: right;
}

.white18 {
  font-size: 1.8em !important;
  color: #FFFFFF;
}

.white16 {
  font-size: 1.6em !important;
  color: #FFFFFF;
}

.white15 {
  font-size: 1.5em !important;
  color: #FFFFFF;
}

.white13 {
  font-size: 1.3em !important;
  color: #FFFFFF;
}

.white12 {
  font-size: 1.2em !important;
}

.white11 {
  font-size: 1.1em !important;
  color: #FFFFFF;
}

.white10 {
  font-size: 1em !important;
}

.white8 {
  font-size: 0.8em !important;
  color: #FFFFFF;
}

.white6 {
  font-size: 0.6em !important;
  color: #FFFFFF;
}

.mt80 {
  margin-top: 8em !important;
}

.mt40 {
  margin-top: 4em !important;
}

.mt30 {
  margin-top: 3em;
}

.mt20 {
  margin-top: 2em;
}

.mt10 {
  margin-top: 1em !important;
}

.mt5 {
  margin-top: 0.5em;
}

.mb40 {
  margin-bottom: 4em;
}

.mb30 {
  margin-bottom: 3em !important;
}

.mb20 {
  margin-bottom: 2em;
}

.mb10 {
  margin-bottom: 1em;
}

.mb5 {
  margin-bottom: 0.5em;
}

.pt30 {
  padding-top: 3em;
}

.pt20 {
  padding-top: 2em;
}

.pt10 {
  padding-top: 1em;
}

.pt5 {
  padding-top: 0.5em;
}

.pt0 {
  padding-top: 0 !important;
}

.pb30 {
  padding-bottom: 3em;
}

.pb20 {
  padding-bottom: 2em;
}

.pb10 {
  padding-bottom: 1rem;
}

.pb5 {
  padding-bottom: 0.5rem;
}

.fs15 {
  font-size: 1.5em !important;
}

.fs12 {
  font-size: 1.2em !important;
}

.fs10 {
  font-size: 1em !important;
}

.fs09 {
  font-size: 0.9em !important;
}

.fs08 {
  font-size: 0.8em !important;
}

.maxw900 {
  max-width: 900px !important;
}

.maxw600 {
  max-width: 600px !important;
}

html,
body {
  font-family: "BIZ UDGothic", "Noto Sans JP", sans-serif;
}

html {
  font-size: 62.5%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

body {
  background: var(--to-head-bg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

[id=body_wrap] {
  overflow: visible;
}

button:hover {
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
}

#body_wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 1em;
  max-width: 75em;
  margin-inline: auto;
}
@media (min-width: 48em) {
  #body_wrap {
    -ms-grid-columns: minmax(0, 2fr) 2.5em minmax(22.5em, 5fr);
    grid-template-columns: minmax(0, 2fr) minmax(22.5em, 5fr);
    gap: 2.5em;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
#body_wrap header {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (min-width: 48em) {
  #body_wrap header {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
#body_wrap main {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding-inline: 20px;
  background-color: #FFF;
  color: #000;
}
@media (min-width: 48em) {
  #body_wrap main {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-inline: 20px;
  }
}

.pc_area {
  display: block !important;
}

.sp_area {
  display: none !important;
}

@media (max-width: 46.875em) {
  .pc_area {
    display: none !important;
  }
  .sp_area {
    display: block !important;
  }
}
@media (max-width: 40em) {
  .spbr_none_box br {
    display: none;
  }
}
.midashi02 {
  font-size: 1.6em;
  text-align: center;
  margin: 3em auto 0;
  font-weight: 600;
}

.midashi03 {
  position: relative;
  display: inline-block;
  padding: 0 1.5em;
  margin: 1em auto;
  text-align: center;
  font-size: 1.4em;
}

.midashi03:before,
.midashi03:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: #FFFFFF;
}

.midashi03:before {
  left: 0;
}

.midashi03:after {
  right: 0;
}

hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.hr1 {
  border-top: 2px solid #AAA;
  margin: 3em auto 2.5em;
}

.center {
  text-align: center;
}

.full-width {
  margin-inline: -20px;
}

.partner-box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto 2em;
}

.partner-item {
  width: calc(25% - 8px);
  margin: 4px;
}

.partner-item img {
  width: 100%;
  border: solid 1px #AAA;
}

.partner-item30 {
  width: calc(33% - 6px);
  margin: 4px;
}

.partner-item30 img {
  width: 100%;
  border: solid 1px #AAA;
}

.link-box {
  display: flex;
  justify-content:flex-start;
  margin: 1em auto 2em;
  text-align: center;
  font-size: 1.2em;
  flex-wrap: wrap;
}
.link-box a{
  display: block;
  width: 33%;
  padding: 5px;
  line-height: 1;
  box-sizing: border-box;
  margin: 0;
}
.link-item {
  width: auto;
  color: #000000;
  background-color: yellow;
  padding: 0.5em;
  font-weight: 600;
}

.link-item:hover {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
  -webkit-transition: 0.4s cubic-bezier(0.45, 0, 0.55, 1);
  transition: 0.4s cubic-bezier(0.45, 0, 0.55, 1);
}


.top-box, .top-box02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 1em auto;
  font-size: 1.2em;
}

.top-box02 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1em auto 2em;
}

.top-item {
  width: 100%;
  margin: 0 auto 1em;
}
@media (min-width: 48em) {
  .top-item {
    width: 45%;
  }
}
.top-item img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.top-item p {
  margin: 0.5em auto 1em;
  color: #FFFFFF;
  font-size: 1em;
  font-weight: 600;
  max-width: 98%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.top-box .top-item:hover, .top-box02 .top-item:hover {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
  -webkit-transition: 0.4s cubic-bezier(0.45, 0, 0.55, 1);
  transition: 0.4s cubic-bezier(0.45, 0, 0.55, 1);
}

[id=header] {
  position: fixed;
  top: 0;
  width: 100%;
  container-type: inline-size;
  -webkit-transform: none;
          transform: none;
  background: var(--to-head-bg);
  z-index: 999;
}
@media (min-width: 48em) {
  [id=header] {
    position: relative;
  }
}
[id=header].change-color {
  background: var(--to-head-bgchange);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header-wrap {
  position: sticky;
  top: 0;
  height: 60px;
  width: 100cqw;
  overflow-y: auto;
  scrollbar-width: none;
  padding: 0.6em 1em;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}
.header-wrap::-webkit-scrollbar {
  display: none;
}
@media (min-width: 48em) {
  .header-wrap {
    height: 100dvh;
    padding: 1em;
  }
}
[id=header].is-active .header-wrap {
  height: 100dvh;
}

.head-logo {
  height: auto;
  width: 40%;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 48em) {
  .head-logo {
    height: auto;
    width: 100%;
    padding-top: 1.5rem;
  }
}
.head-logo a {
  display: block;
  width: 100%;
}
.head-logo img {
  max-height: 100%;
}
.head-logo img + img {
  margin-top: 1.5rem;
}

.head-util {
  margin-top: 2em;
}

.head-navmenu_list {
  margin: 1em 0 0;
  padding: 0;
}
.head-navmenu_list > li {
  border-bottom: solid 1px #FFFFFF;
}
.head-navmenu_list > li:last-child {
  border-bottom: none;
}
.head-navmenu_list a {
  display: block;
  color: #FFFFFF;
  padding: 1rem;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.head-navmenu_list a:hover {
  background: var(--pink-to-yellow);
  color: var(--to-bgColor);
}

.btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.5em 0;
  color: #FFFFFF;
}
@media (min-width: 48em) {
  .btn_wrap {
    margin: 1em;
  }
}
.btn_wrap .label {
  width: 7em;
  font-size: 1.2em;
}
.btn_wrap button {
  font-size: 1em;
  padding: 5px 10px;
  border: 1px solid #FFFFFF;
  line-height: 1.2;
  background: transparent;
  color: white;
}
.btn_wrap button.is_active {
  background: var(--pink-to-yellow) !important;
  color: var(--to-bgColor) !important;
}
.btn_wrap button.bule {
  background: #172A84 !important;
}
.btn_wrap button .black {
  background: #000000 !important;
}

.spmenu_switch {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-left: 0;
  border: none;
  border-radius: 0;
}
@media (min-width: 48em) {
  .spmenu_switch {
    display: none;
  }
}
.spmenu_switch button {
  position: relative;
  width: 60px;
  height: 60px;
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.spmenu_switch:hover, .spmenu_switch:focus {
  background-color: transparent;
}
@media (min-width: 48em) {
  .spmenu_switch:hover, .spmenu_switch:focus {
    background-color: transparent;
  }
}
.spmenu_switch:hover .border, .spmenu_switch:focus .border {
  background-color: white;
}
.spmenu_switch:hover .word, .spmenu_switch:focus .word {
  color: white;
}
.spmenu_switch .border {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 34px;
  height: 4px;
  content: "";
  background-color: white;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media (min-width: 48em) {
  .spmenu_switch .border {
    width: 60px;
  }
}
.spmenu_switch .border.border-top {
  top: 12px;
}
.spmenu_switch .border.border-mid {
  top: 22px;
}
.spmenu_switch .border.border-btm {
  top: 32px;
}
.spmenu_switch.is-active {
  cursor: pointer;
}
.spmenu_switch.is-active .border {
  left: 0;
  width: 60%;
}
.spmenu_switch.is-active .border-mid {
  opacity: 0;
  -webkit-transform: translate(12px, 0);
          transform: translate(12px, 0);
}
.spmenu_switch.is-active .border-top {
  -webkit-transform: translate(12px, 10px) rotate(-45deg);
          transform: translate(12px, 10px) rotate(-45deg);
}
.spmenu_switch.is-active .border-btm {
  -webkit-transform: translate(12px, -10px) rotate(45deg);
          transform: translate(12px, -10px) rotate(45deg);
}
.spmenu_switch .word {
  position: absolute;
  bottom: 8px;
  left: 50%;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1;
  color: white;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 48em) {
  .spmenu_switch .word {
    bottom: 15px;
    font-size: 0.8em;
    color: inherit;
  }
}

footer {
  background-color: var(--footer-bg);
  border-top: 2px solid var(--footer-border);
  position: relative;
}
footer .pagetop{
  position: fixed;
  bottom:30px;
  right:15px;
  width:40px;
}
footer .pagetop img{
  width:100%;
  height:auto;
}
footer .pagetop img:hover{
  opacity:.7;
}
footer .foot {
  width: 95%;
  max-width: 1040px;
  margin: 0 auto;
  padding: 1.5em 0;
  color: #FFF;
}
footer .midashi03 {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 1.5em;
  margin: 0.8em auto;
  text-align: center;
  font-size: 1.4em;
  color: #FFFFFF;
}
footer .midashi03:before,
footer .midashi03:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: #FFFFFF;
}
footer .midashi03:before {
  left: 0;
}
footer .midashi03:after {
  right: 0;
}
footer .ft-title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  font-size: 1.6em;
}
footer .sns-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.5em auto;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 30%;
}
footer .sns-item {
  width: 15%;
}
@media screen and (max-width: 767px) {
  footer {
    /* スクリーンサイズが767px以下の場合に適用 */
  }
  footer .sns-box {
    width: 80%;
  }
  footer .sns-item {
    width: 13%;
  }
}
footer .sns-item:hover {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
  -webkit-transition: 0.4s cubic-bezier(0.45, 0, 0.55, 1);
  transition: 0.4s cubic-bezier(0.45, 0, 0.55, 1);
}
footer .copyright {
  font-size: 0.7em;
  text-align: center;
  margin: 3em auto 1em;
}

.contact-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0.7em auto 1.4em;
	text-align: left;
	font-size: 1em;
}

.contact-name {
  background-color: #FFFFFF;
  color: #000000;
  padding: 0.2em 0.5em;
  margin-right: 0.5em;
  font-size: 0.9em;
}

.contact-item1 {
  color: #FFFFFF;
  padding: 0 0.7em;
}
.contact-item2 {
  color: #FFFFFF;
  padding: 0 0.7em;
}

@media screen and (max-width: 767px) {
  /* スクリーンサイズが767px以下の場合に適用 */
  .contact-item1 {
    width:100%;
    padding: 0 0.4em;
  }
  .contact-item2 {
    display:inline-block;
    width:50%;
    padding: 0 0.4em;
  }
  .contact-name {
    background-color: var(--contact-name);
    color: #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    line-height: 2em;
  }
}
.contact-websitelink {
  margin-bottom: 1.5em;
}
.contact-websitelink a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 0.9em 2em;
  border-radius: 25px;
  background-color: yellow;
  color: #000000;
  font-size: 1.2em;
  font-weight: 600;
}


/*CSSのみ変更*/

.goods h2{
  color: #008B68;
  font-size: 2em;
  text-align: center;
}
.goods h2 span{
  font-size: 2rem;
  display: block;
  width: 7em;
  text-align: center;
  background-color: #008B68;
  color: #FFF;
  border-radius: 0 20px 20px 0;
  padding: 10px;
}
.goods h2 + p{
  text-align: center;
}
.goods .img{
  display: flex;
  justify-content: space-between;
}
.goods .img > div{
  width: calc(50% - 10px);
}

.enquete{
  margin-top: 50px;
  background-color: #FEEFFF;
  padding: 20px;
}
.enquete h2{
  font-size: 2em;
  text-align: center;
  color: #D9005B;
  margin-top: 0;
}
.enqbox{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.enqbox > div{
  width: 50%;
  border: dotted 4px #D9005B;
  padding: 10px;
  box-sizing: border-box;
}
.enqbox > div:first-child{
  border-top: 0;
  border-left: 0;
}
.enqbox > div:nth-child(2){
  border-top: 0;
  border-left: 0;
  border-right:0;
}
.enqbox > div:nth-child(3){
  border-top: 0;
  border-left: 0;
  border-bottom:0;
}
.enqbox > div:last-child{
  border: 0;
}
.enqbox h3{
  position: relative;
  font-size: 1.5em;
  padding-left: 1.5em;
}
.enqbox h3 span{
  position: absolute;
  top:0;
  left: 0;
  color: #D9005B;
  border-bottom: solid 4px #D9005B;
  font-size: 1.1em;
}
.enqbox .kazu{
  display: block;
  text-align: center;
  width: 5em;
  background-color: #D9005B;
  color: #FFF;
}
.enqbox .img{
  text-align:center;
}
.enqbox .img img{
  width:70%;
  height:auto;
}
.oubohouhou{
  text-align: center;
}
.oubohouhou h3{
  font-size: 1.6em;
}
.flex2{
  display: flex;
  justify-content: space-between;
}
.flex2 div{
  width: 30%;
}
.flex2 div:first-child{
  width: calc(70% - 10px);
}
.oubohouhou .simekiri{
  font-size: 3rem;
  color: #D9005B;
  margin: 10px 0;
}
.oubohouhou .simekiri strong{
  font-size: 4rem;
}

rt{
  white-space: normal;
}
/*CSSのみ変更*/
.link{
  text-align: center;
  margin: 10px 0;
}
.link a{
  display: inline-block;
  background-color: #EB6168;
  color: #FFF;
  text-decoration: none;
  font-size: 2rem;
  padding: 10px 20px;
  border-radius: 10px;
}
.smalllink{
  text-align: center;
  margin: 10px 0;
}
.smalllink a{
  display: inline-block;
  background-color: #EB6168;
  color: #FFF;
  text-decoration: none;
  font-size: 1.5rem;
  padding: 6px 12px;
  border-radius: 6px;
}

.regulation{
  margin-bottom: 50px;
}
.regulation h2{
  margin-top: 50px;
  font-size: 4rem;
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-align: center;
}
.regulation h3{
  margin-top: 50px;
  font-size: 3rem;
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-align: center;
}
.regulation h3 strong{
  font-size: 5rem;
  color: #FF0000;
}
.regulation h4{
  font-size: 2rem;
  text-align: center;
}
.regulation h5{
  background-color: #dbfde1;
  font-size: 1.8rem;
  padding: 10px;
  text-align: center;
}
.regulation table{
  font-size: 1.2rem;
  text-align: center;
}
.regulation .kukn{
  width: 13%;
  box-sizing: border-box;
  text-align: center;
}
.regulation .kisei{
  width: 22%;
  box-sizing: border-box;
  text-align: center;
}
.regulation .jikan{
  width: 13%;
  box-sizing: border-box;
  text-align: center;
}
.regulation .img2,
.regulation .img1{
  height: 18px;
}

.regulation2{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 50px;
  margin-bottom: 50px;
}
.regulation2 > div{
  width: calc(50% - 10px);
}
.regulation2 > div a:hover {
  opacity:.7;
}


.nav{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.nav > div{
  width: calc(33% - 10px);
  margin-top: 20px;
}
.nav > div a:hover {
  opacity:.7;
}

/*スマホ*/
@media (max-width: 730px) or ((min-width: 767px) and (max-width: 1100px)) {


  :root{
    --header: 80px;
    scroll-padding: var(--header);
  }

  .partner-item {
    width: calc(33% - 8px);
    margin: 4px;
  }

  .partner-item30 {
    width: calc(50% - 8px);
    margin: 4px;
  }
  .link-box a{
    width: 50%;
  }
  /*CSSのみ変更*/
  .goods h2{
    color: #008B68;
    font-size: 1.3em;
    text-align: center;
  }
  .goods h2 span{
    font-size: 1.3rem;
    display: block;
    width: 7em;
    text-align: center;
    background-color: #008B68;
    color: #FFF;
    border-radius: 0 20px 20px 0;
    padding: 10px;
  }
  .goods h2 + p{
    text-align: center;
  }
  .goods .img{
    display: block;
    justify-content: space-between;
  }
  .goods .img > div{
    width: auto;
  }

  .enquete{
    margin-top: 50px;
    background-color: #FEEFFF;
    padding: 10px;
  }
  .enquete h2{
    font-size: 1.5em;
    text-align: center;
    color: #D9005B;
    margin-top: 0;
  }
  .enqbox{
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .enqbox > div{
    width: auto;
    border: 0;
    border-bottom: dotted 2px #D9005B;
    padding: 10px;
    box-sizing: border-box;
  }
  .enqbox > div:first-child{
    border-top: 0;
    border-left: 0;
  }
  .enqbox > div:nth-child(2){
    border-top: 0;
    border-left: 0;
    border-right:0;
  }
  .enqbox > div:nth-child(3){
    border-top: 0;
    border-left: 0;
    border-bottom:0;
  }
  .enqbox > div:last-child{
    border: 0;
  }
  .enqbox h3{
    position: relative;
    font-size: 1.2em;
    padding-left: 1.5em;
  }
  .enqbox h3 span{
    position: absolute;
    top:0;
    left: 0;
    color: #D9005B;
    border-bottom: solid 4px #D9005B;
    font-size: 1.1em;
  }
  .enqbox .kazu{
    display: block;
    text-align: center;
    width: 5em;
    background-color: #D9005B;
    color: #FFF;
  }
  .oubohouhou{
    text-align: center;
  }
  .oubohouhou h3{
    font-size: 1.6em;
  }
  .flex2{
    display: block;
    justify-content: space-between;
  }
  .flex2 div{
    width: auto;
  }
  .flex2 div:first-child{
    width: auto;
  }
  .flex2 div.img{
    text-align: center;
  }
  .oubohouhou .simekiri{
    font-size: 1.6rem;
    color: #D9005B;
  }
  .oubohouhou .simekiri strong{
    font-size: 2.5rem;
  }


  /**/
  /*CSSのみ変更*/
  .link{
    text-align: center;
    margin: 10px 0;
  }
  .link a{
    display: inline-block;
    background-color: #EB6168;
    color: #FFF;
    text-decoration: none;
    font-size: 2rem;
    padding: 10px 20px;
    border-radius: 10px;
  }
.smalllink{
  text-align: center;
  margin: 10px 0;
}
.smalllink a{
  display: inline-block;
  background-color: #EB6168;
  color: #FFF;
  text-decoration: none;
  font-size: 1.5rem;
  padding: 6px 12px;
  border-radius: 6px;
}


  .regulation{
    margin-bottom: 50px;
  }
  .regulation h2{
    margin-top: 50px;
    font-size: 3rem;
    font-family: "Noto Sans JP", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    text-align: center;
  }
  .regulation h3{
    margin-top: 50px;
    font-size: 2rem;
    font-family: "Noto Sans JP", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    text-align: center;
  }
  .regulation h3 strong{
    font-size: 4rem;
    color: #FF0000;
  }
  .regulation h4{
    font-size: 2rem;
    text-align: center;
  }
  .regulation h5{
    background-color: #dbfde1;
    font-size: 1.8rem;
    padding: 10px;
    text-align: center;
  }
  .regulation table{
    font-size: 1.2rem;
    text-align: center;
  }
  .regulation .kukn{
    width: 13%;
    box-sizing: border-box;
    text-align: center;
  }
  .regulation .kisei{
    width: 22%;
    box-sizing: border-box;
    text-align: center;
  }
  .regulation .jikan{
    width: 13%;
    box-sizing: border-box;
    text-align: center;
  }
  .regulation .img2,
  .regulation .img1{
    height: 8px;
  }

	.regulation2{
	  display: block;
	  margin-top: 50px;
	  margin-bottom: 50px;
	}
	.regulation2 > div{
	  width: 100%;
	  margin-top: 20px;
	}
	.regulation2 > div a:hover {
	  opacity:.7;
	}


  .nav{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .nav > div{
    width: calc(50% - 5px);
    margin-top: 10px;
  }


}


/*追加背景白*/
:root {
  --to-head-bg: transparent;
  --to-head-bgchange: rgba(44, 164, 222, 0.0);
}
.head-navmenu_list a {
  color: #000;
}
.head-navmenu_list > li {
  border-bottom: solid 1px #000;
}
.head-navmenu_list a:hover {
  color: #000;
}
.btn_wrap {
  color: #000;
}
.btn_wrap button {
  border: 1px solid #FF82A5;
  line-height: 1.2;
  background: transparent;
  color: #000;
}
.spmenu_switch .word {
  color: black;
}
.spmenu_switch .border {
  background-color: black;
}
.spmenu_switch:hover .border, .spmenu_switch:focus .border {
  background-color: black;
}
.spmenu_switch:hover .word, .spmenu_switch:focus .word {
  color: black;
}
@media (max-width: 730px){
	main{
		margin-top: 40px;
	}
}

#header{
  background-color: #FFF;
}

.touka {
  background-color: rgba(255, 255, 255, 0.6);
}