@charset "UTF-8";
/**
 * Add border box sizing in all browsers (opinionated).
 */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/**
 * 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. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */
html {
  cursor: default;
  /* 1 */
  line-height: 1.5;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  /* 5 */
  -webkit-text-size-adjust: 100%;
  /* 5 */
  word-break: break-word;
  /* 6 */
}

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

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

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

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge 18- and IE.
 */
hr {
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

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

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

/* Text-level semantics
 * ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
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.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

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

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

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

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

/**
 * Remove the border on images within links in IE 10-.
 */
img {
  border-style: none;
}

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

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */
/**
 * Collapse border spacing in all browsers (opinionated).
 */
table {
  border-collapse: collapse;
}

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

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */
button {
  overflow: visible;
  /* 1 */
  text-transform: none;
  /* 2 */
}

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

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */
fieldset {
  border: 1px solid #a0a0a0;
  /* 1 */
  padding: 0.35em 0.75em 0.625em;
  /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */
input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */
textarea {
  margin: 0;
  /* 1 */
  overflow: auto;
  /* 2 */
  resize: vertical;
  /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */
[type='checkbox'],
[type='radio'] {
  padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
  -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 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge 18- and IE.
 */
details {
  display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  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;
}

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

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* User interaction
 * ========================================================================== */
/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  /* 1 */
  touch-action: manipulation;
  /* 2 */
}

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

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

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

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

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

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

@font-face {
  font-family: 'noto-sans-jp';
  src: url("../fonts/NotoSansJP-Regular.woff") format("woff");
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'noto-sans-jp';
  src: url("../fonts/NotoSansJP-Bold.woff") format("woff");
  font-weight: bold;
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  font-size: 13px;
  color: #333333;
}

div,
span,
p,
a,
li,
th,
td {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

body {
  background-color: #ffffff;
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

ul {
  list-style-type: none;
  margin-left: auto;
  margin-right: auto;
}

li {
  color: inherit;
  letter-spacing: inherit;
  font-size: inherit;
}

img {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
}

video {
  margin-left: auto;
  margin-right: auto;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}

p {
  letter-spacing: 0.7em;
  line-height: 1.6em;
}

div {
  letter-spacing: 0.7em;
}

span {
  display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: bold;
  color: inherit;
  margin-left: auto;
  margin-right: auto;
}

section,
article,
aside {
  background-color: #ffffff;
}

.toggle {
  display: none;
}

.toggle-label {
  cursor: pointer;
  margin-right: 7px;
  padding: 2px 3px 2px 3px;
  display: block;
  width: 45px;
  height: 46px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.toggle-label:hover {
  opacity: 0.85;
}

.toggle-label:active {
  -webkit-tap-highlight-color: transparent;
}

.toggle-label .toggle-icon,
.toggle-label .toggle-icon:before,
.toggle-label .toggle-icon:after {
  position: relative;
  display: block;
  height: 3px;
  width: 35px;
  background: #e6d072;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.toggle-label .toggle-text {
  position: relative;
  display: block;
  top: calc(100% - 15px);
  height: 5px;
  color: #e6d072;
  font-weight: bold;
  text-align: center;
  margin-top: 3px;
}

.toggle-label .toggle-text:before {
  position: absolute;
  width: 100%;
  left: 0;
  content: "MENU";
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  font-size: 10px;
  visibility: visible;
  opacity: 1;
  letter-spacing: 0.1em;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

.toggle-label .toggle-text:after {
  position: absolute;
  width: 100%;
  left: 0;
  content: "CLOSE";
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  font-size: 10px;
  visibility: hidden;
  opacity: 0;
  letter-spacing: 0.1em;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

.toggle-label .toggle-icon {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -5px, 0);
          transform: translate3d(-50%, -5px, 0);
}

.toggle-label .toggle-icon:before {
  content: '';
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}

.toggle-label .toggle-icon:after {
  content: '';
  -webkit-transform: translate3d(0, 7px, 0);
          transform: translate3d(0, 7px, 0);
}

.toggle:checked ~ .toggle-label .toggle-icon {
  background-color: transparent;
}

.toggle:checked ~ .toggle-label .toggle-icon:before,
.toggle:checked ~ .toggle-label .toggle-icon:after {
  top: 0;
}

.toggle:checked ~ .toggle-label .toggle-icon:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.toggle:checked ~ .toggle-label .toggle-icon:after {
  -webkit-transform: translateY(-3.5px) rotate(-45deg);
          transform: translateY(-3.5px) rotate(-45deg);
}

.toggle:checked ~ .toggle-label .toggle-text:before {
  visibility: hidden;
  opacity: 0;
}

.toggle:checked ~ .toggle-label .toggle-text:after {
  visibility: visible;
  opacity: 1;
}

div.headerDiv {
  display: none;
  height: 79px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

header {
  margin-bottom: 0px;
  height: 79px;
  width: 100%;
  position: relative;
  z-index: 999999;
  background-color: #ffffff;
}

@media screen and (min-width: 1024px) {
  header {
    padding-top: 3px;
    margin-bottom: 10px;
    width: inherit;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media screen and (min-width: 1024px) {
  header .wrap {
    display: block;
    width: 100vw;
  }
}

header div.contents {
  height: inherit;
  width: 98%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1024px) {
  header div.contents {
    width: 1024px;
  }
}

@media screen and (min-width: 1400px) {
  header div.contents {
    width: 1350px;
  }
}

@media screen and (min-width: 1650px) {
  header div.contents {
    width: 1620px;
  }
}

header div.logoX {
  padding-top: 0;
}

header .logo {
  padding-left: 2px;
  margin-top: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media screen and (min-width: 1024px) {
  header .logo {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-top: 1px;
  }
}

header .logo:hover {
  opacity: 0.6;
}

@media screen and (min-width: 1024px) {
  header .logo:hover {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    text-transform: capitalize;
  }
}

header .logo div.imgLogo {
  -webkit-transform: translate(2px, 0px);
          transform: translate(2px, 0px);
  width: 43px;
  height: 43px;
  background-size: 43px 43px;
  background-image: url("../images/svg/logo.svg");
}

@media screen and (min-width: 1024px) {
  header .logo div.imgLogo {
    width: 61px;
    height: 61px;
    background-size: 61px 61px;
    -webkit-transform: translate(10px, -2px);
            transform: translate(10px, -2px);
  }
}

@media screen and (min-width: 1650px) {
  header .logo div.imgLogo {
    width: 75px;
    height: 75px;
    background-size: 75px 75px;
    -webkit-transform: translate(6px, 0px);
            transform: translate(6px, 0px);
  }
}

header .logo div.str {
  padding-left: 7px;
  -webkit-transform: translate(5px, 3px);
          transform: translate(5px, 3px);
}

@media screen and (min-width: 1024px) {
  header .logo div.str {
    padding-left: 10px;
  }
}

header .logo div.str .str1 {
  font-size: 15px;
  letter-spacing: 0.02em;
  font-weight: bold;
  color: #e6d072;
  margin-top: 0px;
  margin-left: -6px;
  -webkit-transform: translate(6px, 0px);
          transform: translate(6px, 0px);
}

@media screen and (min-width: 600px) and (max-width: 800px) {
  header .logo div.str .str1 {
    font-size: 15px;
    letter-spacing: 0.1em;
    margin-top: 0px;
    margin-left: 8px;
  }
}

@media screen and (min-width: 1024px) {
  header .logo div.str .str1 {
    font-size: 20px;
    letter-spacing: 0.1em;
    margin-top: 0px;
    margin-left: 8px;
  }
}

@media screen and (min-width: 1400px) {
  header .logo div.str .str1 {
    font-size: 28px;
    letter-spacing: 0.1em;
    margin-top: -4px;
    margin-left: 8px;
  }
}

@media screen and (min-width: 1650px) {
  header .logo div.str .str1 {
    font-size: 32px;
    margin-top: 2px;
    margin-left: 8px;
    -webkit-transform: translate(6px, 1px);
            transform: translate(6px, 1px);
  }
}

header .logo div.str .str2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

header .logo div.str .str2 p {
  font-size: 10px;
  color: #888888;
  letter-spacing: 0.03em;
  padding: 2px 6px;
}

@media screen and (min-width: 1400px) {
  header .logo div.str .str2 p {
    font-size: 12px;
    padding: 1px 15px;
  }
}

@media screen and (min-width: 1650px) {
  header .logo div.str .str2 p {
    font-size: 15px;
    padding: 1px 15px;
  }
}

header .logo div.str .str2 p:nth-of-type(1) {
  border: 1px solid rgba(230, 208, 114, 0.5);
  background-color: rgba(230, 208, 114, 0.5);
}

header .logo div.str .str2 p:nth-of-type(2) {
  color: #888888;
  border: 1px solid rgba(230, 208, 114, 0.7);
  border-left: none;
}

@media screen and (min-width: 1024px) {
  header .logo div.str .str2 {
    font-size: 13px;
    letter-spacing: 0.1em;
    margin-top: 2px;
    margin-left: 10px;
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
}

@media screen and (min-width: 1650px) {
  header .logo div.str .str2 {
    font-size: 21px;
    letter-spacing: 0.25em;
    margin-top: 1px;
    -webkit-transform: translate(0px, 2px);
            transform: translate(0px, 2px);
  }
}

header div.menu {
  margin-right: 10px;
  margin-top: 3px;
}

@media screen and (min-width: 1400px) {
  header div.menu {
    margin-top: 0px;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
}

@media screen and (min-width: 1650px) {
  header div.menu {
    margin-top: 0px;
    -webkit-transform: translateX(35px);
            transform: translateX(35px);
  }
}

header div.menu p {
  font-size: 10px;
  letter-spacing: 0.03em;
  color: #777777;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}

@media screen and (min-width: 700px) and (max-width: 850px) {
  header div.menu p {
    color: #555555;
    font-size: 9px;
    letter-spacing: 0.01em;
    text-align: center;
  }
}

@media screen and (min-width: 1024px) {
  header div.menu p {
    color: #555555;
    font-size: 12px;
    text-align: center;
  }
}

@media screen and (min-width: 1400px) {
  header div.menu p {
    color: #555555;
    font-size: 14px;
  }
}

@media screen and (min-width: 1650px) {
  header div.menu p {
    color: #555555;
    font-size: 18px;
  }
}

header div.menu div.btn {
  margin-top: 2px;
  font-weight: bold;
  font-size: 10px;
  letter-spacing: 0.1em;
  background-color: #e6d072;
  color: white;
  border-radius: 14px;
  padding: 6px 10px;
  text-align: center;
}

@media screen and (min-width: 700px) and (max-width: 850px) {
  header div.menu div.btn {
    font-size: 9px;
    border-radius: 10px;
    padding: 6px 10px;
  }
}

@media screen and (min-width: 1024px) {
  header div.menu div.btn {
    font-size: 13px;
    border-radius: 19px;
    padding: 6px 32px;
    margin-top: 1px;
  }
}

@media screen and (min-width: 1400px) {
  header div.menu div.btn {
    font-size: 16px;
    border-radius: 19px;
    padding: 6px 42px;
    margin-top: -1px;
  }
}

@media screen and (min-width: 1650px) {
  header div.menu div.btn {
    font-size: 20px;
    border-radius: 19px;
    padding: 6px 42px;
    margin-top: -2px;
  }
}

header ul {
  display: none;
  height: inherit;
  margin-top: 2px;
  margin-left: 2px;
  padding-top: 3px;
}

@media screen and (min-width: 660px) {
  header ul {
    display: none;
    width: 260px;
    -webkit-box-flex: 10;
    -webkit-flex-grow: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
}

@media screen and (min-width: 700px) {
  header ul {
    display: none;
    width: 320px;
    -webkit-box-flex: 10;
    -webkit-flex-grow: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
}

@media screen and (min-width: 1024px) {
  header ul {
    display: none;
    width: 320px;
    -webkit-box-flex: 10;
    -webkit-flex-grow: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
}

@media screen and (min-width: 1400px) {
  header ul {
    display: none;
    width: 650px;
    -webkit-box-flex: initial;
    -webkit-flex-grow: initial;
        -ms-flex-positive: initial;
            flex-grow: initial;
  }
}

@media screen and (min-width: 1650px) {
  header ul {
    width: 700px;
    display: none;
    -webkit-box-flex: 10;
    -webkit-flex-grow: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
    width: initial;
  }
}

header ul li {
  font-size: 13px;
  color: #aaaaaa;
  font-weight: bold;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 600px) {
  header ul li {
    letter-spacing: 0.01em;
    font-size: 8px;
    color: #999999;
  }
}

@media screen and (min-width: 700px) {
  header ul li {
    letter-spacing: 0.01em;
    font-size: 10px;
    color: #999999;
  }
}

@media screen and (min-width: 800px) {
  header ul li {
    letter-spacing: 0.01em;
    font-size: 12px;
    color: #999999;
  }
}

@media screen and (min-width: 1024px) {
  header ul li {
    letter-spacing: 0.07em;
    font-size: 13px;
    color: #999999;
  }
}

@media screen and (min-width: 1400px) {
  header ul li {
    font-size: 17px;
  }
}

@media screen and (min-width: 1650px) {
  header ul li {
    letter-spacing: 0.1em;
    font-size: 20px;
    color: #999999;
  }
}

header ul li.str {
  letter-spacing: 0.25em;
}

header ul li:hover {
  opacity: 0.6;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  text-transform: capitalize;
}

header ul li div.contact {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
  background: -webkit-gradient(linear, left bottom, right top, color-stop(60%, #e6d072), color-stop(85%, rgba(230, 208, 114, 0.6)));
  background: -webkit-linear-gradient(left bottom, #e6d072 60%, rgba(230, 208, 114, 0.6) 85%);
  background: linear-gradient(to right top, #e6d072 60%, rgba(230, 208, 114, 0.6) 85%);
  color: #ffffff;
  padding: 12px 13px;
  padding-right: 11px;
  margin-top: -5px;
  border-radius: 20px;
}

@media screen and (min-width: 1650px) {
  header ul li div.contact {
    border-radius: 25px;
  }
}

header ul li div.contact:hover {
  opacity: 0.7;
}

@media screen and (min-width: 1024px) {
  header ul li div.contact:hover {
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    text-transform: capitalize;
  }
}

header ul li div.contact div.c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  width: 135px;
}

@media screen and (min-width: 1650px) {
  header ul li div.contact div.c2 {
    width: 171px;
  }
}

header ul li div.contact span {
  display: block;
}

header ul li div.contact span.strContact {
  font-size: 15px;
  letter-spacing: 0.15em;
}

@media screen and (min-width: 1024px) {
  header ul li div.contact span.strContact {
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.1em;
  }
}

@media screen and (min-width: 1650px) {
  header ul li div.contact span.strContact {
    font-size: 18px;
    letter-spacing: 0.15em;
    padding-top: 3px;
    padding-bottom: 3px;
  }
}

header ul li div.contact span.imgContact {
  width: 22px;
  height: 22px;
  background-size: 22px 22px;
  background-image: url("../images/svg/A4__tel_white.svg");
  margin-top: 0px;
  margin-right: 5px;
}

header div.PCMenu {
  display: block;
  margin-bottom: -2px;
  margin-top: -2px;
  margin-left: -4px;
}

@media screen and (min-width: 1024px) {
  header div.PCMenu {
    margin-left: 0px;
    margin-top: -6px;
  }
}

header div.PCMenu ul.navMenu {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  position: relative;
}

header div.PCMenu ul.navSub {
  width: 100%;
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin-top: -1px;
}

header div.PCMenu ul.navSub li {
  border-left: 2px solid white;
  border-right: 2px solid white;
  border-bottom: 1px solid #f2f2e1;
}

header div.PCMenu ul li {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
      -ms-flex: 3;
          flex: 3;
  text-align: center;
  border-left: 1px solid white;
  position: relative;
}

@media screen and (max-width: 500px) {
  header div.PCMenu ul li.home {
    width: 57px;
    -webkit-box-flex: initial;
    -webkit-flex: initial;
        -ms-flex: initial;
            flex: initial;
  }
}

@media screen and (min-width: 1024px) {
  header div.PCMenu ul li {
    border-left: 2px solid white;
  }
}

@media screen and (max-width: 1023px) {
  header div.PCMenu ul li.first {
    border-left: initial;
    margin-left: initial;
  }
}

header div.PCMenu ul li.noneli {
  display: none;
}

@media screen and (min-width: 1024px) {
  header div.PCMenu ul li.noneli {
    display: block;
  }
}

header div.PCMenu ul li:hover ul.navSub {
  z-index: 100;
  opacity: 1;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  text-transform: capitalize;
}

header div.PCMenu ul li a {
  color: inherit;
  text-decoration: none;
  font-size: 8px;
  letter-spacing: 0.01em;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  background-color: #f1d34a;
  color: white;
  display: block;
  font-weight: bold;
}

@media screen and (min-width: 650px) {
  header div.PCMenu ul li a {
    font-family: "noto-sans-jp", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "Yu Gothic", "Helvetica Neue", "Helvetica", "ＭＳ Ｐゴシック", "MS PGothic", "Arial", sans-serif;
    background-color: #f1d34a;
    color: white;
  }
}

@media screen and (min-width: 1024px) {
  header div.PCMenu ul li a {
    letter-spacing: 0.05em;
    font-family: "noto-sans-jp", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "Yu Gothic", "Helvetica Neue", "Helvetica", "ＭＳ Ｐゴシック", "MS PGothic", "Arial", sans-serif;
    padding-top: 10px;
    padding-bottom: 12px;
    background-color: #f1d34a;
    color: white;
  }
}

header div.PCMenu ul li a.none {
  background-color: rgba(241, 211, 74, 0.7);
}

header div.PCMenu ul li a.none:hover {
  background-color: rgba(241, 211, 74, 0.7);
  color: white;
  text-decoration: none;
}

@media screen and (min-width: 1024px) {
  header div.PCMenu ul li a {
    font-size: 14px;
    letter-spacing: 0.25em;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 1400px) {
  header div.PCMenu ul li a {
    font-size: 17px;
    letter-spacing: 0.2em;
  }
}

@media screen and (min-width: 1650px) {
  header div.PCMenu ul li a {
    font-size: 19px;
    letter-spacing: 0.2em;
    padding-top: 17px;
    padding-bottom: 17px;
  }
}

@media screen and (min-width: 1024px) {
  header div.PCMenu ul li a:hover {
    background-color: rgba(230, 208, 114, 0.9);
    text-decoration: underline;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    text-transform: capitalize;
  }
}

header div.PCMenu ul li a.first {
  margin-left: initial;
  background-color: rgba(230, 208, 114, 0.85);
}

@media screen and (min-width: 1024px) {
  header div.PCMenu ul li a.first {
    margin-left: initial;
  }
}

@media screen and (min-width: 1024px) {
  header div.PCMenu ul li a.first:hover {
    background-color: rgba(230, 208, 114, 0.55);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    text-transform: capitalize;
  }
}

.headerIn {
  -webkit-animation: fadeInHeader 0.5s ease-out forwards;
          animation: fadeInHeader 0.5s ease-out forwards;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.headerOut {
  -webkit-animation: fadeOutHeader 0.5s ease-out forwards;
          animation: fadeOutHeader 0.5s ease-out forwards;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

@-webkit-keyframes fadeInHeader {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInHeader {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOutHeader {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOutHeader {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

nav#content-nav {
  display: block;
  width: 100%;
  height: 530px;
  position: absolute;
  top: 48px;
  z-index: -10;
}

@media screen and (min-width: 1024px) {
  nav#content-nav {
    display: none;
  }
}

nav#content-nav ul {
  display: none;
  height: 530px;
  padding-top: 20px;
  padding-bottom: 45px;
  background-color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0.1em;
  color: #333333;
  border-radius: 0 0 10px 10px;
  position: relative;
}

nav#content-nav ul img.fig {
  position: absolute;
  top: 16px;
  right: 18px;
  width: 57px;
}

nav#content-nav ul img.fig2 {
  top: initial;
  right: initial;
  bottom: 10px;
  left: 0px;
  width: 32px;
}

nav#content-nav ul img.fig3 {
  right: initial;
  bottom: initial;
  top: 10px;
  left: 0px;
  width: 32px;
}

nav#content-nav ul li {
  padding: 12px 0px 15px 55px;
  vertical-align: middle;
  position: relative;
}

nav#content-nav ul li.space {
  margin-bottom: 28px;
}

nav#content-nav ul li div.flexM {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  position: absolute;
  width: 330px;
  margin-top: 9px;
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

nav#content-nav ul li div.flexM div.item {
  width: 110px;
}

nav#content-nav ul li div.flexM div.item:nth-of-type(1) {
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
}

nav#content-nav ul li div.flexM div.item:nth-of-type(2) {
  -webkit-transform: translateX(-15px);
          transform: translateX(-15px);
}

nav#content-nav ul li div.flexM div.item:nth-of-type(3) {
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
}

nav#content-nav ul li div.flexM span.hoge {
  display: inline-block;
  width: 7px;
  padding-top: 3px;
  padding-bottom: 3px;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
  background-image: initial;
  font-size: 14px;
  color: #e6d072;
  font-weight: bold;
}

nav#content-nav ul li div.flexM p {
  font-size: 11px;
  display: inline-block;
  letter-spacing: 0.15em;
  color: #e6d072;
  font-weight: bold;
  -webkit-transform: translateX(-7px);
          transform: translateX(-7px);
}

nav#content-nav ul li span {
  display: inline-block;
}

nav#content-nav ul li span:nth-of-type(1) {
  padding-left: 15px;
  width: 16px;
  height: 15px;
  background-image: url("../images/svg/arrow3.svg");
  background-size: contain;
  opacity: 0.65;
  -webkit-transform: translateX(-3px);
          transform: translateX(-3px);
}

nav#content-nav ul li span:nth-of-type(2) {
  padding-left: 5px;
  font-size: 13px;
  font-weight: bold;
  width: 150px;
  color: #e6d072;
}

nav#content-nav ul li span:nth-of-type(3):after {
  display: inline-block;
  position: relative;
  left: -40px;
  content: '';
  padding-left: 0px;
  color: #999999;
  font-size: 11px;
  width: 150px;
  letter-spacing: 0.05em;
  -webkit-transform: translateX(-15px);
          transform: translateX(-15px);
}

nav#content-nav ul li:nth-of-type(1) span:nth-of-type(3)::after {
  content: '・・・・・・　Home';
}

nav#content-nav ul li:nth-of-type(2) span:nth-of-type(3)::after {
  content: '・・・・・・　Kagayaki';
}

nav#content-nav ul li:nth-of-type(3) span:nth-of-type(3)::after {
  content: '・・・・・・　Greeting';
}

nav#content-nav ul li:nth-of-type(4) span:nth-of-type(3)::after {
  content: '・・・・・・　Entry';
}

nav#content-nav ul li:nth-of-type(5) span:nth-of-type(3)::after {
  content: '・・・・・・　Recruit';
}

nav#content-nav ul li:nth-of-type(6) span:nth-of-type(3)::after {
  content: '・・・・・・　Document';
}

nav#content-nav ul li:nth-of-type(7) span:nth-of-type(3)::after {
  content: '・・・・・・　Access';
}

nav#content-nav ul li:nth-of-type(8) span:nth-of-type(3)::after {
  content: '・・・・・・　Contact';
}

nav#content-nav ul li:nth-of-type(9) {
  width: 350px;
}

nav#content-nav ul li div.logoTitle {
  position: relative;
  padding-left: 0px;
  left: -5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  width: 310px;
}

nav#content-nav ul li div.logoTitle div.img {
  position: relative;
  left: -20px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-image: url("../images/logo.webp");
  opacity: 0.9;
  -webkit-transform: translate(0px, -4px);
          transform: translate(0px, -4px);
}

nav#content-nav ul li div.logoTitle div.title {
  opacity: 1;
  position: relative;
  font-weight: bold;
  font-size: 17px;
  letter-spacing: 0.15em;
  color: #e6d072;
  margin-left: -10px;
  left: -18px;
}

nav#content-nav ul li div.logoTitle div.title p {
  position: relative;
  left: 2px;
  margin-top: 5px;
  font-size: 12px;
  letter-spacing: 0.14em;
  color: #e6d072;
}

.fadein {
  -webkit-animation: fadein 0.5s ease-out;
          animation: fadein 0.5s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.fadeout {
  -webkit-animation: fadeout 0.5s ease-out;
          animation: fadeout 0.5s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.navIn {
  z-index: 999 !important;
}

.navOut {
  z-index: -10 !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  text-transform: capitalize;
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }
  50% {
    display: none;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

@keyframes fadeout {
  0% {
    opacity: 1;
  }
  50% {
    display: none;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

footer {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #ffffff;
  padding: 8px 0px;
  padding-top: 10px;
  background-color: #e6d072;
}

@media screen and (min-width: 1024px) {
  footer {
    margin-bottom: 0px;
    position: relative;
    padding: 5px 0px;
  }
}

@media screen and (min-width: 1650px) {
  footer {
    margin-top: 0px;
  }
}

@media screen and (min-width: 1024px) {
  footer div.flexWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1649px) {
  footer div.flexWrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (min-width: 1024px) {
  footer div.flexWrap div.flexFooter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    height: 150px;
    margin-top: 25px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1649px) {
  footer div.flexWrap div.flexFooter {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (min-width: 1650px) {
  footer div.flexWrap {
    width: 1700px;
  }
}

footer div.logoFooter {
  padding-left: 2px;
  padding-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 330px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1024px) {
  footer div.logoFooter {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-top: 20px;
    width: 650px;
    -webkit-transform: translate(90px, 10px);
            transform: translate(90px, 10px);
  }
}

@media screen and (min-width: 1400px) {
  footer div.logoFooter {
    -webkit-transform: translate(70px, 10px);
            transform: translate(70px, 10px);
  }
}

@media screen and (min-width: 1650px) {
  footer div.logoFooter {
    width: 800px;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}

footer div.logoFooter:hover {
  opacity: 0.6;
}

@media screen and (min-width: 1024px) {
  footer div.logoFooter:hover {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    text-transform: capitalize;
  }
}

footer div.logoFooter div.imgLogo {
  -webkit-transform: translate(3px, -2px);
          transform: translate(3px, -2px);
  width: 46px;
  height: 46px;
  background-size: 46px 46px;
  background-image: url("../images/svg/logoWhite.svg");
}

@media screen and (min-width: 1024px) {
  footer div.logoFooter div.imgLogo {
    width: 70px;
    height: 70px;
    background-size: 70px 70px;
    -webkit-transform: translate(0px, -2px);
            transform: translate(0px, -2px);
  }
}

@media screen and (min-width: 1400px) {
  footer div.logoFooter div.imgLogo {
    width: 90px;
    height: 90px;
    background-size: 90px 90px;
    -webkit-transform: translate(-5px, -2px);
            transform: translate(-5px, -2px);
  }
}

@media screen and (min-width: 1650px) {
  footer div.logoFooter div.imgLogo {
    width: 115px;
    height: 115px;
    background-size: 115px 115px;
    -webkit-transform: translate(-15px, -2px);
            transform: translate(-15px, -2px);
  }
}

footer div.logoFooter div.str {
  padding-left: 7px;
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
}

@media screen and (min-width: 1024px) {
  footer div.logoFooter div.str {
    padding-left: 10px;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

footer div.logoFooter div.str .str1 {
  font-size: 19px;
  letter-spacing: 0.15em;
  font-weight: bold;
  color: #ffffff;
  margin-top: 0px;
  margin-left: -6px;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}

@media screen and (min-width: 1024px) {
  footer div.logoFooter div.str .str1 {
    font-size: 28px;
    letter-spacing: 0.1em;
    margin-top: -2px;
    margin-left: 8px;
  }
}

@media screen and (min-width: 1400px) {
  footer div.logoFooter div.str .str1 {
    font-size: 35px;
    margin-top: -0px;
    margin-left: 6px;
  }
}

@media screen and (min-width: 1650px) {
  footer div.logoFooter div.str .str1 {
    font-size: 46px;
    margin-top: -4px;
    margin-left: 8px;
  }
}

footer div.logoFooter div.str .str2 {
  font-size: 12px;
  letter-spacing: 0.2em;
  font-weight: bold;
  color: #ffffff;
  margin-top: -1px;
  margin-left: -3px;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}

@media screen and (min-width: 1024px) {
  footer div.logoFooter div.str .str2 {
    font-size: 19px;
    letter-spacing: 0.1em;
    margin-top: 2px;
    margin-left: 10px;
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
}

@media screen and (min-width: 1400px) {
  footer div.logoFooter div.str .str2 {
    font-size: 25px;
    letter-spacing: 0.25em;
    margin-top: 1px;
    -webkit-transform: translate(0px, 2px);
            transform: translate(0px, 2px);
  }
}

@media screen and (min-width: 1650px) {
  footer div.logoFooter div.str .str2 {
    font-size: 33px;
    letter-spacing: 0.25em;
    margin-top: 1px;
    -webkit-transform: translate(0px, 2px);
            transform: translate(0px, 2px);
  }
}

footer p.map {
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: 0.2em;
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 53px;
  position: relative;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}

@media screen and (min-width: 1024px) {
  footer p.map {
    width: 250px;
    font-size: 10px;
  }
}

@media screen and (min-width: 1400px) {
  footer p.map {
    width: 340px;
    font-size: 15px;
  }
}

@media screen and (min-width: 1650px) {
  footer p.map {
    width: 450px;
    font-size: 20px;
    padding-left: 20px;
  }
}

footer p.map:after {
  content: '';
  display: block;
  position: absolute;
  width: 23px;
  height: 33px;
  background-image: url("../images/svg/map_white.svg");
  background-size: cover;
  top: 3px;
  left: 24px;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
}

@media screen and (min-width: 1024px) {
  footer p.map:after {
    top: -2px;
    left: 24px;
  }
}

@media screen and (min-width: 1400px) {
  footer p.map:after {
    width: 32.2px;
    height: 46.2px;
    -webkit-transform: translateX(-15px);
            transform: translateX(-15px);
  }
}

@media screen and (min-width: 1650px) {
  footer p.map:after {
    width: 41.4px;
    height: 59.4px;
    -webkit-transform: translateX(-60px);
            transform: translateX(-60px);
  }
}

footer div.tel {
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: 0.25em;
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 53px;
  position: relative;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}

@media screen and (min-width: 1024px) {
  footer div.tel {
    font-size: 9px;
    width: 100%;
  }
}

@media screen and (min-width: 1400px) {
  footer div.tel {
    font-size: 12px;
    width: 320px;
  }
}

@media screen and (min-width: 1650px) {
  footer div.tel {
    font-size: 12px;
    width: 450px;
  }
}

footer div.tel:after {
  content: '';
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  background-image: url("../images/svg/schedule.svg");
  background-size: cover;
  top: 17px;
  left: 24px;
  -webkit-transform: translate(-11px, -6px);
          transform: translate(-11px, -6px);
}

@media screen and (min-width: 1024px) {
  footer div.tel:after {
    -webkit-transform: translate(-11px, -19px);
            transform: translate(-11px, -19px);
  }
}

@media screen and (min-width: 1650px) {
  footer div.tel:after {
    width: 64px;
    height: 64px;
    -webkit-transform: translate(-45px, -16px);
            transform: translate(-45px, -16px);
  }
}

footer div.tel p {
  letter-spacing: 0.2em;
  font-size: 13px;
  padding-left: 5px;
}

@media screen and (min-width: 1024px) {
  footer div.tel p {
    font-size: 11px;
  }
}

@media screen and (min-width: 1400px) {
  footer div.tel p {
    font-size: 15px;
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}

@media screen and (min-width: 1650px) {
  footer div.tel p {
    font-size: 20px;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

footer div.tel p.s2 {
  font-size: 17px;
  margin-top: 2px;
  margin-bottom: 1px;
  padding-left: 30px;
}

@media screen and (min-width: 1024px) {
  footer div.tel p.s2 {
    font-size: 15px;
  }
}

@media screen and (min-width: 1650px) {
  footer div.tel p.s2 {
    font-size: 20px;
  }
}

footer div.tel p.s3 {
  font-size: 10px;
}

@media screen and (min-width: 1650px) {
  footer div.tel p.s3 {
    font-size: 18px;
  }
}

footer div.tel div.btn {
  width: 115px;
  padding: 1px 5px;
  padding-top: 4px;
  padding-bottom: 10px;
  background-color: #69594e;
  color: white;
  border-radius: 20px;
  -webkit-transform: translate(30px, 0px);
          transform: translate(30px, 0px);
}

@media screen and (min-width: 1024px) {
  footer div.tel div.btn {
    -webkit-transform: translate(30px, 5px);
            transform: translate(30px, 5px);
  }
}

@media screen and (min-width: 1400px) {
  footer div.tel div.btn {
    width: 150px;
    border-radius: 40px;
  }
}

@media screen and (min-width: 1650px) {
  footer div.tel div.btn {
    width: 220px;
    border-radius: 40px;
    padding-top: 10px;
    padding-bottom: 16px;
    -webkit-transform: translate(30px, 10px);
            transform: translate(30px, 10px);
    background-color: #69594e;
    color: #f2f2e1;
    border: 1px solid rgba(105, 89, 78, 0.1);
  }
}

footer div.tel div.btn p {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 10px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}

@media screen and (min-width: 1400px) {
  footer div.tel div.btn p {
    font-size: 14px;
  }
}

@media screen and (min-width: 1650px) {
  footer div.tel div.btn p {
    font-size: 17px;
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}

footer div.mail {
  margin-top: 8px;
  font-size: 12px;
  letter-spacing: 0.25em;
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 53px;
  position: relative;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}

@media screen and (min-width: 1024px) {
  footer div.mail {
    width: 100%;
    font-size: 16px;
  }
}

@media screen and (min-width: 1400px) {
  footer div.mail {
    width: 320px;
    font-size: 20px;
  }
}

@media screen and (min-width: 1650px) {
  footer div.mail {
    width: 450px;
    font-size: 20px;
  }
}

footer div.mail:after {
  content: '';
  display: block;
  position: absolute;
  width: 34px;
  height: 34px;
  background-image: url("../images/svg/mail_white2.svg");
  background-size: cover;
  top: 12px;
  left: 26px;
  -webkit-transform: translateX(-11px);
          transform: translateX(-11px);
}

@media screen and (min-width: 1400px) {
  footer div.mail:after {
    width: 44.2px;
    height: 44.2px;
    -webkit-transform: translate(-23px, -6px);
            transform: translate(-23px, -6px);
  }
}

@media screen and (min-width: 1650px) {
  footer div.mail:after {
    width: 61.2px;
    height: 61.2px;
    -webkit-transform: translateX(-45px);
            transform: translateX(-45px);
  }
}

footer div.mail p {
  letter-spacing: 0.2em;
  font-size: 13px;
  padding-left: 5px;
}

@media screen and (min-width: 1400px) {
  footer div.mail p {
    font-size: 16px;
  }
}

@media screen and (min-width: 1650px) {
  footer div.mail p {
    font-size: 20px;
  }
}

footer div.mail p.s2 {
  font-size: 15px;
  margin-top: 2px;
  margin-bottom: 1px;
}

@media screen and (min-width: 1650px) {
  footer div.mail p.s2 {
    font-size: 20px;
  }
}

footer div.mail p.s3 {
  font-size: 10px;
}

@media screen and (min-width: 1650px) {
  footer div.mail p.s3 {
    font-size: 20px;
  }
}

footer div.mail div.btn {
  width: 115px;
  padding: 1px 5px;
  padding-top: 4px;
  padding-bottom: 10px;
  background-color: #69594e;
  color: white;
  border-radius: 20px;
  -webkit-transform: translate(30px, 5px);
          transform: translate(30px, 5px);
}

@media screen and (min-width: 1024px) {
  footer div.mail div.btn {
    -webkit-transform: translate(30px, 10px);
            transform: translate(30px, 10px);
  }
}

@media screen and (min-width: 1400px) {
  footer div.mail div.btn {
    width: 150px;
    border-radius: 40px;
    -webkit-transform: translate(30px, 5px);
            transform: translate(30px, 5px);
  }
}

@media screen and (min-width: 1650px) {
  footer div.mail div.btn {
    width: 220px;
    border-radius: 40px;
    padding-top: 10px;
    padding-bottom: 16px;
    -webkit-transform: translate(30px, 15px);
            transform: translate(30px, 15px);
    background-color: #69594e;
    color: #f2f2e1;
    border: 1px solid rgba(105, 89, 78, 0.1);
  }
}

footer div.mail div.btn p {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 10px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}

@media screen and (min-width: 1400px) {
  footer div.mail div.btn p {
    font-size: 15px;
  }
}

@media screen and (min-width: 1650px) {
  footer div.mail div.btn p {
    font-size: 17px;
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}

footer div.space {
  margin-top: 15px;
}

footer div.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 40px;
  width: 300px;
}

@media screen and (min-width: 1024px) {
  footer div.flex {
    width: 270px;
  }
}

@media screen and (min-width: 1400px) {
  footer div.flex {
    width: 375px;
  }
}

@media screen and (min-width: 1650px) {
  footer div.flex {
    width: 400px;
    padding-left: 0px;
    margin-left: -40px;
  }
}

footer div.flex p {
  font-size: 13px;
  letter-spacing: 0.1em;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 8px;
  font-weight: bold;
  position: relative;
}

@media screen and (min-width: 1400px) {
  footer div.flex p {
    font-size: 16px;
    font-weight: normal;
  }
}

@media screen and (min-width: 1650px) {
  footer div.flex p {
    font-size: 18px;
    font-weight: normal;
  }
}

footer div.flex p span {
  width: 8px;
  height: 8px;
  background-size: cover;
  background-image: url("../images/svg/arrow2.svg");
  position: absolute;
  z-index: 1;
  left: -14px;
  top: 13px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (min-width: 1400px) {
  footer div.flex p span {
    width: 11.2px;
    height: 11.2px;
    left: -17px;
    top: 15px;
  }
}

@media screen and (min-width: 1650px) {
  footer div.flex p span {
    width: 16px;
    height: 16px;
    left: -24px;
    top: 15px;
  }
}

footer p.final {
  margin-top: 13px;
  text-align: center;
  font-size: 10px;
  letter-spacing: 0.2em;
}

@media screen and (min-width: 1024px) {
  footer p.final {
    font-size: 15px;
    padding-bottom: 10px;
    margin-top: -40px;
  }
}

@media screen and (min-width: 1400px) {
  footer p.final {
    font-size: 20px;
    padding-bottom: 10px;
    margin-top: -20px;
  }
}

@media screen and (min-width: 1650px) {
  footer p.final {
    font-size: 20px;
    padding-bottom: 10px;
    margin-top: 20px;
  }
}

div#footerBar {
  width: 100%;
  position: fixed;
  bottom: 0px;
  z-index: 999999;
}

div#footerBar div.PCMenu {
  display: block;
  margin-bottom: -2px;
}

@media screen and (min-width: 1024px) {
  div#footerBar div.PCMenu {
    display: block;
  }
}

div#footerBar div.PCMenu ul.navMenu {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  position: relative;
}

div#footerBar div.PCMenu ul.navSub {
  width: 100%;
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin-top: -1px;
}

div#footerBar div.PCMenu ul.navSub li {
  border-left: 2px solid white;
  border-right: 2px solid white;
  border-bottom: 1px solid #f2f2e1;
}

div#footerBar div.PCMenu ul li {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
      -ms-flex: 3;
          flex: 3;
  text-align: center;
  border-left: 1px solid white;
  position: relative;
}

@media screen and (min-width: 1024px) {
  div#footerBar div.PCMenu ul li {
    border-left: 2px solid white;
  }
}

@media screen and (max-width: 1023px) {
  div#footerBar div.PCMenu ul li.first {
    border-left: initial;
    margin-left: initial;
  }
}

div#footerBar div.PCMenu ul li.noneli {
  display: none;
}

@media screen and (min-width: 1024px) {
  div#footerBar div.PCMenu ul li.noneli {
    display: block;
  }
}

div#footerBar div.PCMenu ul li:hover ul.navSub {
  z-index: 100;
  opacity: 1;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  text-transform: capitalize;
}

div#footerBar div.PCMenu ul li a {
  color: inherit;
  text-decoration: none;
  font-size: 10px;
  letter-spacing: 0.02em;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  background-color: #69594e;
  color: #f2f2e1;
  display: block;
  font-weight: bold;
}

@media screen and (min-width: 650px) {
  div#footerBar div.PCMenu ul li a {
    font-family: "noto-sans-jp", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "Yu Gothic", "Helvetica Neue", "Helvetica", "ＭＳ Ｐゴシック", "MS PGothic", "Arial", sans-serif;
    background-color: #f1d34a;
    color: white;
  }
}

@media screen and (min-width: 1024px) {
  div#footerBar div.PCMenu ul li a {
    letter-spacing: 0.05em;
    font-family: "noto-sans-jp", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "Yu Gothic", "Helvetica Neue", "Helvetica", "ＭＳ Ｐゴシック", "MS PGothic", "Arial", sans-serif;
    padding-top: 10px;
    padding-bottom: 12px;
    background-color: #f1d34a;
    color: white;
  }
}

div#footerBar div.PCMenu ul li a.none {
  background-color: rgba(241, 211, 74, 0.7);
}

div#footerBar div.PCMenu ul li a.none:hover {
  background-color: rgba(241, 211, 74, 0.7);
  color: white;
  text-decoration: none;
}

@media screen and (min-width: 1024px) {
  div#footerBar div.PCMenu ul li a {
    font-size: 14px;
    letter-spacing: 0.25em;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 1400px) {
  div#footerBar div.PCMenu ul li a {
    font-size: 17px;
    letter-spacing: 0.2em;
  }
}

@media screen and (min-width: 1650px) {
  div#footerBar div.PCMenu ul li a {
    font-size: 19px;
    letter-spacing: 0.2em;
    padding-top: 17px;
    padding-bottom: 17px;
  }
}

div#footerBar div.PCMenu ul li a:hover {
  background-color: rgba(230, 208, 114, 0.9);
  color: blue;
  text-decoration: underline;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  text-transform: capitalize;
}

div#footerBar div.PCMenu ul li a.first {
  margin-left: initial;
  background-color: rgba(230, 208, 114, 0.85);
}

@media screen and (min-width: 1024px) {
  div#footerBar div.PCMenu ul li a.first {
    margin-left: initial;
  }
}

div#footerBar div.PCMenu ul li a.first:hover {
  background-color: rgba(230, 208, 114, 0.55);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  text-transform: capitalize;
}

.fadeInFooterBar {
  opacity: 1 !important;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  text-transform: capitalize;
}

.fadeOutFooterBar {
  opacity: 0 !important;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  text-transform: capitalize;
}

h1 {
  color: white;
  font-weight: normal;
  font-size: 13px;
  position: absolute;
}

aside#content-SlideShow {
  padding-top: 0px;
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow {
    margin-top: 0px;
    padding-top: 3px;
  }
}

@media screen and (min-width: 1650px) {
  aside#content-SlideShow {
    padding-top: 20px;
  }
}

aside#content-SlideShow div.slideShow {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

aside#content-SlideShow div.slideShow div.under {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 9;
  width: 100%;
}

aside#content-SlideShow div.slideShow div.under img {
  width: 100%;
}

aside#content-SlideShow div.slideShow div.contents {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 152.30769%;
  max-width: 2000px;
}

@media screen and (min-width: 650px) {
  aside#content-SlideShow div.slideShow div.contents {
    padding-bottom: 45.83333%;
    margin-top: 0px;
  }
}

@media screen and (min-width: 850px) {
  aside#content-SlideShow div.slideShow div.contents {
    padding-bottom: 45.83333%;
    margin-top: 0px;
  }
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.slideShow div.contents {
    margin-top: 21px;
  }
}

@media screen and (min-width: 1200px) {
  aside#content-SlideShow div.slideShow div.contents {
    margin-top: 25px;
  }
}

@media screen and (min-width: 1400px) {
  aside#content-SlideShow div.slideShow div.contents {
    margin-top: 32px;
  }
}

aside#content-SlideShow div.slideShow div.slide {
  position: absolute;
  width: 100%;
  height: auto;
  background-position: center center;
  background-size: cover;
}

aside#content-SlideShow div.slideShow div.slide img {
  border-radius: 10px 10px 0px 00px;
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.slideShow div.slide img {
    border-radius: 20px 20px 0 0;
  }
}

aside#content-SlideShow div.slideShow div.Reserve {
  margin-left: auto;
  margin-right: auto;
  width: 96%;
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.slideShow div.Reserve {
    width: 71%;
    bottom: 60px;
  }
}

@media screen and (min-width: 1650px) {
  aside#content-SlideShow div.slideShow div.Reserve {
    width: 1200px;
    bottom: 120px;
  }
}

aside#content-SlideShow div.slideShow div.Reserve div.boxReserve {
  position: relative;
  width: 260px;
}

@media screen and (min-width: 1650px) {
  aside#content-SlideShow div.slideShow div.Reserve div.boxReserve {
    width: 400px;
  }
}

aside#content-SlideShow div.slideShow div.Reserve div.boxReserve p.s1 {
  position: relative;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.1em;
  font-weight: bold;
  color: #777777;
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.slideShow div.Reserve div.boxReserve p.s1 {
    font-size: 19px;
  }
}

@media screen and (min-width: 1650px) {
  aside#content-SlideShow div.slideShow div.Reserve div.boxReserve p.s1 {
    font-size: 28px;
  }
  aside#content-SlideShow div.slideShow div.Reserve div.boxReserve p.s1:hover {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    text-transform: capitalize;
    color: #e6d072;
    opacity: 0.6;
  }
}

aside#content-SlideShow div.slideShow div.Reserve div.boxReserve div.contactButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin-top: 15px;
}

@media screen and (min-width: 1650px) {
  aside#content-SlideShow div.slideShow div.Reserve div.boxReserve div.contactButton {
    margin-top: 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

aside#content-SlideShow div.slideShow div.Reserve div.boxReserve div.contactButton div.btn {
  width: 115px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 12px;
  border-radius: 12px;
  background-color: #e6d072;
  color: #ffffff;
  border: 1px solid #e6d072;
  font-size: 13px;
  letter-spacing: 0.05em;
}

@media screen and (min-width: 1650px) {
  aside#content-SlideShow div.slideShow div.Reserve div.boxReserve div.contactButton div.btn {
    width: 190px;
    padding-top: 16px;
    padding-bottom: 20px;
    border-radius: 15px;
    font-size: 21px;
    letter-spacing: 0.1em;
  }
}

aside#content-SlideShow div.slideShow div.Reserve div.boxReserve div.contactButton div.btn span {
  display: inline-block;
  display: none;
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
  background-image: url("../images/svg/tel_white.svg");
  -webkit-transform: translate(-4px, 3px);
          transform: translate(-4px, 3px);
}

@media screen and (min-width: 1650px) {
  aside#content-SlideShow div.slideShow div.Reserve div.boxReserve div.contactButton div.btn span {
    width: 27px;
    height: 27px;
    background-size: 27px 27px;
    -webkit-transform: translate(-6px, 5px);
            transform: translate(-6px, 5px);
  }
}

aside#content-SlideShow div.slideShow div.Reserve div.boxReserve div.contactButton div.btn:hover {
  opacity: 0.5;
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.slideShow div.Reserve div.boxReserve div.contactButton div.btn:hover {
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    text-transform: capitalize;
  }
}

aside#content-SlideShow div.slideShow div.Reserve div.boxReserve div.contactButton div.btn2 {
  width: 110px;
  background-color: #ffffff;
  color: #e6d072;
  padding-right: 0px;
  border: 1px solid #e6d072;
}

@media screen and (min-width: 1650px) {
  aside#content-SlideShow div.slideShow div.Reserve div.boxReserve div.contactButton div.btn2 {
    width: 180px;
    padding-top: 12px;
  }
}

aside#content-SlideShow div.slideShow div.Reserve div.boxReserve div.contactButton div.btn2 span {
  background-image: url("../images/svg/tel_Color.svg");
}

aside#content-SlideShow div.slideShow div.slide01 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation: slide01 30s ease-out infinite;
          animation: slide01 30s ease-out infinite;
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.slideShow div.slide01 {
    -webkit-animation: slide01-pc 38s ease-out infinite;
            animation: slide01-pc 38s ease-out infinite;
  }
}

aside#content-SlideShow div.slideShow div.slide02 {
  opacity: 0;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation: slide02 30s ease-out infinite;
          animation: slide02 30s ease-out infinite;
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.slideShow div.slide02 {
    -webkit-animation: slide02-pc 38s ease-out infinite;
            animation: slide02-pc 38s ease-out infinite;
  }
}

aside#content-SlideShow div.slideShow div.slide03 {
  opacity: 0;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation: slide03 30s ease-out infinite;
          animation: slide03 30s ease-out infinite;
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.slideShow div.slide03 {
    -webkit-animation: slide03-pc 38s ease-out infinite;
            animation: slide03-pc 38s ease-out infinite;
  }
}

aside#content-SlideShow div.slideShow div.slide03 {
  opacity: 0;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation: slide03 30s ease-out infinite;
          animation: slide03 30s ease-out infinite;
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.slideShow div.slide03 {
    -webkit-animation: slide03-pc 38s ease-out infinite;
            animation: slide03-pc 38s ease-out infinite;
  }
}

aside#content-SlideShow div.slideShow div.slide04 {
  opacity: 0;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation: slide04 30s ease-out infinite;
          animation: slide04 30s ease-out infinite;
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.slideShow div.slide04 {
    -webkit-animation: slide04-pc 38s ease-out infinite;
            animation: slide04-pc 38s ease-out infinite;
  }
}

aside#content-SlideShow div.slideShow div.slide05 {
  opacity: 0;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation: slide05 30s ease-out infinite;
          animation: slide05 30s ease-out infinite;
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.slideShow div.slide05 {
    -webkit-animation: slide05-pc 38s ease-out infinite;
            animation: slide05-pc 38s ease-out infinite;
  }
}

aside#content-SlideShow div.slideShow div.slide06 {
  opacity: 0;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation: slide06 30s ease-out infinite;
          animation: slide06 30s ease-out infinite;
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.slideShow div.slide06 {
    -webkit-animation: slide06-pc 38s ease-out infinite;
            animation: slide06-pc 38s ease-out infinite;
  }
}

aside#content-SlideShow div.slideShow div.slide07 {
  opacity: 0;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation: slide07 30s ease-out infinite;
          animation: slide07 30s ease-out infinite;
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.slideShow div.slide07 {
    -webkit-animation: slide07-pc 38s ease-out infinite;
            animation: slide07-pc 38s ease-out infinite;
  }
}

aside#content-SlideShow div.slideShow div.slide08 {
  opacity: 0;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation: slide08 30s ease-out infinite;
          animation: slide08 30s ease-out infinite;
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.slideShow div.slide08 {
    -webkit-animation: slide08-pc 38s ease-out infinite;
            animation: slide08-pc 38s ease-out infinite;
  }
}

aside#content-SlideShow div.PCMenu {
  display: block;
  margin-bottom: -2px;
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.PCMenu {
    display: block;
  }
}

aside#content-SlideShow div.PCMenu ul.navMenu {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  position: relative;
}

aside#content-SlideShow div.PCMenu ul.navSub {
  width: 100%;
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin-top: -1px;
}

aside#content-SlideShow div.PCMenu ul.navSub li {
  border-left: 2px solid white;
  border-right: 2px solid white;
  border-bottom: 1px solid #f2f2e1;
}

aside#content-SlideShow div.PCMenu ul li {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
      -ms-flex: 3;
          flex: 3;
  text-align: center;
  border-left: 1px solid white;
  position: relative;
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.PCMenu ul li {
    border-left: 2px solid white;
  }
}

@media screen and (max-width: 1023px) {
  aside#content-SlideShow div.PCMenu ul li.first {
    border-left: initial;
    margin-left: initial;
  }
}

aside#content-SlideShow div.PCMenu ul li.noneli {
  display: none;
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.PCMenu ul li.noneli {
    display: block;
  }
}

aside#content-SlideShow div.PCMenu ul li:hover ul.navSub {
  z-index: 100;
  opacity: 1;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  text-transform: capitalize;
}

aside#content-SlideShow div.PCMenu ul li a {
  color: inherit;
  text-decoration: none;
  font-size: 10px;
  letter-spacing: 0.02em;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  background-color: #69594e;
  color: #f2f2e1;
  display: block;
  font-weight: bold;
}

@media screen and (min-width: 650px) {
  aside#content-SlideShow div.PCMenu ul li a {
    font-family: "noto-sans-jp", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "Yu Gothic", "Helvetica Neue", "Helvetica", "ＭＳ Ｐゴシック", "MS PGothic", "Arial", sans-serif;
    background-color: #f1d34a;
    color: white;
  }
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.PCMenu ul li a {
    letter-spacing: 0.05em;
    font-family: "noto-sans-jp", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "Yu Gothic", "Helvetica Neue", "Helvetica", "ＭＳ Ｐゴシック", "MS PGothic", "Arial", sans-serif;
    padding-top: 10px;
    padding-bottom: 12px;
    background-color: #f1d34a;
    color: white;
  }
}

aside#content-SlideShow div.PCMenu ul li a.none {
  background-color: rgba(241, 211, 74, 0.7);
}

aside#content-SlideShow div.PCMenu ul li a.none:hover {
  background-color: rgba(241, 211, 74, 0.7);
  color: white;
  text-decoration: none;
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.PCMenu ul li a {
    font-size: 14px;
    letter-spacing: 0.25em;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 1400px) {
  aside#content-SlideShow div.PCMenu ul li a {
    font-size: 17px;
    letter-spacing: 0.2em;
  }
}

@media screen and (min-width: 1650px) {
  aside#content-SlideShow div.PCMenu ul li a {
    font-size: 19px;
    letter-spacing: 0.2em;
    padding-top: 17px;
    padding-bottom: 17px;
  }
}

aside#content-SlideShow div.PCMenu ul li a:hover {
  background-color: rgba(230, 208, 114, 0.9);
  color: blue;
  text-decoration: underline;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  text-transform: capitalize;
}

aside#content-SlideShow div.PCMenu ul li a.first {
  margin-left: initial;
  background-color: rgba(230, 208, 114, 0.85);
}

@media screen and (min-width: 1024px) {
  aside#content-SlideShow div.PCMenu ul li a.first {
    margin-left: initial;
  }
}

aside#content-SlideShow div.PCMenu ul li a.first:hover {
  background-color: rgba(230, 208, 114, 0.55);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  text-transform: capitalize;
}

@-webkit-keyframes slide01 {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 1;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes slide01 {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 1;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes slide02 {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes slide02 {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes slide03 {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes slide03 {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes slide04 {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes slide04 {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes slide05 {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes slide05 {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes slide06 {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes slide06 {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes slide07 {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes slide07 {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes slide08 {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes slide08 {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes slide01-pc {
  0% {
    opacity: 1;
  }
  8% {
    opacity: 1;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes slide01-pc {
  0% {
    opacity: 1;
  }
  8% {
    opacity: 1;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes slide02-pc {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes slide02-pc {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes slide03-pc {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes slide03-pc {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes slide04-pc {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes slide04-pc {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes slide05-pc {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes slide05-pc {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes slide06-pc {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes slide06-pc {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes slide07-pc {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes slide07-pc {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes slide08-pc {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes slide08-pc {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  37% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  87% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

section#content-Policy {
  padding-bottom: 40px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.box1 {
    height: 15px;
    background-color: #f2f2e1;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.box1 {
    height: 30px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.box1 {
    height: 50px;
  }
}

section#content-Policy div.spaceXX {
  margin-top: -0px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.spaceXX {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.tmpSpace {
    margin-top: 50px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.tmpSpace {
    margin-top: 10px;
  }
}

section#content-Policy div.box2 {
  position: relative;
  margin-top: 55px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.box2 {
    margin-top: initial;
  }
}

section#content-Policy div.box2:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  width: 100%;
  background-color: #f2f2e1;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  section#content-Policy div.box2:before {
    display: none;
  }
}

section#content-Policy div.box2 div.titleRock {
  width: 150px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.box2 div.titleRock {
    width: 200px;
    height: 180px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.box2 div.titleRock {
    width: 220px;
    height: 180px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.box2 div.titleRock {
    width: 250px;
    height: 250px;
  }
}

section#content-Policy div.box2 div.titleRock img.img1 {
  width: 100%;
  position: absolute;
  z-index: 1;
}

section#content-Policy div.box2 div.titleRock img.img2 {
  width: 28px;
  position: absolute;
  z-index: 2;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.box2 div.titleRock img.img2 {
    width: 40px;
    bottom: 25px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.box2 div.titleRock img.img2 {
    width: 40px;
    bottom: 16px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.box2 div.titleRock img.img2 {
    width: 50px;
    bottom: 50px;
  }
}

section#content-Policy div.box2 div.titleRock p {
  position: absolute;
  z-index: 3;
  color: white;
  width: 100%;
  text-align: center;
}

section#content-Policy div.box2 div.titleRock p.str1 {
  letter-spacing: 0.2em;
  font-size: 15px;
  font-weight: bold;
  top: 45px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.box2 div.titleRock p.str1 {
    font-size: 18px;
    top: 55px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.box2 div.titleRock p.str1 {
    font-size: 20px;
    top: 62px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.box2 div.titleRock p.str1 {
    font-size: 24px;
    top: 75px;
  }
}

section#content-Policy div.box2 div.titleRock p.str2 {
  letter-spacing: 0.2em;
  font-size: 10px;
  font-weight: bold;
  top: 70px;
  font-style: italic;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.box2 div.titleRock p.str2 {
    font-size: 13px;
    top: 85px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.box2 div.titleRock p.str2 {
    top: 95px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.box2 div.titleRock p.str2 {
    font-size: 16px;
    top: 115px;
  }
}

section#content-Policy div.box2 div.titleRock {
  -webkit-transform: translate(-50%, -5px);
          transform: translate(-50%, -5px);
  position: absolute;
  z-index: 99;
  left: 50%;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.box2 div.titleRock {
    -webkit-transform: translateY(-32px);
            transform: translateY(-32px);
    position: static;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.box2 div.titleRock {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
}

section#content-Policy div.space1 {
  margin-top: -55px !important;
  height: 190px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.space1 {
    margin-top: 40px;
    height: initial;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.space1 {
    margin-top: 80px;
  }
}

section#content-Policy div.flexPC11 {
  display: block;
  margin-top: -20px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -50px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.flexPC11 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    margin-top: initial;
    -webkit-transform: translateX(60px);
            transform: translateX(60px);
    margin-top: 0px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.flexPC11 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    max-width: 1100px;
    -webkit-transform: translate(0px, 40px);
            transform: translate(0px, 40px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.flexPC11 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    max-width: 1800px;
  }
}

section#content-Policy div.flexPC11 div.fig {
  width: 100px;
  height: 100px;
  background-size: cover;
  position: absolute;
  opacity: 1;
  z-index: 1;
}

section#content-Policy div.flexPC11 div.fig1 {
  top: 55px;
  right: 10%;
  background-image: url("../images/kinder1.webp");
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.flexPC11 div.fig1 {
    width: 160px;
    height: 160px;
    top: 55px;
    right: 200px;
  }
}

section#content-Policy div.flexPC11 div.noneM {
  display: none !important;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.flexPC11 div.noneM {
    display: block !important;
  }
}

section#content-Policy div.policyContent {
  margin-top: -193px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.policyContent {
    margin-top: -10px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    width: 500px;
    -webkit-transform: translate(0px, 80px);
            transform: translate(0px, 80px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.policyContent {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    width: 700px;
    -webkit-transform: translate(-20px, 70px);
            transform: translate(-20px, 70px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.policyContent {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    width: 800px;
    -webkit-transform: translateX(-60px);
            transform: translateX(-60px);
  }
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.policyContent img {
    width: 500px;
    border-radius: 50%;
    -webkit-box-shadow: 15px 15px 15px #eeeeee;
            box-shadow: 15px 15px 15px #eeeeee;
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.policyContent img {
    width: 550px;
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.policyContent img {
    width: 800px;
    -webkit-transform: translate(10px, 30px);
            transform: translate(10px, 30px);
  }
  section#content-Policy div.policyContent img.imgx {
    -webkit-transform: translate(-30px, -90px);
            transform: translate(-30px, -90px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.policyContentX {
    -webkit-transform: translate(-10px, 50px);
            transform: translate(-10px, 50px);
  }
}

section#content-Policy div.contentStrWrap {
  padding-top: 50px;
  height: 320px;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
}

@media screen and (max-width: 1023px) {
  section#content-Policy div.contentStrWrap {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStrWrap {
    width: 500px;
    height: 520px;
    -webkit-transform: translate(0px, 30px);
            transform: translate(0px, 30px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.contentStrWrap {
    -webkit-transform: translate(-30px, 30px);
            transform: translate(-30px, 30px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.contentStrWrap {
    width: 600px;
    height: 700px;
    -webkit-transform: translate(-230px, -40px);
            transform: translate(-230px, -40px);
  }
}

section#content-Policy div.contentStrWrap div.contentStr {
  width: 200px;
  height: 300px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStrWrap div.contentStr {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 570px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.contentStrWrap div.contentStr {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 700px;
  }
}

section#content-Policy div.contentStrWrap div.contentStr p {
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  font-family: "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  font-size: 17px;
  color: #333333;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStrWrap div.contentStr p {
    font-size: 30px;
    color: #888888;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.contentStrWrap div.contentStr p {
    font-size: 31px;
    color: #888888;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.contentStrWrap div.contentStr p {
    font-size: 35px;
    letter-spacing: 0.5em;
  }
}

section#content-Policy div.contentStrWrap div.contentStr p:after {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  width: 1px;
  height: 340px;
  border-right: 1px dotted #cccccc;
  -webkit-transform: translate(18px, -7px);
          transform: translate(18px, -7px);
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStrWrap div.contentStr p:after {
    height: 590px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.contentStrWrap div.contentStr p:after {
    -webkit-transform: translate(25px, -7px);
            transform: translate(25px, -7px);
  }
}

section#content-Policy div.contentStrWrap div.contentStr p.s1 {
  position: absolute;
  z-index: 1;
  right: 60px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStrWrap div.contentStr p.s1 {
    right: 110px;
  }
}

section#content-Policy div.contentStrWrap div.contentStr p.s2 {
  position: absolute;
  z-index: 1;
  right: 120px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStrWrap div.contentStr p.s2 {
    right: 225px;
  }
}

section#content-Policy div.contentStrWrap div.contentStr p.s2:after {
  -webkit-transform: translate(20px, -7px);
          transform: translate(20px, -7px);
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStrWrap div.contentStr p.s2:after {
    -webkit-transform: translate(35px, -7px);
            transform: translate(35px, -7px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.contentStrWrap div.contentStr p.s2:after {
    -webkit-transform: translate(35px, -7px);
            transform: translate(35px, -7px);
  }
}

section#content-Policy div.contentStrWrap div.contentStr p.s2:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  width: 1px;
  height: 320px;
  border-right: 1px dotted #cccccc;
  -webkit-transform: translate(-13px, -7px);
          transform: translate(-13px, -7px);
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStrWrap div.contentStr p.s2:before {
    height: 590px;
    -webkit-transform: translate(-25px, -7px);
            transform: translate(-25px, -7px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.contentStrWrap div.contentStr p.s2:before {
    -webkit-transform: translate(-35px, -7px);
            transform: translate(-35px, -7px);
  }
}

section#content-Policy div.contentStrWrap11 {
  height: 340px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStrWrap11 {
    width: 600px;
    height: 590px;
    -webkit-transform: translate(20px, -40px);
            transform: translate(20px, -40px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.contentStrWrap11 {
    width: 600px;
    height: 800px;
    -webkit-transform: translate(-230px, -40px);
            transform: translate(-230px, -40px);
  }
}

section#content-Policy div.contentStrWrap11 div.contentStr11 {
  height: 340px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStrWrap11 div.contentStr11 {
    height: 590px;
  }
}

section#content-Policy div.contentStrWrap11 div.contentStr11 p:after {
  height: 340px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStrWrap11 div.contentStr11 p:after {
    height: 590px;
  }
}

section#content-Policy div.contentStrWrap11 div.contentStr11 p.s2:before {
  height: 340px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStrWrap11 div.contentStr11 p.s2:before {
    height: 590px;
  }
}

section#content-Policy div.contentStrWrap12 {
  height: 330px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStrWrap12 {
    height: 590px;
  }
}

section#content-Policy div.contentStrWrap12 div.contentStr12 {
  height: 330px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStrWrap12 div.contentStr12 {
    height: 590px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.contentStrWrap12 div.contentStr12 {
    height: 590px;
  }
}

section#content-Policy div.contentStrWrap12 div.contentStr12 p:after {
  height: 330px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStrWrap12 div.contentStr12 p:after {
    height: 590px;
  }
}

section#content-Policy div.contentStrWrap12 div.contentStr12 p.s2:before {
  height: 330px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStrWrap12 div.contentStr12 p.s2:before {
    height: 590px;
  }
}

section#content-Policy picture {
  margin-top: -30px;
}

@media screen and (min-width: 1650px) {
  section#content-Policy picture.sp {
    display: none;
  }
}

section#content-Policy picture.PC {
  display: none;
}

@media screen and (min-width: 1650px) {
  section#content-Policy picture.PC {
    display: block;
  }
}

section#content-Policy picture img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

section#content-Policy picture img.pic1 {
  margin-top: 50px;
  border-radius: 50% 50% 0 0;
}

@media screen and (min-width: 1024px) and (max-width: 1649px) {
  section#content-Policy picture img.pic1 {
    border-radius: 50%;
  }
}

@media screen and (min-width: 1024px) {
  section#content-Policy picture img.pic1 {
    margin-top: initial;
    -webkit-transform: translate(20px, -80px);
            transform: translate(20px, -80px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy picture img.pic1 {
    -webkit-transform: translate(-30px, -60px);
            transform: translate(-30px, -60px);
  }
}

section#content-Policy picture img.pic2 {
  border-radius: 50% 50% 0 0;
}

@media screen and (min-width: 1024px) and (max-width: 1649px) {
  section#content-Policy picture img.pic2 {
    border-radius: 50%;
  }
}

section#content-Policy div.contentStr2 {
  padding-top: 20px;
  padding-bottom: 30px;
  position: relative;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStr2 {
    background-color: rgba(242, 242, 225, 0.3);
    margin-top: 100px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.contentStr2 {
    background-color: rgba(242, 242, 225, 0.25);
    margin-top: 150px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.contentStr2 {
    background-color: rgba(242, 242, 225, 0.35);
    margin-top: 150px;
    padding-top: 50px;
    padding-bottom: 70px;
  }
}

section#content-Policy div.contentStr2 div.wrap {
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  color: #666666;
  padding: 15px 15px;
  border-radius: 20px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStr2 div.wrap {
    width: 700px;
    margin-bottom: 70px;
    margin-top: 20px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.contentStr2 div.wrap {
    width: 800px;
    margin-bottom: 70px;
    margin-top: 20px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.contentStr2 div.wrap {
    width: 900px;
    margin-bottom: 70px;
    margin-top: initial;
  }
}

section#content-Policy div.contentStr2 div.wrap h2 {
  color: #aaaaaa;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 10px;
  letter-spacing: 0.15em;
  font-size: 16px;
}

@media screen and (max-width: 1023px) {
  section#content-Policy div.contentStr2 div.wrap h2.small {
    font-size: 15px;
    letter-spacing: 0.1em;
  }
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStr2 div.wrap h2 {
    font-size: 28px;
    margin-top: 20px;
    letter-spacing: 0.15em;
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.contentStr2 div.wrap h2 {
    font-size: 28px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.contentStr2 div.wrap h2 {
    font-size: 32px;
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

section#content-Policy div.contentStr2 div.wrap p {
  font-size: 13px;
  letter-spacing: 0.18em;
  line-height: 1.8em;
  margin-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (max-width: 1023px) {
  section#content-Policy div.contentStr2 div.wrap p.small2 {
    margin-top: 25px;
  }
  section#content-Policy div.contentStr2 div.wrap p.small3 {
    margin-top: 30px;
  }
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStr2 div.wrap p {
    letter-spacing: 0.1em;
    margin-top: 20px;
    font-size: 21px;
    padding-left: 60px;
    padding-right: 60px;
    color: #999999;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.contentStr2 div.wrap p {
    font-size: 23px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.contentStr2 div.wrap p {
    margin-top: 20px;
    font-size: 24px;
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media screen and (max-width: 1023px) {
  section#content-Policy div.contentStr2 div.wrapXXX {
    padding-bottom: 0px;
  }
}

section#content-Policy div.contentStr2 div.btn {
  margin-top: 30px;
  margin-bottom: 20px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 1px 5px;
  padding-top: 7px;
  padding-bottom: 14px;
  background-color: #69594e;
  color: #f2f2e1;
  border-radius: 30px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStr2 div.btn {
    width: 340px;
    border-radius: 40px;
    margin-top: 40px;
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.contentStr2 div.btn {
    width: 500px;
    border-radius: 40px;
    margin-top: 50px;
    margin-bottom: 35px;
  }
}

section#content-Policy div.contentStr2 div.btn p {
  font-weight: bold;
  letter-spacing: 0.08em;
  text-align: center;
  font-size: 13px;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStr2 div.btn p {
    font-size: 18px;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    color: white;
    letter-spacing: 0.15em;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.contentStr2 div.btn p {
    font-size: 24px;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    color: white;
    letter-spacing: 0.15em;
  }
}

section#content-Policy div.contentStr2 img.fig {
  position: absolute;
  bottom: 0px;
  z-index: 1;
  width: 45px;
  -webkit-transform: translate(10px, 26px);
          transform: translate(10px, 26px);
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.contentStr2 img.fig {
    width: 100px;
    -webkit-transform: translate(30px, 26px);
            transform: translate(30px, 26px);
    bottom: 50px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.contentStr2 img.fig {
    width: 100px;
    -webkit-transform: translate(70px, 26px);
            transform: translate(70px, 26px);
    bottom: 50px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.contentStr2 img.fig {
    width: 140px;
    -webkit-transform: translate(180px, 26px);
            transform: translate(180px, 26px);
    bottom: 50px;
  }
}

section#content-Policy div.flexXX {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  width: 360px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
  margin-top: 5px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.flexXX {
    width: 1000px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.flexXX {
    width: 1200px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.flexXX {
    width: 1600px;
  }
}

section#content-Policy div.flexXX div.item {
  width: 85px;
  margin-left: 5px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy div.flexXX div.item {
    width: 245px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy div.flexXX div.item {
    width: 295px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.flexXX div.item {
    width: 390px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy div.flexXX2 {
    display: none;
  }
}

div.contentStr22 {
  margin-top: 0px;
}

@media screen and (min-width: 1024px) {
  div.contentStr22 {
    margin-top: -60px;
  }
}

@media screen and (min-width: 1650px) {
  div.contentStr22 {
    margin-top: -100px;
  }
}

@media screen and (min-width: 1024px) {
  div.spaceH {
    margin-top: -35px;
  }
}

section#content-Entry {
  margin-top: -40px;
}

@media screen and (min-width: 1650px) {
  section#content-Entry {
    background-color: transparent;
    position: relative;
  }
}

section#content-Entry div.titleRock {
  width: 150px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.titleRock {
    width: 200px;
    height: 180px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Entry div.titleRock {
    width: 220px;
    height: 180px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.titleRock {
    width: 250px;
    height: 250px;
  }
}

section#content-Entry div.titleRock img.img1 {
  width: 100%;
  position: absolute;
  z-index: 1;
}

section#content-Entry div.titleRock img.img2 {
  width: 28px;
  position: absolute;
  z-index: 2;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.titleRock img.img2 {
    width: 40px;
    bottom: 25px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Entry div.titleRock img.img2 {
    width: 40px;
    bottom: 16px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.titleRock img.img2 {
    width: 50px;
    bottom: 50px;
  }
}

section#content-Entry div.titleRock p {
  position: absolute;
  z-index: 3;
  color: white;
  width: 100%;
  text-align: center;
}

section#content-Entry div.titleRock p.str1 {
  letter-spacing: 0.2em;
  font-size: 15px;
  font-weight: bold;
  top: 45px;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.titleRock p.str1 {
    font-size: 18px;
    top: 55px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Entry div.titleRock p.str1 {
    font-size: 20px;
    top: 62px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.titleRock p.str1 {
    font-size: 24px;
    top: 75px;
  }
}

section#content-Entry div.titleRock p.str2 {
  letter-spacing: 0.2em;
  font-size: 10px;
  font-weight: bold;
  top: 70px;
  font-style: italic;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.titleRock p.str2 {
    font-size: 13px;
    top: 85px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Entry div.titleRock p.str2 {
    top: 95px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.titleRock p.str2 {
    font-size: 16px;
    top: 115px;
  }
}

section#content-Entry div.titleRock {
  -webkit-transform: translateY(58px);
          transform: translateY(58px);
  z-index: 1;
  margin-top: -10px;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.titleRock {
    margin-top: -30px;
    -webkit-transform: translateY(70px);
            transform: translateY(70px);
  }
}

section#content-Entry div.titleRock2 {
  margin-top: -150px;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.titleRock2 {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.titleRock2 {
    -webkit-transform: translateY(150px);
            transform: translateY(150px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.titleRock41 {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.titleRock21 {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
}

section#content-Entry div.wrap {
  -webkit-filter: blur(0rem);
          filter: blur(0rem);
}

section#content-Entry div.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}

section#content-Entry div.flex div.flex2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

section#content-Entry div.box3 {
  height: 70px;
  background-color: #f2f2e1;
  position: relative;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.box3 {
    height: 60px;
  }
}

section#content-Entry div.box4 {
  margin-bottom: -20px;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.spaceX {
    height: 60px;
  }
}

section#content-Entry div.box5 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (min-width: 1400px) {
  section#content-Entry div.box5 {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.box41 {
    display: none;
  }
}

section#content-Entry div.box111 {
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.box111 {
    margin-top: -0px;
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
    background-image: none;
  }
}

section#content-Entry div.box1112 {
  height: 70px;
  margin-bottom: -40px;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.box1112 {
    height: 70px;
    margin-bottom: 0px;
  }
}

section#content-Entry div.hoge {
  background-color: #f2f2e1;
  padding-top: 75px;
  margin-top: -80px;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.hoge {
    padding-top: 80px;
    margin-top: -40px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Entry div.hoge {
    padding-top: 40px;
    margin-top: -40px;
  }
}

section#content-Entry div.content {
  position: relative;
}

section#content-Entry div.content img.fig {
  width: 70px;
  position: absolute;
  right: 5px;
  top: -110px;
  z-index: 1;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.content img.fig {
    width: 100px;
    right: 250px;
    top: -200px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.content img.fig {
    width: 140px;
    right: 250px;
    top: -200px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1649px) {
  section#content-Entry div.content img.noneT {
    display: none;
  }
}

section#content-Entry div.content img.fig2 {
  width: 100px;
  right: initial;
  left: 5px;
  top: -110px;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.content img.fig2 {
    width: 160px;
    left: 10px;
    top: -200px;
  }
}

section#content-Entry div.content img.fig3 {
  width: 100px;
  right: initial;
  left: 5px;
  top: initial;
  display: none;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.content img.fig3 {
    display: block;
    width: 140px;
    left: 150px;
    bottom: 130px;
  }
}

section#content-Entry div.content div.wrap {
  position: relative;
  width: 100%;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.content div.wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

section#content-Entry div.content div.wrap img {
  border-radius: 10% 10% 0 0;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.content div.wrap img {
    border-radius: 20px 20px 0 0;
    margin-top: -20px;
  }
}

section#content-Entry div.content div.wrap div.wrap2 {
  width: 100%;
  height: 125px;
  background-color: rgba(255, 255, 255, 0.75);
  position: absolute;
  bottom: 30px;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.content div.wrap div.wrap2 {
    bottom: 60px;
    height: 200px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.content div.wrap div.wrap2 {
    bottom: 60px;
    height: 255px;
  }
}

section#content-Entry div.content div.wrap div.wrap2 h3 {
  color: #69594e;
  text-align: center;
  font-family: "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  letter-spacing: 0.4rem;
  margin-top: 20px;
  font-size: 17px;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.content div.wrap div.wrap2 h3 {
    font-size: 26px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.content div.wrap div.wrap2 h3 {
    margin-top: 40px;
    font-size: 40px;
    letter-spacing: 0.6rem;
  }
}

section#content-Entry div.content div.wrap div.wrap2 div.btn {
  margin-top: 10px;
  margin-bottom: 5px;
  width: 120px;
  margin-left: auto;
  margin-right: auto;
  padding: 3px 5px;
  padding-top: 5px;
  padding-bottom: 13px;
  background-color: #69594e;
  color: #f1d34a;
  border-radius: 15px;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.content div.wrap div.wrap2 div.btn {
    width: 300px;
    padding-top: 10px;
    padding-bottom: 18px;
    border-radius: 50px;
    margin-top: 15px;
  }
}

section#content-Entry div.content div.wrap div.wrap2 div.btn p {
  font-weight: bold;
  letter-spacing: 0.08em;
  text-align: center;
  font-size: 10px;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.content div.wrap div.wrap2 div.btn p {
    font-size: 17px;
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
}

section#content-Entry div.space3 {
  margin-top: -50px;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.space3 {
    display: none;
  }
}

section#content-Entry div.contentStr2 {
  background-image: url("../images/sheet.webp");
  background-repeat: repeat;
  background-size: auto;
  background-origin: padding-box;
  padding-top: 20px;
  padding-bottom: 60px;
  position: relative;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.contentStr2 {
    padding-top: 60px;
  }
}

section#content-Entry div.contentStr2 img.fig {
  width: 70px;
  position: absolute;
  right: 5px;
  z-index: 10;
  display: none;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.contentStr2 img.fig {
    display: block;
    width: 160px;
    right: 250px;
    top: 30px;
  }
}

section#content-Entry div.contentStr2 img.fig2 {
  width: 100px;
  right: initial;
  left: 5px;
  top: initial;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.contentStr2 img.fig2 {
    width: 160px;
    left: 250px;
    bottom: 80px;
  }
}

section#content-Entry div.contentStr2 div.wrap {
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  color: #666666;
  padding: 15px 15px;
  border-radius: 20px;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.contentStr2 div.wrap {
    width: 500px;
    margin-bottom: -10px;
    margin-top: 30px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.contentStr2 div.wrap {
    width: 700px;
    margin-bottom: 70px;
    margin-top: initial;
  }
}

section#content-Entry div.contentStr2 div.wrap h2 {
  color: #aaaaaa;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 10px;
  letter-spacing: 0.15em;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.contentStr2 div.wrap h2 {
    font-size: 20px;
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.contentStr2 div.wrap h2 {
    font-size: 26px;
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

section#content-Entry div.contentStr2 div.wrap p {
  font-size: 11px;
  letter-spacing: 0.1em;
  margin-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.contentStr2 div.wrap p {
    margin-top: 20px;
    font-size: 16px;
    padding-left: 60px;
    padding-right: 60px;
  }
  section#content-Entry div.contentStr2 div.wrap p.ss {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.contentStr2 div.wrap p {
    margin-top: 20px;
    font-size: 18px;
    padding-left: 60px;
    padding-right: 60px;
  }
  section#content-Entry div.contentStr2 div.wrap p.ss {
    padding-left: 120px;
    padding-right: 120px;
  }
}

section#content-Entry div.contentStr2 div.btn {
  margin-top: 10px;
  margin-bottom: 5px;
  width: 130px;
  margin-left: auto;
  margin-right: auto;
  padding: 1px 5px;
  padding-top: 3px;
  padding-bottom: 10px;
  background-color: #eec408;
  color: #f1d34a;
  border-radius: 20px;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.contentStr2 div.btn {
    width: 300px;
    border-radius: 40px;
    padding-top: 6px;
    padding-bottom: 13px;
    margin-top: 30px;
    margin-bottom: 25px;
  }
}

section#content-Entry div.contentStr2 div.btn p {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 10px;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.contentStr2 div.btn p {
    font-size: 16px;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.contentStr2 div.btn p {
    font-size: 16px;
    -webkit-transform: translateY(18px);
            transform: translateY(18px);
  }
}

section#content-Entry div.space {
  margin-top: 40px;
  position: relative;
}

section#content-Entry div.space img.fig {
  width: 70px;
  position: absolute;
  right: 5px;
  top: -5px;
  z-index: 1;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.space img.fig {
    width: 170px;
    right: 150px;
    top: 20px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1649px) {
  section#content-Entry div.space img.fig1122 {
    width: 120px;
    right: 150px;
    top: 20px;
  }
}

section#content-Entry div.space img.fig2 {
  width: 50px;
  right: initial;
  left: 5px;
  top: 80px;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.space img.fig2 {
    display: none;
  }
}

section#content-Entry div.space img.fig222 {
  display: none;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.space img.fig222 {
    display: block;
    width: 120px;
    left: 250px;
    top: initial;
    bottom: -600px;
  }
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.space img.fig3333 {
    width: 90px;
    -webkit-transform: translate(-30px, 20px);
            transform: translate(-30px, 20px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.space img.fig3333 {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.space img.none {
    width: 70px;
    -webkit-transform: translate(30px, -10px);
            transform: translate(30px, -10px);
  }
}

@media screen and (max-width: 1023px) {
  section#content-Entry div.space img.none {
    display: none;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1649px) {
  section#content-Entry div.space img.noneT {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  section#content-Entry div.down {
    margin-top: -30px;
  }
}

section#content-Entry div.title2 {
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.title2 {
    width: 660px;
    margin-bottom: 20px;
  }
}

section#content-Entry div.title2 img.img1 {
  width: 80px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.title2 img.img1 {
    width: 140px;
  }
}

section#content-Entry div.title2 p {
  font-weight: bold;
}

section#content-Entry div.title2 p.str1 {
  font-size: 24px;
  letter-spacing: 0.25em;
  color: #e6d072;
  font-style: italic;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.title2 p.str1 {
    font-size: 56px;
  }
}

section#content-Entry div.title2 p.str2 {
  font-size: 11px;
  letter-spacing: 0.1em;
  color: rgba(230, 208, 114, 0.4);
  margin-top: -3px;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.title2 p.str2 {
    font-size: 24px;
  }
}

section#content-Entry div.space2 {
  margin-bottom: -5px;
}

section#content-Entry div.flex {
  width: 370px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.flex {
    width: 1000px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Entry div.flex {
    width: 1240px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.flex {
    width: 1600px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1649px) {
  section#content-Entry div.flex {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

section#content-Entry div.flex div.flex2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.flex div.flex2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.flex div.flex2 {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
}

section#content-Entry div.flex div.flex2 div.item {
  padding-top: 10px;
  width: 180px;
  position: relative;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.flex div.flex2 div.item {
    width: 240px;
    margin-left: 10px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Entry div.flex div.flex2 div.item {
    width: 300px;
    margin-left: 10px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.flex div.flex2 div.item {
    width: 390px;
    margin-left: 10px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.flex div.flex2 div.item img {
    border-radius: 10px;
  }
}

section#content-Entry div.flex div.flex2 div.item:after {
  content: '';
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("../images/svg/file.svg");
  background-size: cover;
  top: 16px;
  right: 10px;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.flex div.flex2 div.item:after {
    width: 25px;
    height: 25px;
    top: 20px;
    right: 13px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.flex div.flex2 div.item:after {
    width: 40px;
    height: 40px;
    top: 30px;
    right: 18px;
  }
}

section#content-Entry div.btnFlex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  width: 340px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.btnFlex {
    width: 520px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.btnFlex {
    width: 600px;
  }
}

section#content-Entry div.btnFlex div.btn {
  margin-top: 10px;
  margin-bottom: 5px;
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  padding: 1px 5px;
  padding-top: 4px;
  padding-bottom: 12px;
  background-color: #eec408;
  color: #f1d34a;
  border-radius: 20px;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.btnFlex div.btn {
    width: 220px;
    padding-top: 10px;
    padding-bottom: 22px;
    border-radius: 40px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.btnFlex div.btn {
    width: 250px;
    padding-top: 10px;
    padding-bottom: 22px;
    border-radius: 40px;
  }
}

section#content-Entry div.btnFlex div.btn p {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 10px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.btnFlex div.btn p {
    font-size: 15px;
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.btnFlex div.btn p {
    font-size: 17px;
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
}

section#content-Entry div.btnFlex div.btn2 {
  background-color: #f2f2e1;
  color: #69594e;
  border: 1px solid rgba(105, 89, 78, 0.05);
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.btnFlex div.btn2 {
    border: 1px solid rgba(105, 89, 78, 0.7);
  }
}

section#content-Entry p.btnLarge {
  margin-top: 20px;
  margin-bottom: 5px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 1px 5px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #69594e;
  color: #f2f2e1;
  border-radius: 20px;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  section#content-Entry p.btnLarge {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 17px;
    width: 300px;
    border-radius: 40px;
    margin-top: 30px;
  }
}

section#content-Entry div.wrap3 {
  background-image: url("../images/sheet.webp");
  background-repeat: repeat;
  background-size: auto;
  background-origin: padding-box;
  padding-top: 5px;
  padding-bottom: 10px;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.wrap3 {
    background-image: initial;
    background-color: #f2f2e1;
    padding-top: 30px;
    padding-bottom: 80px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.wrap3 {
    background-image: initial;
    background-color: #f2f2e1;
    padding-top: 30px;
    padding-bottom: 50px;
  }
}

section#content-Entry div.linkWrap {
  background-color: #f2f2e1;
  padding-top: 75px;
  padding-bottom: 5px;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.linkWrap {
    padding-top: 5px;
    margin-top: -40px;
    padding-bottom: 60px;
  }
}

section#content-Entry div.linkWrap h5 {
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  background-color: #eec408;
  color: #f2f2e1;
  padding: 6px 0px;
  padding-left: 15px;
  font-size: 15px;
  letter-spacing: 0.2em;
  border-radius: 6px;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.linkWrap h5 {
    width: 500px;
    font-size: 24px;
    padding-left: 60px;
    letter-spacing: 0.4em;
    margin-top: 30px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.linkWrap h5 {
    width: 700px;
    font-size: 30px;
    padding-left: 60px;
    letter-spacing: 0.4em;
    margin-top: initial;
  }
}

section#content-Entry div.linkWrap ul {
  background-color: #ffffff;
  width: 330px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.linkWrap ul {
    width: 500px;
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.linkWrap ul {
    width: 700px;
    margin-bottom: initial;
  }
}

section#content-Entry div.linkWrap ul li {
  font-size: 11px;
  font-weight: bold;
  color: rgba(105, 89, 78, 0.7);
  padding: 10px 0px;
  padding-bottom: 12px;
  padding-left: 35px;
  letter-spacing: 0.15em;
  border-bottom: 1px dotted #aaaaaa;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.linkWrap ul li {
    font-size: 14px;
    padding: 14px 0px;
    padding-bottom: 20px;
    padding-left: 65px;
    letter-spacing: 0.45em;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.linkWrap ul li {
    font-size: 19px;
    padding: 20px 0px;
    padding-bottom: 24px;
    padding-left: 85px;
    letter-spacing: 0.45em;
  }
}

section#content-Entry div.linkWrap ul li span {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("../images/svg/arrow.svg");
  background-size: cover;
  -webkit-transform: translate(-10px, 1px);
          transform: translate(-10px, 1px);
  opacity: 0.8;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.linkWrap ul li span {
    width: 24px;
    height: 24px;
    -webkit-transform: translate(-20px, 1px);
            transform: translate(-20px, 1px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.linkWrap ul li span {
    width: 24px;
    height: 24px;
    -webkit-transform: translate(-20px, 1px);
            transform: translate(-20px, 1px);
  }
}

section#content-Entry div.linkWrap ul li:nth-of-type(6) {
  border-bottom: 1px solid #eec408;
}

section#content-Entry div.space20 {
  height: 125px;
  margin-top: -20px;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.space20 {
    height: 125px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Entry div.space20 {
    height: 155px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.space20 {
    background-image: initial;
    background-color: #f2f2e1;
    margin-top: -58px;
  }
}

section#content-Entry div.space20 div.btn {
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 5px;
  padding-top: 7px;
  padding-bottom: 15px;
  background-color: #69594e;
  color: #f2f2e1;
  border-radius: 20px;
  margin-top: -48px;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.space20 div.btn {
    width: 300px;
    margin-top: -30px;
    padding-top: 16px;
    padding-bottom: 26px;
    border-radius: 40px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Entry div.space20 div.btn {
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.space20 div.btn {
    width: 500px;
    border-radius: 40px;
    padding-top: 14px;
    padding-bottom: 28px;
    -webkit-transform: translateY(60px);
            transform: translateY(60px);
  }
}

section#content-Entry div.space20 div.btn p {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 12px;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.space20 div.btn p {
    font-size: 18px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.space20 div.btn p {
    font-size: 24px;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
    color: white;
    letter-spacing: 0.15em;
  }
}

section#content-Entry div.googleMap {
  position: relative;
  position: relative;
}

section#content-Entry div.googleMap div.click {
  position: absolute;
  z-index: 10;
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 375px;
  height: 200px;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.googleMap div.click {
    width: 1000px;
    height: 350px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Entry div.googleMap div.click {
    width: 1350px;
    height: 550px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.googleMap div.click {
    width: 1640px;
    height: 700px;
  }
}

section#content-Entry div.googleMap div.click a {
  width: 375px;
  height: 200px;
  display: block;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.googleMap div.click a {
    width: 1000px;
    height: 350px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Entry div.googleMap div.click a {
    width: 1350px;
    height: 550px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.googleMap div.click a {
    width: 1640px;
    height: 700px;
  }
}

section#content-Entry div.googleMap div.btn {
  position: absolute;
  z-index: 1;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 170px;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 5px;
  padding-top: 7px;
  padding-bottom: 15px;
  background-color: #69594e;
  color: #f2f2e1;
  border-radius: 20px;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.googleMap div.btn {
    width: 260px;
    bottom: 60px;
    padding-top: 12px;
    padding-bottom: 22px;
    border-radius: 40px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.googleMap div.btn {
    width: 350px;
  }
}

section#content-Entry div.googleMap div.btn p {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 12px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.googleMap div.btn p {
    font-size: 15px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.googleMap div.btn p {
    font-size: 18px;
  }
}

section#content-Entry div.googleMap div.btn33 {
  background-color: transparent;
  color: rgba(105, 89, 78, 0.7);
  top: 100px;
  left: 50%;
  width: 250px;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.googleMap div.btn33 {
    width: 350px;
    top: 150px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Entry div.googleMap div.btn33 {
    width: 450px;
    top: 250px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.googleMap div.btn33 {
    top: 290px;
  }
}

section#content-Entry div.googleMap div.btn33 p {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.25em;
  line-height: 1.8em;
}

@media screen and (min-width: 1024px) {
  section#content-Entry div.googleMap div.btn33 p {
    font-size: 20px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Entry div.googleMap div.btn33 p {
    font-size: 29px;
  }
}

section#content-Entry div.contentAddress {
  background-image: url("../images/sheet.webp");
  background-repeat: repeat;
  background-size: auto;
  background-origin: padding-box;
  padding-bottom: 40px;
  position: relative;
}

@media screen and (min-width: 1024px) and (max-width: 1649px) {
  section#content-Entry div.contentAddress {
    display: none;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.contentAddress {
    display: block;
    padding-top: 30px;
    padding-bottom: 80px;
  }
}

section#content-Entry div.contentAddress div.address {
  margin-top: 5px;
  color: #eec408;
  font-size: 12px;
  letter-spacing: 0.3em;
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.contentAddress div.address {
    font-size: 24px;
    letter-spacing: 0.16em;
    width: 450px;
    margin-top: 20px;
  }
}

section#content-Entry div.contentAddress p.tel {
  margin-top: 10px;
  color: #eec408;
  font-size: 12px;
  letter-spacing: 0.2em;
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.contentAddress p.tel {
    font-size: 24px;
    letter-spacing: 0.15em;
    width: 450px;
    margin-top: 20px;
  }
}

section#content-Entry div.contentAddress p.tel span {
  letter-spacing: 0.2em;
  font-size: 11px;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.contentAddress p.tel span {
    font-size: 22px;
    margin-top: 10px;
  }
}

section#content-Entry div.contentAddress div.btn {
  margin-top: 15px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 1px 5px;
  padding-top: 8px;
  padding-bottom: 16px;
  background-color: #69594e;
  color: #f2f2e1;
  border-radius: 20px;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.contentAddress div.btn {
    width: 300px;
    padding-top: 16px;
    padding-bottom: 24px;
    border-radius: 40px;
    margin-top: 40px;
    -webkit-transform: translateX(-25px);
            transform: translateX(-25px);
  }
}

section#content-Entry div.contentAddress div.btn p {
  font-weight: bold;
  letter-spacing: 0.3em;
  text-align: center;
  font-size: 12px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.contentAddress div.btn p {
    font-size: 22px;
  }
}

section#content-Entry div.contentAddress div.fig {
  position: absolute;
  top: 5px;
  right: 0px;
  width: 55px;
  height: 55px;
  z-index: 10;
  background-image: url("../images/kinder1.webp");
  background-size: cover;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.contentAddress div.fig {
    top: 50px;
    right: 200px;
    width: 135px;
    height: 135px;
  }
}

section#content-Entry div.figFinal1 {
  width: 45px;
  height: 45px;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.figFinal1 {
    width: 135px;
    height: 135px;
  }
}

section#content-Entry div.fig2 {
  background-image: url("../images/kinder2.webp");
  top: initial;
  bottom: 10px;
  left: 0px;
  width: 50px;
  height: 50px;
}

@media screen and (min-width: 1650px) {
  section#content-Entry div.fig2 {
    bottom: 70px;
    left: 220px;
    width: 115px;
    height: 115px;
  }
}

div.logoAddress {
  padding-left: 2px;
  padding-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 330px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1024px) {
  div.logoAddress {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-top: 1px;
  }
}

@media screen and (min-width: 1650px) {
  div.logoAddress {
    width: 800px;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
}

div.logoAddress:hover {
  opacity: 0.6;
}

@media screen and (min-width: 1024px) {
  div.logoAddress:hover {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    text-transform: capitalize;
  }
}

div.logoAddress div.imgLogo {
  -webkit-transform: translate(-10px, 1px);
          transform: translate(-10px, 1px);
  width: 46px;
  height: 46px;
  background-size: 46px 46px;
  background-image: url("../images/svg/logo.svg");
}

@media screen and (min-width: 1024px) {
  div.logoAddress div.imgLogo {
    width: 65px;
    height: 65px;
    background-size: 65px 65px;
    -webkit-transform: translate(10px, -2px);
            transform: translate(10px, -2px);
  }
}

@media screen and (min-width: 1650px) {
  div.logoAddress div.imgLogo {
    width: 105px;
    height: 105px;
    background-size: 105px 105px;
    -webkit-transform: translate(-15px, 6px);
            transform: translate(-15px, 6px);
  }
}

div.logoAddress div.str {
  padding-left: 7px;
}

@media screen and (min-width: 1024px) {
  div.logoAddress div.str {
    padding-left: 10px;
  }
}

div.logoAddress div.str .str1 {
  font-size: 17px;
  letter-spacing: 0.15em;
  font-weight: bold;
  color: #eec408;
  margin-top: 0px;
  margin-left: -6px;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}

@media screen and (min-width: 1024px) {
  div.logoAddress div.str .str1 {
    font-size: 20px;
    letter-spacing: 0.1em;
    margin-top: 0px;
    margin-left: 8px;
  }
}

@media screen and (min-width: 1650px) {
  div.logoAddress div.str .str1 {
    font-size: 46px;
    margin-top: -4px;
    margin-left: 8px;
  }
}

div.logoAddress div.str .str2 {
  font-size: 11px;
  letter-spacing: 0.2em;
  font-weight: bold;
  color: #eec408;
  margin-top: -1px;
  margin-left: -3px;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}

@media screen and (min-width: 1024px) {
  div.logoAddress div.str .str2 {
    font-size: 13px;
    letter-spacing: 0.1em;
    margin-top: 2px;
    margin-left: 10px;
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
}

@media screen and (min-width: 1650px) {
  div.logoAddress div.str .str2 {
    font-size: 24px;
    letter-spacing: 0.25em;
    margin-top: 1px;
    -webkit-transform: translate(3px, 2px);
            transform: translate(3px, 2px);
  }
}

div#imgSP-1-2 {
  margin-top: -15px;
}

div#imgSP-1-2 div.loopSlide {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  overflow: hidden;
}

div#imgSP-1-2 div.loopSlide ul {
  padding: 0;
  width: 100vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

div#imgSP-1-2 div.loopSlide ul:first-child {
  -webkit-animation: slide12 26s linear infinite;
          animation: slide12 26s linear infinite;
}

@media screen and (min-width: 1024px) {
  div#imgSP-1-2 div.loopSlide ul:first-child {
    -webkit-animation: slide12 60s linear infinite;
            animation: slide12 60s linear infinite;
  }
}

@media screen and (min-width: 1650px) {
  div#imgSP-1-2 div.loopSlide ul:first-child {
    -webkit-animation: slide12 90s linear infinite;
            animation: slide12 90s linear infinite;
  }
}

div#imgSP-1-2 div.loopSlide ul:last-child {
  -webkit-animation: slide22 26s linear infinite;
          animation: slide22 26s linear infinite;
}

@media screen and (min-width: 1024px) {
  div#imgSP-1-2 div.loopSlide ul:last-child {
    -webkit-animation: slide22 60s linear infinite;
            animation: slide22 60s linear infinite;
  }
}

@media screen and (min-width: 1650px) {
  div#imgSP-1-2 div.loopSlide ul:last-child {
    -webkit-animation: slide22 90s linear infinite;
            animation: slide22 90s linear infinite;
  }
}

div#imgSP-1-2 div.loopSlide ul li {
  display: inline-block;
  width: 100%;
  min-width: 240px;
  list-style: none;
  text-align: center;
  position: relative;
}

@media screen and (min-width: 1024px) {
  div#imgSP-1-2 div.loopSlide ul li {
    min-width: 400px;
  }
}

@media screen and (min-width: 1650px) {
  div#imgSP-1-2 div.loopSlide ul li {
    min-width: 550px;
  }
}

div#imgSP-1-2 div.loopSlide ul li img {
  display: block;
  width: 100%;
  height: auto;
}

div#imgSP-1-2 div.loopSlide ul li div.wrap {
  position: absolute;
  width: 250px;
  z-index: 10;
  bottom: 10px;
  left: 5px;
}

@media screen and (min-width: 1400px) {
  div#imgSP-1-2 div.loopSlide ul li div.wrap {
    width: 350px;
  }
}

div#imgSP-1-2 div.loopSlide ul li div.wrap p {
  margin-top: 3px;
  letter-spacing: 0.05em;
  color: #ffffff;
  font-size: 14px;
  margin-left: -15px;
}

@media screen and (min-width: 1400px) {
  div#imgSP-1-2 div.loopSlide ul li div.wrap p {
    font-size: 15px;
    letter-spacing: 0.2em;
    margin-top: -50px;
    margin-left: -30px;
  }
}

@media screen and (min-width: 1650px) {
  div#imgSP-1-2 div.loopSlide ul li div.wrap p {
    font-size: 16px;
    letter-spacing: 0.25em;
    margin-top: -50px;
    margin-left: 15px;
  }
}

@-webkit-keyframes slide12 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes slide12 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@-webkit-keyframes slide22 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}

@keyframes slide22 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}

div#content-ImagePCDiv {
  display: none;
}

@media screen and (min-width: 1650px) {
  div#content-ImagePCDiv {
    display: block;
    height: 550px;
    position: relative;
    z-index: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    width: 100%;
  }
}

div#content-ImagePC {
  display: none;
  position: static;
  z-index: -101;
  top: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: initial;
}

@media screen and (min-width: 1650px) {
  div#content-ImagePC {
    position: fixed;
    display: block;
    width: 100%;
    height: 180px;
    display: block;
    opacity: 0;
  }
}

@media screen and (min-width: 1650px) {
  div#content-ImagePC {
    width: 100%;
    height: 700px;
  }
}

div#content-ImagePC div.img {
  width: 100%;
  height: 0;
  padding-top: 45.37037%;
  background-image: url("../images/01Slide4.webp");
  background-size: cover;
  opacity: 0.6;
  background-color: initial;
}

.fadeInPCImg2 {
  opacity: 1 !important;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  text-transform: capitalize;
}

.fadOutPCImg2 {
  opacity: 0 !important;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  text-transform: capitalize;
}

section#content-Access {
  margin-top: 0px;
  margin-bottom: -10px;
  position: relative;
}

@media screen and (min-width: 1024px) {
  section#content-Access {
    margin-top: 20px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Access {
    margin-top: 30px;
  }
}

section#content-Access div.titleRock {
  width: 150px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.titleRock {
    width: 200px;
    height: 180px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Access div.titleRock {
    width: 220px;
    height: 180px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Access div.titleRock {
    width: 250px;
    height: 250px;
  }
}

section#content-Access div.titleRock img.img1 {
  width: 100%;
  position: absolute;
  z-index: 1;
}

section#content-Access div.titleRock img.img2 {
  width: 28px;
  position: absolute;
  z-index: 2;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

@media screen and (min-width: 1024px) {
  section#content-Access div.titleRock img.img2 {
    width: 40px;
    bottom: 25px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Access div.titleRock img.img2 {
    width: 40px;
    bottom: 16px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Access div.titleRock img.img2 {
    width: 50px;
    bottom: 50px;
  }
}

section#content-Access div.titleRock p {
  position: absolute;
  z-index: 3;
  color: white;
  width: 100%;
  text-align: center;
}

section#content-Access div.titleRock p.str1 {
  letter-spacing: 0.2em;
  font-size: 15px;
  font-weight: bold;
  top: 45px;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.titleRock p.str1 {
    font-size: 18px;
    top: 55px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Access div.titleRock p.str1 {
    font-size: 20px;
    top: 62px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Access div.titleRock p.str1 {
    font-size: 24px;
    top: 75px;
  }
}

section#content-Access div.titleRock p.str2 {
  letter-spacing: 0.2em;
  font-size: 10px;
  font-weight: bold;
  top: 70px;
  font-style: italic;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.titleRock p.str2 {
    font-size: 13px;
    top: 85px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Access div.titleRock p.str2 {
    top: 95px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Access div.titleRock p.str2 {
    font-size: 16px;
    top: 115px;
  }
}

section#content-Access div.titleRock {
  position: absolute;
  z-index: 1;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

section#content-Access div.wrap {
  position: relative;
}

section#content-Access div.googleMap {
  position: relative;
  margin-top: 30px;
  margin-bottom: -5px;
  position: relative;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.googleMap {
    margin-top: 60px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Access div.googleMap {
    margin-top: 70px;
  }
}

section#content-Access div.googleMap div.click {
  position: absolute;
  z-index: 10;
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 375px;
  height: 200px;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.googleMap div.click {
    width: 1000px;
    height: 350px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Access div.googleMap div.click {
    width: 1350px;
    height: 550px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Access div.googleMap div.click {
    width: 1640px;
    height: 700px;
  }
}

section#content-Access div.googleMap div.click a {
  width: 375px;
  height: 200px;
  display: block;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.googleMap div.click a {
    width: 1000px;
    height: 350px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Access div.googleMap div.click a {
    width: 1350px;
    height: 550px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Access div.googleMap div.click a {
    width: 1640px;
    height: 700px;
  }
}

section#content-Access div.googleMap div.btn {
  position: absolute;
  z-index: 1;
  bottom: 27px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  padding: 1px 5px;
  padding-top: 4px;
  padding-bottom: 12px;
  background-color: #69594e;
  color: white;
  border-radius: 20px;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.googleMap div.btn {
    width: 350px;
    bottom: 60px;
    padding-top: 12px;
    padding-bottom: 22px;
    border-radius: 40px;
  }
}

section#content-Access div.googleMap div.btn p {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 12px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}

@media screen and (min-width: 1024px) {
  section#content-Access div.googleMap div.btn p {
    font-size: 18px;
  }
}

section#content-Access div.googleMap div.btn33 {
  background-color: transparent;
  color: rgba(105, 89, 78, 0.7);
  top: 15px;
  left: 50%;
  width: 300px;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.googleMap div.btn33 {
    top: 55px;
    width: 400px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Access div.googleMap div.btn33 {
    top: 55px;
    width: 600px;
  }
}

section#content-Access div.googleMap div.btn33 p {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 1.6em;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.googleMap div.btn33 p {
    font-size: 28px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Access div.googleMap div.btn33 p {
    font-size: 42px;
  }
}

section#content-Access div.hoge {
  display: block;
  position: relative;
}

section#content-Access div.logo {
  padding-left: 2px;
  padding-top: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}

@media screen and (min-width: 1024px) {
  section#content-Access div.logo {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-top: 10px;
    width: 600px;
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Access div.logo {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-top: 30px;
    width: 600px;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Access div.logo {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-top: 20px;
    width: 800px;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}

section#content-Access div.logo:hover {
  opacity: 0.6;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.logo:hover {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    text-transform: capitalize;
  }
}

section#content-Access div.logo div.imgLogo {
  -webkit-transform: translate(-8px, -2px);
          transform: translate(-8px, -2px);
  width: 47px;
  height: 47px;
  background-size: 47px 47px;
  background-image: url("../images/svg/logo.svg");
}

@media screen and (min-width: 1024px) {
  section#content-Access div.logo div.imgLogo {
    width: 70px;
    height: 70px;
    background-size: 70px 70px;
    -webkit-transform: translate(0px, 2px);
            transform: translate(0px, 2px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Access div.logo div.imgLogo {
    width: 90px;
    height: 90px;
    background-size: 90px 90px;
    -webkit-transform: translate(-10px, 5px);
            transform: translate(-10px, 5px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Access div.logo div.imgLogo {
    width: 115px;
    height: 115px;
    background-size: 115px 115px;
    -webkit-transform: translate(-8px, 3px);
            transform: translate(-8px, 3px);
  }
}

section#content-Access div.logo div.str {
  padding-left: 7px;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.logo div.str {
    padding-left: 10px;
  }
}

section#content-Access div.logo div.str .str1 {
  font-size: 17px;
  letter-spacing: 0.15em;
  font-weight: bold;
  color: #e6d072;
  margin-top: 0px;
  margin-left: -6px;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}

@media screen and (min-width: 1024px) {
  section#content-Access div.logo div.str .str1 {
    font-size: 30px;
    letter-spacing: 0.1em;
    margin-top: 0px;
    margin-left: 8px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Access div.logo div.str .str1 {
    font-size: 37px;
    margin-top: -1px;
    margin-left: 8px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Access div.logo div.str .str1 {
    font-size: 46px;
    margin-top: -4px;
    margin-left: 8px;
  }
}

section#content-Access div.logo div.str .str2 {
  font-size: 11px;
  letter-spacing: 0.2em;
  font-weight: bold;
  color: #e6d072;
  margin-top: -1px;
  margin-left: -3px;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}

@media screen and (min-width: 1024px) {
  section#content-Access div.logo div.str .str2 {
    font-size: 20px;
    letter-spacing: 0.1em;
    margin-top: 2px;
    margin-left: 10px;
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Access div.logo div.str .str2 {
    font-size: 27px;
    letter-spacing: 0.2em;
    margin-top: 1px;
    -webkit-transform: translate(0px, 2px);
            transform: translate(0px, 2px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Access div.logo div.str .str2 {
    font-size: 32px;
    letter-spacing: 0.25em;
    margin-top: 1px;
    -webkit-transform: translate(0px, 2px);
            transform: translate(0px, 2px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Access div.xxx {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
    margin-top: -30px;
  }
}

section#content-Access p.map {
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: 0.25em;
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 53px;
  position: relative;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  color: #e6d072;
  font-weight: bold;
}

@media screen and (min-width: 1024px) {
  section#content-Access p.map {
    width: 450px;
    font-size: 20px;
    margin-top: 20px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Access p.map {
    width: 550px;
    font-size: 23px;
    margin-top: 40px;
    -webkit-transform: translateX(65px);
            transform: translateX(65px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Access p.map {
    width: 550px;
    font-size: 23px;
    margin-top: 40px;
  }
}

section#content-Access p.map:after {
  content: '';
  display: block;
  position: absolute;
  width: 23px;
  height: 33px;
  background-image: url("../images/svg/map.svg");
  background-size: cover;
  top: 3px;
  left: 24px;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
}

@media screen and (min-width: 1024px) {
  section#content-Access p.map:after {
    width: 41.4px;
    height: 59.4px;
    -webkit-transform: translateX(-33px);
            transform: translateX(-33px);
  }
}

section#content-Access div.tel {
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: 0.25em;
  width: 290px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 53px;
  position: relative;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  color: #e6d072;
  font-weight: bold;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.tel {
    width: 450px;
    margin-top: 20px;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Access div.tel {
    width: 450px;
    margin-top: 20px;
  }
}

section#content-Access div.tel div.btnX {
  width: 115px;
  padding: 1px 5px;
  padding-top: 4px;
  padding-bottom: 10px;
  background-color: #69594e;
  color: white;
  border-radius: 20px;
  -webkit-transform: translate(30px, 5px);
          transform: translate(30px, 5px);
  margin-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.tel div.btnX {
    width: 220px;
    border-radius: 40px;
    padding-top: 10px;
    padding-bottom: 16px;
    -webkit-transform: translate(30px, 10px);
            transform: translate(30px, 10px);
    background-color: #69594e;
    border: 1px solid rgba(105, 89, 78, 0.1);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Access div.tel div.btnX {
    width: 320px;
    border-radius: 40px;
    padding-top: 15px;
    padding-bottom: 21px;
    -webkit-transform: translate(30px, 10px);
            transform: translate(30px, 10px);
    background-color: #69594e;
    border: 1px solid rgba(105, 89, 78, 0.1);
  }
}

section#content-Access div.tel div.btnX p {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 10px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  color: white;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.tel div.btnX p {
    font-size: 17px;
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Access div.tel div.btnX p {
    font-size: 20px;
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}

section#content-Access div.tel:after {
  content: '';
  display: block;
  position: absolute;
  width: 35px;
  height: 35px;
  background-image: url("../images/svg/scheduleYellow.svg");
  background-size: cover;
  top: 1px;
  left: 18px;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
  z-index: 2;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.tel:after {
    width: 54.4px;
    height: 54.4px;
    -webkit-transform: translate(-35px, -8px);
            transform: translate(-35px, -8px);
  }
}

section#content-Access div.tel p {
  letter-spacing: 0.2em;
  font-size: 13px;
  padding-left: 5px;
  color: #e6d072;
  font-weight: bold;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.tel p {
    font-size: 20px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Access div.tel p {
    font-size: 26px;
  }
}

section#content-Access div.tel p.tel {
  font-size: 16px;
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}

@media screen and (min-width: 1024px) {
  section#content-Access div.tel p.tel {
    font-size: 26px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Access div.tel p.tel {
    font-size: 32px;
    -webkit-transform: translateX(60px);
            transform: translateX(60px);
  }
}

section#content-Access div.tel p.s2 {
  font-size: 15px;
  margin-top: 2px;
  margin-bottom: 1px;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.tel p.s2 {
    font-size: 20px;
  }
}

section#content-Access div.tel p.s3 {
  font-size: 10px;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.tel p.s3 {
    font-size: 18px;
  }
}

section#content-Access div.mail {
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: 0.25em;
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 53px;
  position: relative;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  color: #e6d072;
  font-weight: bold;
  margin-bottom: 40px;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.mail {
    margin-bottom: 60px;
    width: 450px;
    font-size: 20px;
    margin-top: 20px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Access div.mail {
    margin-top: 40px;
  }
}

section#content-Access div.mail:after {
  content: '';
  display: block;
  position: absolute;
  width: 34px;
  height: 34px;
  background-image: url("../images/mail.svg");
  background-size: cover;
  top: 12px;
  left: 26px;
  -webkit-transform: translateX(-11px);
          transform: translateX(-11px);
}

@media screen and (min-width: 1024px) {
  section#content-Access div.mail:after {
    width: 61.2px;
    height: 61.2px;
    -webkit-transform: translateX(-45px);
            transform: translateX(-45px);
  }
}

section#content-Access div.mail p {
  letter-spacing: 0.2em;
  font-size: 13px;
  padding-left: 5px;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.mail p {
    font-size: 20px;
  }
}

section#content-Access div.mail p.s2 {
  font-size: 15px;
  margin-top: 2px;
  margin-bottom: 1px;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.mail p.s2 {
    font-size: 20px;
  }
}

section#content-Access div.mail p.s3 {
  font-size: 10px;
}

@media screen and (min-width: 1024px) {
  section#content-Access div.mail p.s3 {
    font-size: 20px;
  }
}

section#content-Access div.mail div.btn {
  width: 115px;
  padding: 1px 5px;
  padding-top: 4px;
  padding-bottom: 10px;
  background-color: #69594e;
  color: #f2f2e1;
  border-radius: 20px;
  -webkit-transform: translate(30px, 5px);
          transform: translate(30px, 5px);
}

@media screen and (min-width: 1024px) {
  section#content-Access div.mail div.btn {
    width: 220px;
    border-radius: 40px;
    padding-top: 10px;
    padding-bottom: 16px;
    -webkit-transform: translate(30px, 10px);
            transform: translate(30px, 10px);
    background-color: #f2f2e1;
    color: #e6d072;
    border: 1px solid rgba(105, 89, 78, 0.1);
  }
}

section#content-Access div.mail div.btn p {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 10px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}

@media screen and (min-width: 1024px) {
  section#content-Access div.mail div.btn p {
    font-size: 17px;
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}

section#content-Access div.space {
  margin-top: 15px;
}

section#content-Access div.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 40px;
  width: 330px;
}

@media screen and (min-width: 1650px) {
  section#content-Access div.flex {
    width: 460px;
    padding-left: 0px;
    margin-left: -40px;
  }
}

section#content-Access div.flex p {
  font-size: 10px;
  letter-spacing: 0.1em;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 8px;
  font-weight: bold;
  position: relative;
}

@media screen and (min-width: 1650px) {
  section#content-Access div.flex p {
    font-size: 18px;
    font-weight: normal;
  }
}

section#content-Access div.flex p span {
  width: 8px;
  height: 8px;
  background-size: cover;
  background-image: url("../images/svg/arrow2.svg");
  position: absolute;
  z-index: 1;
  left: -14px;
  top: 13px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (min-width: 1650px) {
  section#content-Access div.flex p span {
    width: 16px;
    height: 16px;
    left: -24px;
    top: 15px;
  }
}

section.content-Info {
  background-color: rgba(242, 242, 225, 0.3);
  padding-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  section.content-Info {
    padding-top: 20px;
    background-color: rgba(242, 242, 225, 0.2);
  }
}

@media screen and (min-width: 1650px) {
  section.content-Info {
    padding-top: 30px;
  }
}

section.content-Info input[type='submit'] {
  font-size: inherit;
  letter-spacing: inherit;
  background-color: inherit;
  border: inherit;
}

section.content-Info div.titleRock {
  width: 150px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (min-width: 1024px) {
  section.content-Info div.titleRock {
    width: 200px;
    height: 180px;
  }
}

@media screen and (min-width: 1400px) {
  section.content-Info div.titleRock {
    width: 220px;
    height: 180px;
  }
}

@media screen and (min-width: 1650px) {
  section.content-Info div.titleRock {
    width: 250px;
    height: 250px;
  }
}

section.content-Info div.titleRock img.img1 {
  width: 100%;
  position: absolute;
  z-index: 1;
}

section.content-Info div.titleRock img.img2 {
  width: 28px;
  position: absolute;
  z-index: 2;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

@media screen and (min-width: 1024px) {
  section.content-Info div.titleRock img.img2 {
    width: 40px;
    bottom: 25px;
  }
}

@media screen and (min-width: 1400px) {
  section.content-Info div.titleRock img.img2 {
    width: 40px;
    bottom: 16px;
  }
}

@media screen and (min-width: 1650px) {
  section.content-Info div.titleRock img.img2 {
    width: 50px;
    bottom: 50px;
  }
}

section.content-Info div.titleRock p {
  position: absolute;
  z-index: 3;
  color: white;
  width: 100%;
  text-align: center;
}

section.content-Info div.titleRock p.str1 {
  letter-spacing: 0.2em;
  font-size: 15px;
  font-weight: bold;
  top: 45px;
}

@media screen and (min-width: 1024px) {
  section.content-Info div.titleRock p.str1 {
    font-size: 18px;
    top: 55px;
  }
}

@media screen and (min-width: 1400px) {
  section.content-Info div.titleRock p.str1 {
    font-size: 20px;
    top: 62px;
  }
}

@media screen and (min-width: 1650px) {
  section.content-Info div.titleRock p.str1 {
    font-size: 24px;
    top: 75px;
  }
}

section.content-Info div.titleRock p.str2 {
  letter-spacing: 0.2em;
  font-size: 10px;
  font-weight: bold;
  top: 70px;
  font-style: italic;
}

@media screen and (min-width: 1024px) {
  section.content-Info div.titleRock p.str2 {
    font-size: 13px;
    top: 85px;
  }
}

@media screen and (min-width: 1400px) {
  section.content-Info div.titleRock p.str2 {
    top: 95px;
  }
}

@media screen and (min-width: 1650px) {
  section.content-Info div.titleRock p.str2 {
    font-size: 16px;
    top: 115px;
  }
}

section.content-Info div.titleRock {
  position: absolute;
  z-index: 1;
  bottom: -90px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (min-width: 1650px) {
  section.content-Info div.titleRock {
    bottom: -80px;
  }
}

section.content-Info div.wrap {
  position: relative;
}

section.content-Info div.hoge {
  padding-top: 0px;
}

@media screen and (min-width: 1024px) {
  section.content-Info div.hoge {
    padding-top: 60px;
  }
}

@media screen and (min-width: 1400px) {
  section.content-Info div.hoge {
    padding-top: 80px;
  }
}

@media screen and (min-width: 1650px) {
  section.content-Info div.hoge {
    padding-top: 90px;
  }
}

section.content-Info div.space2 {
  height: 50px;
  margin-bottom: -30px;
}

@media screen and (min-width: 1400px) {
  section.content-Info div.space2 {
    height: 70px;
  }
}

@media screen and (min-width: 1650px) {
  section.content-Info div.space2 {
    height: 90px;
  }
}

section.content-Info h6 {
  width: 350px;
  margin-top: 100px;
  margin-bottom: 10px;
  letter-spacing: 0.12em;
  color: #69594e;
  font-size: 18px;
}

@media screen and (min-width: 1024px) {
  section.content-Info h6 {
    margin-top: 80px;
    font-size: 26px;
    width: 800px;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
}

@media screen and (min-width: 1650px) {
  section.content-Info h6 {
    width: 660px;
    margin-top: 20px;
    letter-spacing: 0.2em;
    font-size: 20px;
  }
}

section.content-Info div.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  width: 350px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 5px;
}

@media screen and (min-width: 1024px) {
  section.content-Info div.flex {
    width: 800px;
    margin-top: 7px;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
}

section.content-Info div.flex label {
  font-size: 15px;
  font-weight: bold;
  color: #69594e;
  letter-spacing: 0.2em;
  padding-left: 5px;
}

@media screen and (min-width: 1024px) {
  section.content-Info div.flex label {
    font-size: 20px;
    margin-top: 5px;
  }
}

section.content-Info div.flex span {
  display: block;
  background-color: #69594e;
  font-size: 11px;
  text-align: center;
  color: white;
  padding-top: 5px;
  padding-bottom: 7px;
  padding-left: 13px;
  padding-right: 13px;
  letter-spacing: 0.2em;
  border-radius: 5px;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}

@media screen and (min-width: 1024px) {
  section.content-Info div.flex span {
    font-size: 17px;
    padding-top: 11px;
    padding-bottom: 14px;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 10px;
  }
}

section.content-Info div.flex span.option {
  background-color: rgba(105, 89, 78, 0.8);
}

section.content-Info div.flex div.item {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 5px;
  margin-bottom: 15px;
}

section.content-Info div.flex input {
  margin-left: 8px;
  padding-left: 15px;
  padding-top: 3px;
  padding-bottom: 4px;
  letter-spacing: 0.1em;
  color: #777777;
  width: 270px;
}

@media screen and (min-width: 1024px) {
  section.content-Info div.flex input {
    width: 600px;
    margin-left: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 12px;
    border: 1px solid #999999;
    border-radius: 10px;
    font-size: 18px;
  }
}

section.content-Info div.flex textarea {
  margin-left: 8px;
  padding-left: 15px;
  padding-top: 3px;
  padding-bottom: 4px;
  width: 270px;
  letter-spacing: 0.1em;
  color: #333333;
}

@media screen and (min-width: 1024px) {
  section.content-Info div.flex textarea {
    width: 600px;
    font-size: 17px;
    padding-top: 11px;
    padding-bottom: 14px;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 10px;
    margin-left: 15px;
    border: 1px solid #999;
  }
}

section.content-Info div.strContent {
  width: 350px;
  padding: 20px 0px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: rgba(242, 242, 225, 0.3);
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

@media screen and (min-width: 1024px) {
  section.content-Info div.strContent {
    width: 600px;
  }
}

@media screen and (min-width: 1650px) {
  section.content-Info div.strContent {
    width: 600px;
    padding: 40px 0px;
    padding-left: 60px;
    padding-right: 60px;
  }
}

section.content-Info div.strContent p {
  font-size: 12px;
  color: #69594e;
  letter-spacing: 0.2em;
  line-height: 1.8em;
}

@media screen and (min-width: 1024px) {
  section.content-Info div.strContent p {
    font-size: 16px;
  }
}

section.content-Info div.imgFrame2 {
  height: initial;
  padding-bottom: 30px;
  margin-bottom: -5px;
  padding-top: 15px;
}

@media screen and (min-width: 1650px) {
  section.content-Info div.imgFrame2 {
    padding-top: 20px;
  }
}

section.content-Info div.btn2 {
  margin-top: 10px;
  margin-bottom: 5px;
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 5px;
  padding-top: 11px;
  padding-bottom: 16px;
  background-color: #69594e;
  color: #f2f2e1;
  border-radius: 40px;
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  section.content-Info div.btn2 {
    width: 540px;
    border-radius: 40px;
    padding-top: 20px;
    padding-bottom: 28px;
    margin-top: 30px;
    margin-bottom: 25px;
  }
}

section.content-Info div.btn2 p {
  font-weight: bold;
  letter-spacing: 0.15em;
  text-align: center;
  font-size: 14px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  section.content-Info div.btn2 p {
    font-size: 22px;
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }
}

@media screen and (min-width: 1650px) {
  section.content-Info div.btn2 p {
    font-size: 26px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

section.content-Info div.btn2 p input {
  cursor: pointer;
}

section.content-Info div.flexXX {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  width: 360px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}

@media screen and (min-width: 1024px) {
  section.content-Info div.flexXX {
    width: 1000px;
  }
}

@media screen and (min-width: 1400px) {
  section.content-Info div.flexXX {
    width: 1200px;
  }
}

@media screen and (min-width: 1650px) {
  section.content-Info div.flexXX {
    width: 1400px;
  }
}

section.content-Info div.flexXX div.item {
  width: 85px;
  margin-left: 5px;
}

@media screen and (min-width: 1024px) {
  section.content-Info div.flexXX div.item {
    width: 245px;
  }
}

@media screen and (min-width: 1400px) {
  section.content-Info div.flexXX div.item {
    width: 295px;
  }
}

@media screen and (min-width: 1650px) {
  section.content-Info div.flexXX div.item {
    width: 335px;
  }
}

section#content-Policy2 {
  padding-bottom: 40px;
  position: relative;
  margin-bottom: -80px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 {
    margin-bottom: -30px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.wrap {
    margin-top: 35px;
  }
}

section#content-Policy2 div.titleRock {
  width: 150px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.titleRock {
    width: 200px;
    height: 180px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.titleRock {
    width: 220px;
    height: 180px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.titleRock {
    width: 250px;
    height: 250px;
  }
}

section#content-Policy2 div.titleRock img.img1 {
  width: 100%;
  position: absolute;
  z-index: 1;
}

section#content-Policy2 div.titleRock img.img2 {
  width: 28px;
  position: absolute;
  z-index: 2;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.titleRock img.img2 {
    width: 40px;
    bottom: 25px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.titleRock img.img2 {
    width: 40px;
    bottom: 16px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.titleRock img.img2 {
    width: 50px;
    bottom: 50px;
  }
}

section#content-Policy2 div.titleRock p {
  position: absolute;
  z-index: 3;
  color: white;
  width: 100%;
  text-align: center;
}

section#content-Policy2 div.titleRock p.str1 {
  letter-spacing: 0.2em;
  font-size: 15px;
  font-weight: bold;
  top: 45px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.titleRock p.str1 {
    font-size: 18px;
    top: 55px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.titleRock p.str1 {
    font-size: 20px;
    top: 62px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.titleRock p.str1 {
    font-size: 24px;
    top: 75px;
  }
}

section#content-Policy2 div.titleRock p.str2 {
  letter-spacing: 0.2em;
  font-size: 10px;
  font-weight: bold;
  top: 70px;
  font-style: italic;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.titleRock p.str2 {
    font-size: 13px;
    top: 85px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.titleRock p.str2 {
    top: 95px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.titleRock p.str2 {
    font-size: 16px;
    top: 115px;
  }
}

@media screen and (max-width: 1023px) {
  section#content-Policy2 div.titleRock {
    -webkit-transform: translate(-50%, 160px) !important;
            transform: translate(-50%, 160px) !important;
    margin-top: -60px;
  }
}

@media screen and (max-width: 1023px) {
  section#content-Policy2 div.titleRock3 {
    -webkit-transform: translate(-50%, -135px) !important;
            transform: translate(-50%, -135px) !important;
    margin-top: -60px;
  }
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.titleRock3 {
    margin-bottom: -30px;
  }
}

section#content-Policy2 div.titleRock2 {
  position: absolute;
  z-index: 10;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  top: -10px;
  width: 250px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.titleRock2 {
    display: none;
  }
}

section#content-Policy2 div.titleRock2 p {
  color: #f1d34a;
}

section#content-Policy2 div.titleRock2 p.str1, section#content-Policy2 div.titleRock2 p.str2 {
  font-size: 22px;
  letter-spacing: 0.15em;
}

section#content-Policy2 div.titleRock2 img.img2 {
  width: 50px;
  -webkit-transform: translate(-50%, 40px);
          transform: translate(-50%, 40px);
}

section#content-Policy2 div.box1 {
  position: relative;
}

section#content-Policy2 div.box1 div.mobileBtn {
  height: 60px;
  width: 270px;
  position: absolute;
  z-index: 10;
  top: -20px;
  left: 50%;
  -webkit-transform: translate(-50%, -100px);
          transform: translate(-50%, -100px);
}

@media screen and (min-width: 500px) {
  section#content-Policy2 div.box1 div.mobileBtn {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.box1 {
    height: 15px;
    background-color: #f2f2e1;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.box1 {
    height: 30px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.box1 {
    height: 50px;
  }
}

@media screen and (max-width: 1023px) {
  section#content-Policy2 div.box11 {
    margin-top: 40px;
  }
}

@media screen and (max-width: 1023px) {
  section#content-Policy2 div.box12 {
    margin-top: 300px;
  }
}

section#content-Policy2 div.spaceXX {
  margin-top: -70px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.spaceXX {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.tmpSpace {
    margin-top: 50px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.tmpSpace {
    margin-top: 10px;
  }
}

section#content-Policy2 div.box2 {
  position: relative;
}

@media screen and (max-width: 1023px) {
  section#content-Policy2 div.box2 {
    margin-top: -130px;
  }
}

section#content-Policy2 div.box2:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  width: 100%;
  background-color: #f2f2e1;
  height: 30px;
}

@media screen and (max-width: 1023px) {
  section#content-Policy2 div.box2:before {
    display: none;
  }
}

section#content-Policy2 div.box2 div.titleRock {
  width: 150px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.box2 div.titleRock {
    width: 200px;
    height: 180px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.box2 div.titleRock {
    width: 220px;
    height: 180px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.box2 div.titleRock {
    width: 250px;
    height: 250px;
  }
}

section#content-Policy2 div.box2 div.titleRock img.img1 {
  width: 100%;
  position: absolute;
  z-index: 1;
}

section#content-Policy2 div.box2 div.titleRock img.img2 {
  width: 28px;
  position: absolute;
  z-index: 2;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.box2 div.titleRock img.img2 {
    width: 40px;
    bottom: 25px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.box2 div.titleRock img.img2 {
    width: 40px;
    bottom: 16px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.box2 div.titleRock img.img2 {
    width: 50px;
    bottom: 50px;
  }
}

section#content-Policy2 div.box2 div.titleRock p {
  position: absolute;
  z-index: 3;
  color: white;
  width: 100%;
  text-align: center;
}

section#content-Policy2 div.box2 div.titleRock p.str1 {
  letter-spacing: 0.2em;
  font-size: 15px;
  font-weight: bold;
  top: 45px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.box2 div.titleRock p.str1 {
    font-size: 18px;
    top: 55px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.box2 div.titleRock p.str1 {
    font-size: 20px;
    top: 62px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.box2 div.titleRock p.str1 {
    font-size: 24px;
    top: 75px;
  }
}

section#content-Policy2 div.box2 div.titleRock p.str2 {
  letter-spacing: 0.2em;
  font-size: 10px;
  font-weight: bold;
  top: 70px;
  font-style: italic;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.box2 div.titleRock p.str2 {
    font-size: 13px;
    top: 85px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.box2 div.titleRock p.str2 {
    top: 95px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.box2 div.titleRock p.str2 {
    font-size: 16px;
    top: 115px;
  }
}

section#content-Policy2 div.box2 div.titleRock {
  -webkit-transform: translate(-50%, -5px);
          transform: translate(-50%, -5px);
  position: absolute;
  z-index: 99;
  left: 50%;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.box2 div.titleRock {
    -webkit-transform: translateY(-32px);
            transform: translateY(-32px);
    position: static;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.box2 div.titleRock {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
}

section#content-Policy2 div.box3 {
  position: relative;
}

@media screen and (max-width: 1023px) {
  section#content-Policy2 div.box3 {
    margin-top: -130px;
  }
}

section#content-Policy2 div.box3:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  width: 100%;
  background-color: #f2f2e1;
  height: 100px;
  padding-top: 140px;
}

@media screen and (max-width: 1023px) {
  section#content-Policy2 div.box3:before {
    display: none;
  }
}

section#content-Policy2 div.space1 {
  margin-top: -55px !important;
  height: 190px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.space1 {
    margin-top: 40px;
    height: initial;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.space1 {
    margin-top: 80px;
  }
}

section#content-Policy2 div.flexPC11 {
  display: block;
  margin-top: -20px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -50px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.flexPC11 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    margin-top: initial;
    -webkit-transform: translateX(60px);
            transform: translateX(60px);
    margin-top: 0px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.flexPC11 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    max-width: 1100px;
    -webkit-transform: translate(0px, 40px);
            transform: translate(0px, 40px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.flexPC11 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    max-width: 1800px;
  }
}

section#content-Policy2 div.flexPC11 div.fig {
  width: 100px;
  height: 100px;
  background-size: cover;
  position: absolute;
  opacity: 1;
  z-index: 1;
}

section#content-Policy2 div.flexPC11 div.fig1 {
  top: 55px;
  right: 10%;
  background-image: url("../images/kinder1.webp");
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.flexPC11 div.fig1 {
    width: 160px;
    height: 160px;
    top: 55px;
    right: 200px;
  }
}

section#content-Policy2 div.flexPC11 div.noneM {
  display: none !important;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.flexPC11 div.noneM {
    display: block !important;
  }
}

section#content-Policy2 div.policyContent {
  margin-top: -10px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.policyContent {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    width: 500px;
    -webkit-transform: translate(0px, 80px);
            transform: translate(0px, 80px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.policyContent {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    width: 700px;
    -webkit-transform: translate(-20px, 70px);
            transform: translate(-20px, 70px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.policyContent {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    width: 800px;
    -webkit-transform: translateX(-60px);
            transform: translateX(-60px);
  }
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.policyContent img {
    width: 500px;
    border-radius: 50%;
    -webkit-box-shadow: 15px 15px 15px #eeeeee;
            box-shadow: 15px 15px 15px #eeeeee;
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.policyContent img {
    width: 550px;
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.policyContent img {
    width: 800px;
    -webkit-transform: translate(10px, 30px);
            transform: translate(10px, 30px);
  }
  section#content-Policy2 div.policyContent img.imgx {
    -webkit-transform: translate(-30px, -90px);
            transform: translate(-30px, -90px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.policyContentX {
    -webkit-transform: translate(-10px, 50px);
            transform: translate(-10px, 50px);
  }
}

section#content-Policy2 div.contentStrWrap {
  padding-top: 50px;
  height: 320px;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
}

@media screen and (max-width: 1023px) {
  section#content-Policy2 div.contentStrWrap {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStrWrap {
    width: 500px;
    height: 520px;
    -webkit-transform: translate(0px, 30px);
            transform: translate(0px, 30px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.contentStrWrap {
    -webkit-transform: translate(-30px, 30px);
            transform: translate(-30px, 30px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.contentStrWrap {
    width: 600px;
    height: 700px;
    -webkit-transform: translate(-230px, -40px);
            transform: translate(-230px, -40px);
  }
}

section#content-Policy2 div.contentStrWrap div.contentStr {
  width: 200px;
  height: 300px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStrWrap div.contentStr {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 570px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.contentStrWrap div.contentStr {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 700px;
  }
}

section#content-Policy2 div.contentStrWrap div.contentStr p {
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  font-family: "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  font-size: 17px;
  color: #333333;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStrWrap div.contentStr p {
    font-size: 30px;
    color: #888888;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.contentStrWrap div.contentStr p {
    font-size: 31px;
    color: #888888;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.contentStrWrap div.contentStr p {
    font-size: 35px;
    letter-spacing: 0.5em;
  }
}

section#content-Policy2 div.contentStrWrap div.contentStr p:after {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  width: 1px;
  height: 340px;
  border-right: 1px dotted #cccccc;
  -webkit-transform: translate(18px, -7px);
          transform: translate(18px, -7px);
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStrWrap div.contentStr p:after {
    height: 590px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.contentStrWrap div.contentStr p:after {
    -webkit-transform: translate(25px, -7px);
            transform: translate(25px, -7px);
  }
}

section#content-Policy2 div.contentStrWrap div.contentStr p.s1 {
  position: absolute;
  z-index: 1;
  right: 60px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStrWrap div.contentStr p.s1 {
    right: 110px;
  }
}

section#content-Policy2 div.contentStrWrap div.contentStr p.s2 {
  position: absolute;
  z-index: 1;
  right: 120px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStrWrap div.contentStr p.s2 {
    right: 225px;
  }
}

section#content-Policy2 div.contentStrWrap div.contentStr p.s2:after {
  -webkit-transform: translate(20px, -7px);
          transform: translate(20px, -7px);
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStrWrap div.contentStr p.s2:after {
    -webkit-transform: translate(35px, -7px);
            transform: translate(35px, -7px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.contentStrWrap div.contentStr p.s2:after {
    -webkit-transform: translate(35px, -7px);
            transform: translate(35px, -7px);
  }
}

section#content-Policy2 div.contentStrWrap div.contentStr p.s2:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  width: 1px;
  height: 320px;
  border-right: 1px dotted #cccccc;
  -webkit-transform: translate(-13px, -7px);
          transform: translate(-13px, -7px);
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStrWrap div.contentStr p.s2:before {
    height: 590px;
    -webkit-transform: translate(-25px, -7px);
            transform: translate(-25px, -7px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.contentStrWrap div.contentStr p.s2:before {
    -webkit-transform: translate(-35px, -7px);
            transform: translate(-35px, -7px);
  }
}

section#content-Policy2 div.contentStrWrap11 {
  height: 340px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStrWrap11 {
    width: 600px;
    height: 590px;
    -webkit-transform: translate(20px, -40px);
            transform: translate(20px, -40px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.contentStrWrap11 {
    width: 600px;
    height: 800px;
    -webkit-transform: translate(-230px, -40px);
            transform: translate(-230px, -40px);
  }
}

section#content-Policy2 div.contentStrWrap11 div.contentStr11 {
  height: 340px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStrWrap11 div.contentStr11 {
    height: 590px;
  }
}

section#content-Policy2 div.contentStrWrap11 div.contentStr11 p:after {
  height: 340px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStrWrap11 div.contentStr11 p:after {
    height: 590px;
  }
}

section#content-Policy2 div.contentStrWrap11 div.contentStr11 p.s2:before {
  height: 340px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStrWrap11 div.contentStr11 p.s2:before {
    height: 590px;
  }
}

section#content-Policy2 div.contentStrWrap12 {
  height: 330px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStrWrap12 {
    height: 590px;
  }
}

section#content-Policy2 div.contentStrWrap12 div.contentStr12 {
  height: 330px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStrWrap12 div.contentStr12 {
    height: 590px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.contentStrWrap12 div.contentStr12 {
    height: 590px;
  }
}

section#content-Policy2 div.contentStrWrap12 div.contentStr12 p:after {
  height: 330px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStrWrap12 div.contentStr12 p:after {
    height: 590px;
  }
}

section#content-Policy2 div.contentStrWrap12 div.contentStr12 p.s2:before {
  height: 330px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStrWrap12 div.contentStr12 p.s2:before {
    height: 590px;
  }
}

section#content-Policy2 picture {
  margin-top: -30px;
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 picture.sp {
    display: none;
  }
}

section#content-Policy2 picture.PC {
  display: none;
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 picture.PC {
    display: block;
  }
}

section#content-Policy2 picture img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

section#content-Policy2 picture img.pic1 {
  margin-top: 50px;
  border-radius: 50% 50% 0 0;
}

@media screen and (min-width: 1024px) and (max-width: 1649px) {
  section#content-Policy2 picture img.pic1 {
    border-radius: 50%;
  }
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 picture img.pic1 {
    margin-top: initial;
    -webkit-transform: translate(20px, -80px);
            transform: translate(20px, -80px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 picture img.pic1 {
    -webkit-transform: translate(-30px, -60px);
            transform: translate(-30px, -60px);
  }
}

section#content-Policy2 picture img.pic2 {
  border-radius: 50% 50% 0 0;
}

@media screen and (min-width: 1024px) and (max-width: 1649px) {
  section#content-Policy2 picture img.pic2 {
    border-radius: 50%;
  }
}

section#content-Policy2 div.contentStr2 {
  padding-top: 20px;
  padding-bottom: 30px;
  position: relative;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStr2 {
    background-color: rgba(242, 242, 225, 0.3);
    margin-top: 100px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.contentStr2 {
    background-color: rgba(242, 242, 225, 0.25);
    margin-top: 150px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.contentStr2 {
    background-color: rgba(242, 242, 225, 0.35);
    margin-top: 150px;
    padding-top: 50px;
    padding-bottom: 70px;
  }
}

section#content-Policy2 div.contentStr2 div.wrap {
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  color: #666666;
  padding: 15px 15px;
  border-radius: 20px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStr2 div.wrap {
    width: 700px;
    margin-bottom: 70px;
    margin-top: 20px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.contentStr2 div.wrap {
    width: 800px;
    margin-bottom: 70px;
    margin-top: 20px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.contentStr2 div.wrap {
    width: 900px;
    margin-bottom: 70px;
    margin-top: initial;
  }
}

section#content-Policy2 div.contentStr2 div.wrap h2 {
  color: #aaaaaa;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 10px;
  letter-spacing: 0.08em;
  font-size: 15px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStr2 div.wrap h2 {
    letter-spacing: 0.15em;
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.contentStr2 div.wrap h2 {
    font-size: 28px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.contentStr2 div.wrap h2 {
    font-size: 32px;
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

section#content-Policy2 div.contentStr2 div.wrap p {
  font-size: 13px;
  letter-spacing: 0.1em;
  margin-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 1.8em;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStr2 div.wrap p {
    margin-top: 20px;
    font-size: 21px;
    padding-left: 60px;
    padding-right: 60px;
    color: #999999;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.contentStr2 div.wrap p {
    font-size: 23px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.contentStr2 div.wrap p {
    margin-top: 20px;
    font-size: 24px;
    padding-left: 60px;
    padding-right: 60px;
  }
}

section#content-Policy2 div.contentStr2 div.btn {
  margin-top: 30px;
  margin-bottom: 20px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 1px 5px;
  padding-top: 7px;
  padding-bottom: 14px;
  background-color: #69594e;
  color: #f2f2e1;
  border-radius: 30px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStr2 div.btn {
    width: 340px;
    border-radius: 40px;
    margin-top: 40px;
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.contentStr2 div.btn {
    width: 500px;
    border-radius: 40px;
    margin-top: 50px;
    margin-bottom: 35px;
  }
}

section#content-Policy2 div.contentStr2 div.btn p {
  font-weight: bold;
  letter-spacing: 0.08em;
  text-align: center;
  font-size: 13px;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStr2 div.btn p {
    font-size: 18px;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    color: white;
    letter-spacing: 0.15em;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.contentStr2 div.btn p {
    font-size: 24px;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    color: white;
    letter-spacing: 0.15em;
  }
}

section#content-Policy2 div.contentStr2 img.fig {
  position: absolute;
  bottom: 0px;
  z-index: 1;
  width: 45px;
  -webkit-transform: translate(10px, 26px);
          transform: translate(10px, 26px);
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.contentStr2 img.fig {
    width: 100px;
    -webkit-transform: translate(30px, 26px);
            transform: translate(30px, 26px);
    bottom: 50px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.contentStr2 img.fig {
    width: 100px;
    -webkit-transform: translate(70px, 26px);
            transform: translate(70px, 26px);
    bottom: 50px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.contentStr2 img.fig {
    width: 140px;
    -webkit-transform: translate(180px, 26px);
            transform: translate(180px, 26px);
    bottom: 50px;
  }
}

section#content-Policy2 div.flexXX {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  width: 360px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
  margin-top: 5px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.flexXX {
    width: 1000px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.flexXX {
    width: 1200px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.flexXX {
    width: 1600px;
  }
}

section#content-Policy2 div.flexXX div.item {
  width: 85px;
  margin-left: 5px;
}

@media screen and (min-width: 1024px) {
  section#content-Policy2 div.flexXX div.item {
    width: 245px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Policy2 div.flexXX div.item {
    width: 295px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.flexXX div.item {
    width: 390px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Policy2 div.flexXX2 {
    display: none;
  }
}

div.contentStr22 {
  margin-top: 0px;
}

@media screen and (min-width: 1024px) {
  div.contentStr22 {
    margin-top: -60px;
  }
}

@media screen and (min-width: 1650px) {
  div.contentStr22 {
    margin-top: -100px;
  }
}

@media screen and (min-width: 1024px) {
  div.spaceH {
    margin-top: -35px;
  }
}

section#content-Schedule {
  padding-bottom: 40px;
  background-image: url("../images/sheet.webp");
  background-repeat: repeat;
  background-size: auto;
  background-origin: padding-box;
}

@media screen and (min-width: 1024px) {
  section#content-Schedule {
    margin-top: 20px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Schedule {
    margin-top: 30px;
  }
}

section#content-Schedule div.titleRock {
  width: 150px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (min-width: 1024px) {
  section#content-Schedule div.titleRock {
    width: 200px;
    height: 180px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Schedule div.titleRock {
    width: 220px;
    height: 180px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Schedule div.titleRock {
    width: 250px;
    height: 250px;
  }
}

section#content-Schedule div.titleRock img.img1 {
  width: 100%;
  position: absolute;
  z-index: 1;
}

section#content-Schedule div.titleRock img.img2 {
  width: 28px;
  position: absolute;
  z-index: 2;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

@media screen and (min-width: 1024px) {
  section#content-Schedule div.titleRock img.img2 {
    width: 40px;
    bottom: 25px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Schedule div.titleRock img.img2 {
    width: 40px;
    bottom: 16px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Schedule div.titleRock img.img2 {
    width: 50px;
    bottom: 50px;
  }
}

section#content-Schedule div.titleRock p {
  position: absolute;
  z-index: 3;
  color: white;
  width: 100%;
  text-align: center;
}

section#content-Schedule div.titleRock p.str1 {
  letter-spacing: 0.2em;
  font-size: 15px;
  font-weight: bold;
  top: 45px;
}

@media screen and (min-width: 1024px) {
  section#content-Schedule div.titleRock p.str1 {
    font-size: 18px;
    top: 55px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Schedule div.titleRock p.str1 {
    font-size: 20px;
    top: 62px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Schedule div.titleRock p.str1 {
    font-size: 24px;
    top: 75px;
  }
}

section#content-Schedule div.titleRock p.str2 {
  letter-spacing: 0.2em;
  font-size: 10px;
  font-weight: bold;
  top: 70px;
  font-style: italic;
}

@media screen and (min-width: 1024px) {
  section#content-Schedule div.titleRock p.str2 {
    font-size: 13px;
    top: 85px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Schedule div.titleRock p.str2 {
    top: 95px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Schedule div.titleRock p.str2 {
    font-size: 16px;
    top: 115px;
  }
}

section#content-Schedule div.titleRock {
  position: absolute;
  z-index: 1;
  bottom: -85px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (min-width: 1024px) {
  section#content-Schedule div.titleRock {
    bottom: -95px;
  }
}

section#content-Schedule div.wrap {
  position: relative;
}

section#content-Schedule h2 {
  margin-top: 90px;
  width: 350px;
  margin-left: auto;
  margin-right: auto;
  color: #69594e;
  letter-spacing: 0.3em;
  font-size: 17px;
  padding-left: 20px;
}

@media screen and (min-width: 1024px) {
  section#content-Schedule h2 {
    width: 800px;
    font-size: 22px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Schedule h2 {
    width: 900px;
    font-size: 30px;
  }
}

section#content-Schedule div.strContent {
  width: 350px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  padding: 20px 30px;
  padding-top: 20px;
  margin-top: 10px;
  border-radius: 30px;
  color: #777777;
}

@media screen and (min-width: 1024px) {
  section#content-Schedule div.strContent {
    width: 800px;
    padding: 40px 100px;
    padding-top: 40px;
    margin-top: 10px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Schedule div.strContent {
    width: 1100px;
    padding: 60px 140px;
    padding-top: 40px;
    margin-top: 10px;
  }
}

section#content-Schedule div.strContent p {
  font-size: 14px;
  letter-spacing: 0.2em;
  line-height: 1.8em;
}

@media screen and (min-width: 1024px) {
  section#content-Schedule div.strContent p {
    letter-spacing: 0.2em;
    font-size: 18px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Schedule div.strContent p {
    font-size: 25px;
    line-height: 1.8em;
    letter-spacing: 0.3em;
    color: #999999;
  }
}

section#content-Schedule div.strContent2 {
  margin-top: 30px;
}

section#content-Schedule div.corse {
  width: 350px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  margin-bottom: 20px;
  padding-left: 15px;
}

@media screen and (min-width: 1024px) {
  section#content-Schedule div.corse {
    width: 800px;
    margin-top: 35px;
    margin-bottom: 40px;
    padding-left: 35px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Schedule div.corse {
    width: 1000px;
    margin-top: 35px;
    margin-bottom: 40px;
    padding-left: 75px;
  }
}

section#content-Schedule div.next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
  letter-spacing: 0.1em;
  padding-left: 10px;
  padding-right: 0px;
  margin-bottom: 5px;
}

@media screen and (min-width: 1024px) {
  section#content-Schedule div.next {
    width: 750px;
    font-size: 20px;
  }
}

@media screen and (min-width: 1024px) {
  section#content-Schedule div.next {
    width: 950px;
    font-size: 20px;
  }
}

section#content-Schedule .selectbox-5 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

section#content-Schedule .selectbox-5::after {
  position: absolute;
  right: 15px;
  width: 10px;
  height: 7px;
  background-color: #535353;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: '';
  pointer-events: none;
}

section#content-Schedule .selectbox-5 select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: 330px;
  height: 2.8em;
  padding: 0.4em calc(0.8em + 30px) 0.4em 0.8em;
  padding-left: 20px;
  border: none;
  border-bottom: 2px solid #d0d0d0;
  background-color: #fff;
  color: #333333;
  font-size: 16px;
  letter-spacing: 0.1em;
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  section#content-Schedule .selectbox-5 select {
    min-width: 760px;
    font-size: 25px;
    letter-spacing: 0.2em;
    padding-left: 20px;
    margin-left: 50px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Schedule .selectbox-5 select {
    min-width: 930px;
    font-size: 30px;
    letter-spacing: 0.2em;
    padding-left: 20px;
    margin-left: 0px;
  }
}

section#content-Schedule .selectbox-5 select:focus {
  outline: none;
}

section#content-Schedule table {
  cursor: pointer;
  width: 92%;
  background-color: white;
  border: 1px solid #eeeeee;
}

@media screen and (min-width: 1024px) {
  section#content-Schedule table {
    width: 900px;
    border: 1px solid #dddddd;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Schedule table {
    min-width: 1100px;
  }
}

section#content-Schedule table tr:nth-child(odd) {
  background-color: rgba(230, 208, 114, 0.04);
}

@media screen and (min-width: 1024px) {
  section#content-Schedule table tr:nth-child(odd) {
    background-color: rgba(230, 208, 114, 0.1);
  }
}

section#content-Schedule table th {
  border: 1px solid #f3f3f3;
  letter-spacing: 0.1em;
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: rgba(230, 208, 114, 0.15);
}

@media screen and (min-width: 1024px) {
  section#content-Schedule table th {
    letter-spacing: 0.15em;
    background-color: rgba(230, 208, 114, 0.2);
    font-size: 19px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #eeeeee;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Schedule table th {
    font-size: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

section#content-Schedule table td {
  border: 1px solid #f3f3f3;
  letter-spacing: 0.15em;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  section#content-Schedule table td {
    font-size: 19px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #eeeeee;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Schedule table td {
    font-size: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #eeeeee;
  }
}

section#content-Schedule table td:nth-of-type(1) {
  font-size: 12px;
  font-weight: bold;
  width: 55px;
  background-color: rgba(230, 208, 114, 0.065);
}

@media screen and (min-width: 1024px) {
  section#content-Schedule table td:nth-of-type(1) {
    background-color: rgba(230, 208, 114, 0.1);
    font-size: 19px;
    width: 150px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Schedule table td:nth-of-type(1) {
    font-size: 25px;
  }
}

section#content-Schedule div.btn {
  margin-top: 20px;
  width: 220px;
  margin-left: auto;
  margin-right: auto;
  padding: 1px 5px;
  padding-top: 10px;
  padding-bottom: 18px;
  background-color: #69594e;
  color: white;
  border-radius: 40px;
  margin-bottom: 30px;
}

@media screen and (min-width: 1024px) {
  section#content-Schedule div.btn {
    width: 350px;
    bottom: 60px;
    padding-top: 12px;
    padding-bottom: 22px;
    border-radius: 40px;
    margin-bottom: 60px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Schedule div.btn {
    width: 550px;
    bottom: 60px;
    padding-top: 20px;
    padding-bottom: 30px;
    border-radius: 40px;
    margin-bottom: 60px;
    margin-top: 20px;
  }
}

section#content-Schedule div.btn p {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 14px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}

@media screen and (min-width: 1024px) {
  section#content-Schedule div.btn p {
    font-size: 18px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Schedule div.btn p {
    font-size: 26px;
  }
}

section#content-Schedule div.btn3 {
  background-color: #e6d072;
  color: #f2f2e1;
}

section#content-Schedule div.flexXX {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  width: 360px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}

@media screen and (min-width: 1024px) {
  section#content-Schedule div.flexXX {
    width: 1000px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Schedule div.flexXX {
    width: 1200px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Schedule div.flexXX {
    width: 1600px;
  }
}

section#content-Schedule div.flexXX div.item {
  width: 85px;
  margin-left: 5px;
}

@media screen and (min-width: 1024px) {
  section#content-Schedule div.flexXX div.item {
    width: 245px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Schedule div.flexXX div.item {
    width: 295px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Schedule div.flexXX div.item {
    width: 390px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Schedule div.flexXX2 {
    display: none;
  }
}

section.modalSection {
  /* モーダルを開くボタン */
  /* モーダルと背景の指定 */
  /* モーダルの擬似要素の指定 */
  /* クラスが追加された時の指定 */
  /* モーダル内側の指定 */
  /* モーダルを閉じるボタンの指定 */
  /* モーダルのコンテンツ部分の指定 */
  /* モーダルのコンテンツ部分のテキストの指定 */
}

section.modalSection .modal-open {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 16px;
  font-weight: bold;
  width: 300px;
  height: 60px;
  color: #fff;
  background: #000;
  border: none;
  cursor: pointer;
  translate: -50% -50%;
  z-index: -2;
}

section.modalSection div.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  z-index: 9999999;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

section.modalSection .modal:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-left: -0.2em;
}

section.modalSection .modal.is-active {
  opacity: 1;
  visibility: visible;
}

section.modalSection .modal-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 800px;
  width: 90%;
}

section.modalSection .modal-close {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  color: #fff;
  background: #000;
  border-radius: 50%;
  cursor: pointer;
}

section.modalSection .modal-close p {
  -webkit-transform: translate(5px, 0px);
          transform: translate(5px, 0px);
  font-size: 15px;
  font-weight: bold;
}

section.modalSection .modal-content {
  background: #fff;
  text-align: left;
  line-height: 1.8;
  padding: 20px;
  padding-bottom: 20px;
  border-radius: 10px;
}

@media screen and (min-width: 650px) {
  section.modalSection .modal-content {
    padding-bottom: 60px;
  }
}

section.modalSection .modal-content div.btnXX {
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 1px 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #69594e;
  color: white;
  border-radius: 20px;
  cursor: pointer;
  overflow: hidden;
}

@media screen and (max-width: 500px) {
  section.modalSection .modal-content div.btnXX {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 10px;
  }
}

section.modalSection .modal-content div.btnXX input {
  font-size: inherit;
  letter-spacing: inherit;
  background-color: inherit;
  color: inherit;
  border: inherit;
  cursor: pointer;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 500px) {
  section.modalSection .modal-content div.btnXX input {
    height: 65px;
  }
}

@media screen and (min-width: 500px) {
  section.modalSection .modal-content div.btnXX {
    width: 350px;
    bottom: 60px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 40px;
  }
}

section.modalSection .modal-content div.btnXX p {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 12px;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  section.modalSection .modal-content div.btnXX p {
    font-size: 18px;
  }
}

section.modalSection .modal-content div.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  width: 350px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 5px;
}

@media screen and (min-width: 1024px) {
  section.modalSection .modal-content div.flex {
    width: 800px;
    margin-top: 7px;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
}

section.modalSection .modal-content div.flex label {
  font-size: 15px;
  font-weight: bold;
  color: #69594e;
  letter-spacing: 0.2em;
  padding-left: 5px;
}

@media screen and (min-width: 1024px) {
  section.modalSection .modal-content div.flex label {
    font-size: 20px;
    margin-top: 5px;
  }
}

section.modalSection .modal-content div.flex span {
  display: block;
  background-color: #69594e;
  font-size: 11px;
  text-align: center;
  color: white;
  padding-top: 5px;
  padding-bottom: 7px;
  padding-left: 13px;
  padding-right: 13px;
  letter-spacing: 0.2em;
  border-radius: 5px;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}

@media screen and (min-width: 1024px) {
  section.modalSection .modal-content div.flex span {
    font-size: 17px;
    padding-top: 11px;
    padding-bottom: 14px;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 10px;
  }
}

section.modalSection .modal-content div.flex span.option {
  background-color: rgba(105, 89, 78, 0.8);
}

section.modalSection .modal-content div.flex div.item {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 5px;
  margin-bottom: 15px;
}

section.modalSection .modal-content div.flex input {
  margin-left: 8px;
  padding-left: 15px;
  padding-top: 3px;
  padding-bottom: 4px;
  letter-spacing: 0.1em;
  color: #777777;
  width: 270px;
}

@media screen and (min-width: 1024px) {
  section.modalSection .modal-content div.flex input {
    width: 600px;
    margin-left: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 12px;
    border: 1px solid #999999;
    border-radius: 10px;
    font-size: 18px;
  }
}

section.modalSection .modal-content div.flex textarea {
  margin-left: 8px;
  padding-left: 15px;
  padding-top: 3px;
  padding-bottom: 4px;
  width: 270px;
  letter-spacing: 0.1em;
  color: #333333;
}

@media screen and (min-width: 1024px) {
  section.modalSection .modal-content div.flex textarea {
    width: 600px;
    font-size: 17px;
    padding-top: 11px;
    padding-bottom: 14px;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 10px;
    margin-left: 15px;
    border: 1px solid #999999;
  }
}

@media screen and (max-width: 500px) {
  section.modalSection .modal-content div.flex textarea::-webkit-input-placeholder {
    font-size: 12px;
  }
  section.modalSection .modal-content div.flex textarea::-moz-placeholder {
    font-size: 12px;
  }
  section.modalSection .modal-content div.flex textarea:-ms-input-placeholder {
    font-size: 12px;
  }
  section.modalSection .modal-content div.flex textarea::-ms-input-placeholder {
    font-size: 12px;
  }
  section.modalSection .modal-content div.flex textarea::placeholder {
    font-size: 12px;
  }
}

section.modalSection .modal-content p {
  margin: 1em 0;
}

section.modalSection p.success {
  text-align: center;
  font-size: 15px;
  color: blue;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 10px;
  letter-spacing: 0.2em;
}

@media screen and (min-width: 1024px) {
  section.modalSection p.success {
    font-size: 22px;
  }
}

@media screen and (min-width: 1400px) {
  section.modalSection p.success {
    font-size: 24px;
  }
}

section.modalSection div.course {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: auto;
  margin-right: auto;
  width: 310px;
}

@media screen and (min-width: 1024px) {
  section.modalSection div.course {
    width: 80%;
    max-width: 800px;
  }
}

section.modalSection div.course p {
  letter-spacing: 0.05em;
  font-size: 13px;
  font-weight: bold;
}

@media screen and (min-width: 650px) {
  section.modalSection div.course p {
    letter-spacing: 0.1em;
    font-size: 14px;
  }
}

@media screen and (min-width: 1024px) {
  section.modalSection div.course p {
    letter-spacing: 0.2em;
    font-size: 16px;
  }
}

@media screen and (min-width: 1200px) {
  section.modalSection div.course p {
    font-size: 18px;
  }
}

@media screen and (min-width: 1400px) {
  section.modalSection div.course p {
    font-size: 20px;
  }
}

@media screen and (min-width: 1650px) {
  section.modalSection div.course p {
    font-size: 24px;
  }
}

section.modalSection div.course p#priceValue {
  margin-left: 10px;
}

section.modalSection div#schedule {
  letter-spacing: 0.05em;
  font-size: 13px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  width: 310px;
  margin-top: -8px;
}

@media screen and (min-width: 1024px) {
  section.modalSection div#schedule {
    width: 80%;
    max-width: 800px;
  }
}

@media screen and (min-width: 650px) {
  section.modalSection div#schedule {
    letter-spacing: 0.1em;
    font-size: 14px;
  }
}

@media screen and (min-width: 1024px) {
  section.modalSection div#schedule {
    letter-spacing: 0.2em;
    font-size: 16px;
  }
}

@media screen and (min-width: 1200px) {
  section.modalSection div#schedule {
    font-size: 18px;
  }
}

@media screen and (min-width: 1400px) {
  section.modalSection div#schedule {
    font-size: 20px;
  }
}

@media screen and (min-width: 1650px) {
  section.modalSection div#schedule {
    font-size: 24px;
    margin-top: -14px;
  }
}

section#content-Price {
  margin-top: 0px;
  margin-bottom: -10px;
  position: relative;
}

@media screen and (min-width: 1024px) {
  section#content-Price {
    margin-top: 20px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price {
    margin-top: 30px;
  }
}

section#content-Price div.titleRock {
  width: 150px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.titleRock {
    width: 200px;
    height: 180px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.titleRock {
    width: 220px;
    height: 180px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price div.titleRock {
    width: 250px;
    height: 250px;
  }
}

section#content-Price div.titleRock img.img1 {
  width: 100%;
  position: absolute;
  z-index: 1;
}

section#content-Price div.titleRock img.img2 {
  width: 28px;
  position: absolute;
  z-index: 2;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

@media screen and (min-width: 1024px) {
  section#content-Price div.titleRock img.img2 {
    width: 40px;
    bottom: 25px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.titleRock img.img2 {
    width: 40px;
    bottom: 16px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price div.titleRock img.img2 {
    width: 50px;
    bottom: 50px;
  }
}

section#content-Price div.titleRock p {
  position: absolute;
  z-index: 3;
  color: white;
  width: 100%;
  text-align: center;
}

section#content-Price div.titleRock p.str1 {
  letter-spacing: 0.2em;
  font-size: 15px;
  font-weight: bold;
  top: 45px;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.titleRock p.str1 {
    font-size: 18px;
    top: 55px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.titleRock p.str1 {
    font-size: 20px;
    top: 62px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price div.titleRock p.str1 {
    font-size: 24px;
    top: 75px;
  }
}

section#content-Price div.titleRock p.str2 {
  letter-spacing: 0.2em;
  font-size: 10px;
  font-weight: bold;
  top: 70px;
  font-style: italic;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.titleRock p.str2 {
    font-size: 13px;
    top: 85px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.titleRock p.str2 {
    top: 95px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price div.titleRock p.str2 {
    font-size: 16px;
    top: 115px;
  }
}

section#content-Price div.titleRock {
  position: absolute;
  z-index: 1;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

section#content-Price div.wrap {
  position: relative;
}

section#content-Price div.googleMap {
  position: relative;
  margin-top: 30px;
  margin-bottom: -5px;
  position: relative;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.googleMap {
    margin-top: 60px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price div.googleMap {
    margin-top: 70px;
  }
}

section#content-Price div.googleMap div.click {
  position: absolute;
  z-index: 10;
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 375px;
  height: 200px;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.googleMap div.click {
    width: 1000px;
    height: 350px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.googleMap div.click {
    width: 1350px;
    height: 550px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price div.googleMap div.click {
    width: 1640px;
    height: 700px;
  }
}

section#content-Price div.googleMap div.click a {
  width: 375px;
  height: 200px;
  display: block;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.googleMap div.click a {
    width: 1000px;
    height: 350px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.googleMap div.click a {
    width: 1350px;
    height: 550px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price div.googleMap div.click a {
    width: 1640px;
    height: 700px;
  }
}

section#content-Price div.googleMap div.btn {
  position: absolute;
  z-index: 1;
  bottom: 27px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  padding: 1px 5px;
  padding-top: 4px;
  padding-bottom: 12px;
  background-color: #69594e;
  color: white;
  border-radius: 20px;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.googleMap div.btn {
    width: 350px;
    bottom: 60px;
    padding-top: 12px;
    padding-bottom: 22px;
    border-radius: 40px;
  }
}

section#content-Price div.googleMap div.btn p {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 12px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}

@media screen and (min-width: 1024px) {
  section#content-Price div.googleMap div.btn p {
    font-size: 18px;
  }
}

section#content-Price div.googleMap div.btn33 {
  background-color: transparent;
  color: rgba(105, 89, 78, 0.7);
  top: 15px;
  left: 50%;
  width: 300px;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.googleMap div.btn33 {
    top: 55px;
    width: 400px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price div.googleMap div.btn33 {
    top: 55px;
    width: 600px;
  }
}

section#content-Price div.googleMap div.btn33 p {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 1.6em;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.googleMap div.btn33 p {
    font-size: 28px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price div.googleMap div.btn33 p {
    font-size: 42px;
  }
}

section#content-Price div.hoge {
  display: block;
  position: relative;
}

section#content-Price div.logo {
  padding-left: 2px;
  padding-top: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}

@media screen and (min-width: 1024px) {
  section#content-Price div.logo {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-top: 10px;
    width: 600px;
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.logo {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-top: 30px;
    width: 600px;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price div.logo {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-top: 20px;
    width: 800px;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}

section#content-Price div.logo:hover {
  opacity: 0.6;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.logo:hover {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    text-transform: capitalize;
  }
}

section#content-Price div.logo div.imgLogo {
  -webkit-transform: translate(-8px, -2px);
          transform: translate(-8px, -2px);
  width: 47px;
  height: 47px;
  background-size: 47px 47px;
  background-image: url("../images/svg/logo.svg");
}

@media screen and (min-width: 1024px) {
  section#content-Price div.logo div.imgLogo {
    width: 70px;
    height: 70px;
    background-size: 70px 70px;
    -webkit-transform: translate(0px, 2px);
            transform: translate(0px, 2px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.logo div.imgLogo {
    width: 90px;
    height: 90px;
    background-size: 90px 90px;
    -webkit-transform: translate(-10px, 5px);
            transform: translate(-10px, 5px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price div.logo div.imgLogo {
    width: 115px;
    height: 115px;
    background-size: 115px 115px;
    -webkit-transform: translate(-8px, 3px);
            transform: translate(-8px, 3px);
  }
}

section#content-Price div.logo div.str {
  padding-left: 7px;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.logo div.str {
    padding-left: 10px;
  }
}

section#content-Price div.logo div.str .str1 {
  font-size: 17px;
  letter-spacing: 0.15em;
  font-weight: bold;
  color: #e6d072;
  margin-top: 0px;
  margin-left: -6px;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}

@media screen and (min-width: 1024px) {
  section#content-Price div.logo div.str .str1 {
    font-size: 30px;
    letter-spacing: 0.1em;
    margin-top: 0px;
    margin-left: 8px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.logo div.str .str1 {
    font-size: 37px;
    margin-top: -1px;
    margin-left: 8px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price div.logo div.str .str1 {
    font-size: 46px;
    margin-top: -4px;
    margin-left: 8px;
  }
}

section#content-Price div.logo div.str .str2 {
  font-size: 11px;
  letter-spacing: 0.2em;
  font-weight: bold;
  color: #e6d072;
  margin-top: -1px;
  margin-left: -3px;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}

@media screen and (min-width: 1024px) {
  section#content-Price div.logo div.str .str2 {
    font-size: 20px;
    letter-spacing: 0.1em;
    margin-top: 2px;
    margin-left: 10px;
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.logo div.str .str2 {
    font-size: 27px;
    letter-spacing: 0.2em;
    margin-top: 1px;
    -webkit-transform: translate(0px, 2px);
            transform: translate(0px, 2px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price div.logo div.str .str2 {
    font-size: 32px;
    letter-spacing: 0.25em;
    margin-top: 1px;
    -webkit-transform: translate(0px, 2px);
            transform: translate(0px, 2px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.xxx {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
    margin-top: -30px;
  }
}

section#content-Price p.map {
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: 0.25em;
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 53px;
  position: relative;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  color: #e6d072;
  font-weight: bold;
}

@media screen and (min-width: 1024px) {
  section#content-Price p.map {
    width: 450px;
    font-size: 20px;
    margin-top: 20px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price p.map {
    width: 550px;
    font-size: 23px;
    margin-top: 40px;
    -webkit-transform: translateX(65px);
            transform: translateX(65px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price p.map {
    width: 550px;
    font-size: 23px;
    margin-top: 40px;
  }
}

section#content-Price p.map:after {
  content: '';
  display: block;
  position: absolute;
  width: 23px;
  height: 33px;
  background-image: url("../images/svg/map.svg");
  background-size: cover;
  top: 3px;
  left: 24px;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
}

@media screen and (min-width: 1024px) {
  section#content-Price p.map:after {
    width: 41.4px;
    height: 59.4px;
    -webkit-transform: translateX(-33px);
            transform: translateX(-33px);
  }
}

section#content-Price p.str11 {
  letter-spacing: 0.3em;
  width: 280px;
  margin-left: auto;
  margin-right: auto;
  color: #aaaaaa;
  font-size: 15px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  section#content-Price p.str11 {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    color: #aaaaaa;
    font-size: 19px;
    font-weight: bold;
    margin-top: 35px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price p.str11 {
    font-size: 30px;
    width: 570px;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
}

section#content-Price p.str22 {
  letter-spacing: 0.2em;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  color: #aaaaaa;
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
  text-align: left;
  padding-left: 20px;
}

@media screen and (min-width: 1024px) {
  section#content-Price p.str22 {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    color: #aaaaaa;
    font-size: 19px;
    font-weight: bold;
    margin-top: 25px;
    padding-left: 20px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price p.str22 {
    font-size: 30px;
    width: 600px;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price p.str22 {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    margin-top: 40px;
  }
}

section#content-Price div.btn {
  margin-top: 30px;
  margin-bottom: -10px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 1px 5px;
  padding-top: 7px;
  padding-bottom: 14px;
  background-color: #69594e;
  color: #f2f2e1;
  border-radius: 30px;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.btn {
    width: 340px;
    border-radius: 40px;
    margin-top: 40px;
    margin-bottom: -20px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.btn {
    width: 500px;
    border-radius: 40px;
    margin-top: 70px;
    margin-bottom: 35px;
    padding-top: 17px;
    padding-bottom: 24px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price div.btn {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
}

section#content-Price div.btn p {
  font-weight: bold;
  letter-spacing: 0.08em;
  text-align: center;
  font-size: 13px;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

@media screen and (min-width: 1024px) {
  section#content-Price div.btn p {
    font-size: 18px;
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
    color: white;
    letter-spacing: 0.15em;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.btn p {
    font-size: 24px;
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
    color: white;
    letter-spacing: 0.15em;
  }
}

@media screen and (min-width: 1024px) {
  section#content-Price div.pc {
    height: 60px;
  }
}

section#content-Price div.tel {
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: 0.25em;
  width: 310px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 53px;
  position: relative;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  color: #555555;
  font-weight: bold;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.tel {
    width: 450px;
    margin-top: 40px;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.tel {
    width: 500px;
    margin-top: 70px;
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price div.tel {
    width: 550px;
    margin-top: 80px;
    -webkit-transform: translateX(70px);
            transform: translateX(70px);
  }
}

section#content-Price div.tel div.address {
  margin-top: 10px;
}

@media screen and (min-width: 1400px) {
  section#content-Price div.tel div.address {
    margin-top: 30px;
  }
}

section#content-Price div.tel div.address p {
  margin-top: 10px;
  font-size: 14px;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.tel div.address p {
    margin-top: 25px;
    font-size: 20px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.tel div.address p {
    margin-top: 45px;
    font-size: 26px;
  }
}

section#content-Price div.tel div.address p span {
  color: #999999;
}

section#content-Price div.tel div.address p span.yen {
  font-size: 14px;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.tel div.address p span.yen {
    font-size: 16px;
    padding-left: 5px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.tel div.address p span.yen {
    font-size: 24px;
  }
}

section#content-Price div.tel div.address p span.value {
  font-size: 15px;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.tel div.address p span.value {
    font-size: 18px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.tel div.address p span.value {
    font-size: 24px;
  }
}

section#content-Price div.tel div.address p span.tani {
  font-size: 12px;
  letter-spacing: 0.03em;
  color: #999999;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.tel div.address p span.tani {
    font-size: 16px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.tel div.address p span.tani {
    font-size: 24px;
  }
}

section#content-Price div.tel div.btnX {
  width: 115px;
  padding: 1px 5px;
  padding-top: 4px;
  padding-bottom: 10px;
  background-color: #69594e;
  color: white;
  border-radius: 20px;
  -webkit-transform: translate(30px, 5px);
          transform: translate(30px, 5px);
  margin-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.tel div.btnX {
    width: 220px;
    border-radius: 40px;
    padding-top: 10px;
    padding-bottom: 16px;
    -webkit-transform: translate(30px, 10px);
            transform: translate(30px, 10px);
    background-color: #69594e;
    border: 1px solid rgba(105, 89, 78, 0.1);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.tel div.btnX {
    width: 320px;
    border-radius: 40px;
    padding-top: 15px;
    padding-bottom: 21px;
    -webkit-transform: translate(30px, 10px);
            transform: translate(30px, 10px);
    background-color: #69594e;
    border: 1px solid rgba(105, 89, 78, 0.1);
  }
}

section#content-Price div.tel div.btnX p {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 10px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  color: white;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.tel div.btnX p {
    font-size: 17px;
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.tel div.btnX p {
    font-size: 20px;
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}

section#content-Price div.tel:after {
  content: '';
  display: block;
  position: absolute;
  width: 35px;
  height: 35px;
  background-image: url("../images/svg/scheduleYellow.svg");
  background-size: cover;
  top: 1px;
  left: 18px;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
  display: none;
  z-index: 2;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.tel:after {
    width: 54.4px;
    height: 54.4px;
    -webkit-transform: translate(-35px, -8px);
            transform: translate(-35px, -8px);
  }
}

section#content-Price div.tel p {
  letter-spacing: 0.2em;
  font-size: 12px;
  padding-left: 5px;
  color: #888888;
  font-weight: normal;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.tel p {
    font-size: 20px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.tel p {
    font-size: 26px;
  }
}

section#content-Price div.tel p.tel {
  font-size: 16px;
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}

@media screen and (min-width: 1024px) {
  section#content-Price div.tel p.tel {
    font-size: 26px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.tel p.tel {
    font-size: 32px;
    -webkit-transform: translateX(60px);
            transform: translateX(60px);
  }
}

section#content-Price div.tel p.s2 {
  font-size: 15px;
  margin-top: 2px;
  margin-bottom: 1px;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.tel p.s2 {
    font-size: 20px;
  }
}

section#content-Price div.tel p.s3 {
  font-size: 10px;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.tel p.s3 {
    font-size: 18px;
  }
}

section#content-Price div.mail {
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: 0.25em;
  width: 330px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 53px;
  position: relative;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  color: #e6d072;
  font-weight: bold;
  margin-bottom: 40px;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.mail {
    margin-bottom: 60px;
    width: 450px;
    font-size: 20px;
    margin-top: 20px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price div.mail {
    margin-top: 40px;
  }
}

section#content-Price div.mail:after {
  content: '';
  display: block;
  position: absolute;
  width: 34px;
  height: 34px;
  background-image: url("../images/mail.svg");
  background-size: cover;
  top: 12px;
  left: 26px;
  -webkit-transform: translateX(-11px);
          transform: translateX(-11px);
}

@media screen and (min-width: 1024px) {
  section#content-Price div.mail:after {
    width: 61.2px;
    height: 61.2px;
    -webkit-transform: translateX(-45px);
            transform: translateX(-45px);
  }
}

section#content-Price div.mail p {
  letter-spacing: 0.2em;
  font-size: 13px;
  padding-left: 5px;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.mail p {
    font-size: 20px;
  }
}

section#content-Price div.mail p.s2 {
  font-size: 15px;
  margin-top: 2px;
  margin-bottom: 1px;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.mail p.s2 {
    font-size: 20px;
  }
}

section#content-Price div.mail p.s3 {
  font-size: 10px;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.mail p.s3 {
    font-size: 20px;
  }
}

section#content-Price div.mail div.btn {
  width: 115px;
  padding: 1px 5px;
  padding-top: 4px;
  padding-bottom: 10px;
  background-color: #69594e;
  color: #f2f2e1;
  border-radius: 20px;
  -webkit-transform: translate(30px, 5px);
          transform: translate(30px, 5px);
}

@media screen and (min-width: 1024px) {
  section#content-Price div.mail div.btn {
    width: 220px;
    border-radius: 40px;
    padding-top: 10px;
    padding-bottom: 16px;
    -webkit-transform: translate(30px, 10px);
            transform: translate(30px, 10px);
    background-color: #f2f2e1;
    color: #e6d072;
    border: 1px solid rgba(105, 89, 78, 0.1);
  }
}

section#content-Price div.mail div.btn p {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 10px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}

@media screen and (min-width: 1024px) {
  section#content-Price div.mail div.btn p {
    font-size: 17px;
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}

section#content-Price div.space {
  margin-top: 15px;
}

section#content-Price div.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 40px;
  width: 330px;
}

@media screen and (min-width: 1650px) {
  section#content-Price div.flex {
    width: 460px;
    padding-left: 0px;
    margin-left: -40px;
  }
}

section#content-Price div.flex p {
  font-size: 10px;
  letter-spacing: 0.1em;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 8px;
  font-weight: bold;
  position: relative;
}

@media screen and (min-width: 1650px) {
  section#content-Price div.flex p {
    font-size: 18px;
    font-weight: normal;
  }
}

section#content-Price div.flex p span {
  width: 8px;
  height: 8px;
  background-size: cover;
  background-image: url("../images/svg/arrow2.svg");
  position: absolute;
  z-index: 1;
  left: -14px;
  top: 13px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (min-width: 1650px) {
  section#content-Price div.flex p span {
    width: 16px;
    height: 16px;
    left: -24px;
    top: 15px;
  }
}

section#content-Price div.flexXX {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  width: 360px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
  margin-top: 5px;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.flexXX {
    width: 1000px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.flexXX {
    width: 1200px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price div.flexXX {
    width: 1600px;
  }
}

section#content-Price div.flexXX div.item {
  width: 85px;
  margin-left: 5px;
}

@media screen and (min-width: 1024px) {
  section#content-Price div.flexXX div.item {
    width: 245px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Price div.flexXX div.item {
    width: 295px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price div.flexXX div.item {
    width: 390px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Price div.flexXX2 {
    display: none;
  }
}

section#content-Common {
  padding-top: 0px;
  padding-bottom: 20px;
}

section#content-Common div.top {
  margin-top: -75px;
  margin-bottom: 70px;
}

@media screen and (min-width: 1024px) {
  section#content-Common div.top {
    display: none;
  }
}

section#content-Common div.titleRock {
  width: 150px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (min-width: 1024px) {
  section#content-Common div.titleRock {
    width: 200px;
    height: 180px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Common div.titleRock {
    width: 220px;
    height: 180px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Common div.titleRock {
    width: 250px;
    height: 250px;
  }
}

section#content-Common div.titleRock img.img1 {
  width: 100%;
  position: absolute;
  z-index: 1;
}

section#content-Common div.titleRock img.img2 {
  width: 28px;
  position: absolute;
  z-index: 2;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

@media screen and (min-width: 1024px) {
  section#content-Common div.titleRock img.img2 {
    width: 40px;
    bottom: 25px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Common div.titleRock img.img2 {
    width: 40px;
    bottom: 16px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Common div.titleRock img.img2 {
    width: 50px;
    bottom: 50px;
  }
}

section#content-Common div.titleRock p {
  position: absolute;
  z-index: 3;
  color: white;
  width: 100%;
  text-align: center;
}

section#content-Common div.titleRock p.str1 {
  letter-spacing: 0.2em;
  font-size: 15px;
  font-weight: bold;
  top: 45px;
}

@media screen and (min-width: 1024px) {
  section#content-Common div.titleRock p.str1 {
    font-size: 18px;
    top: 55px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Common div.titleRock p.str1 {
    font-size: 20px;
    top: 62px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Common div.titleRock p.str1 {
    font-size: 24px;
    top: 75px;
  }
}

section#content-Common div.titleRock p.str2 {
  letter-spacing: 0.2em;
  font-size: 10px;
  font-weight: bold;
  top: 70px;
  font-style: italic;
}

@media screen and (min-width: 1024px) {
  section#content-Common div.titleRock p.str2 {
    font-size: 13px;
    top: 85px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Common div.titleRock p.str2 {
    top: 95px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Common div.titleRock p.str2 {
    font-size: 16px;
    top: 115px;
  }
}

section#content-Common div.flexWrap {
  padding-bottom: 25px;
  margin-top: -5px;
}

@media screen and (min-width: 1024px) {
  section#content-Common div.flexWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1400px) {
  section#content-Common div.flexWrap {
    width: 1400px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1700px) {
  section#content-Common div.flexWrap {
    width: 1700px;
  }
}

section#content-Common div.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  width: 360px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

@media screen and (min-width: 1024px) {
  section#content-Common div.flex {
    margin-top: 15px;
    width: 490px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Common div.flex {
    width: 690px;
  }
}

@media screen and (min-width: 1700px) {
  section#content-Common div.flex {
    width: 850px;
  }
}

@media screen and (min-width: 1700px) {
  section#content-Common div.flex div.item {
    margin-left: 30px;
  }
}

section#content-Common div.flex div.item img {
  display: block;
  width: 150px;
  border-radius: 50%;
  -webkit-box-shadow: 5px 5px 5px #dddddd;
          box-shadow: 5px 5px 5px #dddddd;
}

@media screen and (min-width: 1024px) {
  section#content-Common div.flex div.item img {
    width: 230px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Common div.flex div.item img {
    width: 330px;
  }
}

@media screen and (min-width: 1700px) {
  section#content-Common div.flex div.item img {
    width: 415px;
  }
}

section#content-Common div.flex div.item p {
  text-align: center;
  letter-spacing: 0.2em;
  font-size: 13px;
  color: #69594e;
  margin-top: 8px;
  text-decoration: underline;
}

@media screen and (min-width: 1024px) {
  section#content-Common div.flex div.item p {
    font-size: 15px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 1400px) {
  section#content-Common div.flex div.item p {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 14px;
  }
}

@media screen and (min-width: 1650px) {
  section#content-Common div.flex div.item p {
    font-size: 22px;
    margin-bottom: 40px;
    margin-top: 20px;
  }
}

header {
  position: relative;
  display: block;
}

header.cmsHeader {
  display: block;
  position: relative;
  height: initial;
}

header.cmsHeader div.logoX div.imgLogo {
  background-image: url("../images/logoBraown.png");
}

@media screen and (min-width: 650px) {
  header.cmsHeader div.logoX div.imgLogo {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
}

header.cmsHeader div.logoX div.str2 {
  color: #69594e;
}

header.cmsHeader div.logoX div.str2 div {
  letter-spacing: 0.3em !important;
  font-weight: bold;
  margin-bottom: -3px;
}

@media screen and (min-width: 650px) {
  header.cmsHeader div.logoX div.str2 div {
    padding-left: 15px;
    font-size: 16px;
  }
}

@media screen and (min-width: 1024px) {
  header.cmsHeader div.logoX div.str2 div {
    padding-left: 5px;
    font-size: 20px;
  }
}

@media screen and (min-width: 1650px) {
  header.cmsHeader div.logoX div.str2 div {
    padding-left: 5px;
    margin-top: -6px;
    font-size: 26px;
  }
}

header.cmsHeader div.logoX div.str1 {
  color: #69594e;
  letter-spacing: 0.3em !important;
}

@media screen and (min-width: 650px) {
  header.cmsHeader div.logoX div.str1 {
    padding-left: 0px;
    font-size: 18px;
  }
}

@media screen and (min-width: 1024px) {
  header.cmsHeader div.logoX div.str1 {
    padding-left: 0px;
    font-size: 22px;
  }
}

@media screen and (min-width: 1650px) {
  header.cmsHeader div.logoX div.str1 {
    margin-top: -5px;
    font-size: 30px;
  }
}

header.cmsHeader div.X {
  position: relative;
  display: block;
}

header.cmsHeader div.X picture {
  position: relative;
  display: block;
}

header.cmsHeader div.X picture img {
  position: relative;
  display: block;
}

header.cmsHeader div.PCMenu2 {
  position: relative;
  display: block;
  margin-bottom: -2px;
  margin-top: -5px;
}

@media screen and (min-width: 1024px) {
  header.cmsHeader div.PCMenu2 {
    display: block;
  }
}

header.cmsHeader div.PCMenu2 ul.navMenu {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  position: relative;
}

header.cmsHeader div.PCMenu2 ul.navSub {
  width: 100%;
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin-top: -1px;
}

header.cmsHeader div.PCMenu2 ul.navSub li {
  border-left: 2px solid white;
  border-right: 2px solid white;
  border-bottom: 1px solid #f2f2e1;
}

header.cmsHeader div.PCMenu2 ul li {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
      -ms-flex: 3;
          flex: 3;
  text-align: center;
  border-left: 1px solid white;
  position: relative;
}

@media screen and (min-width: 1024px) {
  header.cmsHeader div.PCMenu2 ul li {
    border-left: 2px solid white;
  }
}

@media screen and (max-width: 1023px) {
  header.cmsHeader div.PCMenu2 ul li.first {
    border-left: initial;
    margin-left: initial;
  }
}

header.cmsHeader div.PCMenu2 ul li.noneli {
  display: none;
}

@media screen and (min-width: 1024px) {
  header.cmsHeader div.PCMenu2 ul li.noneli {
    display: block;
  }
}

header.cmsHeader div.PCMenu2 ul li:hover ul.navSub {
  z-index: 100;
  opacity: 1;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  text-transform: capitalize;
}

header.cmsHeader div.PCMenu2 ul li a {
  color: inherit;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0.06em;
  padding-top: 9px;
  padding-bottom: 8px;
  font-family: "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  background-color: #69594e;
  color: #f2f2e1;
  display: block;
  font-weight: bold;
}

@media screen and (min-width: 1024px) {
  header.cmsHeader div.PCMenu2 ul li a {
    letter-spacing: 0.05em;
    font-family: "noto-sans-jp", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "Yu Gothic", "Helvetica Neue", "Helvetica", "ＭＳ Ｐゴシック", "MS PGothic", "Arial", sans-serif;
    padding-top: 10px;
    padding-bottom: 12px;
    background-color: #69594e;
    color: #f2f2e1;
  }
}

header.cmsHeader div.PCMenu2 ul li a.none {
  background-color: rgba(241, 211, 74, 0.7);
}

header.cmsHeader div.PCMenu2 ul li a.none:hover {
  background-color: rgba(241, 211, 74, 0.7);
  color: white;
  text-decoration: none;
}

@media screen and (min-width: 1024px) {
  header.cmsHeader div.PCMenu2 ul li a {
    font-size: 14px;
    letter-spacing: 0.25em;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 1400px) {
  header.cmsHeader div.PCMenu2 ul li a {
    font-size: 17px;
    letter-spacing: 0.2em;
  }
}

@media screen and (min-width: 1650px) {
  header.cmsHeader div.PCMenu2 ul li a {
    font-size: 19px;
    letter-spacing: 0.2em;
    padding-top: 17px;
    padding-bottom: 17px;
  }
}

header.cmsHeader div.PCMenu2 ul li a:hover {
  background-color: rgba(230, 208, 114, 0.9);
  color: blue;
  text-decoration: underline;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  text-transform: capitalize;
}

header.cmsHeader div.PCMenu2 ul li a.first {
  margin-left: initial;
  background-color: rgba(230, 208, 114, 0.85);
}

@media screen and (min-width: 1024px) {
  header.cmsHeader div.PCMenu2 ul li a.first {
    margin-left: initial;
  }
}

header.cmsHeader div.PCMenu2 ul li a.first:hover {
  background-color: rgba(230, 208, 114, 0.55);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  text-transform: capitalize;
}

section.cmsSection {
  display: block;
  position: static;
  width: 375px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

@media screen and (min-width: 650px) {
  section.cmsSection {
    width: 500px;
  }
}

section.cmsSection h2 {
  display: block;
  font-weight: bold;
  text-align: center;
  color: #69594e;
  letter-spacing: 0.2em;
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: -5px;
}

@media screen and (min-width: 650px) {
  section.cmsSection h2 {
    font-size: 26px;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 1400px) {
  section.cmsSection h2 {
    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 40px;
  }
}

section.cmsSection h4 {
  display: block;
  font-weight: bold;
  text-align: center;
  color: #69594e;
  letter-spacing: 0.2em;
  font-size: 16px;
  margin-top: 40px;
  margin-bottom: -15px;
}

@media screen and (min-width: 650px) {
  section.cmsSection h4 {
    font-size: 21px;
    margin-bottom: -5px;
  }
}

@media screen and (min-width: 1400px) {
  section.cmsSection h4 {
    margin-top: 60px;
    margin-bottom: -5px;
    font-size: 30px;
  }
}

section.cmsSection input[type='text'] {
  margin-bottom: -5px;
  width: 330px;
  padding: 3px 10px;
  padding-right: 0px;
  font-size: inherit;
}

@media screen and (min-width: 650px) {
  section.cmsSection input[type='text'] {
    width: 500px;
    padding: 3px 25px;
    padding-right: 0px;
  }
}

@media screen and (min-width: 1400px) {
  section.cmsSection input[type='text'] {
    width: 500px;
    font-size: 18px;
  }
}

section.cmsSection textarea {
  margin-bottom: -10px;
  width: 330px;
  padding: 3px 10px;
  padding-right: 0px;
  font-size: inherit;
  font-family: "noto-sans-jp", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "Yu Gothic", "Helvetica Neue", "Helvetica", "ＭＳ Ｐゴシック", "MS PGothic", "Arial", sans-serif;
}

@media screen and (min-width: 650px) {
  section.cmsSection textarea {
    width: 500px;
    padding: 3px 25px;
    padding-right: 10px;
  }
}

@media screen and (min-width: 1400px) {
  section.cmsSection textarea {
    width: 500px;
    font-size: 15px;
  }
}

section.cmsSection div.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 180px;
}

@media screen and (min-width: 650px) {
  section.cmsSection div.flex {
    width: 230px;
  }
}

@media screen and (min-width: 1400px) {
  section.cmsSection div.flex {
    width: 260px;
  }
}

section.cmsSection div.flex2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 330px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 650px) {
  section.cmsSection div.flex2 {
    width: 430px;
  }
}

@media screen and (min-width: 1400px) {
  section.cmsSection div.flex2 {
    width: 520px;
  }
}

section.cmsSection div.flex2 label {
  letter-spacing: 0.1em;
}

section.cmsSection div.flex3 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 250px;
}

@media screen and (min-width: 650px) {
  section.cmsSection div.flex3 {
    width: 300px;
  }
}

@media screen and (min-width: 1400px) {
  section.cmsSection div.flex3 {
    width: 330px;
  }
}

section.cmsSection label {
  letter-spacing: 0.2em;
  margin-top: 20px;
  display: inline-block;
}

@media screen and (min-width: 650px) {
  section.cmsSection label {
    font-size: 18px;
  }
}

@media screen and (min-width: 1400px) {
  section.cmsSection label {
    font-size: 20px;
    padding-top: 6px;
  }
}

section.cmsSection div.cms {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 650px) {
  section.cmsSection div.cms {
    width: 350px;
  }
}

@media screen and (min-width: 1400px) {
  section.cmsSection div.cms {
    width: 400px;
  }
}

section.cmsSection select {
  width: 220px;
  border-radius: 20px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media screen and (min-width: 650px) {
  section.cmsSection select {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    background-color: rgba(238, 238, 238, 0.5);
    font-size: 16px;
    width: 240px;
  }
}

@media screen and (min-width: 1400px) {
  section.cmsSection select {
    font-size: 17px;
    width: 270px;
  }
}

section.cmsSection select#start, section.cmsSection select#end {
  width: 150px;
}

@media screen and (min-width: 650px) {
  section.cmsSection select#start, section.cmsSection select#end {
    width: 200px;
  }
}

section.cmsSection select#name2 {
  margin-bottom: -5px;
  width: 330px;
  font-size: inherit;
}

@media screen and (min-width: 650px) {
  section.cmsSection select#name2 {
    width: 500px;
  }
}

@media screen and (min-width: 1400px) {
  section.cmsSection select#name2 {
    width: 500px;
    font-size: 18px;
  }
}

section.cmsSection select option {
  font-size: 13px;
}

section.cmsSection select option.b {
  background-color: #eeeeee;
}

section.cmsSection select option.c {
  background-color: #cccccc;
  color: white;
}

section.cmsSection div.btnX {
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  padding: 1px 5px;
  padding-top: 4px;
  padding-bottom: 12px;
  background-color: #69594e;
  color: white;
  border-radius: 20px;
  margin-top: 20px;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  section.cmsSection div.btnX {
    width: 350px;
    bottom: 60px;
    padding-top: 10px;
    padding-bottom: 20px;
    border-radius: 40px;
    margin-top: 40px;
  }
  section.cmsSection div.btnX:hover {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    text-transform: capitalize;
    opacity: 0.8;
  }
}

section.cmsSection div.btnX p {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 12px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  section.cmsSection div.btnX p {
    font-size: 18px;
  }
}

@media screen and (min-width: 1400px) {
  section.cmsSection div.btnX p {
    font-size: 22px;
  }
}

section.cmsSection div.btnX p input {
  font-size: inherit;
  letter-spacing: inherit;
  background-color: inherit;
  color: inherit;
  border: inherit;
  cursor: pointer;
}

section.cmsSection p.success {
  text-align: center;
  font-size: 14px;
  color: blue;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 10px;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 1024px) {
  section.cmsSection p.success {
    font-size: 22px;
    letter-spacing: 0.2em;
  }
}

@media screen and (min-width: 1400px) {
  section.cmsSection p.success {
    font-size: 24px;
  }
}

input.submitBtn {
  font-size: 12px;
  letter-spacing: 0;
  background-color: inherit;
  border: inherit;
  color: white;
}