@charset "UTF-8";
/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */
/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */
*,
::before,
::after {
  background-repeat: no-repeat;
  /* 1 */
  box-sizing: inherit;
  /* 2 */
}

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

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Add the default cursor in all browsers (opinionated).
 * 3. Prevent font size adjustments after orientation changes in IE and iOS.
 */
html {
  box-sizing: border-box;
  /* 1 */
  cursor: default;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
  font-family: 'Noto Sans TC', sans-serif;
  /* font-family: 'Noto Serif TC', serif; */

}

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

/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid #ccc;
  margin: 1em 0; 
  padding: 0; 
}

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

/**
 * 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 (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics)
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * 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 style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ffff00;
  color: #000000;
}

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

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

/*
 * Remove the text shadow on text selections (opinionated).
 * 1. Restore the coloring undone by defining the text shadow (opinionated).
 */

::selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000000;
  /* 1 */
  text-shadow: none;
}

/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */
/*
 * Change the alignment on media elements in all browers (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 images inside links in IE 10-.
 */
img {
  border-style: none;
}

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

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

/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
   ========================================================================== */
/**
 * Collapse border spacing
 */
table {
  border-collapse: collapse;
}

/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
}

/**
 * Inherit styling in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

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

/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Change the resize direction on textareas in all browsers (opinionated).
 */
textarea {
  overflow: auto;
  /* 1 */
  resize: vertical;
  /* 2 */
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

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

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

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

/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

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

/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
   ========================================================================== */
/*
 * Remove the tapping delay on clickable elements (opinionated).
 * 1. Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  /* 1 */
  touch-action: manipulation;
}

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

/* ARIA (https://w3c.github.io/html-aria/)
   ========================================================================== */
/**
 * Change the cursor on busy elements (opinionated).
 */
[aria-busy="true"] {
  cursor: progress;
}

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

/*
 * Change the display on visually hidden accessible elements (opinionated).
 */
[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Added by Yuta Adachi
   # ================================================================= */
html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

img {
  vertical-align: bottom;
}

input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

html {
  width: 100%;
  margin: 0 auto;
  /*font-size: 62.5%;*/
  font-size: 70%;
}

body {
  font-size: 1.4rem;
  font-weight: lighter;
  line-height: 1.5;
  text-align: left;
  background-color: #fff 139, 20, 20;
}

@media screen and (min-width: 768px) {
  body {
    font-size: 1.66667vw;
  }
}

@media screen and (min-width: 1080px) {
  body {
    font-size: 1.8rem;
  }
}

a {
  text-decoration: none;
  transition: all 0.2s;
}

@media only screen and (min-width: 768px) {
  a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    transition: all 0.2s;
  }
}

a,
button {
  outline: none;
}

img {
  width: 100%;
  vertical-align: bottom;
}

ul {
  padding-left: 0;
}

figure {
  margin: 0;
}

p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, li, ol {
  margin: 0;
  padding: 0;
  text-align: left;
  letter-spacing: 2px;
}

ol, ul {
  list-style: none;
}

.font-Serif{
  font-family: 'Noto Serif TC', serif;
}

.font-Sans{
  font-family: 'Noto Sans TC', sans-serif;
}

.font-Thin {
  font-weight: 100;
}

.font-Extra-light {
  font-weight: 200;
}

.font-Light{
  font-weight: 400;
}

.font-Regular{
  font-weight: 400;
} 

.font-Medium {
  font-weight: 500;
}

.font-Semi-bold{
  font-weight: 600;
}

.font-Bold{
  font-weight: 700;
}

.font-Black{
  font-weight: 900;
}

.text-center{
  text-align: center;
}	

.text-left{
  text-align: left;
}	

.font-30{
  font-size: 30px;
}


.pageTtl, .lower-heading-wrapper {
  background: #ffec27;
  margin: 0 auto 12vw;
}

@media screen and (min-width: 768px) {
  .pageTtl, .lower-heading-wrapper {
    margin: 0 auto 80px;
  }
}

.pageTtl-txt, .lower-heading-wrapper .lower-heading {
  font-size: 3rem;
  line-height: 1.5;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .pageTtl-txt, .lower-heading-wrapper .lower-heading {
  }
}

.linkArrow:before {
  display: block;
  content: "";
  position: absolute;
  width: 2vw;
  right: 0;
  bottom: 2.5vw;
  height: 1px;
  border: none;
  border-top: 1px #5b5b5b solid;
  transform: skew(0, 45deg);
}

@media screen and (min-width: 768px) {
  .linkArrow:before {
    width: 0.5vw;
    right: 1vw;
    bottom: 50%;
  }
}

@media screen and (min-width: 1080px) {
  .linkArrow:before {
    width: 4px;
    right: 20px;
    bottom: 32px;
  }
}

.linkArrow:after {
  display: block;
  content: "";
  position: absolute;
  width: 5vw;
  right: 0;
  bottom: 1.3vw;
  height: 1px;
  border: none;
  border-top: 1px #5b5b5b solid;
}

@media screen and (min-width: 768px) {
  .linkArrow:after {
    width: 1.5vw;
    right: 1vw;
    bottom: 46%;
  }
}

@media screen and (min-width: 1080px) {
  .linkArrow:after {
    width: 14px;
    right: 20px;
    bottom: 30px;
  }
}

@media screen and (min-width: 768px) {
  .sp {
    display: none;
  }
}

.pc {
  display: none;
}

@media screen and (min-width: 768px) {
  .pc {
    display: block;
  }
}

.contents-inner {
  padding: 20px 0 ;
}

@media screen and (min-width: 768px) {
  .contents-inner {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 1080px) {
  .contents-inner {
    width: 1080px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.contents-inner-lower {
  width: 92vw;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .contents-inner-lower {
    width: 92%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .contents-inner-lower {
    width: 1000px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .type .link-btn-wrapper .contents-inner-lower {
    width: 800px;
    margin: 0 auto;
  }
}

.link-btn {
  position: relative;
}

@media screen and (min-width: 768px) {
  .link-btn {
    width: 80%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .link-btn {
    width: 400px;
  }
}

.link-btn a {
  color: #fff;
  padding: 4vw;
  display: block;
  font-size: 1.6rem;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .link-btn a {
    padding: 20px;
    font-size: 2.1rem;
  }
}

.link-btn a:after {
  display: inline-block;
  position: absolute;
  content: "";
  width: 23.5px;
  height: 7px;
  background: url(../img/common/arrow_black_sp.png) 0 0 no-repeat;
  background-size: contain;
  top: 45%;
  right: 4.5%;
}

@media screen and (min-width: 768px) {
  .link-btn a:after {
    background-image: url(../img/common/arrow_black_pc.png);
    width: 15px;
    height: 5px;
  }
}

.link-btn-black a {
  background: #2f2f2f;
}

.link-btn-black a:after {
  top: 40%;
  background-image: url(../img/common/arrow_white_sp.png);
}

@media screen and (min-width: 768px) {
  .link-btn-black a:after {
    background-image: url(../img/common/arrow_white_pc.png);
  }
}

.link-btn:hover {
  opacity: 0.7;
  transition: all 0.2s;
}

.link-btn-howto a {
  font-size: 1.4rem;
  color: #000;
  border: 1px solid #b6b6b6;
  padding: 2.66667vw 0;
}

@media screen and (min-width: 768px) {
  .link-btn-howto a {
    font-size: 1.3vw;
  }
}

@media screen and (min-width: 1080px) {
  .link-btn-howto a {
    font-size: 1.6rem;
    padding: 35px;
  }
}

.link-btn-howto a:after {
  background-image: url(../img/common/arrow_black_sp.png);
}

@media screen and (min-width: 768px) {
  .link-btn-howto a:after {
    background-image: url(../img/common/arrow_gray_pc.png);
  }
}

.link-btn-purchase {
  color: #ff6c00;
  padding: 7.6vw;
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  background: #fff;
  line-height: 1.1;
  border: 2px solid #ff6c00;
}

@media screen and (min-width: 768px) {
  .link-btn-purchase {
    padding: 25px;
    font-size: 2.1rem;
  }
}

.link-btn-purchase:hover {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .link-btn-purchase:hover {
    cursor: pointer;
    background: #ff6c00;
    color: #fff;
    opacity: 1;
  }
}

.link-btn-purchase:after {
  display: inline-block;
  position: absolute;
  content: "";
  width: 23.5px;
  height: 7px;
  background: url(../img/common/arrow_orange_sp.png) 0 0 no-repeat;
  background-size: contain;
  top: 45%;
  right: 4.5%;
}

@media screen and (min-width: 768px) {
  .link-btn-purchase:after {
    background-image: url(../img/common/arrow_orange_pc.png);
    width: 16px;
    height: 6px;
  }
}

@media screen and (min-width: 768px) {
  .link-btn-purchase:hover:after {
    background-image: url(../img/common/arrow_white_pc.png);
  }
}

.link-wrapper {
  background: #ffec27;
  padding: 16vw 4vw;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .link-wrapper {
    text-align: center;
    padding: 5.5vw 7.4vw;
  }
}

@media screen and (min-width: 1080px) {
  .link-wrapper {
    padding: 80px 0 80px;
  }
}

.link-wrapper h3, .link-wrapper p {
  text-align: center;
}

.link-wrapper h3 {
  font-size: 2.4rem;
  font-weight: normal;
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .link-wrapper h3 {
    line-height: 1;
    margin-bottom: 4vw;
  }
}

@media screen and (min-width: 1080px) {
  .link-wrapper h3 {
    font-size: 3.2rem;
    margin-bottom: 35px;
  }
}

.link-wrapper p {
  margin-bottom: 6.66667vw;
}

@media screen and (min-width: 768px) {
  .link-wrapper p {
    margin-bottom: 4vw;
  }
}

@media screen and (min-width: 1080px) {
  .link-wrapper p {
    margin-bottom: 40px;
  }
}

.link-btn-wrapper {
  background: #fffbcd;
  padding: 40px 0;
}

@media screen and (min-width: 768px) {
  .link-btn-wrapper .intro-leadbox{
    display: flex;
    padding: 30px 0;
  }
}

.link-btn-wrapper .intro-leadbox .intro-leadtxt{
  line-height: 2;
  margin: 6.66667vw 0 6.66667vw;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .link-btn-wrapper .intro-leadbox .intro-leadtxt{
    margin: 0 30px 0 0;
    width: 75%;
    text-align: left;
  }
}

.link-btn-wrapper .intro-leadbox .intro-leadtxt .intro-leadtxt-ttl{
  margin: 3.3333vw 0 3.3333vw;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .link-btn-wrapper .intro-leadbox .intro-leadtxt .intro-leadtxt-ttl{
    margin: 10px 0;
    width: 75%;
    text-align: left;
  }
}


.link-btn-wrapper .intro-leadbox .intro-leadtxt  .intro-leadtxt-ttl .pc{
  display: none;
}

@media screen and (min-width: 768px) {
  .link-btn-wrapper .intro-leadbox .intro-leadtxt  .intro-leadtxt-ttl .pc{

    display: inline-block;
  }
}

@media screen and (max-width: 768px) {
  .link-btn-wrapper .intro-leadbox .intro-leadtxt .intro-leadtxt-ttl .title-decoration{
    display: block;
    content: "";
    width: 60px;
    height: 6px;
    margin: 0 auto;
    background: #ffec27;
    margin-top: 10px;
  }
}

@media screen and (min-width: 768px) {
  .link-btn-wrapper .intro-leadbox .intro-leadtxt .intro-leadtxt-ttl .title-decoration{

  }
}

.link-btn-wrapper .intro-leadbox .intro-leadtxt .intro-leadtxt-txt{
  text-align: center;
}

@media screen and (min-width: 768px) {
  .link-btn-wrapper .intro-leadbox .intro-leadtxt .intro-leadtxt-txt{
    text-align: left;
  }
}

.link-btn-wrapper .intro-leadbox .intro-img{
  width: 57.6vw;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .link-btn-wrapper .intro-leadbox .intro-img{
    width: 25%;
    margin: 0 auto;
  }
}

.link-btn-wrapper .link-btn-ttl {
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: center;
  font-weight: normal;
  margin: 0 0 3.06667vw;
}

@media screen and (min-width: 768px) {
  .link-btn-wrapper .link-btn-ttl {
    font-size: 2.2rem;
    line-height: 1.5;
    text-align: center;
    font-weight: normal;
    margin: 0 0 3.06667vw;
  }
}

.link-btn-wrapper .link-btn-btnBox-black{
  display: flex;
  flex-basis: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 50px auto 0;
  line-height: 1.5;
}

@media screen and (min-width: 1080px){
  .link-btn-wrapper .link-btn-btnBox-black{
    width: 1000px;
    flex-basis: 50%;
    margin: 50px auto 20px;
  }
}

.link-btn-wrapper .link-btn-btnBox-black a{
  padding: 8px 0 14px;
  letter-spacing: .05em;
  line-height: 1;

}

.link-btn-wrapper .link-btn-btnBox-black .link-btn{
  width: 80%;
  margin: 0 auto 20px;
}

@media screen and (min-width: 768px) {
  .link-btn-wrapper .link-btn-btnBox-black .link-btn{
    width: 80%;
    margin: 0 auto 20px;
  }
}

@media screen and (min-width: 1080px) {
  .link-btn-wrapper .link-btn-btnBox-black .link-btn{
    width: 480px;
  }
}

.link-btn-wrapper .link-btn-btnBox-black .link-btn-black a .link-btn-lead {
  margin: 0 0 7px;
  display: inline-block;
  font-size: 1.4rem;
}
/*
.link-btn-wrapper .link-btn-btnBox-yellow {
  line-height: 1.5;
}

@media screen and (min-width: 1080px) {
  .link-btn-wrapper .link-btn-btnBox-yellow {
    width: 610px;
    margin: 60px auto 0;
  }
}

.link-btn-wrapper .link-btn-btnBox-yellow .link-btn-yellow {
  background: #ffec27;
  position: relative;
  text-align: center;
  margin: 0 auto 5.33333vw;
}

@media screen and (min-width: 768px) {
  .link-btn-wrapper .link-btn-btnBox-yellow .link-btn-yellow {
    margin: 0 auto 20px;
  }
}

.link-btn-wrapper .link-btn-btnBox-yellow .link-btn-yellow:last-child {
  margin-bottom: 0;
}

.link-btn-wrapper .link-btn-btnBox-yellow .link-btn-yellow a {
  color: #000;
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.1;
}

@media screen and (min-width: 768px) {
  .link-btn-wrapper .link-btn-btnBox-yellow .link-btn-yellow a {
    font-size: 2.1rem;
    padding: 13.5px 0;
  }
}

.link-btn-wrapper .link-btn-btnBox-yellow .link-btn-yellow .link-btn-lead {
  font-size: 2.66667vw;
  font-weight: normal;
  vertical-align: top;
}

@media screen and (min-width: 768px) {
  .link-btn-wrapper .link-btn-btnBox-yellow .link-btn-yellow .link-btn-lead {
    font-size: 1.4rem;
  }
}

.link-btn-wrapper .link-btn-btnBox-yellow .link-btn-products {
  position: relative;
}

@media screen and (min-width: 768px) {
  .link-btn-wrapper .link-btn-btnBox-yellow .link-btn-products {
    text-align: center;
  }
}

.link-btn-wrapper .link-btn-btnBox-yellow .link-btn-products a {
}

@media screen and (min-width: 768px) {
  .link-btn-wrapper .link-btn-btnBox-yellow .link-btn-products a {
    text-align: center;
    padding: 25px 0 25px;
  }
}

.link-btn-wrapper .link-btn-btnBox-yellow .link-btn-question a {
  padding: 7.6vw;
}

@media screen and (min-width: 768px) {
  .link-btn-wrapper .link-btn-btnBox-yellow .link-btn-question a {
    padding: 25px;
  }
}

*/

.link-btn-wrapper .link-btn-btnBox-yellow{
  display: flex;
  flex-basis: 100%;
  justify-content: space-between;
  flex-direction: column;
  line-height: 1.5;
}

@media screen and (min-width: 1080px){
  .link-btn-wrapper .link-btn-btnBox-yellow{
    width: 1000px;
    flex-basis: 50%;
    margin: 40px auto 20px;
  }
}

.link-btn-wrapper .link-btn-btnBox-yellow .link-btn-products a{
  line-height: 2.5;
}

.link-btn-wrapper .link-btn-btnBox-yellow a{
  color: #000;
  padding: 8px 0 14px;
  letter-spacing: .05em;
  line-height: 1;

}

.link-btn-wrapper .link-btn-btnBox-yellow .link-btn{
  width: 80%;
  height: 60px;
  margin: 0 auto 20px;
  background: #ffec27;
}

@media screen and (min-width: 768px) {
  .link-btn-wrapper .link-btn-btnBox-yellow .link-btn{
    width: 80%;
    height: 70px;
    margin: 0 auto 20px;
  }
}

@media screen and (min-width: 1080px) {
  .link-btn-wrapper .link-btn-btnBox-yellow .link-btn{
    width: 480px;
  }
}

.link-btn-wrapper .link-btn-btnBox-yellow .link-btn-yellow a .link-btn-lead {
  margin: 0 0 7px;
  display: inline-block;
  font-size: 1.4rem;
}

.lower-heading-wrapper .lower-heading {
  padding: 8vw 0;
}

@media screen and (min-width: 768px) {
  .lower-heading-wrapper .lower-heading {
    padding: 5.55556vw 0;
  }
}

@media screen and (min-width: 1080px) {
  .lower-heading-wrapper .lower-heading {
    padding: 60px 0;
  }
}

.lower-heading-wrapper .pageTtl_bg01 {
  background-image: url("../img/common/bg_lower.png");
  background-size: 45.33333vw;
  background-repeat: no-repeat;
  background-position: center bottom;
}

@media screen and (min-width: 768px) {
  .lower-heading-wrapper .pageTtl_bg01 {
    background-image: url("../img/common/bg_lower.png");
    background-size: 25.92593vw;
    background-repeat: no-repeat;
    background-position: right bottom;
  }
}

@media screen and (min-width: 1080px) {
  .lower-heading-wrapper .pageTtl_bg01 {
    background-image: url("../img/common/bg_lower.png");
    background-size: 280px;
    background-repeat: no-repeat;
    background-position: right bottom;
  }
}

.lower-heading-wrapper .pageTtl_bg01 .lower-heading {
  padding: 8vw 0 35.73333vw;
}

@media screen and (min-width: 768px) {
  .lower-heading-wrapper .pageTtl_bg01 .lower-heading {
    padding: 7.96296vw 0 7.68519vw;
  }
}

@media screen and (min-width: 1080px) {
  .lower-heading-wrapper .pageTtl_bg01 .lower-heading {
    padding: 86px 0 83px;
  }
}

.lower-heading-wrapper .lower-heading.pageTtlsub span {
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.5;
  display: block;
  padding-bottom: 2.66667vw;
}

@media screen and (min-width: 768px) {
  .lower-heading-wrapper .lower-heading.pageTtlsub span {
    padding-bottom: 5px;
  }
}

@media screen and (min-width: 768px) {
  .lower-heading-wrapper .lower-heading.pageTtlsub span br {
    display: none;
  }
}

.pageTtl_lines .lower-heading.pageTtlsub {
  padding: 8vw 0 35.73333vw;
  font-size: 3rem;
}

@media screen and (min-width: 768px) {
  .pageTtl_lines .lower-heading.pageTtlsub {
    padding: 7.96296vw 0 7.68519vw;
  }
}

@media screen and (min-width: 1080px) {
  .pageTtl_lines .lower-heading.pageTtlsub {
    padding: 86px 0 83px;
    font-size: 3.8rem;
  }
}

.pageTtl_lines .lower-heading.pageTtlsub span {
  font-size: 1.6rem;
}

@media screen and (min-width: 1080px) {
  .pageTtl_lines .lower-heading.pageTtlsub span {
    font-size: 2.2rem;
  }
}

.title {
  font-size: 2.4rem;
  line-height: 1.5;
  text-align: center;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .title {
    font-size: 3.2rem;
    margin: 0 auto;
  }
}

.title::after {
  display: block;
  content: "";
  width: 70px;
  height: 5px;
  margin: 9.33333vw auto;
  background: #ffec27;
}

@media screen and (min-width: 768px) {
  .title::after {
    width: 70px;
    height: 5px;
    margin: 30px auto 50px;
  }
}

.title-sub {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.4;
  padding-left: 2.66667vw;
  margin-bottom: 4vw;
  border-left: 1vw solid #ffec27;
}

.title-sub-black {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.4;
  padding-left: 2.66667vw;
  margin-bottom: 20px;
  border-left: 1vw solid #000;
}

@media screen and (min-width: 768px) {
  .title-sub {
    font-size: 2.40741vw;
    padding-left: 1.38889vw;
    margin-bottom: 2.31481vw;
    border-width: 5px;
  }
}

@media screen and (min-width: 1080px) {
  .title-sub {
    font-size: 2.6rem;
    padding-left: 1.5rem;
    margin-bottom: 2.5rem;
  }
}

.heading-class-double {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 75%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4vw;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .heading-class-double {
    width: 77%;
    bottom: 4.44444vw;
  }
}

@media screen and (min-width: 1080px) {
  .heading-class-double {
    bottom: 48px;
  }
}

.heading-class-double .products-heading-class-icon {
  position: static;
}

.products-heading-class-icon {
  display: inline-block;
  width: 26.66667vw;
  font-size: 2.93333vw;
  line-height: 1;
  text-align: center;
  padding: 1.33333vw 0;
  border: 1px solid #707070;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4vw;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .products-heading-class-icon {
    width: 12.22222vw;
    font-size: 1.2963vw;
    padding: 0.46296vw 0;
    bottom: 4.44444vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-heading-class-icon {
    width: 132px;
    font-size: 1.4rem;
    padding: 5px 0;
    bottom: 48px;
  }
}

.products-heading-class-icon .square-two {
  display: inline-block;
  padding: 1px;
  border: 1px solid #5b5b5b;
  margin: 0 0.5vw;
}

@media screen and (min-width: 1080px) {
  .products-heading-class-icon .square-two {
    padding: 1px;
    margin: 0 3px;
  }
}

.icon-m {
  padding: 1.6vw 0;
}

@media screen and (min-width: 768px) {
  .icon-m {
    padding: 0.64815vw 0;
  }
}

@media screen and (min-width: 1080px) {
  .icon-m {
    padding: 7px 0;
  }
}

.asterisk-note {
  font-size: 1rem;
  vertical-align: super;
}

.contents-about-intro {
  margin-bottom: 13.33333vw;
  position: relative;
}

@media screen and (min-width: 768px) {
  .contents-about-intro {
    margin-bottom: 6.48148vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-about-intro {
    margin-bottom: 7rem;
  }
}

.contents-about-intro::after {
    content: "";
    position: absolute; 
    right: -240px;
    top: -150px;
    width: 400px;
    height: 300px;
    z-index: -10;
    background-image: url('../img/about/decoration_line.png');
    display: inline-block;
    background-position: center; 
    background-repeat: no-repeat;
    background-size: cover;
}

.contents-about {
  overflow: hidden;
}

.contents-about .contents-inner-lower section {
  margin-bottom: 13.33333vw;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .contents-about .contents-inner-lower section {
    margin-bottom: 5.55556vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-about .contents-inner-lower section {
    margin-bottom: 50px;
  }
}

.contents-about-txt {
  font-size: 1.3rem;
  line-height: 2;
}

@media screen and (min-width: 768px) {
  .contents-about-txt {
    font-size: 1.48148vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-about-txt {
    font-size: 18px; 
  }
}

.contents-about-situation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; */
  padding-top: 4vw;
  margin-top: 4vw;
}

@media screen and (min-width: 768px) {
  .contents-about-situation {
    padding: 2.31481vw 0;
    margin-top: 2.31481vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-about-situation {
    padding: 2.5rem 0;
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .contents-about-situation li {
    width: 100%;
    margin-bottom: 4vw;
  }
}

.contents-about-situation dt {
  font-weight: 500;
  margin-bottom: 1.06667vw;
}

@media screen and (min-width: 768px) {
  .contents-about-situation dt {
    margin-bottom: 0.74074vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-about-situation dt {
    margin-bottom: .8rem;
  }
}

.contents-about-situation dd {
  font-size: 1.2rem;
  line-height: 2;
}

@media screen and (min-width: 768px) {
  .contents-about-situation dd {
    font-size: 1.48148vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-about-situation dd {
    font-size: 1.6rem;
  }
}

.contents-ask {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .contents-ask {
  }
}

@media screen and (min-width: 1080px) {
  .contents-ask {
  }
}

.contents-ask .lower-heading-wrapper .contents-inner-lower {
  display: block;
  min-height: 40vw;
  background: none;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .contents-ask .lower-heading-wrapper .contents-inner-lower {
    min-height: 21.2963vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-ask .lower-heading-wrapper .contents-inner-lower {
    min-height: 230px;
  }
}

.contents-ask .lower-heading-wrapper .contents-inner-lower:after {
  content: "";
  display: block;
  width: 31.2vw;
  height: 34.66667vw;
  background: url(../img/type/type_bg_lower.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  right: 4.8vw;
  bottom: -2.66667vw;
}

@media screen and (min-width: 768px), print {
  .contents-ask .lower-heading-wrapper .contents-inner-lower:after {
    width: 19.07407vw;
    height: 21.2963vw;
    right: 0;
    bottom: -3.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-ask .lower-heading-wrapper .contents-inner-lower:after {
    width: 206px;
    height: 230px;
    right: 0;
    bottom: -40px;
  }
}

.contents-ask .lower-heading-wrapper .contents-inner-lower .lower-heading {
  text-align: left;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(5%, -52%);
}

@media screen and (min-width: 768px), print {
  .contents-ask .lower-heading-wrapper .contents-inner-lower .lower-heading {
    transform: translate(0, -52%);
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.contents-ask .lower-heading-wrapper .contents-inner-lower:after {
  width: 40.26667vw;
  background-image: url(../img/ask/ask_bg_lower.png);
  right: 0;
}

@media screen and (min-width: 768px), print {
  .contents-ask .lower-heading-wrapper .contents-inner-lower:after {
    width: 24.72222vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-ask .lower-heading-wrapper .contents-inner-lower:after {
    width: 267px;
  }
}

.contents-ask-heading {
  font-size: 1.4rem;
  font-weight: 400;
  text-align: center;
  padding-bottom: 10.66667vw;
}

@media screen and (min-width: 768px) {
  .contents-ask-heading {
    font-size: 1.66667vw;
    padding-bottom: 6.48148vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-ask-heading {
    font-size: 1.8rem;
    padding-bottom: 7rem;
  }
}

.contents-ask-about {
  background-color: #fffbcd;
  padding: 10.66667vw 0;
}

@media screen and (min-width: 768px) {
  .contents-ask-about {
    padding: 4.62963vw 0;
  }
}

@media screen and (min-width: 1080px) {
  .contents-ask-about {
    padding: 5rem 0;
  }
}

.contents-ask-about .company{
  font-size: 34px;
  margin-bottom: 0;
}

.contents-ask-about .subtitle-company{
  font-size: 28px;
}

.contents-ask-about .contents-inner-lower {
  max-width: 660px;
}


.contents-ask-about p {
  text-align: center;
  margin-bottom: .6em;
}

.contents-ask-about .tel,
.contents-ask-about .address,
.contents-ask-about .time,
.contents-ask-about .note
{
  text-align: left;
}


.contents-ask .logo-amato {
  width: 50.66667vw;
  margin: 0 auto 2.13333vw;
}

@media screen and (min-width: 768px) {
  .contents-ask .logo-amato {
    width: 30%;
    margin-bottom: 1vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-ask .logo-amato {
    width: 280px;
    margin-bottom: 10px;
  }
}

.contents-ask .name {
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1.58824;
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .contents-ask .name {
    font-size: 3.14815vw;
    margin-bottom: 2.31481vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-ask .name {
    font-size: 3.4rem;
    margin-bottom: 2.5rem;
    color: #ff0000;
  }
}

.contents-ask .tel span {
  display: inline-block;
  font-size: 2.2rem;
  font-weight: 500;
  color: #ff0000;
}

@media screen and (min-width: 768px) {
  .contents-ask .tel span {
    font-size: 2.59259vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-ask .tel span {
    font-size: 2.8rem;
    color: #ff0000;
  }
}

.contents-ask .note {
  font-size: 1.1rem;
  margin-top: 8vw;
}

@media screen and (min-width: 768px) {
  .contents-ask .note {
    font-size: 1.2963vw;
    margin-top: 3.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-ask .note {
    width: 760px;
    margin: 4rem auto 0;
    font-size: 1.4rem;
  }
}

.contents-ask + .link-btn-wrapper .link-btn-btnBox-yellow .link-item-btn {
  background-image: none;
}

@media screen and (max-width: 767px) {
  .contents-ask + .link-btn-wrapper .link-btn-btnBox-yellow .link-item-btn a {
    padding: 4vw;
  }
}
/*
.breadcrumb-wrapper {
  background: #000;
  margin: 0 auto;
  padding-top: 12vw;
}

@media screen and (min-width: 768px) {
  .breadcrumb-wrapper {
    width: 100%;
    padding-top: 60px;
  }
}

@media screen and (min-width: 1080px) {
  .breadcrumb-wrapper {
    width: 100%;
    padding-top: 60px;
  }
}

.breadcrumb-wrapper .breadcrumb {
  background: #000;
  margin-left: 0;
  padding: 0.5rem 0;
  line-height: 1.5;
  overflow: hidden;
  font-size: 1rem;
  margin: 0 auto;
  width: 92vw;
}

@media screen and (min-width: 768px) {
  .breadcrumb-wrapper .breadcrumb {
    width: 92vw;
    font-size: 12px;
    margin: 0 auto;
    padding: 6px;
  }
}

@media screen and (min-width: 1080px) {
  .breadcrumb-wrapper .breadcrumb {
    width: 1000px;
    font-size: 12px;
    margin: 0 auto;
    padding: 6px 0;
  }
}

.breadcrumb-wrapper .breadcrumb li {
  display: inline;
  list-style: none;
  font-weight: normal;
}

.breadcrumb-wrapper .breadcrumb li:after {
  content: '>';
  padding: 0 3px;
  color: #fff;
}

.breadcrumb-wrapper .breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb-wrapper .breadcrumb li a {
  text-decoration: none;
  color: #fff;
}

.breadcrumb-wrapper .breadcrumb li a:hover {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .breadcrumb-wrapper .breadcrumb li a span {
    font-weight: lighter;
  }
}*/

.contents-care-index {
  margin-bottom: 10.66667vw;
}

@media screen and (min-width: 768px) {
  .contents-care-index {
    margin-bottom: 80px;
  }
}

.contents-care-index .lower-heading-wrapper {
  position: relative;
}

.contents-care-index .lower-heading-wrapper .contents-inner-lower {
  display: block;
  min-height: 40vw;
  background: none;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .contents-care-index .lower-heading-wrapper .contents-inner-lower {
    min-height: 21.2963vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .lower-heading-wrapper .contents-inner-lower {
    min-height: 230px;
  }
}

.contents-care-index .lower-heading-wrapper .contents-inner-lower:after {
  content: "";
  display: block;
  width: 31.2vw;
  height: 34.66667vw;
  background: url(../img/type/type_bg_lower.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  right: 4.8vw;
  bottom: -2.66667vw;
}

@media screen and (min-width: 768px), print {
  .contents-care-index .lower-heading-wrapper .contents-inner-lower:after {
    width: 19.07407vw;
    height: 21.2963vw;
    right: 0;
    bottom: -3.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .lower-heading-wrapper .contents-inner-lower:after {
    width: 206px;
    height: 230px;
    right: 0;
    bottom: -40px;
  }
}

.contents-care-index .lower-heading-wrapper .contents-inner-lower .lower-heading {
  text-align: left;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(5%, -52%);
}

@media screen and (min-width: 768px), print {
  .contents-care-index .lower-heading-wrapper .contents-inner-lower .lower-heading {
    transform: translate(0, -52%);
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.contents-care-index .lower-heading-wrapper:after {
  content: "";
  display: block;
  width: 100%;
  background: url(../img/story/mainvisual_bg_01.jpg) 0 0 repeat;
  background-size: 2%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 3.33333vw;
}

@media screen and (min-width: 768px), print {
  .contents-care-index .lower-heading-wrapper:after {
    height: 3.24074vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .lower-heading-wrapper:after {
    height: 35px;
  }
}

.contents-care-index .lower-heading-wrapper .contents-inner-lower:after {
  background-image: url(../img/care/care_bg_lower.png);
  z-index: 2;
}

.contents-care-index .intro-heading {
  font-size: 2.8rem;
  line-height: 1.5;
  text-align: center;
  font-weight: lighter;
}

@media screen and (min-width: 768px) {
  .contents-care-index .intro-heading {
    font-size: 2.96296vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .intro-heading {
    font-size: 3.2rem;
  }
}

.contents-care-index .intro-heading::after {
  display: block;
  content: "";
  width: 11.6vw;
  height: 2.13333vw;
  margin: 12vw auto 12vw;
  background: #ffec27;
}

@media screen and (min-width: 768px) {
  .contents-care-index .intro-heading::after {
    width: 40px;
    height: 7px;
    margin: 27px auto 35px;
  }
}

.contents-care-index .common-accordion {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #ccc;
}

@media screen and (min-width: 1080px) {
  .contents-care-index .common-accordion {
    max-width: 1000px;
    border-bottom: none;
    padding-top: 2.3%;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .common-accordion {
    padding-top: 90px;
  }
}

@media screen and (min-width: 768px) {
  .contents-care-index .common-accordion-wrapper {
    padding-bottom: 7%;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .common-accordion-wrapper {
    background-color: #fffacd;
    padding-bottom: 95px;
  }
}

.contents-care-index .common-accordion-list {
  border-top: 1px solid #ccc;
}

@media screen and (min-width: 1080px) {
  .contents-care-index .common-accordion-list {
    border-top: none;
    background-color: #ffffff;
    margin-top: 6%;
    border-bottom-left-radius: 37px;
    border-bottom-right-radius: 37px;
  }
}

.contents-care-index .common-accordion-button {
  font-size: 2.0rem;
  position: relative;
  padding: 6.66667vw 70px 6.66667vw 3%;
  cursor: pointer;
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  .contents-care-index .common-accordion-button {
    font-size: 2.40741vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .common-accordion-button {
    font-size: 2.6rem;
    background-color: #2F2F2F;
    padding: 1.7% 90px 1.7% 90px;
    color: #fff;
    text-align: center;
  }
}

.contents-care-index .common-accordion-button::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 2px;
  top: 50%;
  right: 20px;
  margin-top: -1px;
  background-color: #000;
  transition: all .4s;
  transform: rotate(0deg);
}

@media screen and (min-width: 1080px) {
  .contents-care-index .common-accordion-button::before {
    width: 38px;
    height: 4px;
    right: 42px;
    background-color: #fff;
    margin-top: -2px;
  }
}

.contents-care-index .common-accordion-button::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 2px;
  top: 50%;
  right: 20px;
  margin-top: -1px;
  background-color: #000;
  transition: all .4s;
  transform: rotate(90deg);
}

@media screen and (min-width: 1080px) {
  .contents-care-index .common-accordion-button::after {
    width: 38px;
    height: 4px;
    right: 42px;
    background-color: #fff;
    margin-top: -2px;
  }
}

.contents-care-index .common-accordion-button.open::before {
  display: none;
}

.contents-care-index .common-accordion-button.open::after {
  transform: rotate(180deg);
}

.contents-care-index .common-accordion-detail {
  display: none;
  padding-bottom: 10%;
}

.contents-care-index .common-accordion-detail.open {
  display: block;
}

@media screen and (min-width: 1080px) {
  .contents-care-index .common-accordion-detail {
    padding: 5% 0 6%;
  }
}

.contents-care-index .care-explain {
  width: 92%;
  margin: 0 auto;
  padding-bottom: 12%;
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-explain {
    padding-bottom: 7%;
    max-width: 1000px;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-explain {
    padding-bottom: 90px;
  }
}

.contents-care-index .care-explain-message {
  font-size: 1.4rem;
  line-height: 2;
}

@media screen and (min-width: 768px) {
  .contents-care-index .care-explain-message {
    font-size: 1.66667vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-explain-message {
    font-size: 1.8rem;
    line-height: 2.3;
  }
}

.contents-care-index .care-explain-person {
  padding-top: 6%;
  font-size: 1.1rem;
  line-height: 2;
  width: 12em;
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .contents-care-index .care-explain-person {
    font-size: 1.2963vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-explain-person {
    font-size: 1.4rem;
    padding-top: 0.5%;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-accordion-flex {
    width: 92%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.contents-care-index .care-accordion-list {
  padding-bottom: 12%;
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-accordion-list {
    padding-bottom: 4%;
  }
}

.contents-care-index .care-accordion-list2 {
  padding-top: 12%;
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-accordion-list2 {
    padding-top: 3.6%;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-accordion-item {
    width: 92%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.contents-care-index .care-accordion-item + .care-accordion-item {
  padding-top: 10%;
}

@media screen and (min-width: 768px), print {
  .contents-care-index .care-accordion-item + .care-accordion-item {
    padding-top: 4.62963vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-accordion-item + .care-accordion-item {
    padding-top: 50px;
  }
}

.contents-care-index .care-accordion-title {
  padding-bottom: 5%;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .contents-care-index .care-accordion-title {
    font-size: 1.66667vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-accordion-title {
    font-size: 1.8rem;
    padding-bottom: 2%;
  }
}

.contents-care-index .care-accordion-message {
  line-height: 2;
}

@media screen and (min-width: 768px) {
  .contents-care-index .care-accordion-message {
    font-size: 1.48148vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-accordion-message {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-accordion-message-wrapper {
    width: 65%;
  }
}

.contents-care-index .care-accordion_photo {
  padding-top: 9%;
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-accordion_photo {
    width: 30%;
    padding-top: 1%;
  }
}

.contents-care-index .care-accordion-attention {
  padding: 9% 3% 8% 3%;
  background-color: #F2F2F2;
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-accordion-attention {
    width: 92%;
    margin: 0 auto;
    padding: 3% 4% 4% 4%;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-accordion-attention-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.contents-care-index .care-accordion-attention-title {
  font-size: 1.7rem;
  font-weight: normal;
  padding-bottom: 5%;
}

@media screen and (min-width: 768px) {
  .contents-care-index .care-accordion-attention-title {
    font-size: 1.85185vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-accordion-attention-title {
    font-size: 2.0rem;
    padding-bottom: 1.1%;
  }
}

.contents-care-index .care-accordion-attention-message {
  line-height: 2;
  padding-bottom: 8%;
}

@media screen and (min-width: 768px) {
  .contents-care-index .care-accordion-attention-message {
    font-size: 1.48148vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-accordion-attention-message {
    padding-bottom: 0;
    line-height: 2;
    font-size: 1.6rem;
  }
}

.contents-care-index .care-accordion-attention-photo {
  width: 59%;
  margin: 0 auto;
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-accordion-attention-photo {
    width: 30%;
    margin: 0;
  }
}

.contents-care-index #photo01 img {
  width: 42.66667vw;
}

@media screen and (min-width: 768px), print {
  .contents-care-index #photo01 img {
    width: 17.12963vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index #photo01 img {
    width: 185px;
  }
}

.contents-care-index #photo02 img {
  width: 56vw;
}

@media screen and (min-width: 768px), print {
  .contents-care-index #photo02 img {
    width: 22.22222vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index #photo02 img {
    width: 240px;
  }
}

.contents-care-index #photo03 img {
  width: 56vw;
}

@media screen and (min-width: 768px), print {
  .contents-care-index #photo03 img {
    width: 22.22222vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index #photo03 img {
    width: 240px;
  }
}

.contents-care-index #photo04 img {
  width: 56vw;
}

@media screen and (min-width: 768px), print {
  .contents-care-index #photo04 img {
    width: 22.22222vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index #photo04 img {
    width: 240px;
  }
}

.contents-care-index #photo05 img {
  width: 64vw;
}

@media screen and (min-width: 768px), print {
  .contents-care-index #photo05 img {
    width: 25.92593vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index #photo05 img {
    width: 280px;
  }
}

.contents-care-index #photo06 img {
  width: 56vw;
}

@media screen and (min-width: 768px), print {
  .contents-care-index #photo06 img {
    width: 18.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index #photo06 img {
    width: 202px;
  }
}

.contents-care-index #photo07 img {
  width: 56vw;
}

@media screen and (min-width: 768px), print {
  .contents-care-index #photo07 img {
    width: 15.27778vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index #photo07 img {
    width: 165px;
  }
}

.contents-care-index #photo08 img {
  width: 56vw;
}

@media screen and (min-width: 768px), print {
  .contents-care-index #photo08 img {
    width: 22.22222vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index #photo08 img {
    width: 240px;
  }
}

.contents-care-index #photo09 img {
  width: 56vw;
}

@media screen and (min-width: 768px), print {
  .contents-care-index #photo09 img {
    width: 17.96296vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index #photo09 img {
    width: 194px;
  }
}

.contents-care-index #photo10 img {
  width: 56vw;
}

@media screen and (min-width: 768px), print {
  .contents-care-index #photo10 img {
    width: 18.98148vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index #photo10 img {
    width: 205px;
  }
}

.contents-care-index #photo11 img {
  width: 56vw;
}

@media screen and (min-width: 768px), print {
  .contents-care-index #photo11 img {
    width: 18.51852vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index #photo11 img {
    width: 200px;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-point {
    width: 92%;
    margin: 0 auto;
  }
}

.contents-care-index .care-point-message {
  line-height: 2;
}

@media screen and (min-width: 768px) {
  .contents-care-index .care-point-message {
    font-size: 1.66667vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-care-index .care-point-message {
    font-size: 1.8rem;
  }
}

.contents-care-index .common-accordion.care-accordion-area-list {
  padding-bottom: 12%;
}

@media screen and (min-width: 1080px) {
  .contents-care-index .common-accordion.care-accordion-area-list {
    padding-bottom: 0;
  }
}

.contents-care-index .common-accordion.care-accordion-area li:first-child .common-accordion-list {
  margin-top: 0;
}

.contents-care-index .common-accordion.care-accordion-area .care-accordion-photo {
  padding-top: 6%;
  text-align: center;
}

@media screen and (min-width: 1080px) {
  .contents-care-index .common-accordion.care-accordion-area .care-accordion-photo {
    padding-top: 1%;
    width: 30%;
  }
}

.contents-cm .title span {
  display: block;
}

@media screen and (min-width: 768px) {
  .contents-cm .title span {
    margin-left: 30px;
    display: inline;
  }
}

.contents-cm-item {
  border-bottom: 1px solid #ccc;
  margin-bottom: 8vw;
}

@media screen and (min-width: 768px) {
  .contents-cm-item {
    margin-bottom: 5.55556vw;
  }
}

@media screen and (min-width: 768px) {
  .contents-cm-item {
    margin-bottom: 60px;
  }
}

.contents-cm-item:last-child {
  border: none;
}

.contents-cm .movie-play {
  margin: 0 auto 10.66667vw;
}

@media screen and (min-width: 768px) {
  .contents-cm .movie-play {
    width: 68.51852vw;
    height: 38.14815vw;
    margin: 0 auto 7.40741vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-cm .movie-play {
    width: 740px;
    height: 412px;
    margin: 0 auto 80px;
  }
}

.contents-cm .movie-play button {
  border: none;
  padding: 0;
  background: none;
}

.products-title {
  font-weight: 400;
  font-size: 2.8rem;
  text-align: center;
  padding-bottom: 12vw;
  margin-bottom: 12vw;
  position: relative;
}

@media screen and (min-width: 768px) {
  .products-title {
    padding-bottom: 35px;
    margin-bottom: 40px;
    font-size: 2.96296vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-title {
    font-size: 3.2rem;
  }
}

.products-title:after {
  display: block;
  content: "";
  width: 11.73333vw;
  border-bottom: 8px solid #ffec27;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .products-title:after {
    width: 32px;
    border-bottom-width: 7px;
  }
}

@media screen and (min-width: 768px) {
  .products-lineup-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: stretch;
        align-items: stretch;
    margin-top: 90px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1079px) {
  .products-lineup {
    padding: 0 2%;
  }
}

.products-series {
  margin-bottom: 9.33333vw;
}

@media screen and (min-width: 768px) {
  .products-series {
    margin-bottom: 25vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-series {
    margin-bottom: 180px;
  }
}

.products-series-name {
  font-size: 2.5rem;
  font-weight: 400;
  text-align: center;
  margin-bottom: 4.66667vw;
  vertical-align: bottom;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .products-series-name {
    font-size: 2.96296vw;
    margin-bottom: 18px;
  }
}

@media screen and (min-width: 1080px) {
  .products-series-name {
    font-size: 3.2rem;
  }
}

@media screen and (min-width: 768px) {
  .products-series-name img {
    height: 3.9vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-series-name img {
    height: 40px;
  }
}

.products-series-desctiption {
  text-align: center;
  margin-bottom: 6.66667vw;
}

@media screen and (min-width: 768px) {
  .products-series-desctiption {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 1080px) {
  .products-series-desctiption {
    margin-bottom: 30px;
  }
}

.products-series-desctiption p {
  border: 1px solid #5b5b5b;
  padding: 1.06667vw 3.2vw;
  font-size: 1.1rem;
  margin: 0 3px;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .products-series-desctiption p {
    font-size: 1.01852vw;
    padding: 0.18519vw 0.18519vw;
  }
}

@media screen and (min-width: 800px) {
  .products-series-desctiption p {
    padding: 0.46296vw 0.46296vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-series-desctiption p {
    font-size: 1.1rem;
    padding: 4px 5px;
  }
}

.products-series-desctiption p .square-two {
  display: inline-block;
  border: 1px solid #5b5b5b;
  padding: 2px;
  margin: 0 3px;
  line-height: 1;
}

.products-series-desctiption:last-child {
  width: 10px;
}

.products-series-txt {
  text-align: center;
  line-height: 2;
  font-weight: 500;
}

.products-list-wrapper {
  padding-right: 4vw;
  padding-left: 4vw;
  margin-bottom: 16vw;
}

@media screen and (min-width: 768px) {
  .products-list-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: stretch;
        align-items: stretch;
    padding: 0;
    margin: -9.25926vw auto 0;
  }
}

@media screen and (min-width: 1080px) {
  .products-list-wrapper {
    margin-top: 0;
  }
}

.products-list {
  margin-bottom: 5.33333vw;
  position: relative;
}

@media screen and (min-width: 768px) {
  .products-list {
    width: 32%;
    display: block;
    margin-bottom: 0;
    padding: 15vw 2vw 4vw;
    text-align: center;
    margin-top: -25.92593vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-list {
    width: 360px;
    margin-top: -140px;
    padding: 0 13px 55px;
  }
}

.products-list-img {
  text-align: center;
  width: 26.66667vw;
  position: absolute;
  top: 13.33333vw;
  left: 2.66667vw;
}

@media screen and (min-width: 768px) {
  .products-list-img {
    position: static;
    width: 24.53704vw;
    margin: 0 auto 3vw;
    text-align: center;
  }
}

@media screen and (min-width: 1080px) {
  .products-list-img {
    margin: 0 auto 30px;
    width: 265px;
  }
}

@media screen and (min-width: 768px) {
  .products-list-img img.pc {
    display: inline-block;
  }
}

.products-list-txt {
  position: absolute;
  width: 60vw;
  top: 5.33333vw;
  left: 33.33333vw;
}

@media screen and (min-width: 768px) {
  .products-list-txt {
    position: static;
    width: auto;
    height: auto;
  }
}

.products-list-txt h4 {
  margin: 1.33333vw 0;
}

@media screen and (min-width: 768px) {
  .products-list-txt h4 {
    text-align: center;
    margin: 0 0 2vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-list-txt h4 {
    text-align: center;
    margin: 0 0 20px;
  }
}

@media screen and (min-width: 768px) {
  .products-list-txt h4 img {
    height: 3vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-list-txt h4 img {
    height: 27px;
  }
}

.products-list-txt > p {
  margin: 1.33333vw 0;
}

@media screen and (max-width: 767px) {
  .products-list-txt > p {
    font-size: 3.46667vw;
  }
}

@media screen and (min-width: 768px) {
  .products-list-txt > p {
    text-align: center;
  }
}

@media screen and (min-width: 1080px) {
  .products-list-txt > p {
    margin: 10px 0;
  }
}

.products-list .products-group-desctiption {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .products-list .products-group-desctiption {
    text-align: center;
  }
}

.products-list .products-group-desctiption p {
  display: inline-block;
  border: 1px solid #5b5b5b;
  padding: 3px 6px;
  font-size: 1rem;
  margin: 5px 0;
}

@media screen and (min-width: 768px) {
  .products-list .products-group-desctiption p {
    padding: 2.5px 0.46296vw;
    margin: 0 0 2vw;
    font-size: 0.83333vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-list .products-group-desctiption p {
    font-size: 1.1rem;
    padding: 4px 5px;
    margin: 0 2px 40px;
  }
}

.products-list .products-group-desctiption .square-two {
  display: inline-block;
  border: 1px solid #5b5b5b;
  padding: 2px;
  margin: 0 3px;
  line-height: 1;
}

.products-list-link {
  display: block;
  content: "";
  position: relative;
}

@media screen and (min-width: 768px) {
  .products-list-link {
    width: auto;
    text-align: center;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .products-list-link {
    width: 230px;
  }
}

.products-list-link a {
  width: 100%;
  height: 44.53333vw;
}

@media screen and (min-width: 768px) {
  .products-list-link a {
    padding: 2vw 0;
    display: block;
    color: #000;
    font-size: 1.2963vw;
    height: auto;
  }
}

@media screen and (min-width: 1080px) {
  .products-list-link a {
    padding: 24px 0;
    font-size: 1.4rem;
  }
}

.products-list-link span {
  display: none;
}

@media screen and (min-width: 768px) {
  .products-list-link span {
    display: inline-block;
    font-weight: 500;
  }
}

.products-list-link span a {
  color: #000;
}

.products-area .link-btn {
  width: 80%;
  margin: 0 auto 40px;
}

@media screen and (min-width: 768px){
  .products-area .link-btn {
    width: 400px;
    margin: 0 auto 40px;
  }
}

.products-area .link-btn a{
  padding: 10px;
}

@media screen and (min-width: 768px){
  .products-area .link-btn a{
    padding: 10px;
  }
}

.products-area .link-btn a:after{
}


.products-area .lineleft{
  width: 5px;
  height: 30px;
  background-color: #000;
  padding-right: 5px;
  display: inline-block;
  vertical-align: bottom;
}

.products-area .contents-inner{
  display: flex;
  max-width: 1000px;
  
}

@media screen and (min-width: 768px) {
  .products-area .products-m {
    width: 65%;
  }
}

@media screen and (min-width: 1080px) {
  .products-area .products-m {
    width: 710px;
  }
}

@media screen and (min-width: 768px) {
  .products-area .products-ep {
    width: 35%;
  }
}

@media screen and (min-width: 1080px) {
  .products-area .products-ep {
    width: 338px;
  }
}

.products-area .products-a .products-series-name img {
  width: 45.33333vw;
}

@media screen and (min-width: 768px) {
  .products-area .products-a .products-series-name img {
    width: 25vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-area .products-a .products-series-name img {
    width: 230px;
  }
}

.products-area .products-m .products-series-name img {
  width: 45.33333vw;
}

@media screen and (min-width: 768px) {
  .products-area .products-m .products-series-name img {
    width: 23.14815vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-area .products-m .products-series-name img {
    width: 230px;
  }
}

.products-area .products-ep .products-series-name img {
  width: 66.66667vw;
}

@media screen and (min-width: 768px) {
  .products-area .products-ep .products-series-name img {
    width: 29.62963vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-area .products-ep .products-series-name img {
    width: 320px;
  }
}

@media screen and (min-width: 768px) {
  .products-area .products-a .products-list-wrapper {
    background: #fffbcd;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .products-area .products-m .products-list-wrapper {
    background: #dff5f1;
  }
}

@media screen and (min-width: 768px) {
  .products-area .products-ep .products-list-wrapper {
    background: #fde9e2;
  }
}

.products-area .products-a .products-list {
  background: #fffbcd;
}

@media screen and (min-width: 768px) {
  .products-area .products-a .products-list {
    background: none;
  }
}

.products-area .products-m .products-list {
  background: #dff5f1;
}

@media screen and (min-width: 768px) {
  .products-area .products-m .products-list {
    background: none;
    width: 50%;
  }
}

.products-area .products-ep .products-list {
  background: #fde9e2;
}

@media screen and (min-width: 768px) {
  .products-area .products-ep .products-list {
    background: none;
    width: 100%;
  }
}

.products-area .products-a .products-list:nth-of-type(1) h4 img {
  width: 48vw;
}


@media screen and (min-width: 768px) {
  .products-area .products-a .products-list:nth-of-type(1) h4 img {
    width: auto;
  }
}

@media screen and (min-width: 1080px) {
  .products-area .products-a .products-list:nth-of-type(1) h4 img {
    width: 253px;
  }
}

.products-area .products-a .products-list:nth-of-type(2) h4 img {
  width: 38.13333vw;
}

@media screen and (min-width: 768px) {
  .products-area .products-a .products-list:nth-of-type(2) h4 img {
    width: auto;
  }
}

@media screen and (min-width: 1080px) {
  .products-area .products-a .products-list:nth-of-type(2) h4 img {
    width: 210px;
  }
}

.products-area .products-a .products-list:nth-of-type(3) h4 img {
  width: 38.13333vw;
}

@media screen and (min-width: 768px) {
  .products-area .products-a .products-list:nth-of-type(3) h4 img {
    width: auto;
  }
}

@media screen and (min-width: 1080px) {
  .products-area .products-a .products-list:nth-of-type(3) h4 img {
    width: 200px;
  }
}

.products-area .products-m .products-list:nth-of-type(1) h4 img {
  width: 38.13333vw;
}

@media screen and (min-width: 768px) {
  .products-area .products-m .products-list:nth-of-type(1) h4 img {
    width: auto;
  }
}

@media screen and (min-width: 1080px) {
  .products-area .products-m .products-list:nth-of-type(1) h4 img {
    width: 210px;
  }
}

.products-area .products-m .products-list:nth-of-type(2) h4 img {
  width: 38.13333vw;
}

@media screen and (min-width: 768px) {
  .products-area .products-m .products-list:nth-of-type(2) h4 img {
    width: auto;
  }
}

@media screen and (min-width: 1080px) {
  .products-area .products-m .products-list:nth-of-type(2) h4 img {
    width: 210px;
  }
}

.products-area .products-ep .products-list h4 img {
  width: 40.53333vw;
}

@media screen and (min-width: 768px) {
  .products-area .products-ep .products-list h4 img {
    width: auto;
  }
}

@media screen and (min-width: 1080px) {
  .products-area .products-ep .products-list h4 img {
    width: 220px;
  }
}

@media screen and (min-width: 768px) {
  .products-area .products-a .products-list-link {
    background: #ffec27;
  }
}

@media screen and (min-width: 768px) {
  .products-area .products-m .products-list-link {
    background: #01c49f;
  }
}

@media screen and (min-width: 768px) {
  .products-area .products-ep .products-list-link {
    background: #f05818;
  }
}

.products-area .products-m .products-list-link a,
.products-area .products-ep .products-list-link a {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .products-area .products-m .products-list-link a:after,
  .products-area .products-ep .products-list-link a:after {
    background-image: url(../img/common/arrow_white_pc.png);
  }
}

.type-box .type-contents-title {
  text-align: center;
  font-size: 2.4rem;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .type-box .type-contents-title {
    margin-bottom: 20px;
    font-size: 2.96296vw;
  }
}

@media screen and (min-width: 1080px) {
  .type-box .type-contents-title {
    margin-bottom: 20px;
    font-size: 3.2rem;
  }
}

.type-box .type-contents-subtitle {
  font-size: 1.7rem;
  text-align: center;
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .type-box .type-contents-subtitle {
    margin-bottom: 2vw;
    font-size: 2.03704vw;
  }
}

@media screen and (min-width: 1080px) {
  .type-box .type-contents-subtitle {
    margin-bottom: 25px;
    font-size: 2.2rem;
  }
}

.type-box .type-contents-txt {
  margin: 20px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .type-box .type-contents-txt {
  }
}

@media screen and (min-width: 1080px) {
  .type-box .type-contents-txt {
  }
}

.type-box .type-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: stretch;
      align-items: stretch;
  padding-right: 2.66667vw;
  padding-left: 2.66667vw;
}

@media screen and (min-width: 768px) {
  .type-box .type-list {
    width: 60%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .type-box .type-list {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
  }
}

.type-box .type-list li {
  width: 26.66667vw;
  padding: 0.66667vw;
  text-align: center;
}

@media screen and (min-width: 1080px) {
  .type-box .type-list li {
    width: 32.8%;
  }
}

.type-box .type-list a {
  font-size: 1.2rem;
  color: #000;
}

@media screen and (min-width: 768px) {
  .type-box .type-list a {
    font-size: 1.48148vw;
  }
}

@media screen and (min-width: 1080px) {
  .type-box .type-list a {
    font-size: 1.6rem;
  }
}

.type-box .type-list img {
  margin: 0 auto 4vw auto;
  max-width: 200px;
  display: block;
}

@media screen and (min-width: 768px) {
  .type-box .type-list img {
    text-align: center;
    margin-bottom: 1vw;
  }
}

@media screen and (min-width: 1080px) {
  .type-box .type-list img {
    margin: 0 auto 18px auto;
    display: block;
  }
}

.type-box .type-list span {
  border-bottom: 1px solid #000;
}

.type-box .type-list span:after {
  display: inline-block;
  content: ">";
  width: 10px;
}

.type-box .type-list li:last-child span {
  padding-right: 0.5em;
}

.type-box .type-list li:last-child span:after {
  padding-left: 0.5em;
}
/*
.footer {
  padding-top: 0px;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .footer {
  }
}

@media screen and (min-width: 1080px) {
  .footer {
    padding-top: 0px;
  }
}

.footer-contents-title{
  text-align: center;
  margin-top: 50px;
  margin-bottom: 10px;
}

.footer-contents-txt{
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .footer-contents-txt{
    margin-bottom: 40px;
  }
}

.footer-bnrArea-01 {
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 15px 15px;
}


@media screen and (min-width: 768px) {
  .footer-bnrArea-01 {
    width: 90%;
    margin: 0 auto 5vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}

@media screen and (min-width: 1080px) {
  .footer-bnrArea-01 {
    margin-bottom: 60px;
  }
}

.footer-bnrArea-01 li {
  padding: 10px 10px;
  width: 50%;
}

@media screen and (min-width: 768px) {
  .footer-bnrArea-01 li {
    width: 20%;
    padding-bottom: 0;
  }
}

@media screen and (min-width: 1080px) {
  .footer-bnrArea-01 li {
  }
}

.footer-bnrArea-01 li:last-child {
  padding-bottom: 0;
}


.footer-bnrArea-03{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto 20px;
}

.footer-bnrArea-03 li:nth-child(3n+1),
.footer-bnrArea-03 li:nth-child(3n){
  width: 60%;
}

@media screen and (min-width: 768px) {
  .footer-bnrArea-03{
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 1080px) {
  .footer-bnrArea-03{
    width: 1000px;
  }
}


.footer-bnrArea-03 li{
  padding: 14px 10px;
}

@media screen and (min-width: 768px) {
  .footer-bnrArea-03 li:nth-child(3n+1),
  .footer-bnrArea-03 li:nth-child(3n)
  {
    flex-basis: 20%;
  }
}

@media screen and (min-width: 768px) {
  .footer-bnrArea-03 li:nth-child(3n+2){
    flex-basis: 40%;
  }
}

.footer-nav {
  font-size: 16px;
  background: #ebecee;
  padding: 30px 5%;
	
}

@media screen and (min-width: 768px) {
  .footer-nav {
  }
}

@media screen and (min-width: 1080px) {
  .footer-nav {
  }
}

.footer-nav-list {
 width: 90%; max-width: 390px;
  font-size: 15px;
	font-weight: 300;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 0 20px;
	display: none;
}

@media screen and (min-width: 450px) {
  .footer-nav-list {
    font-size: 15px;
    max-width: 450px;
  }
}

@media screen and (min-width: 1080px) {
  .footer-nav-list {
	width: 100%;  max-width: 1900px;
    margin: 0 auto;
  }
}

.footer-nav-list li {
  position: relative;
  padding: 0 10px;
}

.footer-nav-list li a {
  color: #000;
}

.footer-nav-list li:after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 1px;
  height: 12px;
  top: 6px;
  right: 0;
  border-right: 1px solid #858585;
}

.footer-nav-list li:last-child:after{ display: none;}

.footer-med-desc {
  width: 90%; max-width: 1000px;
  font-size: 13px; font-weight: 300;
  margin: 0 auto;
}

@media screen and (min-width: 450px) {
  .footer-med-desc {
    font-size: 13px;
  }
}

.footer-med-desc li{
  text-align: center;
}

.footer-copyright{
  font-size: 13px; font-weight: 300;
}

@media screen and (min-width: 450px) {
  .footer-copyright {
    font-size: 13px;
	margin-bottom: 20px;
  }
}

.footer-copyright li{
  text-align: center;
}

.footer-copyright a{
  color: #000;
}*/

@media screen and (min-width: 768px) {
  .howtouse-products-link-wrapper, .howtouse-index-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 92%;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link-wrapper, .howtouse-index-wrapper {
    width: 1000px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-wrapper-index, .howtouse-index-wrapper-index {
    width: 100%;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link-wrapper-index, .howtouse-index-wrapper-index {
    width: 1000px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .howtouse-products-link .link-btn, .howtouse-index .link-btn {
    margin: 0;
  }
}

.howtouse-products-link .link-btn-btnBox-yellow, .howtouse-index .link-btn-btnBox-yellow {
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link .link-btn-btnBox-yellow, .howtouse-index .link-btn-btnBox-yellow {
    margin-bottom: 4.62963vw 0;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link .link-btn-btnBox-yellow, .howtouse-index .link-btn-btnBox-yellow {
    margin-bottom: 50px;
  }
}

.howtouse-products-link .link-btn-yellow, .howtouse-index .link-btn-yellow {
  background: #ffec27;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link .link-btn-yellow, .howtouse-index .link-btn-yellow {
    width: 56.48148vw 0;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link .link-btn-yellow, .howtouse-index .link-btn-yellow {
    width: 610px;
  }
}

.howtouse-products-link .link-btn-yellow a, .howtouse-index .link-btn-yellow a {
  color: #000;
  font-weight: normal;
  padding: 7.6vw 0;
  line-height: 1.1;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link .link-btn-yellow a, .howtouse-index .link-btn-yellow a {
    padding: 2.66667vw 0;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link .link-btn-yellow a, .howtouse-index .link-btn-yellow a {
    padding: 25px 0;
  }
}

.howtouse-products-link .link-btn-howtouse, .howtouse-index .link-btn-howtouse {
  background-color: #fffbcd;
  width: 100%;
  padding: 0;
  text-align: left;
  position: relative;
  text-align: left;
  color: #000;
}

@media screen and (max-width: 767px) {
  .howtouse-products-link .link-btn-howtouse, .howtouse-index .link-btn-howtouse {
    margin-top: 5.33333vw;
  }
}

@media screen and (min-width: 768px) {
  .howtouse-products-link .link-btn-howtouse, .howtouse-index .link-btn-howtouse {
    text-align: center;
    width: 44.44444vw;
    margin-bottom: 7.40741vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link .link-btn-howtouse, .howtouse-index .link-btn-howtouse {
    width: 480px;
    margin-bottom: 80px;
  }
}

.howtouse-products-link .link-btn-howtouse-m, .howtouse-products-link .link-btn-howtouse-zazai-m, .howtouse-index .link-btn-howtouse-m, .howtouse-index .link-btn-howtouse-zazai-m {
  background-color: #dff5f1;
}

.howtouse-products-link .link-btn-howtouse-chunyunanko, .howtouse-index .link-btn-howtouse-chunyunanko {
  width: 100%;
  background-image: none;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link .link-btn-howtouse-chunyunanko, .howtouse-index .link-btn-howtouse-chunyunanko {
    background-size: 114px;
    background-position: 26.48148vw 50%;
    text-align: center;
    padding: 0;
    margin: 0 auto 7.40741vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link .link-btn-howtouse-chunyunanko, .howtouse-index .link-btn-howtouse-chunyunanko {
    padding: 0;
    margin: 0 auto 80px;
    background-size: 114px;
    background-position: 286px 50%;
  }
}

.howtouse-products-link .link-btn-howtouse-chunyunanko .howtouse-products-link-contents, .howtouse-index .link-btn-howtouse-chunyunanko .howtouse-products-link-contents {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link .link-btn-howtouse-chunyunanko .howtouse-products-link-contents, .howtouse-index .link-btn-howtouse-chunyunanko .howtouse-products-link-contents {
    text-align: center;
    width: 44.44444vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link .link-btn-howtouse-chunyunanko .howtouse-products-link-contents, .howtouse-index .link-btn-howtouse-chunyunanko .howtouse-products-link-contents {
    width: 480px;
  }
}

.howtouse-products-link .link-btn-howtouse a, .howtouse-index .link-btn-howtouse a {
  text-align: left;
  color: #000;
}

@media screen and (max-width: 767px) {
  .howtouse-products-link .link-btn-howtouse a, .howtouse-index .link-btn-howtouse a {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .howtouse-products-link .link-btn-howtouse a, .howtouse-index .link-btn-howtouse a {
    padding: 2.31481vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link .link-btn-howtouse a, .howtouse-index .link-btn-howtouse a {
    padding: 25px 20px;
  }
}

@media screen and (max-width: 767px) {
  .howtouse-products-link .link-btn-howtouse a:after, .howtouse-index .link-btn-howtouse a:after {
    display: inline-block;
    position: absolute;
    content: "";
    width: 23.5px;
    height: 7px;
    background: url(../img/common/arrow_black_sp.png) 0 0 no-repeat;
    background-size: contain;
    top: 40%;
    right: 4.5%;
  }
}

.howtouse-products-link-contents, .howtouse-index-contents {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 auto;
}

.howtouse-products-link-img, .howtouse-index-img {
  width: 23.6vw;
  margin-right: 3.46667vw;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-img, .howtouse-index-img {
    width: 12.03704vw;
    margin-right: 2.87037vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link-img, .howtouse-index-img {
    width: 130px;
    margin-right: 31px;
  }
}

.howtouse-products-link-img-zazai, .howtouse-index-img-zazai {
  width: 23.2vw;
  margin-right: 3.2vw;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-img-zazai, .howtouse-index-img-zazai {
    width: 11.11111vw;
    margin-right: 3.51852vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link-img-zazai, .howtouse-index-img-zazai {
    width: 120px;
    margin-right: 38px;
  }
}

.howtouse-products-link-img-chunyunanko, .howtouse-index-img-chunyunanko {
  width: 18.93333vw;
  margin-right: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-img-chunyunanko, .howtouse-index-img-chunyunanko {
    width: 10.55556vw;
    margin-right: 3.42593vw;
    width: 114px;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link-img-chunyunanko, .howtouse-index-img-chunyunanko {
    width: 114px;
    margin-right: 37px;
  }
}

.howtouse-products-link-txt, .howtouse-index-txt {
  font-size: 1.15rem;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-txt, .howtouse-index-txt {
    font-size: 1.48148vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link-txt, .howtouse-index-txt {
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-txt-chunyunanko, .howtouse-index-txt-chunyunanko {
    width: 305px;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link-txt-chunyunanko, .howtouse-index-txt-chunyunanko {
    width: 305px;
  }
}

.howtouse-products-link-lead, .howtouse-index-lead {
  margin-bottom: 18px;
}

@media screen and (max-width: 767px) {
  .howtouse-products-link-lead, .howtouse-index-lead {
    font-size: 3.46667vw;
    margin-bottom: 3.2vw;
  }
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-lead-nanko, .howtouse-index-lead-nanko {
    line-height: 1.7;
  }
}

.howtouse-products-link-logo, .howtouse-index-logo {
  width: 38.66667vw;
  line-height: 1;
  margin-bottom: 3.2vw;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-logo, .howtouse-index-logo {
    width: 17.96296vw;
    min-width: 170px;
    margin-bottom: 1.38889vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link-logo, .howtouse-index-logo {
    width: 215px;
    margin-bottom: 18px;
  }
}

.howtouse-products-link-logo-chunyunanko, .howtouse-index-logo-chunyunanko {
  width: 48vw;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-logo-chunyunanko, .howtouse-index-logo-chunyunanko {
    width: auto;
    min-width: 222px;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link-logo-chunyunanko, .howtouse-index-logo-chunyunanko {
    width: 275px;
    margin-bottom: 18px;
  }
}

.howtouse-products-link-logo-zazai, .howtouse-index-logo-zazai {
  width: 38.13333vw;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-logo-zazai, .howtouse-index-logo-zazai {
    width: 18.14815vw;
    min-width: 170px;
    margin-bottom: 1.38889vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link-logo-zazai, .howtouse-index-logo-zazai {
    width: 218px;
    margin-bottom: 15px;
  }
}

.howtouse-products-link-logo-zazai-m, .howtouse-index-logo-zazai-m {
  width: 39.6vw;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-logo-zazai-m, .howtouse-index-logo-zazai-m {
    width: 18.61111vw;
    min-width: 170px;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link-logo-zazai-m, .howtouse-index-logo-zazai-m {
    width: 224px;
  }
}

.howtouse-products-link-logo-nanko-m, .howtouse-index-logo-nanko-m {
  width: 40vw;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-logo-nanko-m, .howtouse-index-logo-nanko-m {
    width: 18.98148vw;
    min-width: 170px;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link-logo-nanko-m, .howtouse-index-logo-nanko-m {
    width: 228px;
  }
}

.howtouse-products-link-note, .howtouse-index-note {
  font-size: 1rem;
  padding-left: 0.66667vw;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-note, .howtouse-index-note {
    font-size: 1.11111vw;
    padding-left: 0.18519vw;
    padding: 0.46296vw 0 0.37037vw 0.18519vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link-note, .howtouse-index-note {
    font-size: 1.2rem;
    padding-left: 2px;
    padding: 5px 0 4px 2px;
  }
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-note-box, .howtouse-index-note-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.howtouse-products-link-note-chunyunanko, .howtouse-index-note-chunyunanko {
  margin-bottom: 1.86667vw;
  line-height: 1.5;
  padding: 0.4vw 0.93333vw 0.53333vw;
  border: 1px solid #000;
  width: 16emvw;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-note-chunyunanko, .howtouse-index-note-chunyunanko {
    width: auto;
    margin-bottom: 0;
    padding: 0.27778vw 0.64815vw 0.37037vw;
    margin-right: 0.64815vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link-note-chunyunanko, .howtouse-index-note-chunyunanko {
    margin-right: 7px;
    padding: 3px 7px 4px;
  }
}

.howtouse-products-link-note-a, .howtouse-products-link-note-m, .howtouse-index-note-a, .howtouse-index-note-m {
  margin-bottom: 1.86667vw;
  line-height: 1.5;
  padding: 0.4vw 0.93333vw 0.53333vw;
  border: 1px solid #000;
  width: 16em;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-note-a, .howtouse-products-link-note-m, .howtouse-index-note-a, .howtouse-index-note-m {
    width: auto;
    margin-bottom: 0.92593vw;
    padding: 0.27778vw 0.64815vw 0.37037vw;
    margin-right: 0.64815vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link-note-a, .howtouse-products-link-note-m, .howtouse-index-note-a, .howtouse-index-note-m {
    margin-right: 7px;
    padding: 3px 7px 4px;
    margin-bottom: 10px;
  }
}

.howtouse-products-link-note-m, .howtouse-index-note-m {
  margin-bottom: 1.86667vw;
  line-height: 1.5;
  padding: 0.4vw 0.93333vw 0.53333vw;
  border: 1px solid #000;
  width: 17em;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-note-m, .howtouse-index-note-m {
    width: auto;
    margin-bottom: 0.92593vw;
    padding: 0.27778vw 0.64815vw 0.37037vw;
    margin-right: 0.64815vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link-note-m, .howtouse-index-note-m {
    margin-right: 7px;
    padding: 3px 7px 4px;
    margin-bottom: 10px;
  }
}

.howtouse-products-link-supplement, .howtouse-index-supplement {
  display: inline-block;
  border: 1px solid #5b5b5b;
  padding: 4px 12px;
  font-size: 1.1rem;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-supplement, .howtouse-index-supplement {
    font-size: 1.2963vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link-supplement, .howtouse-index-supplement {
    font-size: 1.4rem;
    padding: 4px 20px;
  }
}

.howtouse-products-link-supplement-m, .howtouse-index-supplement-m {
  display: inline-block;
  border: 1px solid #5b5b5b;
  padding: 4px 12px;
  font-size: 1.1rem;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-supplement-m, .howtouse-index-supplement-m {
    font-size: 1.2963vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link-supplement-m, .howtouse-index-supplement-m {
    font-size: 1.4rem;
    padding: 4px 20px;
  }
}

.howtouse-products-link-supplement .circled, .howtouse-index-supplement .circled {
  display: inline-block;
  border: 1px solid #5b5b5b;
  padding: 2px;
  line-height: 1;
  margin: 0 3px;
}

@media screen and (min-width: 768px) {
  .howtouse-products-link-supplement .circled, .howtouse-index-supplement .circled {
    padding: 0.09259vw 0.37037vw 0.18519vw;
    margin: 0 0.27778vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-products-link-supplement .circled, .howtouse-index-supplement .circled {
    padding: 2px;
  }
}

.howtouse-index .lower-heading-wrapper {
  margin: 0 auto;
}

@media screen and (min-width: 768px), print {
  .howtouse-index .lower-heading-wrapper .lower-heading.pageTtlsub {
    padding: 3.7963vw 0;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .lower-heading-wrapper .lower-heading.pageTtlsub {
    padding: 41px 0;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .pageTtl_lines .lower-heading.pageTtlsub {
    margin-right: 50px;
  }
}

.howtouse-index .howtouse-index-bg-gray {
  background: #f4f4f4;
}

@media screen and (min-width: 768px) {
  .howtouse-index .link-btn-howtouse {
    margin-bottom: 0;
  }
}

.howtouse-index .intro-wrapper-type-select {
  padding: 12vw 0;
  margin-bottom: 12vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index .intro-wrapper-type-select {
    padding: 9.46667vw 0 7.22222vw;
    margin: 0 auto 7.40741vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .intro-wrapper-type-select {
    padding: 60px 0 80px;
    margin: 0 auto 80px;
  }
}

.howtouse-index .howtouse-type-select {
  margin: 0 auto 12vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-type-select {
    width: 28.33333vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .howtouse-type-select {
    width: 306px;
    margin: 0 auto;
  }
}

.howtouse-index .howtouse-type-select:last-child {
  margin: 0 auto 0;
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-type-select-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: end;
        align-items: flex-end;
  }
}

.howtouse-index .howtouse-type-select-heading {
  text-align: center;
  font-size: 2.2rem;
  margin-bottom: 6.66667vw;
  line-height: 2;
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-type-select-heading {
    font-size: 2.40741vw;
    margin-bottom: 2.22222vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .howtouse-type-select-heading {
    margin-bottom: 24px;
    font-size: 2.6rem;
  }
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-type-select:nth-child(2) .howtouse-type-select-heading {
    margin-bottom: 4.16667vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .howtouse-type-select:nth-child(2) .howtouse-type-select-heading {
    margin-bottom: 45px;
  }
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-type-select:nth-child(3) .howtouse-type-select-heading {
    margin-bottom: 4.07407vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .howtouse-type-select:nth-child(3) .howtouse-type-select-heading {
    margin-bottom: 44px;
  }
}

.howtouse-index .howtouse-type-select-img {
  position: relative;
  margin-bottom: 8vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-type-select-img {
    margin-bottom: 2.77778vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .howtouse-type-select-img {
    margin-bottom: 45px;
  }
}

.howtouse-index .howtouse-type-select-img img {
  padding: 0 5.55556vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-type-select-img img {
    padding: 0 2.40741vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .howtouse-type-select-img img {
    padding: 0 15px;
  }
}

.howtouse-index .howtouse-type-select-btn {
  text-align: center;
  margin: 0 auto;
  background: #2f2f2f;
  position: relative;
  border-radius: 50px;
  margin: 0 4vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-type-select-btn {
    width: 24.62963vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .howtouse-type-select-btn {
    width: 266px;
  }
}

.howtouse-index .howtouse-type-select-btn::before {
  content: "";
  position: absolute;
  display: block;
  width: 4.13333vw;
  height: 2.26667vw;
  background: url(../img/products/howtouse/houtouse_btn_arrow.png) 0 0 no-repeat;
  background-size: contain;
  top: 50%;
  right: 5.73333%;
}

@media screen and (max-width: 767px) {
  .howtouse-index .howtouse-type-select-btn::before {
    top: 48%;
  }
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-type-select-btn::before {
    width: 1.38889vw;
    height: 0.74074vw;
    right: 1.94444%;
    width: 15px;
    height: 8px;
    right: 21px;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .howtouse-type-select-btn::before {
    width: 15px;
    height: 8px;
    right: 21px;
  }
}

.howtouse-index .howtouse-type-select-btn a {
  display: block;
  font-weight: 500;
  color: #fff;
  font-size: 2rem;
  padding: 5.33333vw 0;
}

@media screen and (max-width: 767px) {
  .howtouse-index .howtouse-type-select-btn a {
    font-size: 1.6rem;
    border-radius: 50px;
    padding: 5.33333vw 0;
  }
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-type-select-btn a {
    padding: 1.85185vw 0;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .howtouse-type-select-btn a {
    padding: 20px 0;
  }
}

.howtouse-index-items {
  margin: 0 auto 12vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index-items {
    margin: 0 auto 8.33333vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index-items {
    margin: 0 auto 80px;
  }
}

.howtouse-index-items:last-child {
  margin: 0 auto;
}

.howtouse-index-items .punctuation {
  padding: 0 0 10.66667vw;
  border-bottom: 1px solid #ccc;
}

@media screen and (min-width: 768px) {
  .howtouse-index-items .punctuation {
    padding: 0 0 7.40741vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index-items .punctuation {
    padding: 0 0 80px;
  }
}

.howtouse-index-items .anchor {
  padding: 0 0 12vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index-items .anchor {
    padding: 0 0 7.40741vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index-items .anchor {
    padding: 0 0 80px;
  }
}

@media screen and (min-width: 768px) {
  .howtouse-index-items .title .space {
    display: inline;
  }
}

.howtouse-index-items .productsTableArea {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-index-desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.howtouse-index .howtouse-index-desc-txt {
  margin-bottom: 5.86667vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-index-desc-txt {
    margin-bottom: 3.7037vw;
    width: 47.22222vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .howtouse-index-desc-txt {
    margin-bottom: 40px;
    width: 510px;
  }
}

.howtouse-index .howtouse-index-desc-img {
  margin-bottom: 8vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-index-desc-img {
    margin: 0 0 3.7037vw 0;
    width: 40.74074vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .howtouse-index-desc-img {
    margin: 0 0 40px;
    width: 440px;
  }
}

.howtouse-index .howtouse-index-suitable {
  margin-bottom: 8vw;
  padding: 8vw 5.33333vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-index-suitable {
    margin-bottom: 4.62963vw;
    padding: 3.7963vw 3.7037vw 5.18519vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .howtouse-index-suitable {
    margin-bottom: 50px;
    padding: 40px;
  }
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-index-suitable-contents {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.howtouse-index .howtouse-index-suitable-heading {
  font-weight: 500;
  text-align: justify;
  font-size: 1.6rem;
  margin: 0 auto 4vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-index-suitable-heading {
    margin-bottom: 2.22222vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .howtouse-index-suitable-heading {
    margin-bottom: 25px;
  }
}

.howtouse-index .howtouse-index-suitable-txt {
  margin: 0 auto 5.33333vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-index-suitable-txt {
    margin-bottom: 2.77778vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .howtouse-index-suitable-txt {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-index-suitable-img {
    width: 48.14815vw;
    margin: 0 auto 0;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .howtouse-index-suitable-img {
    width: 520px;
    margin: 0 auto;
  }
}

.howtouse-index .howtouse-index-suitable figcaption {
  margin-top: 5.33333vw;
  font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-index-suitable figcaption {
    margin-top: 1.94444vw;
    font-size: 0.14815vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .howtouse-index-suitable figcaption {
    margin-top: 20px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .howtouse-index-zazai {
    margin: 0 auto 12vw;
  }
}

.howtouse-index-zazai .howtouse-index-desc-txt {
  margin-bottom: 5.86667vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index-zazai .howtouse-index-desc-txt {
    margin-bottom: 7.40741vw;
    width: 62.96296vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index-zazai .howtouse-index-desc-txt {
    margin-bottom: 80px;
    width: 680px;
  }
}

.howtouse-index-zazai .howtouse-index-desc-img {
  width: 53.33333vw;
  margin: 0 auto 8vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index-zazai .howtouse-index-desc-img {
    width: 25.92593vw;
    margin: 0 0 3.7037vw 0;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index-zazai .howtouse-index-desc-img {
    width: 280px;
    margin: 0 0 40px;
  }
}

@media screen and (min-width: 768px) {
  .howtouse-index-zazai .howtouse-index-suitable-txt {
    width: 59.25926vw;
    margin: 0;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index-zazai .howtouse-index-suitable-txt {
    width: 640px;
  }
}

.howtouse-index-zazai .howtouse-index-suitable-img {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .howtouse-index-zazai .howtouse-index-suitable-img {
    margin: 0;
    width: 22.22222vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index-zazai .howtouse-index-suitable-img {
    width: 240px;
  }
}

.howtouse-index-zazai .howtouse-index-suitable-img img {
  width: 53.6vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index-zazai .howtouse-index-suitable-img img {
    width: 100%;
    margin-bottom: 0;
  }
}

.howtouse-index-zazai .howtouse-index-suitable-img figcaption {
  text-align: left;
}

.howtouse-index-nanko {
  margin: 0 auto 12vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index-nanko {
    margin: 0 auto 7.40741vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index-nanko {
    margin: 0 auto 80px;
  }
}

.howtouse-index-nanko .howtouse-index-desc-img {
  width: 75.73333vw;
  margin: 0 auto 9.33333vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index-nanko .howtouse-index-desc-img {
    width: 37.03704vw;
    margin-bottom: 3.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index-nanko .howtouse-index-desc-img {
    width: 400px;
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 768px) {
  .howtouse-index-nanko .howtouse-index-desc-txt {
    width: 49.90741vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index-nanko .howtouse-index-desc-txt {
    width: 539px;
  }
}

.howtouse-index-nanko .howtouse-index-suitable {
  margin-bottom: 10.66667vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index-nanko .howtouse-index-suitable {
    margin-bottom: 4.72222vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index-nanko .howtouse-index-suitable {
    margin-bottom: 51px;
  }
}

.howtouse-index .movie-wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 12vw 0;
  position: relative;
}

@media screen and (min-width: 768px) {
  .howtouse-index .movie-wrapper {
    padding: 7.40741vw 0;
    width: auto;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .movie-wrapper {
    padding: 80px 0;
  }
}

.howtouse-index .movie-wrapper-bgyellow {
  background: #ffec27;
}

.howtouse-index .movie-wrapper .movie-heading {
  font-size: 2.2rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
  margin: 0 auto 5.33333vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index .movie-wrapper .movie-heading {
    font-size: 2.96296vw;
    margin: 0 auto 4.62963vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .movie-wrapper .movie-heading {
    font-size: 3.2rem;
    margin: 0 auto 50px;
  }
}

.howtouse-index .movie-wrapper .movie-heading span {
  font-size: 1.4rem;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .howtouse-index .movie-wrapper .movie-heading span {
    font-size: 2.03704vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .movie-wrapper .movie-heading span {
    font-size: 2.2rem;
    margin: 0 auto 60px;
  }
}

.howtouse-index .movie-wrapper .movie-box {
  width: 92vw;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .howtouse-index .movie-wrapper .movie-box {
    width: 68.51852vw;
    height: 38.14815vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .movie-wrapper .movie-box {
    width: 740px;
    height: 412px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .howtouse-index .movie-wrapper .movie-box .contents-inner {
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 9.25926vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .movie-wrapper .movie-box .contents-inner {
    padding-bottom: 100px;
  }
}

.howtouse-index .movie-wrapper .movie-box button {
  border: none;
  padding: 0;
  background: none;
  position: relative;
}

.howtouse-index .movie-wrapper .movie-box button::after {
  content: "";
  position: absolute;
  display: block;
  width: 40vw;
  height: 53.33333vw;
  background: url(../img/common/blackboard_img_02.png) no-repeat;
  background-size: 100%;
  right: 0;
  bottom: -18vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index .movie-wrapper .movie-box button::after {
    width: 18.51852vw;
    height: 24.90741vw;
    right: -5.55556vw;
    bottom: -7.40741vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .movie-wrapper .movie-box button::after {
    width: 287px;
    height: 277px;
    right: -60px;
    bottom: -20px;
  }
}

.howtouse-index .productsTableArea + .link-btn-btnBox {
  margin-top: 10.66667vw;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .howtouse-index .productsTableArea + .link-btn-btnBox {
    margin-top: 5.55556vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .productsTableArea + .link-btn-btnBox {
    margin-top: 60px;
  }
}

.howtouse .lower-heading-wrapper {
  background: none;
  margin-bottom: 12vw;
}

@media screen and (min-width: 768px) {
  .howtouse .lower-heading-wrapper {
    margin-bottom: 7.40741vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .lower-heading-wrapper {
    margin-bottom: 80px;
  }
}

.howtouse .lower-heading-wrapper .lower-heading {
  font-size: 2.6rem;
  padding: 9.33333vw 0 8vw;
}

@media screen and (min-width: 768px) {
  .howtouse .lower-heading-wrapper .lower-heading {
    padding: 6.48148vw 0 3.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .lower-heading-wrapper .lower-heading {
    padding: 70px 0 40px;
  }
}

.howtouse .lower-heading-wrapper .howtouse-products-img {
  position: relative;
}

@media screen and (min-width: 768px) {
  .howtouse .lower-heading-wrapper .howtouse-products-img {
    width: 69.44444vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .lower-heading-wrapper .howtouse-products-img {
    width: 750px;
  }
}

.howtouse .lower-heading-wrapper .howtouse-products-box {
  background: url(../img/products/howtouse/howtouse_bg_pc.png) repeat-x;
  background-size: auto 32.40741vw;
  background-position: left bottom;
}

@media screen and (min-width: 768px) {
  .howtouse .lower-heading-wrapper .howtouse-products-box {
    background-size: auto 23.05556vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .lower-heading-wrapper .howtouse-products-box {
    background-size: auto 249px;
  }
}

.howtouse-movie-wrapper {
  width: 100%;
  background: #fff;
  margin: 0 auto 12vw;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .howtouse-movie-wrapper {
    width: auto;
    margin: 0 auto 5.55556vw;
    padding: 0;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-movie-wrapper {
    margin: 0 auto 60px;
  }
}

.howtouse-movie-wrapper .movie-heading {
  font-size: 2.2rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
  margin: 0 auto 5.33333vw;
}

@media screen and (min-width: 768px) {
  .howtouse-movie-wrapper .movie-heading {
    font-size: 2.96296vw;
    margin: 0 auto 4.62963vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-movie-wrapper .movie-heading {
    font-size: 3.2rem;
    margin: 0 auto 50px;
  }
}

.howtouse-movie-wrapper .movie-box {
  margin: 0 auto 4vw;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .howtouse-movie-wrapper .movie-box {
    margin: 0 auto 2.77778vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-movie-wrapper .movie-box {
    margin: 0 auto 30px;
  }
}

@media screen and (min-width: 768px) {
  .howtouse-movie-wrapper .movie-box video {
    width: 320px;
  }
}

.howtouse-movie-txt {
  margin: 4vw auto 0;
  width: 92vw;
  padding-bottom: 12vw;
  border-bottom: 1px solid #ccc;
}

@media screen and (min-width: 768px) {
  .howtouse-movie-txt {
    width: 92.59259vw;
    margin: 2.77778vw auto 0;
    padding: 0 12.03704vw 6.48148vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-movie-txt {
    width: 1000px;
    margin: 30px auto 0;
    padding: 0 130px 70px;
  }
}

.howtouse .howtouse-wrapper {
  margin-bottom: 8vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper {
    margin-bottom: 5.55556vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper {
    margin-bottom: 60px;
  }
}

.howtouse .howtouse-wrapper .link-btn-howto{
  width: 220px;
  margin: 20px auto ;
  border: 1px solid #000;
  text-align: center;
  padding: 10px;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .link-btn-howto{
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .link-btn-howto{
    width: 394px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article-contets {
  margin: 0 auto 9.33333vw;
  padding: 0 2.66667vw 10.66667vw;
  border-bottom: 1px solid #ccc;
}
.howtouse .howtouse-wrapper .howtouse-article-contets:last-child {
	border-bottom: 0;
	margin-bottom: 0;	
}
@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article-contets {
    padding: 0 0 5.55556vw;
    margin: 0 auto 5.55556vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article-contets {
    padding: 0 0 30px;
    margin: 0 auto 30px;
  }
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article-contets-step {
    margin: 0 auto 7.40741vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article-contets-step {
    margin: 0 auto 80px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article{
  padding: 20px 0;
}

.howtouse .howtouse-wrapper .howtouse-article .link-btn-yellow{
  width: 80%;
  height: 60px;
  margin: 0 auto 20px;
  background: #ffec27;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .link-btn-yellow{
    width: 480px;
    height: 70px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article .link-btn-yellow .link-btn-lead{
  margin: 0 0 7px;
  display: inline-block;
  font-size: 1.4rem;
}

.howtouse .howtouse-wrapper .howtouse-article .link-btn-yellow a{
  color: #000;
  padding: 8px 0 14px;
  letter-spacing: .05em;
  font-size: 1.6rem;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .link-btn-yellow a{
    font-size: 2.1rem;
  }
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .flex-outer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .flex-outer .howtouse-article-ttl {
    padding-left: 11.11111vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .flex-outer .howtouse-article-ttl {
    padding-left: 120px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article-ttl {
  font-size: 2rem;
  font-weight: 400;
  text-align: center;
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article-ttl {
    font-size: 2.40741vw;
    margin-bottom: 2.77778vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article-ttl {
    font-size: 2.6rem;
    margin-bottom: 10px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article .step-ttl {
  text-align: left;
}

.howtouse .howtouse-wrapper .howtouse-article .about-ttl {
  text-align: left;
  margin-bottom: 4vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .about-ttl {
    margin-bottom: 2.77778vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .about-ttl {
    margin-bottom: 30px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article-parts-img {
  width: 53.6vw;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article-parts-img {
    width: 33.33333vw;
    margin-right: 26.85185vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article-parts-img {
    width: 360px;
    margin-right: 290px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article-step-wrapper {
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article-step-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom: 3.7037vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article-step-wrapper {
    margin-bottom: 40px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article-step-wrapper-zazai {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article-step-wrapper-zazai {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article-step-wrapper-zazai {
    margin-bottom: 0;
  }
}

.howtouse .howtouse-wrapper .howtouse-article-step-noimage {
  margin-bottom: 0;
}

.howtouse .howtouse-wrapper .howtouse-article-step-noimage .howtouse-step-box-txt {
  margin-bottom: 0 !important;
}

.howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box {
  position: relative;
  margin-bottom: 17.33333vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box {
    width: 28.98148vw;
    margin: 0;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box {
    width: 313px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box::after {
  content: "";
  position: absolute;
  display: block;
  background: url(../img/products/howtouse/step_arrow.png) no-repeat;
  background-size: 100%;
  width: 87px;
  height: 18px;
  right: 0;
  left: 0;
  margin: auto;
  bottom: -45px;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box::after {
    transform: rotate(-90deg);
    width: 8.05556vw;
    height: 1.66667vw;
    right: -5.92593vw;
    bottom: 7.03704vw;
    margin: 0;
    left: auto;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box::after {
    width: 87px;
    height: 18px;
    right: -64px;
    bottom: 76px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box:nth-child(3) {
  margin-bottom: 8vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box:nth-child(3)::after {
    content: none;
  }
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box:nth-child(3)::after {
    margin: 0;
  }
}

.howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box:last-child {
  margin-bottom: 5.33333vw;
}

.howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box:last-child::after {
  content: none;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box:last-child {
    margin: 0;
  }
}

.howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-txt {
  line-height: 1.5;
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-txt {
    margin-bottom: 2.31481vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-txt {
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-txt-flex {
    width: 74.07407vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-txt-flex {
    width: 800px;
  }
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-txt-flex-02 {
    width: 62.96296vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-txt-flex-02 {
    width: 680px;
  }
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-txt-flex-03 {
    width: 48.14815vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-txt-flex-03 {
    width: 520px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-img {
  width: 40vw;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-img {
    width: 15.74074vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-img {
    width: 170px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-img-flex {
    margin: 0 0 0 auto;
  }
}

.howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-img-flex-02 {
  width: 60vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-img-flex-02 {
    width: 25.55556vw;
    margin: 0 0 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-img-flex-02 {
    width: 276px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-img-flex-03 {
  width: 74.66667vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-img-flex-03 {
    width: 39.07407vw;
    margin: 0 0 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-img-flex-03 {
    width: 422px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-img-wide {
  width: 74.66667vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-img-wide {
    width: auto;
  }
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-nanko {
    width: 44.44444vw;
    margin: 0;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-nanko {
    width: 480px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-nanko:nth-child(2) .howtouse-step-box-img {
  width: 85.88267vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-nanko:nth-child(2) .howtouse-step-box-img {
    width: 33.7963vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-nanko:nth-child(2) .howtouse-step-box-img {
    width: 365px;
  }
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-nanko::after {
    content: "";
    position: absolute;
    display: block;
    background: url(../img/products/howtouse/step_arrow.png) no-repeat;
    background-size: 100%;
    transform: rotate(-90deg);
    width: 8.05556vw;
    height: 1.66667vw;
    right: -1.94444vw;
    bottom: 7.03704vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-nanko::after {
    width: 87px;
    height: 18px;
    right: -21px;
    bottom: 76px;
  }
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai {
    margin-bottom: 3.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai .howtouse-step-box-img {
    margin: 0 auto;
  }
}

.howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai .howtouse-step-box-img figcaption {
  font-size: 1rem;
  width: 28em;
  margin: 2vw 0 0 -16vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai .howtouse-step-box-img figcaption {
    width: 28.98148vw;
    margin: 0.83333vw 0 0 -6.66667vw;
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai .howtouse-step-box-img figcaption {
    width: 313px;
    margin: 9px 0 0 -72px;
    font-size: 1.4rem;
  }
}

.howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:nth-child(3) .howtouse-step-box-img {
  width: 73.64667vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:nth-child(3) .howtouse-step-box-img {
    width: 100%;
    margin: 0 auto;
  }
}

.howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:last-child .howtouse-step-box-img {
  width: 54.588vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:last-child .howtouse-step-box-img {
    width: 21.48148vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:last-child .howtouse-step-box-img {
    width: 232px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:first-child, .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:nth-child(2), .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:nth-child(3) {
  margin-bottom: 17.33333vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:first-child, .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:nth-child(2), .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:nth-child(3) {
    margin-bottom: 3.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:first-child, .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:nth-child(2), .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:nth-child(3) {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:nth-child(4), .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:nth-child(5) {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:nth-child(4)::after, .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:nth-child(5)::after {
    bottom: 12.03704vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:nth-child(4)::after, .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:nth-child(5)::after {
    bottom: 135px;
  }
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:nth-child(2)::after, .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:nth-child(5)::after {
    right: -4.25926vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:nth-child(2)::after, .howtouse .howtouse-wrapper .howtouse-article .howtouse-step-box-zazai:nth-child(5)::after {
    right: -46px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article .howtouse-article-contets-about .title::after {
  margin: 4.35185vw auto 6.2037vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-article-contets-about .title::after {
    margin: 2.31481vw auto 3.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-article-contets-about .title::after {
    margin: 25px auto 40px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article .howtouse-article-contets-about .icon {
  width: 5.33333vw;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-article-contets-about .icon {
    width: 2.31481vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-article-contets-about .icon {
    width: 24px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article .howtouse-article-contets-about .icon img {
  vertical-align: text-bottom;
}

.howtouse .howtouse-wrapper .howtouse-article .howtouse-article-contets-last {
  margin-bottom: 4.35185vw auto 6.2037vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-article-contets-last {
    margin: 2.31481vw auto 3.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .howtouse-article-contets-last {
    margin: 25px auto 40px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article .eyecatch {
  padding: 3px;
  text-align: center;
  font-size: 1.1rem;
  width: 63px;
  height: 25px;
  border-radius: 15px;
  margin-bottom: 2.66667vw;
  font-weight: bold;
  background: #ffec27;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article .eyecatch {
    margin-bottom: 2vw;
    font-size: 1.4rem;
    width: 80px;
    padding: 0;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article .eyecatch {
    margin-bottom: 15px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article-point {
  background: #f2f2f2;
  padding: 6.66667vw 5.33333vw 7.46667vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article-point {
    padding: 2.77778vw 3.7037vw 3.24074vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article-point {
    padding: 20px 40px 20px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article-point-ttl-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 4vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article-point-ttl-wrapper {
    margin-bottom: 2.22222vw;
    -ms-flex-align: center;
        align-items: center;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article-point-ttl-wrapper {
    margin-bottom: 10px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article-point-ttl-wrapper .eyecatch {
  background: #000;
  color: #fff;
  font-weight: 500;
  width: 60px;
  height: 20px;
  letter-spacing: .1em;
  padding: 0 3px;
  line-height: 2;
  margin-right: 2.26667vw;
  margin-bottom: 0;
  margin-top: .75vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article-point-ttl-wrapper .eyecatch {
    width: 80px;
    height: 24px;
    letter-spacing: .1em;
    padding: 0 3px;
    line-height: 2;
    margin-right: 18px;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.2rem;
  }
}

.howtouse .howtouse-wrapper .howtouse-article-point-ttl {
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.5;
  width: 61.46667vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article-point-ttl {
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .howtouse .howtouse-wrapper .howtouse-article-point-txt .listItem {
    padding-left: 1.5em;
    position: relative;
  }
  .howtouse .howtouse-wrapper .howtouse-article-point-txt .listItem .indexIcon {
    position: absolute;
    left: 0;
  }
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article-point-txt {
    font-size: 1.6rem;
  }
}

.howtouse .howtouse-wrapper .howtouse-article-txt-list {
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article-txt-list {
    margin-bottom: 3.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article-txt-list {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article-txt-list:last-child {
    margin-bottom: 0;
  }
}

.howtouse .howtouse-wrapper .howtouse-article-txt-list p:first-child {
  margin-bottom: 2vw;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article-txt-list p:first-child {
    margin-bottom: 1.38889vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article-txt-list p:first-child {
    margin-bottom: 15px;
  }
}

.howtouse .howtouse-wrapper .howtouse-article-txt-list b {
  font-weight: 700;
}

.howtouse .howtouse-wrapper .howtouse-article-txt-list-wide {
  margin-bottom: 4vw !important;
}

@media screen and (min-width: 768px) {
  .howtouse .howtouse-wrapper .howtouse-article-txt-list-wide {
    margin-bottom: 2.77778vw !important;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse .howtouse-wrapper .howtouse-article-txt-list-wide {
    margin-bottom: 30px !important;
  }
}



@media screen and (max-width: 767px) {
  .howtouse-chunyunanko,
  .howtouse-nanko,
  .howtouse-zazai {
    margin-bottom: 10.66667vw;
  }
}

.howtouse-nanko .heading-class-double {
  width: 85%;
}

.howtouse-index .howtouse-type-select-wrapper .heading-class-double {
  bottom: 53.33333vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-type-select-wrapper .heading-class-double {
    bottom: 14.81481vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .howtouse-type-select-wrapper .heading-class-double {
    bottom: 175px;
  }
}

.howtouse-index .howtouse-type-select-wrapper .products-heading-class-icon {
  bottom: 53.33333vw;
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-type-select-wrapper .products-heading-class-icon {
    width: 10.18519vw;
    font-size: 0.92593vw;
    padding: 0.37037vw 0;
    bottom: 14.81481vw;
  }
}

@media screen and (min-width: 850px) {
  .howtouse-index .howtouse-type-select-wrapper .products-heading-class-icon {
    width: 9.25926vw;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .howtouse-type-select-wrapper .products-heading-class-icon {
    width: 100px;
    font-size: 1.2rem;
    bottom: 175px;
  }
}

.howtouse-index .howtouse-type-select-wrapper .icon-m {
  padding: 1.6vw 0;
}

@media screen and (min-width: 768px) {
  .howtouse-index .howtouse-type-select-wrapper .icon-m {
    padding: 0.60185vw 0;
  }
}

@media screen and (min-width: 1080px) {
  .howtouse-index .howtouse-type-select-wrapper .icon-m {
    padding: 6px 0;
  }
}

.howtouse-index .howtouse-type-select-wrapper .howtouse-type-select:nth-child(2) .heading-class-double {
  width: 81%;
}

.howtouse-index .howtouse-type-select-wrapper .howtouse-type-select:nth-child(3) .heading-class-double {
  width: 84%;
}

.iziModalMovie {
  max-width: 320px !important;
}

.overlapIllust-blackboard01::after {
  content: "";
  position: absolute;
  display: block;
  width: 53.33333vw;
  height: 80vw;
  background-image: url("../img/common/blackboard_img_01.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  right: 1vw;
  bottom: -5.33333vw;
}

@media screen and (min-width: 768px) {
  .overlapIllust-blackboard01::after {
    width: 26.11111vw;
    height: 24.90741vw;
    right: 7.40741vw;
    bottom: -7.59259vw;
  }
}

@media screen and (min-width: 1080px) {
  .overlapIllust-blackboard01::after {
    width: 282px;
    height: 269px;
    right: 80px;
    bottom: -82px;
  }
}

.overlapIllust-blackboard02::after {
  content: "";
  position: absolute;
  display: block;
  width: 53.33333vw;
  height: 80vw;
  background-image: url("../img/common/blackboard_img_02.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  right: 1vw;
  bottom: -5.33333vw;
}

@media screen and (min-width: 768px) {
  .overlapIllust-blackboard02::after {
    width: 26.11111vw;
    height: 24.90741vw;
    right: 7.40741vw;
    bottom: -7.59259vw;
  }
}

@media screen and (min-width: 1080px) {
  .overlapIllust-blackboard02::after {
    width: 282px;
    height: 269px;
    right: 80px;
    bottom: -82px;
  }
}

.overlapIllust-blackboard03::after {
  content: "";
  position: absolute;
  display: block;
  width: 53.33333vw;
  height: 80vw;
  background-image: url("../img/common/blackboard_img_03.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  right: 1vw;
  bottom: -5.33333vw;
}

@media screen and (min-width: 768px) {
  .overlapIllust-blackboard03::after {
    width: 26.11111vw;
    height: 24.90741vw;
    right: 7.40741vw;
    bottom: -7.59259vw;
  }
}

@media screen and (min-width: 1080px) {
  .overlapIllust-blackboard03::after {
    width: 282px;
    height: 269px;
    right: 80px;
    bottom: -82px;
  }
}

.overlapIllust-movie01 button {
  border: none;
  padding: 0;
  background: none;
  position: relative;
}

.overlapIllust-movie01 button::after {
  content: "";
  position: absolute;
  display: block;
  width: 23.46667vw;
  height: 31.6vw;
  background-image: url("../img/common/blackboard_img_01.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  right: 1vw;
  bottom: -3vw;
}

@media screen and (min-width: 768px) {
  .overlapIllust-movie01 button::after {
    width: 18.24074vw;
    height: 19.90741vw;
    right: -4.16667vw;
    bottom: -3.51852vw;
  }
}

@media screen and (min-width: 1080px) {
  .overlapIllust-movie01 button::after {
    width: 303px;
    height: 277px;
    right: -45px;
    bottom: -6px;
  }
}

.overlapIllust-movie02 button {
  border: none;
  padding: 0;
  background: none;
  position: relative;
}

.overlapIllust-movie02 button::after {
  content: "";
  position: absolute;
  display: block;
  width: 23.46667vw;
  height: 31.6vw;
  background-image: url("../img/common/blackboard_img_02.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  right: 1vw;
  bottom: -3vw;
}

@media screen and (min-width: 768px) {
  .overlapIllust-movie02 button::after {
    width: 18.24074vw;
    height: 19.90741vw;
    right: -4.16667vw;
    bottom: -3.51852vw;
  }
}

@media screen and (min-width: 1080px) {
  .overlapIllust-movie02 button::after {
    width: 303px;
    height: 277px;
    right: -45px;
    bottom: -6px;
  }
}

.overlapIllust-movie03 button {
  border: none;
  padding: 0;
  background: none;
  position: relative;
}

.overlapIllust-movie03 button::after {
  content: "";
  position: absolute;
  display: block;
  width: 23.46667vw;
  height: 31.6vw;
  background-image: url("../img/common/blackboard_img_03.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  right: 1vw;
  bottom: -3vw;
}

@media screen and (min-width: 768px) {
  .overlapIllust-movie03 button::after {
    width: 18.24074vw;
    height: 19.90741vw;
    right: -4.16667vw;
    bottom: -3.51852vw;
  }
}

@media screen and (min-width: 1080px) {
  .overlapIllust-movie03 button::after {
    width: 303px;
    height: 277px;
    right: -45px;
    bottom: -6px;
  }
}

.iziModal {
  max-width: 375px !important;
  height: 198px !important;
  z-index: 100001 !important;
}

@media screen and (min-width: 768px), print {
  .iziModal {
    max-width: 700px !important;
    height: 370px !important;
  }
}

@media screen and (min-width: 820px) {
  .iziModal {
    max-width: 800px !important;
    height: 450px !important;
  }
}

.iziModal:after {
  content: "";
  display: block;
  position: absolute;
  top: -50px;
  left: auto;
  right: 10px;
  width: 35px;
  height: 35px;
  background-image: url(../img/common/icon_close.png);
  background-size: 35px;
  opacity: 1;
}

@media screen and (min-width: 768px), print {
  .iziModal:after {
    width: 45px;
    height: 45px;
    top: -70px;
    right: 0;
    background-size: 45px;
  }
}

.iziModal .iziModal-iframe {
  height: 198px !important;
}

@media screen and (min-width: 768px), print {
  .iziModal .iziModal-iframe {
    height: 370px !important;
  }
}

@media screen and (min-width: 820px) {
  .iziModal .iziModal-iframe {
    height: 450px !important;
  }
}

.iziModal-overlay {
  z-index: 100000 !important;
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.products-top .products-top-box {
  padding-top: 0;
}

.products-top .products-type-wrapper {
  background: #fffbcd;
  padding: 16vw 4vw;
}

@media screen and (min-width: 768px) {
  .products-top .products-type-wrapper {
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .products-top .type-contents-txt {
    font-size: 1.48148vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-top .type-contents-txt {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 768px) {
  .products-top .type-list {
    width: 80%;
  }
}

@media screen and (min-width: 1080px) {
  .products-top .type-list {
    width: 730px;
  }
}

@media screen and (min-width: 768px) {
  .products-top .type-box .type-list li {
    width: 20%;
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .products-top .type-box .type-list li {
    font-size: 1.48148vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-top .type-box .type-list li {
    font-size: 1.6rem;
  }
}

.products-top h3, .products-top .type-contents-title {
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .products-top .type-contents-title {
    font-size: 2.40741vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-top .type-contents-title {
    font-size: 2.6rem;
  }
}

.products-top .contents-img {
  width: 50.66667vw;
}

@media screen and (min-width: 768px) {
  .products-top .contents-img {
    width: 35.18519vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-top .contents-img {
    width: 300px;
    margin-top: 20px;
  }
}

.products-lower .lower-heading-wrapper {
  background: none;
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .products-lower .lower-heading-wrapper {
    margin-bottom: 5.55556vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .lower-heading-wrapper {
    margin-bottom: 30px;
  }
}

.products-lower .products-heading-lead {
  font-size: 1.8rem;
  text-align: center;
  padding-top: 6.66667vw;
  margin-bottom: 2.66667vw;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .products-lower .products-heading-lead {
    padding-top: 7vw;
    margin-bottom: 1vw;
    font-size: 2.03704vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-heading-lead {
    font-size: 2rem;
    padding-top: 70px;
    margin-bottom: 25px;
  }
}

.products-lower .products-heading {
  margin: 0 auto 3.2vw;
  text-align: center;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .products-lower .products-heading {
    margin-bottom: 20px;
  }
}

.products-lower .products-heading-description {
  text-align: center;
  line-height: 1;
}

.products-lower .products-heading-description .products-heading-txt {
  display: inline-block;
  font-size: 2.93333vw;
  padding: 6px 12px;
  border: 1px solid #707070;
}

@media screen and (min-width: 768px) {
  .products-lower .products-heading-description .products-heading-txt {
    margin-bottom: 0;
    font-size: 1.2963vw;
    padding: 0.64815vw 2.31481vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-heading-description .products-heading-txt {
    font-size: 1.4rem;
    padding: 7px 25px;
  }
}

.products-lower .products-heading-description .products-heading-class {
  display: inline-block;
  border: 1px solid #707070;
  padding: 4px 8px;
  margin-left: 2vw;
  font-size: 2.93333vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-heading-description .products-heading-class {
    margin-left: 0.8vw;
    font-size: 1.2963vw;
    padding: 0.46296vw 2.31481vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-heading-description .products-heading-class {
    margin-left: 15px;
    font-size: 1.4rem;
    padding: 5px 24px;
  }
}

.products-lower .products-heading-description .products-heading-class .square-two {
  border: 1px solid #5b5b5b;
  padding: 1px;
  margin: 0 0.5vw;
  display: inline-block;
}

@media screen and (min-width: 1080px) {
  .products-lower .products-heading-description .products-heading-class .square-two {
    padding: 1px;
    margin: 0 3px;
  }
}

.products-lower .products-intro-wrapper {
  z-index: 1;
  width: 92vw;
  margin: 0 auto 10px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .products-lower .products-intro-wrapper {
    width: 75%;
    margin: 0 auto 5vw;
    text-align: right;
    zoom: 1;
  }
  .products-lower .products-intro-wrapper:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-intro-wrapper {
    width: 680px;
    margin: 0 auto 30px;
  }
}

.products-lower .products-intro-wrapper .products-intro {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .products-lower .products-intro-wrapper .products-intro {
    display: flex;
    align-items: center;
    flex-direction: row;
  }
}

.products-lower .products-intro-wrapper .products-intro .products-intro-img{
  margin: 0 auto;
  width: 80%;
}

@media screen and (min-width: 768px) {
  .products-lower .products-intro-wrapper .products-intro .products-intro-img{
    margin: 0 30px 20px 0;
    /* width: 100%; */
  }
}

.products-lower .products-intro-wrapper .products-intro .link-btn-howto {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .products-lower .products-intro-wrapper .products-intro .link-btn-howto a {
    padding: 1vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-intro-wrapper .products-intro .link-btn-howto a {
    padding: 10px;
  }
}

.products-lower .products-intro-wrapper .products-intro-txt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: stretch;
      align-items: stretch;
  align-items: stretch;
  margin: 20px 0;
}

@media screen and (min-width: 768px) {
  .products-lower .products-intro-wrapper .products-intro-txt {
    margin-bottom: 2vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-intro-wrapper .products-intro-txt {
    margin-bottom: 13px;
  }
}

.products-lower .products-intro-wrapper .products-intro-txt dl {
  width: 65%;
  zoom: 1;
  font-size: 1.2rem;
}

.products-lower .products-intro-wrapper .products-intro-txt dl:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  .products-lower .products-intro-wrapper .products-intro-txt dl {
    font-size: 1.2963vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-intro-wrapper .products-intro-txt dl {
    font-size: 1.4rem;
  }
}

.products-lower .products-intro-wrapper .products-intro-txt dt {
  background: #b6b6b6;
  outline: 1px solid #5b5b5b;
  width: 22%;
}

.products-lower .products-intro-wrapper .products-intro-txt dd {
  background: #fff;
  outline: 1px solid #5b5b5b;
  width: 78%;
}

.products-lower .products-intro-wrapper .products-intro-txt dt, .products-lower .products-intro-wrapper .products-intro-txt dd {
  text-align: center;
  float: left;
  padding: 1.06667vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-intro-wrapper .products-intro-txt dt, .products-lower .products-intro-wrapper .products-intro-txt dd {
    padding: 0.5vw;
    font-size: 1.2963vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-intro-wrapper .products-intro-txt dt, .products-lower .products-intro-wrapper .products-intro-txt dd {
    padding: 2.5px;
    font-size: 1.4rem;
  }
}

.products-lower .products-intro-wrapper .products-intro-txt .btn-pdf {
  width: 32%;

}

.products-lower .products-box {
  /* position: relative;
  background: #fffbcd; */
}

.products-lower .products-box-img {
  /* position: absolute;
  top: -16vw;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  width: 100%; */
}

@media screen and (min-width: 768px) {
  .products-lower .products-box-img {
    width: 100%;
    text-align: center;
    top: -15vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-box-img {
    top: -140px;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-box-img img.pc {
    width: auto;
    max-width: 1000px;
    display: inline;
  }
}

.products-lower .products-box .purchase-box-wrapper {
  width: 92vw;
  margin: 0 auto;
}

.products-lower .products-box .purchase-box {
  padding-top: 26.66667vw;
  padding-bottom: 10.66667vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-box .purchase-box {
    padding-top: 19vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-box .purchase-box {
    padding-top: 190px;
    padding-bottom: 80px;
  }
}

.products-lower .products-movie-wrapper {
  background: #fffbcd;
}

.products-lower .products-movie-txt {
  text-align: center;
  font-size: 2.2rem;
  margin-bottom: 5.33333vw;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .products-lower .products-movie-txt {
    font-size: 2.96296vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-movie-txt {
    font-size: 3.2rem;
    margin-bottom: 50px;
  }
}

.products-lower .products-movie span {
  font-weight: 500;
  display: block;
  font-size: 1.4rem;
  margin-bottom: 2.66667vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-movie span {
    font-size: 2.03704vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-movie span {
    font-size: 2.2rem;
    margin-bottom: 10px;
  }
}

.products-lower .products-movie .movie-box {
  margin: 0 auto;
  padding-bottom: 13.33333vw;
}

@media screen and (min-width: 1080px) {
  .products-lower .products-movie .movie-box {
    width: 740px;
    padding-bottom: 80px;
  }
}

@media screen and (min-width: 768px) {
  .products-lower .products-movie .movie-box .contents-inner {
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 9.25926vw;
    padding-bottom: 0;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-movie .movie-box .contents-inner {
    padding-bottom: 0;
  }
}

.products-lower .products-movie button {
  border: none;
  padding: 0;
  background: none;
  position: relative;
}

.products-lower .products-movie button::after {
  width: 40vw;
  height: 66.66667vw;
  right: -1vw;
  bottom: -31vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-movie button::after {
    width: 19.25926vw;
    height: 19.90741vw;
    right: -4.16667vw;
    bottom: -2.59259vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-movie button::after {
    width: 303px;
    height: 277px;
    right: -45px;
    bottom: -6px;
  }
}

.products-lower .title:after {
  margin: 9.33333vw auto;
}

@media screen and (min-width: 768px) {
  .products-lower .title:after {
    margin: 30px auto 80px;
  }
}

.products-lower .title-sub {
  font-size: 2rem;
}

@media screen and (min-width: 768px) {
  .products-lower .title-sub {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .title-sub {
    font-size: 2.6rem;
  }
}

.products-lower .products-feature-wrapper {
  z-index: -100;
  border: 4vw solid #ffec27;
  padding-top: 10.66667vw;
  padding-bottom: 10.66667vw;
  margin-bottom: 13.33333vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper {
    border-width: 20px;
    padding-top: 50px;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
}

.products-lower .products-feature-wrapper .products-feature-box {
  margin: 0 5.33333vw;
  border-bottom: 1px solid #ccc;
  margin-bottom: 8vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-feature-box {
    margin: 0 0 30px;
  }
}

.products-lower .products-feature-wrapper .products-feature-box:last-child {
  border: none;
  margin-bottom: 0;
}

.products-lower .products-feature-wrapper .products-feature-ttl-wrapper, .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-feature-ttl-wrapper, .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper {
    margin-bottom: 10px;
    -ms-flex-align: center;
        align-items: center;
  }
}

.products-lower .products-feature-wrapper .products-feature-ttl-wrapper p, .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper p {
  background: #ffec27;
  padding: 2px;
  text-align: center;
  font-size: 1.1rem;
  width: 45%;
  height: 24px;
  border-radius: 14px;
  margin-top: 0.8vw;
  margin-right: 2vw;
  font-weight: 500;
}

@media screen and (orientation: landscape) {
  .products-lower .products-feature-wrapper .products-feature-ttl-wrapper p, .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper p {
    width: 95px;
    margin-top: 0.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-feature-ttl-wrapper p, .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper p {
    font-size: 1.66667vw;
    width: 104px;
    height: 35px;
    border-radius: 20px;
    padding: 2px;
    margin-top: 0;
    margin-right: 15px;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .products-feature-ttl-wrapper p, .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper p {
    font-size: 1.8rem;
  }
}

.products-lower .products-feature-wrapper .products-feature-ttl-wrapper .products-feature-ttl, .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-feature-ttl, .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-article-ttl {
  font-weight: lighter;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .products-lower .products-feature-wrapper .products-feature-ttl-wrapper .products-feature-ttl, .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-feature-ttl, .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-article-ttl {
    width: 165%;
  }
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-feature-ttl-wrapper .products-feature-ttl, .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-feature-ttl, .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-article-ttl {
    font-size: 2.40741vw;
  }
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-feature-ttl-wrapper .products-feature-ttl, .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-feature-ttl, .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-article-ttl {
    font-size: 2.6rem;
  }
}

.products-lower .products-feature-wrapper .products-feature-txt-wrapper .products-feature-txt > p:first-child, .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .products-feature-txt > p:first-child {
  margin-bottom: 2.66667vw;
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .products-feature-txt-wrapper .products-feature-txt > p:first-child, .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .products-feature-txt > p:first-child {
    margin-bottom: 30px;
  }
}

.products-lower .products-feature-wrapper .products-feature-txt-wrapper .products-feature-txt, .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .products-feature-txt {
  margin-bottom: 5.33333vw;
}

.products-lower .products-feature-wrapper .products-feature-txt-wrapper .products-feature-notes {
  background-color: #fff8ac;
  padding: 30px 40px;
  margin-bottom: 50px;
  font-size: 1.4rem
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .products-feature-txt-wrapper .products-feature-txt, .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .products-feature-txt {
    margin-bottom: 0;
  }
}

.products-lower .products-feature-wrapper .products-feature-txt-wrapper .products-feature-txt-zazai, .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .products-feature-txt-zazai {
  padding: 8vw 5.33333vw;
  border: 1px solid #ccc;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-feature-txt-wrapper .products-feature-txt-zazai, .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .products-feature-txt-zazai {
    padding: 3.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .products-feature-txt-wrapper .products-feature-txt-zazai, .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .products-feature-txt-zazai {
    padding: 20px 40px;
  }
}

.products-lower .products-feature-wrapper .products-feature-txt-wrapper .products-feature-txt-zazai .products-feature-img, .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .products-feature-txt-zazai .products-feature-img {
  margin-bottom: 0;
}

.products-lower .products-feature-wrapper .products-feature-txt-wrapper .products-feature-txt .products-feature-txt-bold, .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .products-feature-txt .products-feature-txt-bold {
  font-weight: 500;
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-feature-txt-wrapper .products-feature-txt .products-feature-txt-bold, .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .products-feature-txt .products-feature-txt-bold {
    margin-bottom: 1.85185vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .products-feature-txt-wrapper .products-feature-txt .products-feature-txt-bold, .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .products-feature-txt .products-feature-txt-bold {
    margin-bottom: 15px !important;
  }
}

.products-lower .products-feature-wrapper .products-feature-txt-wrapper .note, 
.products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .note {
  /*font-size: 1.1rem;*/
  font-size: 18px;
  text-indent: -1em;
  margin-left: 1em;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-feature-txt-wrapper .note, .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .note {
    font-size: 1.2963vw;
  }
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-feature-txt-wrapper .note, .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .note {
    font-size: 1.4rem;
  }
}

.products-lower .products-feature-wrapper .products-feature-txt-wrapper .note p, .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .note p {
  margin-bottom: 0;
}

.products-lower .products-feature-wrapper .products-feature-txt-wrapper .products-feature-list, .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .products-feature-list {
  list-style: disc;
  padding-left: 1.5em;
}

.products-lower .products-feature-wrapper .img-box.products-feature-txt-wrapper .products-feature-txt > p, .products-lower .products-feature-wrapper .products-article .img-box.products-article-txt-wrapper .products-feature-txt > p {
  margin-bottom: 2.66667vw;
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .img-box.products-feature-txt-wrapper .products-feature-txt > p, .products-lower .products-feature-wrapper .products-article .img-box.products-article-txt-wrapper .products-feature-txt > p {
    margin-bottom: 20px;
  }
}

.products-lower .products-feature-wrapper .products-article {
  background: #fffbcd;
  /*padding: 8vw 5.33333vw;*/
	padding: 8vw 3.9vw;
  margin-bottom: 8vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-article {
    padding: 3.7037vw;
    margin-bottom: 3.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .products-article {
    padding: 20px 40px;
    margin-bottom: 30px;
  }
}

.products-lower .products-feature-wrapper .products-article-first {
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-article-first {
    margin-bottom: 3.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .products-article-first {
    margin-bottom: 40px;
  }
}

.products-lower .products-feature-wrapper .products-article-txt {
  /*font-size: 1.4rem;*/
	font-size: 18px;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-article-txt {
    font-size: 1.48148vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .products-article-txt {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper {
    margin-bottom: 10px;
  }
}

.products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper p {
  background: #000;
  color: #fff;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper p {
    font-size: 1.11111vw;
    height: 24px;
    width: 72px;
    border-radius: 36px;
    padding: 2px;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper p {
    font-size: 1.2rem;
  }
}

.products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-article-ttl {
  font-weight: 500;
  font-size: 1.6rem;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-article-ttl {
    font-size: 1.85185vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-article-ttl {
    font-size: 2rem;
  }
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: stretch;
        align-items: stretch;
  }
}

.products-lower .products-feature-wrapper .products-article .products-article-txt dl {
  border-bottom: 1px solid #ccc;
  padding-bottom: 4vw;
  margin-bottom: 4vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-article .products-article-txt dl {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}

.products-lower .products-feature-wrapper .products-article .products-article-txt dt {
  font-weight: 500;
  /*font-size: 1.4rem;*/
	font-size: 20px;
	letter-spacing: 0;
  margin-bottom: 2.66667vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-article .products-article-txt dt {
    font-size: 1.66667vw;
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .products-article .products-article-txt dt {
    /*font-size: 1.8rem;*/
	  font-size: 20px;
  }
}

.products-lower .products-feature-wrapper .products-article .products-article-txt dt span {
  font-size: 1.1rem;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-article .products-article-txt dt span {
    font-size: 1.2037vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .products-article .products-article-txt dt span {
    font-size: 1.3rem;
  }
}

.products-lower .products-feature-wrapper .products-article .products-article-txt dd {
  /*font-size: 1.2rem;*/
	font-size: 20px;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-article .products-article-txt dd {
    font-size: 1.48148vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .products-article .products-article-txt dd {
    /*font-size: 1.6rem;*/
	  font-size: 18px;
  }
}

.products-lower .products-feature-wrapper .products-article .products-article-txt dl:last-child {
  border: none;
  padding-bottom: 1.33333vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-article .products-article-txt dl:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

.products-lower .products-feature-wrapper .products-article .products-article-img {
  width: 56vw;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-article .products-article-img {
    width: 30%;
    margin: 0;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .products-article .products-article-img {
    width: 280px;
  }
}

.products-lower .products-feature-wrapper .products-feature-note {
  background: #F4F4F4;
  padding: 8vw 5.33333vw;
  margin-bottom: 8vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-feature-note {
    padding: 2.77778vw 3.7037vw;
    font-size: 1.2963vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .products-feature-note {
    padding: 30px 40px;
    margin-bottom: 50px;
    font-size: 1.4rem;
  }
}

.products-lower .products-feature-wrapper .products-feature-note-ttl {
  font-weight: 500;
  margin-bottom: 2.66667vw;
}

.products-lower .products-feature-wrapper .products-feature-column {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 10px solid #f4f4f4;
  padding: 25px;
  margin-bottom: 60px;
}

.products-lower .products-feature-wrapper .products-feature-column-image {
  width: 25.7%;
}

.products-lower .products-feature-wrapper .products-feature-column-area {
  width: 69.8%;
}

.products-lower .products-feature-wrapper .products-feature-column-area .products-feature-note {
	padding: 0;
	margin-bottom: 0;
	background: none;
}
.products-lower .products-feature-wrapper .products-feature-column-area .products-feature-note-ttl {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.products-lower .products-feature-wrapper .products-feature-column-area .products-feature-note .o-check {
	font-size: 1.2rem;
	font-weight: bold;
	background-color: #ffec34;
	padding: 4px 12px;
	margin-right: 11px;
	display: inline-block;
	text-decoration: none;
	border-radius: 15px;
	width: 73px;
	text-align: center;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-feature-note-ttl {
    font-size: 1.66667vw;
    margin-bottom: 1.85185vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .products-feature-note-ttl {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .products-feature-note.nanko {
    font-size: 1.48148vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .products-feature-note.nanko {
    font-size: 1.6rem;
  }
}

.products-lower .products-feature-wrapper .products-feature-note.nanko span {
  display: block;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .img-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: stretch;
        align-items: stretch;
  }
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .img-box .products-feature-txt {
    width: 60%;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .img-box .products-feature-txt {
    width: 600px;
  }
}

.products-lower .products-feature-wrapper .img-box .products-feature-img {
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .img-box .products-feature-img {
    width: 35%;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .img-box .products-feature-img {
    margin-bottom: 50px;
    width: 360px;
  }
}

.products-lower .products-feature-wrapper .img-box .products-feature-img img {
  max-width: 100%;
}

.products-lower .products-feature-wrapper .img-box .products-article-txt {
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .img-box .products-article-txt {
    width: 60%;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .img-box .products-article-txt {
    width: 600px;
  }
}

.products-lower .products-feature-wrapper .txt-box .products-feature-txt {
  margin-bottom: 8vw;
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .txt-box .products-feature-txt {
    margin-bottom: 50px;
  }
}

.products-lower .products-feature-wrapper .txt-box .products-feature-img {
  margin: 6.66667vw auto 0;
  width: 48vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .txt-box .products-feature-img {
    margin: 6vw auto 10vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .txt-box .products-feature-img {
    margin: 25px auto 90px;
    width: 760px;
  }
}

@media screen and (max-width: 767px) {
  .products-lower .products-feature-wrapper .txt-box .products-feature-img:last-child {
    width: 100%;
  }
  .products-lower .products-feature-wrapper .products-feature-column {
	flex-wrap: wrap;
	border: 5px solid #f4f4f4;
	padding: 25px 15px 30px 15px;
	margin-bottom: 8vw;
  }
  .products-lower .products-feature-wrapper .products-feature-column-area .products-feature-note-ttl {
	margin-bottom: 15px; 
  }
  .products-lower .products-feature-wrapper .products-feature-column-image {
	width: 71.7%;
	margin: 25px auto 0 auto; 
	order: 2;
  }
  .products-lower .products-feature-wrapper .products-feature-column-area {
    width: 100%;
  }
}

.products-lower .products-feature-wrapper .txt-box .products-feature-img.figcaption-img {
  margin-bottom: 6.66667vw;
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .txt-box .products-feature-img.figcaption-img {
    margin-bottom: 30px;
    margin-top: 30px;
  }
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .effect.products-article .products-article-txt {
    width: 65%;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .effect.products-article .products-article-txt {
    width: 640px;
  }
}

.products-lower .products-feature-wrapper .effect.products-article .products-article-img {
  width: 50.93333vw;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .products-lower .products-feature-wrapper .effect.products-article .products-article-img {
    width: 30%;
    margin: 0;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-feature-wrapper .effect.products-article .products-article-img {
    width: 240px;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-information-wrapper .products-information {
    width: 760px;
  }
}

.products-lower .products-information-wrapper .products-information-box {
  border-bottom: 1px solid #ccc;
  padding-bottom: 8vw;
  margin-bottom: 8vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-information-wrapper .products-information-box {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}

.products-lower .products-information-wrapper .products-information-box:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 10.66667vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-information-wrapper .products-information-box:last-child {
    padding-bottom: 0;
    margin-bottom: 9.25926vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-information-wrapper .products-information-box:last-child {
    margin-bottom: 80px;
  }
}

.products-lower .products-information-wrapper .products-information-txt {
  /*font-size: 1.2rem;*/
	font-size: 20px;
  margin-bottom: 5.33333vw;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .products-lower .products-information-wrapper .products-information-txt {
    font-size: 1.48148vw;
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-information-wrapper .products-information-txt {
    font-size: 1.6rem;
  }
}

.products-lower .products-information-wrapper .products-information-box .products-information-txt:last-child {
  margin-bottom: 0;
}

.products-lower .products-information-wrapper h4 {
  margin-bottom: 2.66667vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-information-wrapper h4 {
    margin-bottom: 10px;
  }
}

.products-lower .products-information-wrapper .products-information-table {
  width: 100%;
  margin-bottom: 2.66667vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-information-wrapper .products-information-table {
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-information-wrapper .products-information-table {
    width: 400px;
  }
}

.products-lower .products-information-wrapper .products-information-table th, .products-lower .products-information-wrapper .products-information-table td {
  /*font-size: 1.1rem;*/
	font-size: 18px;
  border: 1px solid #AAA;
  text-align: center;
  padding: 2.66667vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-information-wrapper .products-information-table th, .products-lower .products-information-wrapper .products-information-table td {
    text-align: left;
    font-size: 1.2963vw;
    padding: 10px 0 10px;
    border-color: #AAA;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-information-wrapper .products-information-table th, .products-lower .products-information-wrapper .products-information-table td {
    font-size: 1.4rem;
  }
}

.products-lower .products-information-wrapper .products-information-table th {
  background: #E8E8E8;
  font-weight: 500;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .products-lower .products-information-wrapper .products-information-table td {
    padding-left: 15px;
  }
}

.products-lower .products-information-wrapper .products-information-table th:first-child {
  width: 40%;
}

.products-lower .products-information-wrapper .products-information-table th:last-child {
  width: 36%;
}

.products-lower .products-information-wrapper .component .products-information-table {
  width: 100%;
}

.products-lower .products-information-wrapper .component .products-information-table td {
  text-align: left;
}

.products-lower .products-information-wrapper .component .products-component-addictive {
  /*font-size: 1.2rem;*/
	font-size: 18px;
}

@media screen and (min-width: 768px) {
  .products-lower .products-information-wrapper .component .products-component-addictive {
    font-size: 1.2963vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-information-wrapper .component .products-component-addictive {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 768px) {
  .products-lower .products-information-wrapper .component .products-component-txt {
    margin-bottom: 10px;
  }
}

.products-lower .products-information-wrapper .products-information-caution {
  margin-top: 5.33333vw;
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-information-wrapper .products-information-caution {
    margin-top: 25px;
    margin-bottom: 40px;
  }
}

.products-lower .products-information-wrapper .products-information-caution dt {
  font-weight: 500;
  margin-left: -10px;
  margin-bottom: 2.66667vw;
}

@media screen and (min-width: 768px) {
  .products-lower .products-information-wrapper .products-information-caution dt {
    margin-bottom: 10px;
  }
}

.products-lower .products-information-wrapper .products-information-caution dt span {
  display: inline-block;
  content: "";
  background: url(../img/common/icon_caution.png) 50% 100% no-repeat;
  background-size: 65%;
  margin-bottom: -1px;
  width: 20px;
  height: 20px;
}

@media screen and (min-width: 768px) {
  .products-lower .products-information-wrapper .products-information-caution dt span {
    width: 30px;
    padding: 0 10px;
    height: 18px;
    background-size: 60%;
    margin-bottom: -2px;
  }
}

.products-lower .products-information-wrapper .products-information-caution li {
  /*font-size: 1.1rem;*/
	font-size: 18px;
  text-indent: -1em;
  margin-left: 1em;
}

@media screen and (min-width: 768px) {
  .products-lower .products-information-wrapper .products-information-caution li {
    font-size: 1.2963vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-information-wrapper .products-information-caution li {
    font-size: 1.4rem;
  }
}

.products-lower .products-information-wrapper .products-component-txt {
  /*font-size: 1.2rem;*/
	font-size: 18px;
  margin-bottom: 4vw;
  line-height: 2;
}

@media screen and (min-width: 768px) {
  .products-lower .products-information-wrapper .products-component-txt {
    font-size: 1.48148vw;
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-information-wrapper .products-component-txt {
    font-size: 1.6rem;
  }
}

.products-lower .products-information-wrapper .products-component-note {
  font-size: 1.1rem;
  margin-bottom: 4vw;
  color: #ff0000;
}

@media screen and (min-width: 768px) {
  .products-lower .products-information-wrapper .products-component-note {
    font-size: 1.2963vw;
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-information-wrapper .products-component-note {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 768px) {
  .products-lower .products-information-wrapper .link-btn-howto {
    width: 220px;
    border: 1px solid #000;
    text-align: center;
    padding: 10px;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower .products-information-wrapper .link-btn-howto {
    width: 394px;
  }
}

@media screen and (min-width: 768px) {
  .products-lower .products-information-wrapper .link-btn-howto a {
    padding: 15px;
  }
}

.products-lower .products-article-note {
  font-size: 1rem;
  vertical-align: super;
}

.products .link-btn-wrapper .purchase-box {
  width: 100%;
  margin: 0 0 5.33333vw;
}

@media screen and (min-width: 768px) {
  .products .link-btn-wrapper .purchase-box {
    margin: 0 0 20px;
  }
}

.products .link-btn-wrapper .link-btn.howto a {
  padding: 7.6vw;
}

@media screen and (min-width: 768px) {
  .products .link-btn-wrapper .link-btn.howto a {
    padding: 25px;
  }
}

@media screen and (min-width: 1080px) {
  .products-nanko-m .products-heading img,
  .products-nanko-a .products-heading img {
    width: 386px;
  }
}

@media screen and (min-width: 1080px) {
  .products-nanko-ep .products-heading img {
    width: 395px;
  }
}

@media screen and (min-width: 768px) {
  .purchase-box {
    width: 80%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-box {
    width: 610px;
  }
}

.purchase-box.open .link-btn-purchase {
  background-color: #ff6c00;
  color: #fff;
}

.purchase-box.open .link-btn-purchase:after {
  background-image: url(../img/common/arrow_white_sp.png);
}

@media screen and (min-width: 768px) {
  .purchase-box.open .link-btn-purchase:after {
    background-image: url(../img/common/arrow_white_pc.png);
  }
}

.purchase-box-list {
  display: none;
  background: #ffdbc1;
  padding: 8vw;
  position: relative;
  z-index: 1;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .purchase-box-list {
    zoom: 1;
    padding: 2vw;
  }
  .purchase-box-list:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media screen and (min-width: 768px) {
  .purchase-box-list {
    padding: 30px;
  }
}

.purchase-box-list li {
  width: 45.33333vw;
  margin: 0 auto 4vw;
}

@media screen and (min-width: 768px) {
  .purchase-box-list li {
    width: 33%;
    float: left;
    margin-right: 3%;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-box-list li {
    width: 170px;
    margin-right: 20px;
  }
}

@media screen and (min-width: 768px) {
  .purchase-box-list li:last-child {
    margin-right: 0;
  }
}

.purchase-box-list li img {
  max-width: 100%;
}

.purchase-box-list:before {
  display: block;
  content: "";
  width: 11.33333vw;
  height: 3.6vw;
  background: url(../img/products/arrow_purchase.png) 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .purchase-box-list:before {
    width: 40px;
    height: 13px;
  }
}

.products-intro.products-a {
  background: #fffbcd;
}

.btn-pdf {
  background: #fffbcd;
  width: 28vw;
  text-align: center;
  position: relative;
}

@media screen and (min-width: 768px) {
  .btn-pdf {
    width: 130px;
  }
}

.btn-pdf a {
  font-size: 1.1rem;
  display: block;
  padding: 1.06667vw;
  color: #000;
}

@media screen and (min-width: 768px) {
  .btn-pdf a {
    padding: 0.5vw;
    font-size: 1.2037vw;
  }
}

@media screen and (min-width: 1080px) {
  .btn-pdf a {
    padding: 3.5px;
	padding-right: 10px;
    font-size: 1.3rem;
  }
}

.btn-pdf:after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/common/ic_exit_to_app_grey600_48dp.png) 50% 50% no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2px;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .btn-pdf:after {
    width: 20px;
    height: 20px;
    right: 2px;
  }
}

@media screen and (min-width: 1080px) {
  .btn-pdf:after {
    width: 20px;
    height: 20px;
    right: 2px;
  }
}

.products-lower.products-detail-m .products-heading-description span {
  color: #fff;
}

.products-lower.products-detail-m .title::after {
  background: #01c49f;
}

.products-lower.products-detail-m .products-feature-ttl-wrapper p, .products-lower.products-detail-m .products-feature-wrapper .products-article .products-article-ttl-wrapper p {
  background: #01c49f;
  color: #fff;
}

.products-lower .products-feature-wrapper .products-article.o-yellow {
  background: #fff8ac;
}

.products-lower.products-detail-m .purchase-box-wrapper, .products-lower.products-detail-m .products-box,
.products-lower.products-detail-m .products-feature-wrapper .products-article {
  background: #dff5f1;
}

.products-lower.products-detail-m .products-movie-wrapper {
  background: #dff5f1;
}

.products-lower.products-detail-m .products-feature-wrapper,
.products-lower.products-detail-m .title-sub {
  border-color: #01c49f;
}

.products-lower.products-detail-m .products-feature-wrapper .products-article .products-article-ttl-wrapper p {
  background: #000;
}

.products-lower.products-detail-m .products-heading-class {
  padding: 6px 8px;
}

@media screen and (min-width: 768px) {
  .products-lower.products-detail-m .products-heading-class {
    padding: 0.64815vw 2.31481vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower.products-detail-m .products-heading-class {
    padding: 7px 20px;
  }
}

.products-lower.products-detail-ep .products-heading-description span {
  margin-left: 0;
}

.products-lower.products-detail-ep .title::after {
  background: #f05818;
}

.products-lower.products-detail-ep .products-box .purchase-box {
  padding-top: 41.86667vw;
}

@media screen and (min-width: 768px) {
  .products-lower.products-detail-ep .products-box .purchase-box {
    padding-top: 35vw;
    padding-bottom: 15vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower.products-detail-ep .products-box .purchase-box {
    padding-top: 250px;
    padding-bottom: 170px;
  }
}

@media screen and (min-width: 768px) {
  .products-lower.products-detail-ep .products-article .products-feature-ttl-wrapper, .products-lower.products-detail-ep .products-feature-wrapper .products-article .products-article-ttl-wrapper {
    margin-bottom: 0;
  }
}

.products-lower.products-detail-ep .products-feature-ttl-wrapper p, .products-lower.products-detail-ep .products-feature-wrapper .products-article .products-article-ttl-wrapper p {
  background: #f05818;
  color: #fff;
}

.products-lower.products-detail-ep .purchase-box-wrapper, .products-lower.products-detail-ep .products-box,
.products-lower.products-detail-ep .products-feature-wrapper .products-article {
  background: #fde9e2;
}

.products-lower.products-detail-ep .products-feature-wrapper,
.products-lower.products-detail-ep .title-sub {
  border-color: #f05818;
}

.products-lower.products-detail-ep .products-feature-wrapper .products-article .products-article-ttl-wrapper p {
  background: #000;
}

@media screen and (min-width: 1080px) {
  .products-lower.products-detail-ep .txt-box .products-feature-img {
    width: 920px;
  }
}

.products-lower.products-detail-ep .products-article-ep {
  border-bottom: 1px solid #000;
  padding-bottom: 9.33333vw;
  margin-bottom: 9.33333vw;
}

@media screen and (min-width: 768px) {
  .products-lower.products-detail-ep .products-article-ep {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: stretch;
        align-items: stretch;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower.products-detail-ep .products-article-ep {
    width: 920px;
  }
}

.products-lower.products-detail-ep .products-article-ep:last-child {
  border: none;
  margin-bottom: 0;
}

.products-lower.products-detail-ep .products-feature-wrapper .products-article .products-article-txt dl {
  border: none;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .products-lower.products-detail-ep .products-feature-wrapper .products-article .products-article-txt dl {
    margin-top: 3vw;
    width: 60%;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower.products-detail-ep .products-feature-wrapper .products-article .products-article-txt dl {
    margin-top: 50px;
    width: 640px;
  }
}

.products-lower.products-detail-ep .products-article .products-article-txt .products-article-img-ep {
  width: 75%;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .products-lower.products-detail-ep .products-article .products-article-txt .products-article-img-ep {
    width: 30%;
    margin: 0;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower.products-detail-ep .products-article .products-article-txt .products-article-img-ep {
    width: 240px;
  }
}

.products-lower.products-detail-ep .products-information-caution {
  margin-bottom: 0;
}

.products-lower.products-detail-ep .products-heading-class {
  padding: 6px 8px;
}

@media screen and (min-width: 768px) {
  .products-lower.products-detail-ep .products-heading-class {
    padding: 0.64815vw 2.31481vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-lower.products-detail-ep .products-heading-class {
    padding: 7px 20px;
  }
}

.products-chunyunanko-a .products-heading {
  margin-top: 50px;
  /*width: 80.97467vw;
  height: 8.54267vw;*/
}

.products-chunyunanko-a .products-heading span{ display: inline-block; line-height: 1.5; letter-spacing: 1px;}
.products-chunyunanko-a .products-heading span:nth-child(2){ font-size: 70%; letter-spacing: 0; padding: 0 10px;}

@media screen and (min-width: 768px) {
  .products-chunyunanko-a .products-heading {
    /*width: 43.88148vw;
    height: 4.62963vw;*/
  }
}

@media screen and (min-width: 1080px) {
  .products-chunyunanko-a .products-heading {
    /*width: 600px;
    height: 50px;*/
  }
}

.products .howtouse-chunyunanko .howtouse-wrapper{
  background: #fffbcd;
}

.products-nanko-a .products-heading {
  width: 63.552vw;
  height: 8.54267vw;
}

@media screen and (min-width: 768px) {
  .products-nanko-a .products-heading {
    width: 34.43981vw;
    height: 4.62963vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-nanko-a .products-heading {
    width: 371.95px;
    height: 50px;
  }
}

.products-zazai-a .products-heading {
  width: 64.34267vw;
  height: 8.54267vw;
}

@media screen and (min-width: 768px) {
  .products-zazai-a .products-heading {
    width: 34.86852vw;
    height: 4.62963vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-zazai-a .products-heading {
    width: 376.58px;
    height: 50px;
  }
}

.products-nanko-m .products-heading {
  width: 67.072vw;
  height: 8.54267vw;
}

@media screen and (min-width: 768px) {
  .products-nanko-m .products-heading {
    width: 36.34722vw;
    height: 4.62963vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-nanko-m .products-heading {
    width: 392.55px;
    height: 50px;
  }
}

.products-zazai-m .products-heading {
  width: 66.10267vw;
  height: 8.54267vw;
}

@media screen and (min-width: 768px) {
  .products-zazai-m .products-heading {
    width: 35.82222vw;
    height: 4.62963vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-zazai-m .products-heading {
    width: 386.88px;
    height: 50px;
  }
}

.products-ep .products-heading {
  width: 67.37067vw;
  height: 8.54267vw;
}

@media screen and (min-width: 768px) {
  .products-ep .products-heading {
    width: 36.50926vw;
    height: 4.62963vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-ep .products-heading {
    width: 394.3px;
    height: 50px;
  }
}

@media screen and (min-width: 768px) {
  .products-zazai-m .effect.products-article {
    margin-bottom: 4.62963vw;
  }
}

@media screen and (min-width: 1080px) {
  .products-zazai-m .effect.products-article {
    margin-bottom: 50px;
  }
}

.referenceIcon {
  font-size: 1.86667vw;
  line-height: 1;
  padding: 0.26667vw 0.8vw;
  position: relative;
  top: -0.13333vw;
  border: 1px solid #707070;
  margin-right: .5em;
}

@media screen and (min-width: 768px), print {
  .referenceIcon {
    font-size: 1.2963vw;
    padding: 0.18519vw 0.55556vw;
    top: -0.09259vw;
    margin-right: 1em;
  }
}

@media screen and (min-width: 1080px) {
  .referenceIcon {
    font-size: 14px;
    padding: 2px 6px;
    top: -1px;
  }
}

@media screen and (max-width: 767px) {
  .productsTableArea {
    padding: 0 5.33333vw;
  }
}

.productsTableArea-spBtn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 4vw;
}

@media screen and (min-width: 768px) {
  .productsTableArea-spBtn {
    display: none;
  }
}

.productsTableArea-spBtn li {
  width: 33.3%;
  text-align: center;
  line-height: 1;
  border: 1px solid #aaa;
}

.productsTableArea-spBtn li:first-child .active {
  background-color: #ffec27;
}

.productsTableArea-spBtn li:first-child img {
  width: 67.54386%;
}

.productsTableArea-spBtn li:nth-child(2) {
  border-left: none;
  border-right: none;
}

.productsTableArea-spBtn li:nth-child(2) .active {
  background-color: #01c49f;
}

.productsTableArea-spBtn li:nth-child(2) img {
  width: 72.80702%;
}

.productsTableArea-spBtn li:nth-child(3) {
  line-height: 1.5;
}

.productsTableArea-spBtn li:nth-child(3) .active {
  background-color: #f05818;
}

.productsTableArea-spBtn li:nth-child(3) img {
  width: 84.21053%;
}

.productsTableArea-spBtn a {
  display: block;
  height: 100%;
  padding: 2vw 0 2.66667vw;
}

.productsTableArea-spBtn span {
  display: inline-block;
  font-size: 1.46667vw;
  padding-top: 1.6vw;
}

.productsTableArea-note {
  font-size: 2.93333vw;
  margin-top: 4vw;
}

@media screen and (min-width: 768px), print {
  .productsTableArea-note {
    font-size: 1.4rem;
    margin-top: 30px;
  }
}

.productsTableArea .products-feature-txt a {
  color: #000000;
  text-decoration: underline;
}

.productsTableArea .products-feature-ttl-wrapper, .productsTableArea .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper, .products-lower .products-feature-wrapper .products-article .productsTableArea .products-article-ttl-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .productsTableArea .products-feature-ttl-wrapper, .productsTableArea .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper, .products-lower .products-feature-wrapper .products-article .productsTableArea .products-article-ttl-wrapper {
    margin-bottom: 40px;
    -ms-flex-align: center;
        align-items: center;
  }
}

.productsTableArea .products-feature-ttl-wrapper .products-feature-ttl, .productsTableArea .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-feature-ttl, .products-lower .products-feature-wrapper .products-article .productsTableArea .products-article-ttl-wrapper .products-feature-ttl, .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .productsTableArea .products-feature-ttl-wrapper .products-article-ttl, .productsTableArea .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-article-ttl, .products-lower .products-feature-wrapper .products-article .productsTableArea .products-article-ttl-wrapper .products-article-ttl {
  font-weight: lighter;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 400;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .productsTableArea .products-feature-ttl-wrapper .products-feature-ttl, .productsTableArea .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-feature-ttl, .products-lower .products-feature-wrapper .products-article .productsTableArea .products-article-ttl-wrapper .products-feature-ttl, .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .productsTableArea .products-feature-ttl-wrapper .products-article-ttl, .productsTableArea .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-article-ttl, .products-lower .products-feature-wrapper .products-article .productsTableArea .products-article-ttl-wrapper .products-article-ttl {
    font-size: 2.40741vw;
  }
}

@media screen and (min-width: 768px) {
  .productsTableArea .products-feature-ttl-wrapper .products-feature-ttl, .productsTableArea .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-feature-ttl, .products-lower .products-feature-wrapper .products-article .productsTableArea .products-article-ttl-wrapper .products-feature-ttl, .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .productsTableArea .products-feature-ttl-wrapper .products-article-ttl, .productsTableArea .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-article-ttl, .products-lower .products-feature-wrapper .products-article .productsTableArea .products-article-ttl-wrapper .products-article-ttl {
    font-size: 2.6rem;
  }
}

.productsTableArea .products-feature-txt-wrapper .products-feature-txt > p:first-child, .productsTableArea .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .products-feature-txt > p:first-child, .products-lower .products-feature-wrapper .products-article .productsTableArea .products-article-txt-wrapper .products-feature-txt > p:first-child {
  text-align: center;
  margin-bottom: 2.66667vw;
}

@media screen and (min-width: 1080px) {
  .productsTableArea .products-feature-txt-wrapper .products-feature-txt > p:first-child, .productsTableArea .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .products-feature-txt > p:first-child, .products-lower .products-feature-wrapper .products-article .productsTableArea .products-article-txt-wrapper .products-feature-txt > p:first-child {
    margin-bottom: 40px;
  }
}

.productsTableArea .products-feature-txt-wrapper .products-feature-txt, .productsTableArea .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .products-feature-txt, .products-lower .products-feature-wrapper .products-article .productsTableArea .products-article-txt-wrapper .products-feature-txt {
  margin-bottom: 6.66667vw;
}

@media screen and (min-width: 1080px) {
  .productsTableArea .products-feature-txt-wrapper .products-feature-txt, .productsTableArea .products-lower .products-feature-wrapper .products-article .products-article-txt-wrapper .products-feature-txt, .products-lower .products-feature-wrapper .products-article .productsTableArea .products-article-txt-wrapper .products-feature-txt {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .products-lower .productsTableArea .products-feature-ttl-wrapper .products-feature-ttl, .products-lower .productsTableArea .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-feature-ttl, .products-lower .products-feature-wrapper .products-article .productsTableArea .products-article-ttl-wrapper .products-feature-ttl, .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .productsTableArea .products-feature-ttl-wrapper .products-article-ttl, .products-lower .productsTableArea .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-article-ttl, .products-lower .products-feature-wrapper .products-article .productsTableArea .products-article-ttl-wrapper .products-article-ttl,
  .products .productsTableArea .products-feature-ttl-wrapper .products-feature-ttl,
  .products .productsTableArea .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-feature-ttl, .products-lower .products-feature-wrapper .products-article
  .products .productsTableArea .products-article-ttl-wrapper .products-feature-ttl, .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper
  .products .productsTableArea .products-feature-ttl-wrapper .products-article-ttl,
  .products .productsTableArea .products-lower .products-feature-wrapper .products-article .products-article-ttl-wrapper .products-article-ttl, .products-lower .products-feature-wrapper .products-article
  .products .productsTableArea .products-article-ttl-wrapper .products-article-ttl {
    font-size: 1.9rem;
  }
}

.productsTable {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .productsTable {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
  }
}

@media screen and (max-width: 767px) {
  .productsTable thead {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .productsTable thead th {
    background: none;
    width: 28%;
    text-align: center;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
  }
  .productsTable thead th > div {
    padding: 1.5em 1em 1em;
    position: relative;
  }
  .productsTable thead th > div:after {
    content: "";
    display: block;
    width: calc(100% + 2px);
    height: 7px;
    background-color: #ffec27;
    position: absolute;
    top: -1px;
    left: -1px;
  }
}

@media screen and (min-width: 768px) {
  .productsTable thead th:first-child {
    border: none;
    width: 16%;
  }
  .productsTable thead th:first-child:after {
    content: none;
  }
}

@media screen and (min-width: 768px) {
  .productsTable thead th:nth-child(2) img {
    width: 13.7037vw;
    height: 2.5vw;
  }
}

@media screen and (min-width: 1080px) {
  .productsTable thead th:nth-child(2) img {
    width: 148px;
    height: 27px;
  }
}

@media screen and (min-width: 768px) {
  .productsTable thead th:nth-child(3) > div:after {
    background-color: #01c49f;
  }
}

@media screen and (min-width: 768px) {
  .productsTable thead th:nth-child(3) img {
    width: 14.81481vw;
    height: 2.5vw;
  }
}

@media screen and (min-width: 1080px) {
  .productsTable thead th:nth-child(3) img {
    width: 160px;
    height: 27px;
  }
}

@media screen and (min-width: 768px) {
  .productsTable thead th:nth-child(4) > div:after {
    top: -17px;
    background-color: #f05818;
  }
}

@media screen and (min-width: 768px) {
  .productsTable thead th:nth-child(4) img {
    width: 20vw;
    height: 2.5vw;
  }
}

@media screen and (min-width: 1080px) {
  .productsTable thead th:nth-child(4) img {
    width: 216px;
    height: 27px;
  }
}

@media screen and (min-width: 768px) {
  .productsTable thead span {
    font-size: 1.2963vw;
    font-weight: normal;
  }
}

@media screen and (min-width: 1080px) {
  .productsTable thead span {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .productsTable th {
    display: block;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .productsTable tbody tr:nth-child(2) td {
    text-align: center;
  }
}

.productsTable tbody th {
  font-size: 3.2vw;
  font-weight: 500;
  text-align: center;
  padding: 1.33333vw 0.3em 1.46667vw;
  background-color: #FFF8AC;
  border: 1px solid #aaa;
  border-collapse: collapse;
}

@media screen and (max-width: 767px) {
  .productsTable tbody th {
    border-left: none;
    border-right: none;
    border-bottom: none;
    display: block;
  }
  .productsTable tbody th.HeadItem02 {
    background-color: #AFDFD6;
  }
  .productsTable tbody th.HeadItem03 {
    background-color: #F6DCD0;
  }
}

@media screen and (min-width: 768px) {
  .productsTable tbody th {
    background-color: #ECECEC;
    font-size: 1.2963vw;
    padding: 10px 15px;
  }
}

@media screen and (min-width: 1080px) {
  .productsTable tbody th {
    font-size: 14px;
  }
}

.productsTable tbody td {
  font-size: 2.93333vw;
  line-height: 2;
  padding: 2.66667vw 0.3em 2.93333vw;
  border: 1px solid #aaa;
  border-collapse: collapse;
}

@media screen and (max-width: 767px) {
  .productsTable tbody td {
    display: none;
    text-align: center;
    border-left: none;
    border-right: none;
    border-bottom: none;
  }
  .productsTable tbody td.active {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .productsTable tbody td {
    font-size: 1.2963vw;
    padding: 10px 15px;
  }
}

@media screen and (min-width: 1080px) {
  .productsTable tbody td {
    font-size: 14px;
  }
}

@media screen and (min-width: 768px) {
  .productsTable tbody tr:nth-child(5) th:first-child {
    width: 5%;
    padding: 10px 15px;
  }
}

@media screen and (min-width: 768px) {
  .productsTable tbody tr:nth-child(5) th:nth-child(2) {
    width: 11%;
    padding: 10px 15px;
  }
}

@media screen and (max-width: 767px) {
  .productsTable-02 {
    display: none;
  }
}

.productsTable-02 th,
.productsTable-02 td {
  border-top: none;
  border-bottom: none;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .productsTable-03 th,
  .productsTable-03 td {
    border-right: none;
    border-left: none;
  }
}

@media screen and (max-width: 767px) {
  .productsTable-03 th:not([rowspan="3"]) {
    background-color: #ECECEC;
  }
}

@media screen and (max-width: 767px) {
  .productsTable-03 th[colspan="2"] {
    background-color: #FFF8AC;
  }
}

@media screen and (max-width: 767px) {
  .productsTable-03 .item01 {
    width: 33.33%;
    float: left;
  }
}

@media screen and (max-width: 767px) {
  .productsTable-03 th + .item01 + .item01 {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
  }
}

@media screen and (max-width: 767px) {
  .productsTable-03 .item02 {
    width: 50%;
    float: left;
  }
}

@media screen and (max-width: 767px) {
  .productsTable-03 .item02 + .item02 {
    border-left: 1px solid #aaa;
  }
}

@media screen and (max-width: 767px) {
  .productsTable-03 .item03 {
    clear: both;
  }
}

@media screen and (min-width: 768px) {
  .productsTable-03 td {
    text-align: center;
  }
}

.productsTable-03 .active_chunyunanko_a,
.productsTable-03 .active_zazai_a,
.productsTable-03 .active_nanko_a {
  background-color: #fffbcd;
}

.productsTable-03 .active_zazai_m,
.productsTable-03 .active_nanko_m {
  background-color: #dff5f1;
}

.productsTable .marker {
  background: linear-gradient(transparent 70%, #ffec27 70%);
}

.productsTable .circle,
.productsTable .noCircle {
  display: inline-block;
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  border: 1.33333vw solid #ff6c00;
}

@media screen and (min-width: 768px) {
  .productsTable .circle,
  .productsTable .noCircle {
    width: 2.77778vw;
    height: 2.77778vw;
    border-width: 0.46296vw;
    position: relative;
    top: 3px;
  }
}

@media screen and (min-width: 1080px) {
  .productsTable .circle,
  .productsTable .noCircle {
    width: 30px;
    height: 30px;
    border-width: 5px;
  }
}

.productsTable .noCircle {
  opacity: 0;
}

.productsTable .border {
  display: inline-block;
  background-color: #000;
  width: 8vw;
  height: 2px;
  position: relative;
  top: -2px;
}

@media screen and (min-width: 768px) {
  .productsTable .border {
    width: 2.77778vw;
  }
}

@media screen and (min-width: 1080px) {
  .productsTable .border {
    width: 30px;
  }
}

@media screen and (max-width: 767px) {
  .productsTable .spTxt {
    display: block;
    font-weight: 500;
    margin-bottom: 1.33333vw;
  }
}

@media screen and (min-width: 768px) {
  .productsTable .spTxt {
    display: none;
  }
}

@media screen and (min-width: 768px), print {
  .productsTable .active_chunyunanko_a,
  .productsTable .active_zazai_a,
  .productsTable .active_nanko_a {
    background-color: #fffbcd;
  }
}

@media screen and (min-width: 768px), print {
  .productsTable .active_zazai_m,
  .productsTable .active_nanko_m {
    background-color: #dff5f1;
  }
}

@media screen and (min-width: 768px), print {
  .productsTable .active_ep {
    background-color: #fde9e2;
  }
}

.contents-purchase .contents-inner {
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (min-width: 768px) {
  .contents-purchase .products-series {
    margin-bottom: 18vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-purchase .products-series {
    margin-bottom: 180px;
  }
}

.contents-purchase .purchase-group-list {
  width: 92vw;
  margin: 0 auto 21.33333vw;
}

@media screen and (min-width: 768px) {
  .contents-purchase .purchase-group-list {
    margin-bottom: 0;
  }
}

.purchase-a .square-two {
  display: inline-block;
  border: 1px solid #5b5b5b;
  padding: 2px;
  margin: 0 3px;
  line-height: 1;
}

.purchase-a .purchase-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.5rem;
  margin-top: 20vw;
}

@media screen and (min-width: 768px) {
  .purchase-a .purchase-group {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-top: 0;
  }
}

.purchase-a .purchase-group-list {
  background: #fffbcd;
}

@media screen and (min-width: 768px) {
  .purchase-a .purchase-group-list {
    width: 32vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-a .purchase-group-list {
    width: 360px;
  }
}

.purchase-a .purchase-group-top {
  position: static;
}

.purchase-a .purchase-group-txt {
  width: 92vw;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .purchase-a .purchase-group-txt {
    width: 32vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-a .purchase-group-txt {
    width: 360px;
  }
}

.purchase-a .purchase-group-txt h3 {
  text-align: center;
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .purchase-a .purchase-group-txt h3 {
    margin-bottom: 2vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-a .purchase-group-txt h3 {
    margin-bottom: 20px;
  }
}

.purchase-a .purchase-group-subtxt {
  margin-bottom: 1.86667vw;
  text-align: center;
  font-size: 1.6rem;
}

@media screen and (min-width: 768px) {
  .purchase-a .purchase-group-subtxt {
    margin-bottom: 1.8vw;
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-a .purchase-group-subtxt {
    margin: 10px 0;
    font-size: 1.8rem;
  }
}

.purchase-a .purchase-group-desctiption {
  text-align: center;
}

.purchase-a .purchase-group-desctiption p {
  display: inline-block;
  border: 1px solid #5b5b5b;
  padding: 4px 5px;
  font-size: 1.1rem;
  margin: 0 0 1vw;
}

@media screen and (min-width: 768px) {
  .purchase-a .purchase-group-desctiption p {
    margin: 0 0 1.2vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-a .purchase-group-desctiption p {
    margin: 0 2px 40px;
  }
}

.purchase-a .purchase-group-bottom {
  width: 60vw;
  margin: 0 auto;
  padding: 9.33333vw 0 6.66667vw;
}

@media screen and (min-width: 768px) {
  .purchase-a .purchase-group-bottom {
    width: 24.8vw;
    padding: 0;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-a .purchase-group-bottom {
    width: 230px;
  }
}

.purchase-a .purchase-group-bottom li {
  padding: 0 0 4vw;
}

@media screen and (min-width: 768px) {
  .purchase-a .purchase-group-bottom li {
    padding: 0 0 15px;
  }
}

.purchase-a .purchase-group-bottom li:first-child {
  text-align: center;
  padding: 0 0 1.6vw;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .purchase-a .purchase-group-bottom li:first-child {
    padding: 1.8vw 0 1.2vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-a .purchase-group-bottom li:first-child {
    padding: 0 0 17px;
  }
}

.purchase-a .purchase-group-bottom li:last-child {
  padding: 0 0 4vw;
}

@media screen and (min-width: 768px) {
  .purchase-a .purchase-group-bottom li:last-child {
    padding: 0 0 4.5vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-a .purchase-group-bottom li:last-child {
    padding: 0 0 55px;
  }
}

.purchase-a .purchase-list-01 .purchase-group-img {
  margin: -12vw auto 6.66667vw;
  width: 49.33333vw;
}

@media screen and (min-width: 768px) {
  .purchase-a .purchase-list-01 .purchase-group-img {
    position: static;
    width: 29vw;
    margin: -14.7vw auto 3vw !important;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-a .purchase-list-01 .purchase-group-img {
    width: 265px;
    margin: -140px auto 30px !important;
  }
}

.purchase-a .purchase-list-01 .purchase-group-txt h3 img {
  width: 70.66667vw;
  height: 7.46667vw;
}

@media screen and (min-width: 768px) {
  .purchase-a .purchase-list-01 .purchase-group-txt h3 img {
    width: auto;
    height: 3vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-a .purchase-list-01 .purchase-group-txt h3 img {
    width: 253px;
    height: 27px;
  }
}

.purchase-a .purchase-list-02 .purchase-group-img {
  margin: -16vw auto 6.66667vw;
  width: 45.86667vw;
}

@media screen and (min-width: 768px) {
  .purchase-a .purchase-list-02 .purchase-group-img {
    width: 25vw;
    margin: -11.8vw auto 3vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-a .purchase-list-02 .purchase-group-img {
    width: 265px;
    margin: -140px auto 30px !important;
  }
}

.purchase-a .purchase-list-02 .purchase-group-txt h3 img {
  width: 56vw;
  height: 7.46667vw;
}

@media screen and (min-width: 768px) {
  .purchase-a .purchase-list-02 .purchase-group-txt h3 img {
    width: auto;
    height: 3vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-a .purchase-list-02 .purchase-group-txt h3 img {
    width: 210px;
    height: 27px;
  }
}

@media screen and (max-width: 767px) {
  .purchase-a .purchase-list-03 {
    margin: 0 auto 13.33333vw;
  }
}

.purchase-a .purchase-list-03 .purchase-group-img {
  margin: -28vw auto 6.66667vw;
  width: 47.2vw;
}

@media screen and (min-width: 768px) {
  .purchase-a .purchase-list-03 .purchase-group-img {
    width: 27vw;
    margin: -13vw auto 3vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-a .purchase-list-03 .purchase-group-img {
    width: 265px;
    margin: -140px auto 30px !important;
  }
}

.purchase-a .purchase-list-03 .purchase-group-txt h3 img {
  width: 56vw;
  height: 7.46667vw;
}

@media screen and (min-width: 768px) {
  .purchase-a .purchase-list-03 .purchase-group-txt h3 img {
    width: auto;
    height: 3vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-a .purchase-list-03 .purchase-group-txt h3 img {
    width: 220px;
    height: 27px;
  }
}

.purchase-m .purchase-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.5rem;
  margin-top: 20vw;
}

@media screen and (min-width: 768px) {
  .purchase-m .purchase-group {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-top: 0;
  }
}

.purchase-m .purchase-group-list {
  background: #dff5f1;
}

@media screen and (min-width: 768px) {
  .purchase-m .purchase-group-list {
    width: 32vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-m .purchase-group-list {
    width: 355px;
  }
}

.purchase-m .purchase-group-top {
  position: static;
}

.purchase-m .purchase-group-txt {
  width: 92vw;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .purchase-m .purchase-group-txt {
    width: 32vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-m .purchase-group-txt {
    width: 360px;
  }
}

.purchase-m .purchase-group-txt h3 {
  text-align: center;
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .purchase-m .purchase-group-txt h3 {
    margin-bottom: 2vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-m .purchase-group-txt h3 {
    margin-bottom: 20px;
  }
}

.purchase-m .purchase-group-subtxt {
  margin-bottom: 1.86667vw;
  text-align: center;
  font-size: 1.6rem;
}

@media screen and (min-width: 768px) {
  .purchase-m .purchase-group-subtxt {
    margin-bottom: 1.8vw;
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-m .purchase-group-subtxt {
    margin: 10px 0;
    font-size: 1.8rem;
  }
}

.purchase-m .purchase-group-desctiption {
  text-align: center;
}

.purchase-m .purchase-group-desctiption p {
  display: inline-block;
  border: 1px solid #5b5b5b;
  padding: 4px 5px;
  font-size: 1.1rem;
  margin: 0 0 1vw;
}

@media screen and (min-width: 768px) {
  .purchase-m .purchase-group-desctiption p {
    margin: 0 0 1.2vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-m .purchase-group-desctiption p {
    margin: 0 2px 40px;
  }
}

.purchase-m .purchase-group-bottom {
  width: 60vw;
  margin: 0 auto;
  padding: 9.33333vw 0 6.66667vw;
}

@media screen and (min-width: 768px) {
  .purchase-m .purchase-group-bottom {
    width: 24.8vw;
    padding: 0;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-m .purchase-group-bottom {
    width: 230px;
  }
}

.purchase-m .purchase-group-bottom li {
  padding: 0 0 4vw;
}

@media screen and (min-width: 768px) {
  .purchase-m .purchase-group-bottom li {
    padding: 0 0 15px;
  }
}

.purchase-m .purchase-group-bottom li:first-child {
  text-align: center;
  padding: 0 0 1.6vw;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .purchase-m .purchase-group-bottom li:first-child {
    padding: 1.8vw 0 1.2vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-m .purchase-group-bottom li:first-child {
    padding: 0 0 17px;
  }
}

.purchase-m .purchase-group-bottom li:last-child {
  padding: 0 0 4vw;
}

@media screen and (min-width: 768px) {
  .purchase-m .purchase-group-bottom li:last-child {
    padding: 0 0 4.5vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-m .purchase-group-bottom li:last-child {
    padding: 0 0 55px;
  }
}

.purchase-m .purchase-list-01 .purchase-group-img {
  margin: -16vw auto 6.66667vw;
  width: 45.86667vw;
}

@media screen and (min-width: 768px) {
  .purchase-m .purchase-list-01 .purchase-group-img {
    width: 25vw;
    margin: -11.8vw auto 3vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-m .purchase-list-01 .purchase-group-img {
    width: 265px;
    margin: -140px auto 30px !important;
  }
}

.purchase-m .purchase-list-01 .purchase-group-txt h3 img {
  width: 56vw;
  height: 7.46667vw;
}

@media screen and (min-width: 768px) {
  .purchase-m .purchase-list-01 .purchase-group-txt h3 img {
    width: auto;
    height: 3vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-m .purchase-list-01 .purchase-group-txt h3 img {
    width: 210px;
    height: 27px;
  }
}

@media screen and (max-width: 767px) {
  .purchase-m .purchase-list-02 {
    margin: 0 auto 13.33333vw;
  }
}

.purchase-m .purchase-list-02 .purchase-group-img {
  margin: -28vw auto 6.66667vw;
  width: 47.2vw;
}

@media screen and (min-width: 768px) {
  .purchase-m .purchase-list-02 .purchase-group-img {
    width: 27vw;
    margin: -13vw auto 3vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-m .purchase-list-02 .purchase-group-img {
    width: 265px;
    margin: -140px auto 30px !important;
  }
}

.purchase-m .purchase-list-02 .purchase-group-txt h3 img {
  width: 56vw;
  height: 7.46667vw;
}

@media screen and (min-width: 768px) {
  .purchase-m .purchase-list-02 .purchase-group-txt h3 img {
    width: auto;
    height: 3vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-m .purchase-list-02 .purchase-group-txt h3 img {
    width: 220px;
    height: 27px;
  }
}

.purchase-ep .purchase-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.5rem;
  margin-top: 20vw;
}

@media screen and (min-width: 768px) {
  .purchase-ep .purchase-group {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-top: 0;
  }
}

.purchase-ep .purchase-group-list {
  background: #fde9e2;
  margin: 0 auto 8vw;
}

@media screen and (min-width: 768px) {
  .purchase-ep .purchase-group-list {
    width: 32vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-ep .purchase-group-list {
    width: 338px;
    margin: 0 auto 80px;
  }
}

.purchase-ep .purchase-group-img {
  margin: -16vw auto 6.66667vw;
  width: 61.33333vw;
}

@media screen and (min-width: 768px) {
  .purchase-ep .purchase-group-img {
    position: static;
    width: 25vw;
    margin: -11.5vw auto 3vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-ep .purchase-group-img {
    margin: -140px auto 30px;
    width: 265px;
  }
}

.purchase-ep .purchase-group-top {
  position: static;
}

.purchase-ep .purchase-group-txt {
  width: 92vw;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .purchase-ep .purchase-group-txt {
    width: 32vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-ep .purchase-group-txt {
    width: 338px;
  }
}

.purchase-ep .purchase-group-txt h3 {
  text-align: center;
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .purchase-ep .purchase-group-txt h3 {
    margin-bottom: 2vw;
    width: auto;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-ep .purchase-group-txt h3 {
    margin-bottom: 20px;
  }
}

.purchase-ep .purchase-group-txt h3 img {
  width: 42.66667vw;
}

@media screen and (min-width: 768px) {
  .purchase-ep .purchase-group-txt h3 img {
    width: auto;
    height: 3vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-ep .purchase-group-txt h3 img {
    width: 220px;
    height: 27px;
  }
}

.purchase-ep .purchase-group-subtxt {
  margin-bottom: 1.86667vw;
  text-align: center;
  font-size: 1.6rem;
}

@media screen and (min-width: 768px) {
  .purchase-ep .purchase-group-subtxt {
    margin-bottom: 1.8vw;
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-ep .purchase-group-subtxt {
    margin: 10px 0;
    font-size: 1.8rem;
  }
}

.purchase-ep .purchase-group-desctiption {
  text-align: center;
}

.purchase-ep .purchase-group-desctiption p {
  display: inline-block;
  border: 1px solid #5b5b5b;
  padding: 4px 5px;
  font-size: 1.1rem;
  margin: 0 0 1vw;
}

@media screen and (min-width: 768px) {
  .purchase-ep .purchase-group-desctiption p {
    margin: 0 0 1.2vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-ep .purchase-group-desctiption p {
    margin: 0 2px 40px;
  }
}

.purchase-ep .purchase-group-bottom {
  width: 60vw;
  margin: 0 auto;
  padding: 9.33333vw 0 6.66667vw;
}

@media screen and (min-width: 768px) {
  .purchase-ep .purchase-group-bottom {
    width: 24.8vw;
    padding: 0;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-ep .purchase-group-bottom {
    width: 230px;
  }
}

.purchase-ep .purchase-group-bottom li {
  padding: 0 0 4vw;
}

@media screen and (min-width: 768px) {
  .purchase-ep .purchase-group-bottom li {
    padding: 0 0 15px;
  }
}

.purchase-ep .purchase-group-bottom li:first-child {
  text-align: center;
  padding: 0 0 1.6vw;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .purchase-ep .purchase-group-bottom li:first-child {
    padding: 1.8vw 0 1.2vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-ep .purchase-group-bottom li:first-child {
    padding: 0 0 17px;
  }
}

.purchase-ep .purchase-group-bottom li:last-child {
  padding: 0 0 4vw;
}

@media screen and (min-width: 768px) {
  .purchase-ep .purchase-group-bottom li:last-child {
    padding: 0 0 4.5vw;
  }
}

@media screen and (min-width: 1080px) {
  .purchase-ep .purchase-group-bottom li:last-child {
    padding: 0 0 55px;
  }
}

.purchase-notice {
  width: 92vw;
  margin: 0 auto;
  background: #F2F2F2;
  padding: 6vw 0;
  text-align: center;
  line-height: 2;
}

@media screen and (min-width: 768px) {
  .purchase-notice {
    width: 700px;
    padding: 30px 0;
  }
}

.contents-question-index {
  margin-bottom: 10.66667vw;
}

@media screen and (min-width: 768px) {
  .contents-question-index {
    margin-bottom: 80px;
  }
}

.contents-question-index .lower-heading-wrapper .contents-inner-lower {
  display: block;
  min-height: 40vw;
  background: none;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .contents-question-index .lower-heading-wrapper .contents-inner-lower {
    min-height: 21.2963vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-question-index .lower-heading-wrapper .contents-inner-lower {
    min-height: 230px;
  }
}

.contents-question-index .lower-heading-wrapper .contents-inner-lower:after {
  content: "";
  display: block;
  width: 31.2vw;
  height: 34.66667vw;
  background: url(../img/type/type_bg_lower.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  right: 4.8vw;
  bottom: -2.66667vw;
}

@media screen and (min-width: 768px), print {
  .contents-question-index .lower-heading-wrapper .contents-inner-lower:after {
    width: 19.07407vw;
    height: 21.2963vw;
    right: 0;
    bottom: -3.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-question-index .lower-heading-wrapper .contents-inner-lower:after {
    width: 206px;
    height: 230px;
    right: 0;
    bottom: -40px;
  }
}

.contents-question-index .lower-heading-wrapper .contents-inner-lower .lower-heading {
  text-align: left;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(5%, -52%);
}

@media screen and (min-width: 768px), print {
  .contents-question-index .lower-heading-wrapper .contents-inner-lower .lower-heading {
    transform: translate(0, -52%);
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.contents-question-index .lower-heading-wrapper .contents-inner-lower:after {
  width: 25.33333vw;
  background-image: url(../img/question/question_bg_lower.png);
  right: 0;
}

@media screen and (min-width: 768px), print {
  .contents-question-index .lower-heading-wrapper .contents-inner-lower:after {
    width: 15.55556vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-question-index .lower-heading-wrapper .contents-inner-lower:after {
    width: 168px;
  }
}

.contents-question-index .lower-heading-wrapper {
  margin-bottom: 0;
}

.contents-question-index .common-accordion-js {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #ccc;
  padding-top: 12%;
}

@media screen and (min-width: 768px) {
  .contents-question-index .common-accordion-js {
    padding-top: 4.7%;
    max-width: 1000px;
    border-bottom: none;
  }
}

@media screen and (min-width: 1080px) {
  .contents-question-index .common-accordion-js {
    padding-top: 90px;
  }
}

@media screen and (min-width: 768px) {
  .contents-question-index .common-accordion-list {
    margin-bottom: 6%;
  }
}

@media screen and (min-width: 768px) {
  .contents-question-index .common-accordion-wrapper {
    background-color: #fffacd;
    padding-bottom: 95px;
  }
}

.contents-question-index .common-accordion-button {
  border-top: 1px solid #ccc;
  padding: 8vw 17.33333% 8vw 2.53333%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  font-weight: 500;
  font-size: 1.6rem;
}

@media screen and (min-width: 768px) {
  .contents-question-index .common-accordion-button {
    border-top: none;
    background-color: #2F2F2F;
    color: #fff;
    font-size: 2.03704vw;
    padding: 1.9% 10% 2.2% 4%;
    cursor: pointer;
  }
}

@media screen and (min-width: 1080px) {
  .contents-question-index .common-accordion-button {
    font-size: 2.2rem;
  }
}

.contents-question-index .common-accordion-button::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 2px;
  top: 50%;
  right: 20px;
  margin-top: -1px;
  background-color: #000;
  transition: all .4s;
  transform: rotate(0deg);
}

@media screen and (min-width: 768px) {
  .contents-question-index .common-accordion-button::before {
    width: 38px;
    height: 4px;
    right: 42px;
    background-color: #fff;
    margin-top: -2px;
  }
}

.contents-question-index .common-accordion-button::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 2px;
  top: 50%;
  right: 20px;
  margin-top: -1px;
  background-color: #000;
  transition: all .4s;
  transform: rotate(90deg);
}

@media screen and (min-width: 768px) {
  .contents-question-index .common-accordion-button::after {
    width: 38px;
    height: 4px;
    right: 42px;
    background-color: #fff;
    margin-top: -2px;
  }
}

.contents-question-index .common-accordion-button.open::before {
  display: none;
}

.contents-question-index .common-accordion-button.open::after {
  transform: rotate(180deg);
}

.contents-question-index .common-accordion-answer-title {
  line-height: 2;
  position: relative;
  padding-left: 43px;
}

@media screen and (min-width: 768px) {
  .contents-question-index .common-accordion-answer-title {
    padding-left: 4.5%;
    font-size: 1.66667vw;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1080px) {
  .contents-question-index .common-accordion-answer-title {
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 768px) {
  .contents-question-index .common-accordion-answer-title .pc {
    display: inline-block;
  }
}

.contents-question-index .common-accordion-answer-title::before {
  content: "A.";
  display: block;
  position: absolute;
  width: 43px;
  height: 28px;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 28px;
  color: #ff0000;
  left: 0;
  top: 5px;
}

@media screen and (min-width: 768px) {
  .contents-question-index .common-accordion-answer-title::before {
    width: 27px;
    height: 37px;
    font-weight: bold;
    font-size: 2.59259vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-question-index .common-accordion-answer-title::before {
    font-size: 2.8rem;
  }
}

.contents-question-index .common-accordion-answer-title + .common-accordion-link {
  margin-top: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .contents-question-index .common-accordion-answer-title + .common-accordion-link {
    margin-top: 3vw;
  }
}

@media screen and (min-width: 768px) {
  .contents-question-index .common-accordion-answer-title + .common-accordion-link {
    margin-top: 30px;
  }
}

.contents-question-index .common-accordion-note {
  font-size: 1.1rem;
  line-height: 2;
  position: relative;
  padding-left: 9.33333%;
  margin: 5.33333vw 0;
}

@media screen and (min-width: 768px) {
  .contents-question-index .common-accordion-note {
    padding-left: 4%;
    margin: 3% 0;
    font-size: 1.2963vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-question-index .common-accordion-note {
    margin: 10px 0 30px;
    font-size: 1.4rem;
  }
}

.contents-question-index .common-accordion-note::before {
  content: "（注）";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.contents-question-index .common-accordion-link {
  background-color: #f3f3f3;
  padding: 6.08696%;
}

@media screen and (min-width: 768px) {
  .contents-question-index .common-accordion-link {
    padding: 3.2% 4.2%;
    font-size: 1.66667vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-question-index .common-accordion-link {
    font-size: 1.8rem;
  }
}

.contents-question-index .common-accordion-anchor {
  color: #000;
  text-decoration: underline;
  display: block;
}

.contents-question-index .common-accordion-num {
  min-width: 43px;
}

@media screen and (min-width: 768px) {
  .contents-question-index .common-accordion-num {
    min-width: 7%;
  }
}

.contents-question-index .common-accordion-detail {
  background-color: #fff;
  display: none;
  padding: 0 2.66667% 8% 2.66667%;
}

.contents-question-index .common-accordion-detail.open {
  display: block;
}

@media screen and (min-width: 768px) {
  .contents-question-index .common-accordion-detail {
    padding: 4% 4% 6% 4%;
    border-bottom-left-radius: 37px;
    border-bottom-right-radius: 37px;
  }
}

.contents-question-index .common-accordion-detail-list {
  line-height: 2;
  font-size: 1.4rem;
  padding-left: 43px;
  margin-top: 4vw;
}

@media screen and (min-width: 768px) {
  .contents-question-index .common-accordion-detail-list {
    padding-left: 4%;
    font-size: 1.66667vw;
    margin-top: 2.77778vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-question-index .common-accordion-detail-list {
    font-size: 1.8rem;
    margin-top: 30px;
  }
}

@media screen and (min-width: 768px) {
  .contents-question-index .common-accordion-js li:last-child .common-accordion-list {
    margin-bottom: 0;
  }
}

.contents-question-index .confirm-box {
  border-top: 1px solid #ccc;
  padding-top: 5.55556vw;
  margin-top: 5.55556vw;
}

@media screen and (min-width: 768px) {
  .contents-question-index .confirm-box {
    padding-top: 3.7037vw;
    margin-top: 3.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-question-index .confirm-box {
    padding-top: 40px;
    margin-top: 40px;
  }
}

.contents-question-index .confirm-box-title {
  font-size: 2.0rem;
  line-height: 1.5;
  font-weight: lighter;
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .contents-question-index .confirm-box-title {
    margin-bottom: 3.7037vw;
    font-size: 2.40741vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-question-index .confirm-box-title {
    font-size: 2.6rem;
    margin-bottom: 40px;
  }
}

.contents-question-index .confirm-box-part-title {
  font-size: 1.7rem;
  line-height: 1.6;
  font-weight: 500;
  padding-left: 4.34783%;
  margin-bottom: 4vw;
  position: relative;
}

@media screen and (min-width: 768px) {
  .contents-question-index .confirm-box-part-title {
    font-size: 1.85185vw;
    padding-left: 1.8%;
    margin-bottom: 2.77778vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-question-index .confirm-box-part-title {
    font-size: 2.0rem;
    margin-bottom: 20px;
  }
}

.contents-question-index .confirm-box-part-title::before {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  height: 52px;
  background-color: #ffec27;
  left: 0;
  top: calc(50% - 26px);
}

@media screen and (min-width: 768px) {
  .contents-question-index .confirm-box-part-title::before {
    width: 4px;
    height: 20px;
    top: calc(50% - 10px);
  }
}

.contents-question-index .confirm-box-part-lead {
  margin-bottom: 5.7971%;
  line-height: 2;
}

@media screen and (min-width: 768px) {
  .contents-question-index .confirm-box-part-lead {
    margin-bottom: 2.4%;
    font-size: 1.66667vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-question-index .confirm-box-part-lead {
    font-size: 1.8rem;
  }
}

.contents-question-index .confirm-box-compare {
  text-align: center;
  padding-bottom: 11.88406%;
}

@media screen and (min-width: 768px) {
  .contents-question-index .confirm-box-compare {
    padding-bottom: 6.2%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    position: relative;
  }
}

@media screen and (min-width: 768px) {
  .contents-question-index .confirm-box-compare::before {
    content: "";
    display: block;
    position: absolute;
    background: url(../img/question/ico-compare.png) no-repeat center center;
    background-size: 100% auto;
    width: 80px;
    height: 16px;
    left: calc(52.5% - 40px);
    bottom: calc(63% - 8px);
    transform: rotate(-90deg);
  }
}

.contents-question-index .confirm-box-compare-note {
  font-size: 1.2rem;
  line-height: 2;
  font-weight: lighter;
  margin-top: 3.18841%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .contents-question-index .confirm-box-compare-note {
    margin-top: 3.4%;
    text-align: left;
    font-size: 1.2963vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-question-index .confirm-box-compare-note {
    font-size: 1.4rem;
  }
}

.contents-question-index .confirm-box-compare-image {
  width: 59.13043%;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .contents-question-index .confirm-box-compare-image {
    width: 100%;
  }
}

.contents-question-index .confirm-box-compare-before {
  padding-bottom: 17.82609%;
  position: relative;
}

@media screen and (min-width: 768px) {
  .contents-question-index .confirm-box-compare-before {
    width: 30.43478%;
    left: 17.3913%;
    padding-bottom: 0;
  }
}

.contents-question-index .confirm-box-compare-before::before {
  content: "";
  display: block;
  position: absolute;
  background: url(../img/question/ico-compare.png) no-repeat center center;
  background-size: 100% auto;
  width: 24.63768%;
  height: 34px;
  left: 50%;
  bottom: 5.7971%;
  margin-left: -12.31884%;
}

@media screen and (min-width: 768px) {
  .contents-question-index .confirm-box-compare-before::before {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .contents-question-index .confirm-box-compare-after {
    width: 30.43478%;
    position: relative;
    right: 13.04348%;
  }
}

@media screen and (min-width: 768px) {
  .contents-question-index .confirm-box-block:first-of-type .confirm-box-compare::before {
    left: calc(56.8% - 40px);
    bottom: calc(70% - 8px);
  }
}

@media screen and (min-width: 768px) {
  .contents-question-index .confirm-box-block:first-of-type .confirm-box-compare-before {
    width: 34.78261%;
  }
}

.contents-question-index .confirm-box-block:first-of-type .confirm-box-compare-before .confirm-box-compare-image {
  width: 69.56522%;
}

@media screen and (min-width: 768px) {
  .contents-question-index .confirm-box-block:first-of-type .confirm-box-compare-before .confirm-box-compare-image {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .contents-question-index .confirm-box-block:first-of-type .confirm-box-compare-after {
    width: 26.08696%;
  }
}

.contents-question-index .confirm-box-block:first-of-type .confirm-box-compare-after .confirm-box-compare-image {
  width: 47.24638%;
}

@media screen and (min-width: 768px) {
  .contents-question-index .confirm-box-block:first-of-type .confirm-box-compare-after .confirm-box-compare-image {
    width: 100%;
  }
}

.contents-question-index .confirm-box-block:last-of-type .confirm-box-compare {
  padding-bottom: 0;
}

.contents-question-index .summary-table {
  margin: 5.33333% 0 0;
}

@media screen and (min-width: 768px) {
  .contents-question-index .summary-table {
    margin: 3.3% auto 2% auto;
    width: 100%;
  }
}

@media screen and (min-width: 1080px) {
  .contents-question-index .summary-table {
    margin: 30px 0 20px;
  }
}

.contents-question-index .summary-table-row-a .first {
  background: #fffbcd;
}

.contents-question-index .summary-table-row-m .first {
  background: #dff5f1;
}

.contents-question-index .summary-table-heading, .contents-question-index .summary-table-contents {
  border-collapse: collapse;
  border: 1px solid #aaa;
  width: 50%;
  font-size: 3.18841vw;
}

@media screen and (min-width: 768px) {
  .contents-question-index .summary-table-heading, .contents-question-index .summary-table-contents {
    width: 39%;
    font-size: 1.2963vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-question-index .summary-table-heading, .contents-question-index .summary-table-contents {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 768px) {
  .contents-question-index .summary-table-heading.first, .contents-question-index .summary-table-contents.first {
    width: 22%;
  }
}

.contents-question-index .summary-table-heading {
  background: #e8e8e8;
  text-align: center;
  font-weight: 500;
  padding: 2.6087% 2.89855%;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .contents-question-index .summary-table-heading {
    font-size: 1.48148vw;
    padding: 24px 0;
    padding: 1.8%;
    font-weight: normal;
  }
}

@media screen and (min-width: 1080px) {
  .contents-question-index .summary-table-heading {
    font-size: 1.6rem;
  }
}

.contents-question-index .summary-table-contents {
  text-align: justify;
  padding: 4.34783% 2.89855%;
  font-weight: lighter;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {
  .contents-question-index .summary-table-contents {
    padding: 2%;
  }
}

.contents-question-index .summary-table-contents .o-red {
  color: #ff0000;
}

@media screen and (min-width: 768px) {
  .contents-question-index .summary-table-contents-images {
    max-width: 80%;
    margin: 0 auto;
  }
}

.contents-question-index .summary-table-row-a .summary-table-heading {
  background: #fffbcd;
}

.contents-question-index .summary-table-row-m .summary-table-heading {
  background: #dff5f1;
}

.contents-question-index .summary-table.summary-table-image .summary-table-heading, .contents-question-index .summary-table.summary-table-image .summary-table-contents {
  width: 33.33333%;
}

.contents-question-index .summary-table.summary-table-image .summary-table-contents {
  vertical-align: middle;
  text-align: center;
}

@media all and (-ms-high-contrast: none) and (min-width: 768px) {
  .contents-question-index .confirm-box-compare-before {
    left: -2.39%;
  }
}

.contents-remedy-index {
  margin-bottom: 10.66667vw;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index {
    margin-bottom: 80px;
  }
}

.contents-remedy-index .lower-heading-wrapper {
  position: relative;
}

.contents-remedy-index .lower-heading-wrapper .contents-inner-lower {
  display: block;
  min-height: 40vw;
  background: none;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .contents-remedy-index .lower-heading-wrapper .contents-inner-lower {
    min-height: 21.2963vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .lower-heading-wrapper .contents-inner-lower {
    min-height: 230px;
  }
}

.contents-remedy-index .lower-heading-wrapper .contents-inner-lower:after {
  content: "";
  display: block;
  width: 31.2vw;
  height: 34.66667vw;
  background: url(../img/type/type_bg_lower.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  right: 4.8vw;
  bottom: -2.66667vw;
}

@media screen and (min-width: 768px), print {
  .contents-remedy-index .lower-heading-wrapper .contents-inner-lower:after {
    width: 19.07407vw;
    height: 21.2963vw;
    right: 0;
    bottom: -3.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .lower-heading-wrapper .contents-inner-lower:after {
    width: 206px;
    height: 230px;
    right: 0;
    bottom: -40px;
  }
}

.contents-remedy-index .lower-heading-wrapper .contents-inner-lower .lower-heading {
  text-align: left;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(5%, -52%);
}

@media screen and (min-width: 768px), print {
  .contents-remedy-index .lower-heading-wrapper .contents-inner-lower .lower-heading {
    transform: translate(0, -52%);
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.contents-remedy-index .lower-heading-wrapper:after {
  content: "";
  display: block;
  width: 100%;
  background: url(../img/story/mainvisual_bg_01.jpg) 0 0 repeat;
  background-size: 2%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 3.33333vw;
}

@media screen and (min-width: 768px), print {
  .contents-remedy-index .lower-heading-wrapper:after {
    height: 3.24074vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .lower-heading-wrapper:after {
    height: 35px;
  }
}

@media screen and (max-width: 767px) {
  .contents-remedy-index .lower-heading-wrapper .contents-inner-lower {
    padding: 5.33333vw 0;
    box-sizing: content-box;
    z-index: 2;
  }
}

.contents-remedy-index .lower-heading-wrapper .contents-inner-lower:after {
  width: 33.06667vw;
  background-image: url(../img/remedy/explain_bg_lower.png);
  right: 0;
  z-index: 2;
}

@media screen and (min-width: 768px), print {
  .contents-remedy-index .lower-heading-wrapper .contents-inner-lower:after {
    width: 20.37037vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .lower-heading-wrapper .contents-inner-lower:after {
    width: 220px;
  }
}

.contents-remedy-index .intro-heading {
  font-size: 2.8rem;
  line-height: 1.5;
  text-align: center;
  font-weight: lighter;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .intro-heading {
    font-size: 2.96296vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .intro-heading {
    font-size: 3.2rem;
  }
}

.contents-remedy-index .intro-heading::after {
  display: block;
  content: "";
  width: 11.6vw;
  height: 2.13333vw;
  margin: 7% auto 8% auto;
  background: #ffec27;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .intro-heading::after {
    width: 40px;
    height: 7px;
    margin: 31px auto 51px;
  }
}

.contents-remedy-index .common-accordion {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #ccc;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .common-accordion {
    max-width: 1000px;
    border-bottom: none;
    padding-top: 3%;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .common-accordion {
    padding-top: 90px;
  }
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .common-accordion-wrapper {
    background-color: #fffacd;
    padding-bottom: 95px;
  }
}

.contents-remedy-index .common-accordion-list {
  border-top: 1px solid #ccc;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .common-accordion-list {
    border-top: none;
    background-color: #ffffff;
    margin-top: 6%;
    border-radius: 0 0 40px 40px;
  }
}

.contents-remedy-index .common-accordion li:first-child .common-accordion-list {
  margin-top: 0;
}

.contents-remedy-index .common-accordion-button {
  font-size: 2.0rem;
  position: relative;
  padding: 6.66667vw 70px 6.66667vw 20%;
  cursor: pointer;
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .common-accordion-button {
    font-size: 2.40741vw;
    background-color: #ccc;
    padding: 2% 90px 2% 90px;
    color: #fff;
    text-align: center;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .common-accordion-button {
    font-size: 2.6rem;
  }
}

.contents-remedy-index .common-accordion-button::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 2px;
  top: 50%;
  right: 20px;
  margin-top: -1px;
  background-color: #000;
  transition: all .4s;
  transform: rotate(0deg);
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .common-accordion-button::before {
    width: 38px;
    height: 4px;
    right: 42px;
    background-color: #fff;
    margin-top: -2px;
  }
}

.contents-remedy-index .common-accordion-button::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 2px;
  top: 50%;
  right: 20px;
  margin-top: -1px;
  background-color: #000;
  transition: all .4s;
  transform: rotate(90deg);
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .common-accordion-button::after {
    width: 38px;
    height: 4px;
    right: 42px;
    background-color: #fff;
    margin-top: -2px;
  }
}

.contents-remedy-index .common-accordion-button.open::before {
  display: none;
}

.contents-remedy-index .common-accordion-button.open::after {
  transform: rotate(180deg);
}

.contents-remedy-index .common-accordion-detail {
  display: none;
  padding: 0 3% 10% 3%;
}

.contents-remedy-index .common-accordion-detail.open {
  display: block;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .common-accordion-detail {
    padding: 6% 0;
    width: 92%;
    margin: 0 auto;
  }
}

.contents-remedy-index .remedy-explain {
  width: 92%;
  margin: 0 auto;
  padding-bottom: 12%;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-explain {
    padding-bottom: 4%;
    max-width: 1000px;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .remedy-explain {
    padding-bottom: 70px;
  }
}

.contents-remedy-index .remedy-explain-message {
  font-size: 1.4rem;
  line-height: 2;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-explain-message {
    font-size: 1.66667vw;
    line-height: 1.8;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .remedy-explain-message {
    font-size: 1.8rem;
  }
}

.contents-remedy-index .remedy-explain-person {
  padding-top: 6%;
  font-size: 1.1rem;
  line-height: 2;
  width: 11.5em;
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-explain-person {
    padding-top: 2%;
    font-size: 1.2963vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .remedy-explain-person {
    font-size: 1.4rem;
  }
}

.contents-remedy-index .remedy-explain-area {
  padding-top: 8%;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-explain-area {
    padding-top: 0;
    margin-top: 5%;
    position: relative;
  }
}

.contents-remedy-index .remedy-explain-photo {
  width: 60%;
  max-width: 309px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-explain-photo {
    position: absolute;
    width: 20.3%;
    max-width: 203px;
    left: 50%;
    top: 50%;
    transform: translateY(-40%) translateX(-50%);
  }
}

.contents-remedy-index .remedy-explain-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 2%;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-explain-list {
    padding-top: 0;
  }
}

.contents-remedy-index .remedy-explain-item {
  width: 49%;
  margin-top: 3%;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-explain-item {
    width: 36%;
    margin-top: 2%;
  }
}

.contents-remedy-index .remedy-explain-item:nth-child(1) .remedy-explain-anchor {
  background: url("../img/remedy/explain_bg_01.png") 10% center no-repeat #2F2F2F;
  background-size: 40px 40px;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-explain-item:nth-child(1) .remedy-explain-anchor {
    background: url("../img/remedy/explain_bg_01.png") 4% center no-repeat #2F2F2F;
    background-size: 48px 48px;
  }
}

.contents-remedy-index .remedy-explain-item:nth-child(2) .remedy-explain-anchor {
  background: url("../img/remedy/explain_bg_04.png") 10% center no-repeat #2F2F2F;
  background-size: 40px 40px;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-explain-item:nth-child(2) .remedy-explain-anchor {
    background: url("../img/remedy/explain_bg_04.png") 4% center no-repeat #2F2F2F;
    background-size: 48px 48px;
  }
}

.contents-remedy-index .remedy-explain-item:nth-child(3) .remedy-explain-anchor {
  background: url("../img/remedy/explain_bg_03.png") 10% center no-repeat #2F2F2F;
  background-size: 40px 40px;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-explain-item:nth-child(3) .remedy-explain-anchor {
    background: url("../img/remedy/explain_bg_03.png") 4% center no-repeat #2F2F2F;
    background-size: 48px 48px;
  }
}

.contents-remedy-index .remedy-explain-item:nth-child(4) .remedy-explain-anchor {
  background: url("../img/remedy/explain_bg_02.png") 10% center no-repeat #2F2F2F;
  background-size: 40px 40px;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-explain-item:nth-child(4) .remedy-explain-anchor {
    background: url("../img/remedy/explain_bg_02.png") 4% center no-repeat #2F2F2F;
    background-size: 48px 48px;
  }
}

.contents-remedy-index .remedy-explain-anchor {
  display: block;
  position: relative;
  border-radius: 50px;
  color: #ffffff;
  font-size: 1.2rem;
  padding: 10% 1% 16% 34%;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-explain-anchor {
    border-radius: 35px;
    font-size: 1.4rem;
    padding: 7% 10%;
    text-align: center;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .remedy-explain-anchor {
    font-size: 1.8rem;
    padding: 5% 10%;
  }
}

.contents-remedy-index .remedy-explain-anchor::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 11px;
  bottom: 13%;
  left: 50%;
  margin-left: -3px;
  transform: rotate(-45deg);
  background-color: #ffffff;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-explain-anchor::before {
    bottom: 50%;
    left: inherit;
    right: 40px;
    margin-left: 0;
    margin-bottom: -5px;
  }
}

.contents-remedy-index .remedy-explain-anchor::after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 11px;
  bottom: 13%;
  left: 50%;
  margin-left: 4px;
  transform: rotate(45deg);
  background-color: #ffffff;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-explain-anchor::after {
    bottom: 50%;
    left: inherit;
    right: 33px;
    margin-left: 0;
    margin-bottom: -5px;
  }
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-accordion-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.contents-remedy-index .remedy-accordion-list {
  padding-bottom: 12%;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-accordion-list {
    padding-bottom: 4%;
  }
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-accordion-item {
    width: 92%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.contents-remedy-index .remedy-accordion-item + .remedy-accordion-item {
  padding-top: 10%;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-accordion-item + .remedy-accordion-item {
    padding-top: 4%;
  }
}

.contents-remedy-index .remedy-accordion-title {
  font-size: 1.4rem;
  padding-bottom: 3%;
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-accordion-title {
    font-size: 1.66667vw;
    padding-bottom: 2%;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .remedy-accordion-title {
    font-size: 1.8rem;
  }
}

.contents-remedy-index .remedy-accordion-parttitle {
  font-size: 2rem;
  padding-left: 4%;
  margin-bottom: 5%;
  font-weight: lighter;
  line-height: 1.5;
  border-left: 6px solid #FFEC26;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-accordion-parttitle {
    font-size: 2.40741vw;
    padding-left: 2%;
    margin-bottom: 3%;
    border-left: 5px solid #FFEC26;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .remedy-accordion-parttitle {
    font-size: 2.6rem;
  }
}

.contents-remedy-index .remedy-accordion-partarea {
  margin-top: 9%;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-accordion-partarea {
    margin-top: 5%;
  }
}

.contents-remedy-index .remedy-accordion-text {
  margin-bottom: 7%;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-accordion-text {
    margin-bottom: 5%;
  }
}

.contents-remedy-index .remedy-accordion-message {
  line-height: 2;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-accordion-message {
    font-size: 1.48148vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .remedy-accordion-message {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-accordion-message-wrapper {
    width: 65%;
  }
}

.contents-remedy-index .remedy-accordion_photo {
  padding-top: 9%;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-accordion_photo {
    width: 30%;
    padding-top: 0;
  }
}

.contents-remedy-index .remedy-accordion-attention {
  background-color: #F4F4F4;
  padding: 5%;
  margin-top: 8%;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-accordion-attention {
    margin-top: 5%;
  }
}

.contents-remedy-index .remedy-accordion-attention-message {
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 4%;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-accordion-attention-message {
    margin-bottom: 3%;
    font-size: 1.66667vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .remedy-accordion-attention-message {
    font-size: 1.8rem;
  }
}

.contents-remedy-index .remedy-accordion-attention-anchor {
  background-color: #2F2F2F;
  padding: 5%;
  display: block;
  font-size: 1.6rem;
  color: #ffffff;
  text-align: center;
  position: relative;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-accordion-attention-anchor {
    padding: 2.5% 4%;
    font-size: 1.94444vw;
    width: 94%;
    max-width: 610px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .remedy-accordion-attention-anchor {
    font-size: 2.1rem;
  }
}

.contents-remedy-index .remedy-accordion-attention-anchor::before, .contents-remedy-index .remedy-accordion-attention-anchor::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  background-color: #fff;
  right: 22px;
}

.contents-remedy-index .remedy-accordion-attention-anchor::before {
  transform-origin: right top;
  transition: width 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  width: 25px;
  height: 1px;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .remedy-accordion-attention-anchor::before {
    width: 17px;
  }
}

.contents-remedy-index .remedy-accordion-attention-anchor::after {
  width: 1px;
  height: 8px;
  margin-top: -8px;
  transform: rotate(-45deg);
  transform-origin: right bottom;
}

.contents-remedy-index .common-accordion.remedy-accordion-area-list {
  padding-bottom: 12%;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .common-accordion.remedy-accordion-area-list {
    padding-bottom: 0;
  }
}

.contents-remedy-index .common-accordion.remedy-accordion-area .remedy-accordion-photo {
  padding-top: 6%;
}

@media screen and (max-width: 767px) {
  .contents-remedy-index .common-accordion.remedy-accordion-area .remedy-accordion-photo {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .contents-remedy-index .common-accordion.remedy-accordion-area .remedy-accordion-photo img {
    width: 56vw;
  }
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .common-accordion.remedy-accordion-area .remedy-accordion-photo {
    padding-top: 0;
    width: 30%;
  }
}

.contents-remedy-index .summary-table {
  margin-top: 6%;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .summary-table {
    margin-top: 4%;
  }
}

.contents-remedy-index .summary-table-row .summary-table-heading, .contents-remedy-index .summary-table-row .summary-table-contents {
  border-collapse: collapse;
  border: 1px solid #aaa;
  width: 50%;
  font-size: 2.93333vw;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .summary-table-row .summary-table-heading, .contents-remedy-index .summary-table-row .summary-table-contents {
    font-size: 1.2963vw;
    width: auto;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .summary-table-row .summary-table-heading, .contents-remedy-index .summary-table-row .summary-table-contents {
    font-size: 1.4rem;
  }
}

.contents-remedy-index .summary-table-row .summary-table-heading {
  background: #e8e8e8;
  text-align: center;
  font-weight: normal;
  padding: 2.13333vw 0;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .summary-table-row .summary-table-heading {
    font-size: 1.2963vw;
    padding: 2% 0;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .summary-table-row .summary-table-heading {
    font-size: 1.4rem;
  }
}

.contents-remedy-index .summary-table-row .summary-table-contents {
  text-align: justify;
  padding: 3.6vw 3.33333vw;
  font-weight: lighter;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .summary-table-row .summary-table-contents {
    padding: 2%;
    vertical-align: middle;
  }
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .summary-table-row .summary-table-style01 {
    width: 29%;
  }
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .summary-table-row .summary-table-style02 {
    width: 26%;
  }
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .summary-table-row .summary-table-style03 {
    width: 47%;
  }
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .summary-table-row .summary-table-style04 {
    width: 24%;
  }
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .summary-table-row .summary-table-style05 {
    width: 37%;
  }
}

.contents-remedy-index .summary-table-row2 .summary-table-heading, .contents-remedy-index .summary-table-row2 .summary-table-contents {
  border-collapse: collapse;
  border: 1px solid #aaa;
  font-size: 2.93333vw;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .summary-table-row2 .summary-table-heading, .contents-remedy-index .summary-table-row2 .summary-table-contents {
    font-size: 1.2963vw;
    padding: 24px 0;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .summary-table-row2 .summary-table-heading, .contents-remedy-index .summary-table-row2 .summary-table-contents {
    font-size: 1.4rem;
  }
}

.contents-remedy-index .summary-table-row2 .summary-table-heading {
  background: #e8e8e8;
  text-align: center;
  font-weight: normal;
  padding: 2.13333vw 0;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .summary-table-row2 .summary-table-heading {
    padding: 24px 26px;
  }
}

.contents-remedy-index .summary-table-row2 .summary-table-contents {
  text-align: justify;
  padding: 3.6vw 3.33333vw;
  font-weight: lighter;
}

@media screen and (min-width: 768px) {
  .contents-remedy-index .summary-table-row2 .summary-table-contents {
    padding: 24px 26px;
  }
}

.contents-remedy-index .icon01 {
  display: block;
  width: 21px;
}

@media screen and (min-width: 768px), print {
  .contents-remedy-index .icon01 {
    width: 1.94444vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .icon01 {
    width: 21px;
  }
}

.contents-remedy-index .icon02 {
  display: block;
  width: 47px;
}

@media screen and (min-width: 768px), print {
  .contents-remedy-index .icon02 {
    width: 4.35185vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .icon02 {
    width: 47px;
  }
}

.contents-remedy-index .icon03 {
  width: 73px;
  display: block;
}

@media screen and (min-width: 768px), print {
  .contents-remedy-index .icon03 {
    width: 6.75926vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .icon03 {
    width: 73px;
  }
}

.contents-remedy-index .icon04 {
  display: block;
  width: 21px;
}

@media screen and (min-width: 768px), print {
  .contents-remedy-index .icon04 {
    width: 1.94444vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-remedy-index .icon04 {
    width: 21px;
  }
}

#anchor_1 .common-accordion-button {
  background: url("../img/remedy/explain_bg_01.png") 5% center no-repeat;
  background-size: 35px 35px;
}

@media screen and (min-width: 768px) {
  #anchor_1 .common-accordion-button {
    background: url("../img/remedy/explain_bg_01.png") 4% center no-repeat #2F2F2F;
    background-size: 48px 48px;
  }
}

#anchor_2 .common-accordion-button {
  background: url("../img/remedy/explain_bg_03.png") 5% center no-repeat;
  background-size: 35px 35px;
}

@media screen and (min-width: 768px) {
  #anchor_2 .common-accordion-button {
    background: url("../img/remedy/explain_bg_03.png") 4% center no-repeat #2F2F2F;
    background-size: 48px 48px;
  }
}

#anchor_3 .common-accordion-button {
  background: url("../img/remedy/explain_bg_04.png") 5% center no-repeat;
  background-size: 35px 35px;
}

@media screen and (min-width: 768px) {
  #anchor_3 .common-accordion-button {
    background: url("../img/remedy/explain_bg_04.png") 4% center no-repeat #2F2F2F;
    background-size: 48px 48px;
  }
}

#anchor_4 .common-accordion-button {
  background: url("../img/remedy/explain_bg_02.png") 5% center no-repeat;
  background-size: 35px 35px;
}

@media screen and (min-width: 768px) {
  #anchor_4 .common-accordion-button {
    background: url("../img/remedy/explain_bg_02.png") 4% center no-repeat #2F2F2F;
    background-size: 48px 48px;
  }
}

.sitemap .lower-heading-wrapper {
  background: #ffec27;
  font-size: 2.2rem;
  margin: 0 auto 0;
}

@media screen and (min-width: 768px) {
  .sitemap, .lower-heading-wrapper {
  }
}

.sitemap .lower-heading-wrapper .lower-heading {
}

.contents-sitemap .intro-leadtxt {
  margin-bottom: 10.66667vw;
}

@media screen and (min-width: 768px) {
  .contents-sitemap .intro-leadtxt {
    margin-bottom: 6.48148vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-sitemap .intro-leadtxt {
    margin-bottom: 3.8rem;
  }
}

@media screen and (min-width: 768px) {
  .contents-sitemap .contents-sitemap-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .contents-sitemap-list {
    width: 70%;
    margin: 0 auto;
  }
}

.contents-sitemap-listItem {
  line-height: 1.4;
  border-bottom: 1px solid #ccc;
  font-size: 2.2rem;
  padding: 2.2rem 2rem 2.0rem;
}

@media screen and (min-width: 768px) {
  .contents-sitemap-listItem {
    padding: 2.2rem 2rem 2.0rem;
  }
}

@media screen and (min-width: 1080px) {
  .contents-sitemap-listItem {
  }
}

@media screen and (min-width: 768px) {
  .contents-sitemap-listItem:last-child {
    border: none;
  }
}

.contents-sitemap-listItem > p a {
  display: block;
  color: #000;
  position: relative;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .contents-sitemap-listItem > p a {
    text-align: center;
  }
}

.contents-sitemap-listItem > p a:after {
  display: inline-block;
  position: absolute;
  content: "";
  width: 23.5px;
  height: 7px;
  background: url(../img/common/arrow_black_sp.png) 0 0 no-repeat;
  background-size: contain;
  top: 35%;
  right: 0;
}

@media screen and (min-width: 768px) {
  .contents-sitemap-listItem > p a:after {
    background-image: url(../img/common/arrow_black_pc.png);
    width: 15px;
    height: 5px;
  }
}

.contents-sitemap-listItem li {
  padding: 4.66667vw 0 0 4.4vw;
}

@media screen and (min-width: 768px) {
  .contents-sitemap-listItem li {
    padding: 2.9rem 0 0 2rem;
  }
}

.contents-sitemap-listItem li a {
  display: block;
  color: #000;
  font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
  .contents-sitemap-listItem li a {
    font-size: 1.48148vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-sitemap-listItem li a {
    font-size: 1.6rem;
  }
}

.story-knowledge {
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .story-knowledge .inner {
    width: 95%;
    max-width: 1000px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .story-knowledge .inner {
    width: 1080px;
  }
}

.story-knowledge .mainvisual {
  padding: 8% 4% 34.8% 4%;
  background: url(../img/story/mainvisual_bg_01.jpg) 0 0 repeat;
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .story-knowledge .mainvisual {
    padding: 0;
  }
}

.story-knowledge .mainvisual::before {
  position: absolute;
  content: "";
  background-color: #ffec27;
  width: 100%;
  height: 70%;
  top: 0;
  left: 0;
  display: block;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .story-knowledge .mainvisual::before {
    height: 57%;
  }
}

@media screen and (min-width: 768px) {
  .story-knowledge .mainvisual .inner {
    padding: 6% 0 16.2% 0;
    position: relative;
  }
}

@media screen and (min-width: 1080px) {
  .story-knowledge .mainvisual .inner {
    padding: 50px 0 180px;
  }
}

.story-knowledge .mainvisual-wrapper {
  background-color: #ffffff;
  border: 2px solid #000000;
  padding: 12.89855% 5.07246% 11.88406% 5.07246%;
  position: relative;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .story-knowledge .mainvisual-wrapper {
    padding: 5.5% 9% 8.5% 9%;
  }
}

@media screen and (min-width: 1080px) {
  .story-knowledge .mainvisual-wrapper {
    padding: 30px 90px 20px;
  }
}

.story-knowledge .mainvisual-wrapper::after {
  position: absolute;
  content: "";
  background: url(../img/story/mainvisual_bg_02.png) 0 0 no-repeat;
  background-size: 50px 41.5px;
  width: 50px;
  height: 41.5px;
  bottom: -41.5px;
  left: 20%;
  display: block;
}

@media screen and (min-width: 768px) {
  .story-knowledge .mainvisual-wrapper::after {
    /*background: url(../img/story/mainvisual_bg_02_pc.png) 0 0 no-repeat;*/
	background-size: 93px 82px;
    width: 93px;
    height: 82px;
    bottom: -82px;
    left: 24%;
	  
	display: none;
  }
}

.story-knowledge .mainvisual-title {
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 6.52174%;
  position: relative;
  display: inline-block;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .story-knowledge .mainvisual-title {
    font-size: 2.96296vw;
    margin-bottom: 3.5%;
  }
}

@media screen and (min-width: 1080px) {
  .story-knowledge .mainvisual-title {
    font-size: 3.2rem;
  }
}

.story-knowledge .mainvisual-title::after {
  position: absolute;
  content: "";
  background-color: #ffec27;
  width: 110%;
  height: 10px;
  bottom: 3px;
  left: -5%;
  display: block;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .story-knowledge .mainvisual-title::after {
    height: 20px;
    bottom: 6px;
  }
}

.story-knowledge .mainvisual-text {
  /*font-size: 1.4rem;*/
	font-size: 18px;
}

@media screen and (min-width: 768px) {
  .story-knowledge .mainvisual-text {
    font-size: 18px;
  }
}

@media screen and (min-width: 1080px) {
  .story-knowledge .mainvisual-text {
    font-size: 18px;
  }
}

.story-knowledge .mainvisual-photo {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  display: block;
}

@media screen and (min-width: 1080px) {
  .story-knowledge .mainvisual-photo {
    bottom: -10%;
  }
}

.story-knowledge .explain {
  padding: 14% 4% 4% 4%;
  background: url(../img/story/explain_bg_01.jpg) 0 0 repeat;
}

@media screen and (min-width: 768px) {
  .story-knowledge .explain {
    padding: 8% 5% 15% 5%;
    border: 20px solid #ffec26;
  }
}

@media screen and (min-width: 1080px) {
  .story-knowledge .explain {
    padding: 100px 0 150px;
  }
}

@media screen and (min-width: 768px) {
  .story-knowledge .explain .inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.story-knowledge .explain-wrapper {
  background-color: #ffffff;
  border: 2px solid #000000;
  padding: 8.69565% 5.07246% 23.18841% 5.07246%;
  position: relative;
  box-shadow: 6px 6px 0 #ffec27;
  margin-bottom: 38.4%;
}

@media screen and (min-width: 768px) {
  .story-knowledge .explain-wrapper {
    padding: 5% 0 15% 0;
    box-shadow: 10px 10px 0 #ffec27;
    margin-bottom: 0;
    -ms-flex: 0 1 48%;
        flex: 0 1 48%;
  }
}

.story-knowledge .explain-title-01 {
  font-size: 2.0rem;
  font-weight: 700;
  margin-bottom: 4vw;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .story-knowledge .explain-title-01 {
    font-size: 2.59259vw;
    padding: 0 7%;
    margin-bottom: 6.25%;
    text-align: left;
  }
}

@media screen and (min-width: 1080px) {
  .story-knowledge .explain-title-01 {
    font-size: 2.8rem;
  }
}

.story-knowledge .explain-title-02 {
  font-size: 2.0rem;
  font-weight: 700;
  margin-bottom: 4vw;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .story-knowledge .explain-title-02 {
    font-size: 2.59259vw;
    padding: 0 7%;
    margin-bottom: 6.25%;
    text-align: left;
  }
}

@media screen and (min-width: 1080px) {
  .story-knowledge .explain-title-02 {
    font-size: 2.8rem;
  }
}

.story-knowledge .explain-text {
  font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
  .story-knowledge .explain-text {
    font-size: 1.66667vw;
    padding: 0 7%;
  }
}

@media screen and (min-width: 1080px) {
  .story-knowledge .explain-text {
    font-size: 1.8rem;
  }
}

.story-knowledge .explain-note {
  font-size: 1.1rem;
  margin-top: 2.13333vw;
}

@media screen and (min-width: 768px) {
  .story-knowledge .explain-note {
    font-size: 1.2963vw;
    padding: 0 7%;
  }
}

@media screen and (min-width: 1080px) {
  .story-knowledge .explain-note {
    margin: 10px auto 0;
    font-size: 1.4rem;
  }
}

.story-knowledge .explain-photo-01 {
  position: absolute;
  width: 225px;
  bottom: -106px;
  left: 50%;
  margin-left: -99px;
  display: block;
}

@media screen and (min-width: 1100px) {
  .story-knowledge .explain-photo-01 {
    width: 310px;
    bottom: -106px;
    left: 50%;
    margin-left: -145px;
  }
}

.story-knowledge .explain-photo-02 {
  position: absolute;
  width: 289.5px;
  bottom: -110px;
  left: 50%;
  margin-left: -148px;
  display: block;
}

@media screen and (min-width: 1100px) {
  .story-knowledge .explain-photo-02 {
    width: 410px;
    bottom: -110px;
    left: 50%;
    margin-left: -220px;
  }
}

.story-knowledge .reason {
  background-color: #ffec27;
  padding: 9.33333% 4% 13.33333% 4%;
}

@media screen and (min-width: 768px) {
  .story-knowledge .reason {
    padding: 5% 0 6% 0;
  }
}

@media screen and (min-width: 1080px) {
  .story-knowledge .reason {
    padding: 100px 0 80px;
  }
}

.story-knowledge .reason-title {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 5.33333vw;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .story-knowledge .reason-title {
    font-size: 2.59259vw;
    margin-bottom: 2.77778vw;
  }
}

@media screen and (min-width: 1080px) {
  .story-knowledge .reason-title {
    font-size: 28px;
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 768px) {
  .story-knowledge .reason ul {
    width: 95%;
    max-width: 1000px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (min-width: 1080px) {
  .story-knowledge .reason ul {
    width: 1080px;
  }
}

@media screen and (max-width: 767px) {
  .story-knowledge .reason ul li:first-child {
    margin-bottom: 10.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .story-knowledge .reason ul li {
    width: 44%;
    margin-bottom: 20px;
  }
}

.story-knowledge .reason ul .movie-box {
  width: 100%;
}

.story-knowledge .message {
  padding: 10.66667% 4% 8% 4%;
  background: url(../img/story/explain_bg_01.jpg) 0 0 repeat;
  margin-bottom: 10.66667%;
}

@media screen and (min-width: 768px) {
  .story-knowledge .message {
    padding: 6% 5% 3% 5%;
    border: 20px solid #ffec26;
    margin-bottom: 80px;
  }
}

@media screen and (min-width: 1080px) {
  .story-knowledge .message {
    padding: 90px 0 0;
  }
}

.story-knowledge .message-wrapper {
  background-color: #ffffff;
  border: 2px solid #000000;
  padding: 8.69565% 5.07246% 21.73913% 5.07246%;
  position: relative;
  /* box-shadow: 6px 6px 0 #ffec27; */
  margin-bottom: 23.6%;
}

@media screen and (min-width: 768px) {
  .story-knowledge .message-wrapper {
    padding: 5.5% 7.68519% 13% 7.68519%;
    /* box-shadow: 10px 10px 0 #ffec27; */
    margin-bottom: 16%;
  }
}

@media screen and (min-width: 1080px) {
  .story-knowledge .message-wrapper {
    margin-bottom: 170px;
  }
}

.story-knowledge .message-wrapper.second {
  margin-bottom: 33.33333%;
}

@media screen and (min-width: 768px) {
  .story-knowledge .message-wrapper.second {
    margin-bottom: 23%;
  }
}

.story-knowledge .message-wrapper-title {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .story-knowledge .message-wrapper-title {
  }
}

@media screen and (min-width: 1080px) {
  .story-knowledge .message-wrapper-title {
  }
}

.story-knowledge .message-title {
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
  /* border-bottom: 2px solid #000000; */
  margin-bottom: 0;
  /* padding-bottom: 5.33333vw; */
  position: relative;
}

@media screen and (min-width: 768px) {
  .story-knowledge .message-title {
    font-size: 2.96296vw;
    border-bottom: none;
    margin: 0 9% 0 9%;
    padding-bottom: 0;
    background: url(../img/story/message_bg_01_pc.png) 0 bottom no-repeat;
    background-size: 100% auto;
  }
}

@media screen and (min-width: 1080px) {
  .story-knowledge .message-title {
    font-size: 3.2rem;
  }
}

.story-knowledge .message-title::before {
  position: absolute;
  content: "";
  background: url(../img/knowledge/message_illust_03.png) 0 0 no-repeat;
  background-size:contain;
  width: 240px;
  height: 140px;
  bottom: 0;
  left: -310px;
  display: block;
}

@media screen and (min-width: 768px) {
  .story-knowledge .message-title::after {

  }
}

.story-knowledge .message-text {
  /*font-size: 1.4rem;*/
	font-size: 18px;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .story-knowledge .message-text {
    font-size: 1.66667vw;
	  text-align: center;
  }
}

@media screen and (min-width: 1080px) {
  .story-knowledge .message-text {
    font-size: 18px;
	  text-align: center;
  }
}

.story-knowledge .message-photo-01 {
  position: absolute;
  width: 184px;
  bottom: -67px;
  right: 4.5%;
  display: block;
}

@media screen and (min-width: 1100px) {
  .story-knowledge .message-photo-01 {
    width: 335px;
    bottom: -112px;
    right: 9%;
  }
}

.story-knowledge .message-photo-02 {
  width: 214.5px;
  margin: 8.69565% auto 0 auto;
}

@media screen and (min-width: 768px) {
  .story-knowledge .message-photo-02 {
    width: 31%;
    margin: 0;
  }
}

.story-knowledge .message-photo-03 {
  position: absolute;
  width: 245px;
  bottom: -87px;
  left: 50%;
  margin-left: -123px;
  display: block;
}

@media screen and (min-width: 1100px) {
  .story-knowledge .message-photo-03 {
    width: 483px;
    bottom: -165px;
    left: 50%;
    margin-left: -240px;
  }
}

.story-knowledge .message-photo-04 {
  position: absolute;
  width: 235.5px;
  bottom: -75px;
  right: 4%;
  display: block;
}

@media screen and (min-width: 1100px) {
  .story-knowledge .message-photo-04 {
    width: 390px;
    bottom: -113px;
    right: 9%;
  }
}

@media screen and (min-width: 768px) {
  .story-knowledge .message-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .story-knowledge .message-area .message-text {
    width: 60%;
  }
}

.story-knowledge .movie-box {
  margin: 0 auto;
  position: relative;
}

@media screen and (min-width: 768px) {
  .story-knowledge .movie-box {
    width: 520px;
  }
}

.story-knowledge .movie-box button::after {
  width: 40vw;
  height: 66.66667vw;
  right: -1vw;
  bottom: -31vw;
}

@media screen and (min-width: 768px) {
  .story-knowledge .movie-box button::after {
    width: 19.25926vw;
    height: 19.90741vw;
    right: -4.16667vw;
    bottom: -4.44444vw;
  }
}

@media screen and (min-width: 1080px) {
  .story-knowledge .movie-box button::after {
    width: 208px;
    height: 215px;
    right: -45px;
    bottom: -48px;
  }
}

.story .mainvisual {
  padding-bottom: 57.06667vw;
}

@media screen and (min-width: 768px), print {
  .story .mainvisual {
    padding-bottom: 0;
  }
}

.story .mainvisual-photo {
  width: 84.8vw;
  left: 0;
  right: 0;
  margin: auto;
}

@media screen and (min-width: 768px), print {
  .story .mainvisual-photo {
    width: 33.7963vw;
    left: 7.87037vw;
  }
}

@media screen and (min-width: 1080px) {
  .story .mainvisual-photo {
    width: 365px;
    left: 85px;
  }
}

@media screen and (max-width: 767px) {
  .story .message {
    padding-bottom: 1%;
  }
}

.story .message-photo-02 {
  width: 57.06667vw;
}

@media screen and (min-width: 768px), print {
  .story .message-photo-02 {
    width: 23.98148vw;
  }
}

@media screen and (min-width: 1080px) {
  .story .message-photo-02 {
    width: 259px;
  }
}

@media screen and (max-width: 767px) {
  .story .explain-wrapper {
    margin-bottom: 21.33333vw;
  }
}

@media screen and (max-width: 767px) {
  .story .explain-photo-01 {
    left: 6.66667vw;
    right: 0;
    bottom: -13.33333vw;
    margin: auto;
  }
}

@media screen and (min-width: 768px), print {
  .story .explain-photo-01 {
    width: 33.33333vw;
    bottom: -4.62963vw;
    margin-left: -16.2037vw;
  }
}

@media screen and (min-width: 1080px) {
  .story .explain-photo-01 {
    width: 360px;
    bottom: -50px;
    margin-left: -175px;
  }
}

@media screen and (max-width: 767px) {
  .story .explain-photo-02 {
    width: 80.53333vw;
    left: 0;
    right: 0;
    bottom: -16vw;
    margin: auto;
  }
}

@media screen and (min-width: 768px), print {
  .story .explain-photo-02 {
    width: 37.03704vw;
    bottom: -4.62963vw;
    margin-left: -18.51852vw;
  }
}

@media screen and (min-width: 1080px) {
  .story .explain-photo-02 {
    width: 447px;
    bottom: -50px;
    margin-left: -220px;
  }
}

@media screen and (max-width: 767px) {
  .story .message-wrapper {
    padding-bottom: 24vw;
    margin-bottom: 37.86667vw;
  }
}

@media screen and (min-width: 768px), print {
  .story .message-wrapper {
    margin-bottom: 9.25926vw;
  }
}

@media screen and (min-width: 1080px) {
  .story .message-wrapper {
    margin-bottom: 100px;
  }
}

@media screen and (min-width: 768px), print {
  .story .message-title + .message-wrapper {
    padding-bottom: 5.5%;
  }
  .story .message-title + .message-wrapper .message-text {
    width: 60%;
  }
}

@media screen and (max-width: 767px) {
  .story .message-photo-01 {
    width: 69.06667vw;
    left: 0;
    right: 0;
    bottom: calc(((-284/750)*100vw) - 2px);
    margin: auto;
  }
}

@media screen and (min-width: 768px), print {
  .story .message-photo-01 {
    width: 31.85185vw;
    right: 2%;
    bottom: -10.18519vw;
  }
}

@media screen and (min-width: 1080px) {
  .story .message-photo-01 {
    width: 344px;
    bottom: -110px;
  }
}

@media screen and (max-width: 767px) {
  .story .message-wrapper.second {
    margin-bottom: 38.93333vw;
  }
}

@media screen and (min-width: 768px), print {
  .story .message-wrapper.second {
    margin-bottom: 10.18519vw;
    padding-bottom: 15%;
  }
}

@media screen and (min-width: 1080px) {
  .story .message-wrapper.second {
    margin-bottom: 110px;
  }
}

@media screen and (min-width: 768px), print {
  .story .message-wrapper.second + .message-wrapper {
    padding-bottom: 8%;
  }
}

@media screen and (min-width: 768px), print {
  .story .message-wrapper.second + .message-wrapper .message-text {
    width: 60%;
  }
}

@media screen and (max-width: 767px) {
  .story .message-photo-03,
  .story .message-photo-04 {
    width: 68vw;
    left: 0;
    right: 0;
    bottom: calc(((-340/750)*100vw) - 2px);
    margin: auto;
  }
}

@media screen and (min-width: 768px), print {
  .story .message-photo-03,
  .story .message-photo-04 {
    width: 29.07407vw;
    bottom: -11.11111vw;
    margin-left: -25.92593vw;
  }
}

@media screen and (min-width: 1080px) {
  .story .message-photo-03,
  .story .message-photo-04 {
    width: 314px;
    bottom: -120px;
    margin-left: -280px;
  }
}

@media screen and (max-width: 767px) {
  .story .message-photo-04 {
    bottom: calc(((-292/750)*100vw) - 2px);
  }
}

@media screen and (min-width: 768px), print {
  .story .message-photo-04 {
    right: 1%;
  }
}

@media screen and (min-width: 1080px) {
  .story .message-photo-04 {
    width: 385px;
    bottom: -100px;
  }
}

#story-MV,
#story-explain {
  padding-top: 13vw;
  margin-top: -13vw;
}

@media screen and (min-width: 768px) {
  #story-MV,
  #story-explain {
    padding-top: 110px;
    margin-top: -110px;
  }
}

@media screen and (min-width: 768px) {
  .knowledge .flex-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 20px;
  }
}

@media screen and (min-width: 768px) {
  .knowledge .mainvisual-text {
    width: 60%;
  }
}

.knowledge .mainvisual-img {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .knowledge .mainvisual-img {
    width: 58.66667vw;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 768px) {
  .knowledge .mainvisual-img {
    width: 30%;
    margin-top: 0;
  }
}

.knowledge .message {
  position: relative;
}

.knowledge .message-wrapper {
  padding-bottom: 8.69565%;
}

@media screen and (min-width: 768px) {
  .knowledge .message-wrapper {
    padding-bottom: 5.5%;
  }
}

.knowledge .message-text, .knowledge .message-img {
  margin-bottom: 6.66667vw;
}

@media screen and (min-width: 768px) {
  .knowledge .message-text, .knowledge .message-img {
    margin-bottom: 4.62963vw;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .message-text, .knowledge .message-img {
    margin-bottom: 50px;
  }
  .knowledge .message-text {
    text-align: left;
	padding: 0 5%;
  }
}

.knowledge .message.first-message {
  margin-bottom: 0;
  padding-top: 10%;
  background: #ffec27;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .knowledge .message.first-message {
    padding-bottom: 16vw;
  }
}

.knowledge .message.first-message .message-wrapper{
  margin-bottom: 0;
}


.knowledge .message.second-message {
  /* background: #fffbcd; */
  border: none;
}

@media screen and (min-width: 768px) {
  .knowledge .message.second-message {
    padding-bottom: 7.40741vw;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .message.second-message {
    padding-bottom: 80px;
  }
}

.knowledge .message.second-message .message-wrapper {
  /*box-shadow: none;*/
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .knowledge .message.second-message .message-wrapper {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .knowledge .message.second-message-01 {
    padding: 20px 0 20px;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .message.second-message-01 {
    padding: 20px 0 20px;
  }
}

.knowledge .message.second-message-02 {
  background: #fffbcd;
  border-top: #fffbcd solid 1px;
}

@media screen and (min-width: 768px) {
  .knowledge .message.second-message-02 {
    padding: 0 0 16.2037vw;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .message.second-message-02 {
    padding: 0 0 175px;
  }
}

.knowledge .message.second-message-03 {
  padding: 0 4% 30.26667% 4%;
}

@media screen and (min-width: 768px) {
  .knowledge .message.second-message-03 {
    padding: 0 0 17.12963vw;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .message.second-message-03 {
    padding: 0 0 185px;
  }
}

@media screen and (max-width: 767px) {
  .knowledge .message.second-message-03 .message-text {
    margin-bottom: 0;
  }
}

.knowledge .movie-heading {
  text-align: center;
  margin-bottom: 5.33333vw;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .knowledge .movie-heading {
    font-size: 2.22222vw;
    margin-bottom: 3.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .movie-heading {
    font-size: 2.4rem;
    margin-bottom: 40px;
  }
}


.knowledge .second-wrapper {
  margin-top: 20px;
  padding-top: 20px;
  margin-bottom: 0;
}


@media screen and (min-width: 768px) {
  .knowledge .second-wrapper {
    border-top: 1px solid #707070;

  }
}

@media screen and (min-width: 1080px) {
  .knowledge .second-wrapper {
  }
}

.knowledge .second-wrapper  .message-wrapper-title{
  position: relative;
}

.knowledge .second-wrapper  .message-wrapper-title::before {
    position: absolute;
    content: "";
    background: url(../img/knowledge/message_illust_03.png) 0 0 no-repeat;
    background-size:contain;
    display: block;
}

@media screen and (min-width: 768px) {
  .knowledge .second-wrapper  .message-wrapper-title::before {
    width: 240px;
    height: 140px;
    bottom: 0;
    left: -230px;
  }
}

.knowledge .second-wrapper  .message-wrapper-title::after {
  position: absolute;
  content: "";
  background: url(../img/knowledge/message_illust_01.png) 0 0 no-repeat;
  background-size:contain;
  display: block;
  width: 115px;
  height: 130px;
  bottom: -17px;
  right: -36px;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .knowledge .second-wrapper  .message-wrapper-title::after {
    width: 300px;
    height: 200px;
    bottom: -200px;
    right: -200px;
  }
}

@media screen and (min-width: 768px) {
  .knowledge .second-wrapper  .message-wrapper-title::before {
    
  }
}

.knowledge .second-wrapper .message-text {
  text-align: left;
	font-size: 18px;
}

@media screen and (min-width: 768px) {
  .knowledge .second-wrapper .message-text {
    /*width: 85%;*/
    margin: 0 auto;
	  text-align: left;
	  padding: 0 5%;
  }
}

.knowledge .second-wrapper .message-img {
  width: 64vw;
  margin: 0 auto 20px;
}

@media screen and (min-width: 768px) {
  .knowledge .second-wrapper .message-img {
    width: 43%;
  }
}

.knowledge .third-wrapper {
  padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .knowledge .third-wrapper {
    padding-bottom: 11.11111vw;
    margin-bottom: 20%;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .third-wrapper {
    padding-bottom: 120px;
  }
}

.knowledge .third-wrapper  .message-wrapper-title{
  position: relative;
}

.knowledge .third-wrapper  .message-wrapper-title::before {

}

@media screen and (min-width: 768px) {
  .knowledge .third-wrapper  .message-wrapper-title::before {
    position: absolute;
    content: "";
    background: url(../img/knowledge/message_illust_04.png) 0 0 no-repeat;
    background-size:contain;
    width: 240px;
    height: 140px;
    bottom: 0;
    left: -200px;
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .knowledge .third-wrapper .message-img {
    width: 60.92593vw;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .third-wrapper .message-img {
    width: 658px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .knowledge .linkList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 6.66667vw;
  }
}

.knowledge .fourth-wrapper  .message-wrapper-title{

}

@media screen and (min-width: 768px) {
  .knowledge .fourth-wrapper  .message-wrapper-title{
    margin-top: 30px;
  }
}

.knowledge .linkList li {
  /*width: 53%;*/
	width: 70%;
  margin: 0 auto 6.66667vw;
}

@media screen and (min-width: 768px) {
  .knowledge .linkList li {
    width: 31%;
    margin-bottom: 8.33333vw;
  }
}

@media screen and (min-width: 900px) {
  .knowledge .linkList li {
    width: 29%;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .linkList li {
    width: 28.1%;
    margin-bottom: 90px;
  }
}

@media screen and (max-width: 767px) {
  .knowledge .linkList li:last-child {
    margin-left: auto;
    margin-right: auto;
  }
}

.knowledge .linkList .link-btn {
  width: 100%;
  background-color: #000;
}

.knowledge .linkList .link-btn a{
  color: #fff;
}

.knowledge .linkList p:first-child {
  width: 80%;
  margin: 0 auto 4.66667vw;
}

@media screen and (min-width: 768px) {
  .knowledge .linkList p:first-child {
    width: 78.2%;
    margin: 0 auto 3.24074vw;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .linkList p:first-child {
    margin: 0 auto 35px;
  }
}

.knowledge .linkList a {
  color: #000000;
  font-size: 1.1rem;
  font-weight: 500;
  padding: 2vw;
}

@media screen and (min-width: 768px) {
  .knowledge .linkList a {
    font-size: 1.2037vw;
    padding: 1.38889vw 0;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .linkList a {
    font-size: 1.4rem;
    padding: 15px 0;
  }
}

@media screen and (max-width: 767px) {
  .knowledge .linkList a:after {
    width: 10px;
    height: 4px;
    right: 3%;
  }
}

.knowledge .message-photo-01 {
  width: 74.13333vw;
  left: 5%;
  right: auto;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .knowledge .message-photo-01 {
    width: 45.37037vw;
    left: 0;
    bottom: -13.42593vw;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .message-photo-01 {
    width: 490px;
    bottom: -145px;
  }
}

@media screen and (max-width: 767px) {
  .knowledge .fourth-wrapper {
    margin-bottom: 0;
  }
}

.knowledge .fourth-wrapper .flex-inner p {
  width: 69.33333vw;
  margin: 0 auto 9.33333vw;
}

@media screen and (min-width: 768px) {
  .knowledge .fourth-wrapper .flex-inner p {
    width: 47%; max-width: 300px;
    margin-bottom: 4.16667vw;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .fourth-wrapper .flex-inner p {
    margin-bottom: 45px;
  }
}

.knowledge .fourth-wrapper .message-text-note {
  text-align: left;
  font-size: 18px;
	/*font-size: 1rem;*/
  font-weight: 400;
  margin-bottom: 7.66667vw;
}

@media screen and (min-width: 768px) {
  .knowledge .fourth-wrapper .message-text-note {
    font-size: 1.2963vw;
    margin-bottom: 4.40741vw;
	  text-align: center;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .fourth-wrapper .message-text-note {
    /*font-size: 1.4rem;*/
	  font-size: 15px;
    margin-bottom: 60px;
	  padding: 0 5%;
	  text-align: left;
  }
}



.knowledge .message-photo-02 {
  position: absolute;
  right: 10%;
  bottom: -31.86667vw;
}

@media screen and (min-width: 768px) {
  .knowledge .message-photo-02 {
    width: 35.37037vw;
    right: 0.92593vw;
    bottom: -17.12963vw;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .message-photo-02 {
    width: 382px;
    right: 10px;
    bottom: -185px;
  }
}

.knowledge .second-message {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .knowledge .second-message {
    padding-right: calc(4% - 6px);
  }
}

.knowledge .second-message:last-child {
  margin-bottom: 0px;
  padding-bottom: 0;
}

@media screen and (min-width: 768px) {
  .knowledge .second-message:last-child {
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .second-message:last-child {
    padding-bottom: 20px;
  }
}

.knowledge .second-message .inner {
 padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .knowledge .second-message .inner {
    margin-bottom: 0%;
  }
}

@media screen and (min-width: 768px) {
  .knowledge .second-message .inner {
    width: calc(95% + 20px);
    max-width: 1020px;
    margin: 0 auto;
    padding-right: 10px;
    padding-bottom: 10px;
    left: 10px;
  }
}

.knowledge .second-message .inner:before, .knowledge .second-message .inner:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #fffbcd;
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (min-width: 768px) {
  .knowledge .second-message .inner:before, .knowledge .second-message .inner:after {
    width: 10px;
    height: 10px;
  }
}

.knowledge .second-message .inner:after {
  top: auto;
  left: 0;
  right: auto;
  bottom: 0;
}

.knowledge .first-wrapper {
  position: relative;
}

@media screen and (max-width: 767px) {
  .knowledge .first-wrapper {
    margin-bottom: 16vw;
    margin-right: auto;
  }
}

@media screen and (min-width: 768px) {
  .knowledge .first-wrapper {
    /* margin-bottom: 90px; */
  }
}

@media screen and (min-width: 768px) {
  .knowledge .first-wrapper .flex-inner {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

.knowledge .first-wrapper .flex-inner .message-img {
  width: 80%;
}

@media screen and (max-width: 767px) {
  .knowledge .first-wrapper .flex-inner .message-img {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 768px) {
  .knowledge .first-wrapper .flex-inner .message-img {
    width: 43.8%;
  }
}

.knowledge .first-wrapper .flex-inner .message-text {
  text-align: center;
  font-weight: 700;
}

.knowledge .first-wrapper .flex-inner .message-text span {
  background-image: linear-gradient(transparent 70%, #ffec27 30%);
}

.knowledge .movie-box button {
  border: none;
  padding: 0;
  background: none;
  position: relative;
}

.knowledge .movie-box button::after {
  width: 40vw;
  height: 66.66667vw;
  right: -1vw;
  bottom: -31vw;
}

@media screen and (min-width: 768px) {
  .knowledge .movie-box button::after {
    width: 18.24074vw;
    height: 17.59259vw;
    right: -4.16667vw;
    bottom: -2.59259vw;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .movie-box button::after {
    width: 197px;
    height: 190px;
    right: -45px;
    bottom: -28px;
  }
}

@media screen and (max-width: 767px) {
  .knowledge .mainvisual-wrapper::after {
    left: 10%;
  }
}

@media screen and (min-width: 768px), print {
  .knowledge .mainvisual-wrapper::after {
    left: 16%;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .mainvisual-wrapper::after {
    left: 24%;
  }
}

.knowledge .mainvisual-photo{
  width: 60vw;
  left: 20vw;
  bottom: -10vw;
}

@media screen and (max-width: 767px) {
  .knowledge .mainvisual-photo {
    width: 76.8vw;
    left: 16vw;
  }
}

@media screen and (min-width: 768px), print {
  .knowledge .mainvisual-photo {
    width: 41.94444vw;
    left: 26.85185vw;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .mainvisual-photo {
    width: 453px;
    left: 290px;
  }
}

@media screen and (max-width: 767px) {
  .knowledge .second-message {
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 768px), print {
  .knowledge .message.second-message-01 {
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .message.second-message-01 {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .knowledge .message-photo-01 {
    width: 75.46667vw;
    left: 10.66667vw;
    bottom: -41.73333vw;
  }
}

@media screen and (min-width: 768px), print {
  .knowledge .message-photo-01 {
    width: 32.5vw;
    left: 56.48148vw;
    bottom: -15.18519vw;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .message-photo-01 {
    width: 351px;
    left: 610px;
    bottom: -164px;
  }
}

@media screen and (max-width: 767px) {
  .knowledge .fourth-wrapper {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .knowledge .message-photo-02 {
    width: 60vw;
    left: 7.46667vw;
    right: auto;
    bottom: -17.6vw;
  }
}

@media screen and (min-width: 768px), print {
  .knowledge .message-photo-02 {
    width: 39.53704vw;
    left: 7.40741vw;
    bottom: -12.03704vw;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .message-photo-02 {
    width: 427px;
    left: 80px;
    bottom: -130px;
  }
}

.top .mainvisual-fv {
  width: 100%;
  height: 90vh;
}

@media screen and (min-width: 768px), print {
  .top .mainvisual-fv {
    height: 100vh;
  }
}

.top .mainvisual-catch-wrapper {
  height: calc(90vh - 76px);
}

@media screen and (min-width: 768px), print {
  .top .mainvisual-catch-wrapper {
    height: calc(100vh - 115px);
  }
}

.top .mainvisual .main-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -10000000;
  background-size: cover;
  height: 100%;
}

.top .mainvisual .main-bg iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.top .mainvisual .main-bg #player-overlay {
  width: 100%;
  height: 100%;
  background: url(../img/common/loading.gif) center center no-repeat;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .2s;
}

.top .mainvisual-catch {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 768px) {
  .top .mainvisual-catch {
    width: 50%;
  }
}

@media screen and (min-width: 1080px) {
  .top .mainvisual-catch {
    width: auto;
  }
}

@media screen and (min-width: 768px) {
  .top .mainvisual-catch img {
    max-width: 100%;
  }
}

.top .mainvisual-catch img:nth-of-type(1) {
  width: 66vw;
}

@media screen and (min-width: 768px) {
  .top .mainvisual-catch img:nth-of-type(1) {
    width: 100%;
  }
}

.top .mainvisual-catch img:nth-of-type(2) {
  width: 58.4vw;
}

@media screen and (min-width: 1080px) {
  .top .mainvisual-catch img:nth-of-type(2) {
    width: 100%;
  }
}

.top .mainvisual-scroll {
  background: #ffec27;
  text-align: center;
  padding: 10px;
}

@media screen and (min-width: 768px) {
  .top .mainvisual-scroll {
    padding: 20px 0 65px;
  }
}

.top .mainvisual-scroll-img {
  width: 40px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .top .mainvisual-scroll-img {
    height: 30px;
  }
}

.top .mainvisual-scroll-img img {
  max-width: 100%;
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .top .mainvisual-scroll-img img {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .top .mainvisual-scroll-img img:last-child {
    width: 20px;
    margin: 0 auto;
  }
}

.top .mainvisual-animation {
  height: 123.33333vw;
  position: relative;
}

@media screen and (min-width: 768px) {
  .top .mainvisual-animation {
    width: 100%;
    height: 78.7037vw;
    z-index: 500;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .top .mainvisual-animation {
    width: 1000px;
    height: 850px;
  }
}

.top .mainvisual-animation-outer {
  background-color: rgba(51, 51, 51, 0.8);
}

.top .mainvisual-animation-img img {
  position: absolute;
}

.top .mainvisual-animation-txt span img {
  position: absolute;
  z-index: 1;
}

.top .mainvisual-animation-01 .mainvisual-animation-img img {
  width: 32.66667vw;
  top: -2.66667vw;
  left: 1.33333vw;
}

@media screen and (min-width: 768px) {
  .top .mainvisual-animation-01 .mainvisual-animation-img img {
    top: -2.31481vw;
    left: 0;
  }
}

@media screen and (min-width: 1080px) {
  .top .mainvisual-animation-01 .mainvisual-animation-img img {
    width: 324px;
    top: -25px;
    left: 0;
  }
}

.top .mainvisual-animation-02 .mainvisual-animation-img img {
  width: 44vw;
  top: 42.66667vw;
  right: 0;
}

@media screen and (min-width: 768px) {
  .top .mainvisual-animation-02 .mainvisual-animation-img img {
    top: 17.59259vw;
    right: 0;
  }
}

@media screen and (min-width: 1080px) {
  .top .mainvisual-animation-02 .mainvisual-animation-img img {
    width: 450px;
    top: 190px;
    right: 0;
  }
}

.top .mainvisual-animation-03 .mainvisual-animation-img img {
  width: 22vw;
  left: 14.66667vw;
  bottom: -4vw;
}

@media screen and (min-width: 768px) {
  .top .mainvisual-animation-03 .mainvisual-animation-img img {
    left: 12.5vw;
    bottom: -3.05556vw;
  }
}

@media screen and (min-width: 768px) and (min-width: 1080px) {
  .top .mainvisual-animation-03 .mainvisual-animation-img img {
    width: 220px;
    left: 135px;
    bottom: -33px;
  }
}

.top .mainvisual-animation-01 .mainvisual-animation-txt span:nth-of-type(1) img {
  width: 53.06667vw;
  top: 18.66667vw;
  left: 6.13333vw;
}

@media screen and (min-width: 768px) {
  .top .mainvisual-animation-01 .mainvisual-animation-txt span:nth-of-type(1) img {
    width: 32.77778vw;
    top: 18.51852vw;
    left: 8.7963vw;
  }
}

@media screen and (min-width: 1080px) {
  .top .mainvisual-animation-01 .mainvisual-animation-txt span:nth-of-type(1) img {
    width: 266px;
    top: 200px;
    left: 95px;
  }
}

.top .mainvisual-animation-01 .mainvisual-animation-txt span:nth-of-type(2) img {
  width: 77.86667vw;
  top: 22vw;
  left: 16vw;
}

@media screen and (min-width: 768px) {
  .top .mainvisual-animation-01 .mainvisual-animation-txt span:nth-of-type(2) img {
    width: 48.14815vw;
    top: 20.37037vw;
    left: 13.14815vw;
  }
}

@media screen and (min-width: 1080px) {
  .top .mainvisual-animation-01 .mainvisual-animation-txt span:nth-of-type(2) img {
    width: 388px;
    top: 215px;
    left: 142px;
  }
}

.top .mainvisual-animation-02 .mainvisual-animation-txt span:nth-of-type(1) img {
  width: 57.06667vw;
  top: 65.33333vw;
  left: 4vw;
}

@media screen and (min-width: 768px) {
  .top .mainvisual-animation-02 .mainvisual-animation-txt span:nth-of-type(1) img {
    width: 39.81481vw;
    top: 37.96296vw;
    left: 32.87037vw;
  }
}

@media screen and (min-width: 1080px) {
  .top .mainvisual-animation-02 .mainvisual-animation-txt span:nth-of-type(1) img {
    width: 286px;
    top: 420px;
    left: 355px;
  }
}

.top .mainvisual-animation-02 .mainvisual-animation-txt span:nth-of-type(2) img {
  width: 54.4vw;
  top: 72vw;
  left: 13.33333vw;
}

@media screen and (min-width: 768px) {
  .top .mainvisual-animation-02 .mainvisual-animation-txt span:nth-of-type(2) img {
    width: 35.37037vw;
    top: 42.59259vw;
    left: 35.46296vw;
  }
}

@media screen and (min-width: 1080px) {
  .top .mainvisual-animation-02 .mainvisual-animation-txt span:nth-of-type(2) img {
    width: 271px;
    top: 452px;
    left: 383px;
  }
}

.top .mainvisual-animation-02 .mainvisual-animation-txt span:nth-of-type(3) img {
  width: 57.2vw;
  top: 78.66667vw;
  left: 21.33333vw;
}

@media screen and (min-width: 768px) {
  .top .mainvisual-animation-02 .mainvisual-animation-txt span:nth-of-type(3) img {
    width: 36.11111vw;
    top: 46.2963vw;
    left: 39.35185vw;
  }
}

@media screen and (min-width: 1080px) {
  .top .mainvisual-animation-02 .mainvisual-animation-txt span:nth-of-type(3) img {
    width: 287px;
    top: 480px;
    left: 425px;
  }
}

.top .message {
  text-align: center;
}

.top .message-txt {
  background: #ffec27;
}

.top .message-txt img {
  /* padding: 17.33333vw 0;
  width: 92vw; */
}

.top .message-txt img {
  padding: 0;
  width: 95vw;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .top .message-txt img {
    width: 64.81481vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .top .message-txt img {
    padding: 40px 0 40px;
    width: 450px;
  }
}

@media screen and (min-width: 768px) {
  .top .message-txt img.pc {
    display: inline;
  }
}

.top .message-movie {
  /* background: #fff; */
}

@media screen and (min-width: 768px) {
  .top .message-movie .message-movie-box {
    width: 80%;
    margin: 0 auto;
    position: relative;
  }
}

@media screen and (min-width: 1080px) {
  .top .message-movie .message-movie-box {
    width: 800px;
  }
}

.top .message-movie button {
  border: none;
  padding: 0;
  background: none;
}

@media screen and (min-width: 768px) {
  .top .message-movie button {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
  }
}

/* @media screen and (min-width: 1080px) {
  .top .message-movie button {
    left: 0;
    top: 0;
  }
} */

@media screen and (min-width: 768px) {
  .top .item .contents-inner {
    padding-top: 20vw;
  }
}

@media screen and (min-width: 1080px) {
  .top .item .contents-inner {
    padding-top: 110px;
  }
}

.top .contents {
  background: #fff;
  /* padding: 16vw 4vw; */
  text-align: center;
}

@media screen and (min-width: 768px) {
  .top .contents {
    text-align: center;
    /* padding: 4vw 3vw; */
  }
}

@media screen and (min-width: 1080px) {
  .top .contents {
    padding: 0;
	text-align: center;
  }
}

.top .contents p{ text-align: center; margin-bottom: 20px;}

.top .contents .new-contents-inner .img-grounp-wrapper{
  
  margin: 0 auto 20px;
}

@media screen and (min-width: 768px) {
  .top .contents .new-contents-inner .img-grounp-wrapper{
    width: 90%; max-width: 500px;
    margin: 0 auto 20px;
  }
}

@media screen and (min-width: 1080px) {
  .top .contents .new-contents-inner .img-grounp-wrapper{
    width: 90%; max-width: 1000px;
    margin: 0 auto 20px;
  }
}

/*.top .contents .new-contents-inner .img-grounp-wrapper img:last-child{
  width: 80%;
  margin: 0 auto 20px;
}*/

.top .contents .new-contents-inner .img-group{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.top .contents .new-contents-inner .img-group img{
	width: 45%; max-width: 250px;
	margin: 10px 1%;
}

@media screen and (min-width: 768px) {
	.top .contents .new-contents-inner .img-group img{
		width: 200px;
		margin: 10px;
	}
}
.top .contents-lead {
  font-size: 1.8rem;
  text-align: center;
  font-weight: 500;
  margin-bottom: 1.33333vw;
}

@media screen and (min-width: 768px) {
  .top .contents-lead {
    margin-bottom: 1vw;
    font-size: 2.03704vw;
  }
}

@media screen and (min-width: 1080px) {
  .top .contents-lead {
    margin-bottom: 10px;
    font-size: 2.2rem;
  }
}

@media screen and (min-width: 1080px) {
  .top .contents-title br,
  .top .contents-lead br {
    display: none;
  }
}

.top .contents-title {
  text-align: center;
  font-size: 2.4rem;
  font-weight: lighter;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .top .contents-title {
    font-size: 2.96296vw;
  }
}

@media screen and (min-width: 1080px) {
  .top .contents-title {
    font-size: 3.2rem;
  }
}

.top .contents-subtitle {
  font-size: 1.7rem;
  text-align: center;
  margin-bottom: 5.33333vw;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .top .contents-subtitle {
    margin-bottom: 2vw;
    font-size: 1.85185vw;
  }
}

@media screen and (min-width: 1080px) {
  .top .contents-subtitle {
    margin-bottom: 25px;
    font-size: 2rem;
  }
}

.top .contents-txt {
  margin: 20px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .top .contents-txt {
  }
}

@media screen and (min-width: 1080px) {
  .top .contents-txt {
  }
}

.top .contents-txt br {
  display: none;
}

@media screen and (min-width: 768px) {
  .top .contents-txt br {
    display: block;
  }
}

.top .contents-img {
  width: 86.66667vw;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .top .contents-img {
    width: auto;
  }
}

.top .ylellow {
  background: #ffec27;
}

.top .knowledge .contents-title {
  text-align: center;
  font-size: 1.5rem;
  font-weight: lighter;
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .top .knowledge .contents-title {
    margin-bottom: 4vw;
    font-size: 2.96296vw;
  }
}

@media screen and (min-width: 1080px) {
  .top .knowledge .contents-title {
    font-size: 3.2rem;
    margin-bottom: 35px;
  }
}

@media screen and (min-width: 768px) {
  .top .knowledge-list-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: stretch;
        align-items: stretch;
    width: 90%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .top .knowledge-list-wrapper {
    width: 930px;
  }
}

.top .knowledge-list {
  padding-bottom: 8vw;
}

@media screen and (min-width: 768px) {
  .top .knowledge-list {
    width: 48%;
    padding-bottom: 6vw;
    position: relative;
  }
}

@media screen and (min-width: 1080px) {
  .top .knowledge-list {
    width: 407px;
    padding-bottom: 60px;
  }
}

@media screen and (min-width: 768px) {
  .top .knowledge-list .contents-subtitle {
    position: absolute;
    top: 62%;
    margin-bottom: 0;
    text-align: left;
    line-height: 1.3;
  }
}

@media screen and (min-width: 1080px) {
  .top .knowledge-list .contents-subtitle {
    top: 290px;
  }
}

@media screen and (max-width: 767px) {
  .top .knowledge-list dd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: stretch;
        align-items: stretch;
  }
}

@media screen and (min-width: 768px) {
  .top .knowledge-list dd {
    font-size: 1.57407vw;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1080px) {
  .top .knowledge-list dd {
    font-size: 1.4rem;
  }
}

.top .knowledge-list dd img {
  width: 44.66667vw;
  padding-right: 2.66667vw;
}

@media screen and (min-width: 768px) {
  .top .knowledge-list dd img {
    margin-bottom: 5vw;
    width: auto;
    max-width: 100%;
    padding-right: 0;
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .top .knowledge-list dd img {
    margin-bottom: 80px;
  }
}

.top .knowledge-list a {
  display: inline-block;
  color: #000;
}

@media screen and (max-width: 767px) {
  .top .knowledge-list:nth-of-type(1) {
    border-bottom: 2px dotted #000;
    margin-bottom: 6.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .top .knowledge-list:nth-of-type(1) dd img {
    margin-bottom: 3vw;
  }
}

@media screen and (min-width: 768px) {
  .top .knowledge-list:nth-of-type(1) dd img {
    margin-bottom: 55px;
  }
}

.top .contents .link-btn-black{
  width: 80%;
  padding: 0;
  margin: 10px auto;
  text-align: -webkit-center;
}

.top .contents .link-btn-black a{
  padding: 10px;
}

.top .contents .link-btn-black a:after{

}

@media screen and (min-width: 768px) {
  .top .contents .link-btn-black {
    width: 400px;
  }
}

.top .products-area {
  padding-top: 16vw;
  padding-bottom: 0.13333vw;
  background: #fff;
}

@media screen and (min-width: 768px) {
  .top .products-area {
    padding-top: 20px;
    padding-bottom: 0;
  }
}

@media screen and (min-width: 1080px) {
  .top .products-area {
    padding-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .top .products-area .product-content-inner{
    display: flex;
    max-width: 800px;
    margin: 60px auto 40px;
  }
}


.top .products-area .product-content-inner .product-content-img{
  display: flex;
  width: 90%;
  margin: 0 auto;
}

.top .products-area .product-content-inner .product-content-img img:nth-child(2n){
  width: 30%;
  height: 100%;
}
.top .products-area .product-content-inner .product-content-img img:nth-child(2n+1){
  width: 70%;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .top .products-area .product-content-inner .product-content-img img:nth-child(2n+1){
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .top .products-area .product-content-inner .product-content-img{
    width: 400px;
  }
}

@media screen and (min-width: 768px) {
  .top .products-area .product-content-inner .content-img{
    width: 220px
  }
}

.top .products-area .product-content-txt .content-txt{
  width: 80%;
  margin: 40px auto;
}

@media screen and (min-width: 768px) {
  .top .products-area .product-content-txt .content-txt{
    width: 400px;
    margin: 20px 20px 0 ;
  }
}



@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) and (max-width: 767px) {
  .top .mainvisual-fv {
    height: 100vh;
  }
  .top .mainvisual-catch-wrapper {
    height: calc(100vh - 76px);
  }
}

.type .pageTtl_bg01 {
  background-image: url(../img/type/type_bg_lower.png);
}

.type .lower-heading-wrapper .contents-inner-lower {
  display: block;
  min-height: 40vw;
  background: none;
  position: relative;
}

@media screen and (min-width: 768px), print {
  .type .lower-heading-wrapper .contents-inner-lower {
    min-height: 21.2963vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .lower-heading-wrapper .contents-inner-lower {
    min-height: 230px;
  }
}

.type .lower-heading-wrapper .contents-inner-lower:after {
  content: "";
  display: block;
  width: 31.2vw;
  height: 34.66667vw;
  background: url(../img/type/type_bg_lower.png) 0 0 no-repeat;
  background-size: cover;
  position: absolute;
  right: 0;
  bottom: -2.66667vw;
}

@media screen and (min-width: 768px), print {
  .type .lower-heading-wrapper .contents-inner-lower:after {
    width: 19.07407vw;
    height: 21.2963vw;
    right: 0;
    bottom: -3.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .lower-heading-wrapper .contents-inner-lower:after {
    width: 206px;
    height: 230px;
    right: 0;
    bottom: -40px;
  }
}

.type .lower-heading-wrapper .contents-inner-lower .lower-heading {
  text-align: left;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(20%, -50%);
}

@media screen and (min-width: 768px), print {
  .type .lower-heading-wrapper .contents-inner-lower .lower-heading {
    transform: translate(0, -52%);
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.type .bg-yellow-light {
  background: #fffbcd;
  width: 100%;
  padding: 12vw 0;
}

@media screen and (min-width: 768px) {
  .type .bg-yellow-light {
    padding: 7.40741vw 0;
    margin: 0 auto 7.40741vw;
    width: auto;
  }
}

@media screen and (min-width: 1080px) {
  .type .bg-yellow-light {
    padding: 80px 0;
    margin: 0 auto 80px;
  }
}

.type .contents-type .intro-wrapper {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-wrapper {
    margin: 0 0 60px;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .intro-wrapper {
    margin: 0 auto 60px;
  }
}

.type .contents-type .intro-leadbox.intro-iboji{
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-leadbox.intro-iboji {
    flex-direction: row;
  }
}

.type .contents-type .intro-leadbox.intro-iboji .intro-img{
  margin: 40px auto;
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-leadbox.intro-iboji .intro-img{
    width: 22.22222vw;
    margin: 0 3.7037vw 0 0;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .intro-leadbox.intro-iboji .intro-img{
    width: 240px;
    margin: 0 3.7037vw 0 0;
  }
}


@media screen and (min-width: 768px) {
  .type .contents-type .intro-leadbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: center;
  }
}

.type .contents-type .intro-leadbox .intro-leadtxt {
  line-height: 1.75;
  /* margin: 0 0 3.33333vw; */
  text-align: left;
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-leadbox .intro-leadtxt {
    /* margin: 0 3.7037vw 3.33333vw 0;
    margin: 0 0 6.66667vw; */
    text-align: left;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .intro-leadbox .intro-leadtxt {
    /* margin: 0 40px 36px 0; */
  }
}

.type .contents-type .intro-leadbox .intro-leadtxt:last-child {
  /* margin: 0 0 10.66667vw; */
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-leadbox .intro-leadtxt:last-child {
    /* margin: 0 3.7037vw 4.16667vw 0; */
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .intro-leadbox .intro-leadtxt:last-child {
    /* margin: 0 40px 45px 0; */
  }
}

.type .contents-type .intro-leadbox .intro-leadtxt-inner{
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 2;
  margin: 0 0 3.33333vw;
}

.type .contents-type .intro-leadbox .intro-leadtxt-inner .flex-img {
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-leadbox .intro-leadtxt-inner .flex-img {
    width: 240px;
    margin: 0 36px 0 0;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .intro-leadbox .intro-leadtxt-inner .flex-img {

  }
}

.type .contents-type .intro-leadbox .intro-leadtxt-inner .flex-text {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-leadbox .intro-leadtxt-inner .flex-text {
    text-align: left;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .intro-leadbox .intro-leadtxt-inner .flex-text {
    /* width: 760px; */
  }
}


.type .contents-type .intro-leadbox .intro-leadimg{
  padding: 20px 20px 0;
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-leadbox .intro-leadimg{
    
  }
}

.type .contents-type .intro-img{
  width: 400px;
  margin: 30px auto 20px;
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-leadbox .intro-leadtxt-kireji:last-child {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .intro-leadbox .intro-leadtxt-kireji:last-child {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-leadbox .intro-leadtxt-kanton {
    width: 66.66667vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .intro-leadbox .intro-leadtxt-kanton {
    width: 720px;
  }
}

.type .contents-type .intro-leadbox .intro-img {
  width: 57.6vw;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-leadbox .intro-img {
    width: 25.92593vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .intro-leadbox .intro-img {
    width: 240px;
    margin: 0.5em auto 0;
  }
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-leadbox .intro-img-kanton {
    width: 22.22222vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .intro-leadbox .intro-img-kanton {
    width: 240px;
  }
}

.type .contents-type .intro-leadbox-type {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-leadbox-type {

  }
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-leadbox-type .intro-leadtxt {
    width: 100%;
  }
}

.type .contents-type .intro-leadbox-type .intro-img {
  /* width: 100%; */
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-leadbox-type .intro-img {
    width: 77.77778vw;
    margin: 40px auto 0;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .intro-leadbox-type .intro-img {
    width: 840px;
    margin: 40px auto 0;
  }
}

.type .contents-type .type-wrapper {
  margin: 0;
  padding: 12vw 0;
}

@media screen and (min-width: 768px) {
  .type .contents-type .type-wrapper {
    margin: 0 auto;
    padding: 5.55556vw 0 7.59259vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .type-wrapper {
    margin: 0 auto;
    padding: 80px 0 80px;
  }
}

@media screen and (max-width: 767px) {
  .type .contents-type .type-wrapper-last {
    margin: 0;
    padding: 9.33333vw 0 12vw;
  }
}

.type .contents-type .type-title {
  font-size: 2.2rem;
  text-align: center;
  font-weight: 400;
  margin: 0 auto 4.53333vw;
}

@media screen and (min-width: 768px) {
  .type .contents-type .type-title {
    font-size: 2.40741vw;
    margin: 0 0 3.24074vw auto;
    width: 62.96296vw;
    text-align: left;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .type-title {
    font-size: 2.6rem;
    margin: 0 0 35px;
    width: 680px;
  }
}

.type .contents-type .type-leadbox {
  margin: 0 0 7.46667vw;
}

@media screen and (min-width: 768px) {
  .type .contents-type .type-leadbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin: 0 0 4.16667vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .type-leadbox {
    margin: 0 0 45px;
  }
}

.type .contents-type .type-leadbox .type-leadtxt {
  line-height: 2;
  margin: 0 0 7.46667vw;
}

@media screen and (min-width: 768px) {
  .type .contents-type .type-leadbox .type-leadtxt {
    margin: 0 3.7037vw 0 0;
    width: 62.96296vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .type-leadbox .type-leadtxt {
    margin: 0 40px 0 0;
    width: 680px;
  }
}

.type .contents-type .type-leadbox .type-leadtxt:last-child {
  margin: 0 0 10.66667vw;
}

@media screen and (min-width: 768px) {
  .type .contents-type .type-leadbox .type-leadtxt:last-child {
    margin: 0;
    width: 66.66667vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .type-leadbox .type-leadtxt:last-child {
    margin: 0;
    width: 720px;
  }
}

.type .contents-type .type-leadbox .type-img {
  width: 53.33333vw;
  margin: 0 auto 10.66667vw;
}

@media screen and (min-width: 768px) {
  .type .contents-type .type-leadbox .type-img {
    width: 22.22222vw;
    margin: 0 3.7037vw 0 0;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .type-leadbox .type-img {
    width: 240px;
    margin: 0 40px 0 0;
  }
}

.type .contents-type .link-btn-type a {
  color: #fff;
  padding: 4vw;
  display: block;
  font-size: 1.6rem;
}

@media screen and (min-width: 768px) {
  .type .contents-type .link-btn-type a {
    font-size: 1.94444vw;
    padding: 1.94444vw;
  }
}

@media screen and (min-width: 768px) {
  .type .contents-type .link-btn-type a {
    padding: 21px;
    font-size: 2.1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 768px) {
  .type .contents-type .link-wrapper {
    padding: 7.40741vw 0;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .link-wrapper {
    padding: 80px 0 80px;
  }
}

@media screen and (min-width: 768px) {
  .type .contents-type .link-lead {
    margin: 0 0 2.77778vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .link-lead {
    margin: 0 0 30px;
  }
}

.type .contents-type .blackboard-wrapper {
  margin: 0 0 20px;
}

@media screen and (min-width: 768px) {
  .type .contents-type .blackboard-wrapper {
    margin: 0 0 7.5vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .blackboard-wrapper {
    margin: 0 0 30px;
  }
}

.type .contents-type .blackboard-wrapper .punctuation {
  padding: 0 0 12vw;
  border-bottom: 1px solid #ccc;
}

@media screen and (min-width: 768px) {
  .type .contents-type .blackboard-wrapper .punctuation {
    padding: 0 0 7.40741vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .blackboard-wrapper .punctuation {
    padding: 0 0 30px;
  }
}

.type .contents-type .blackboard-wrapper-last {
  margin: 0 0 12vw;
}

@media screen and (min-width: 768px) {
  .type .contents-type .blackboard-wrapper-last {
    margin: 0 0 11.11111vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .blackboard-wrapper-last {
    margin: 0 0 20px;
  }
}

.type .contents-type .blackboard-wrapper .blackboard-box {
  display: block;
  margin: 0 auto 5.33333vw;
	background-color: #f5f5f5; border-bottom: #2f2f2f solid 15px; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 5vw 0 0; position: relative;
}

.type .contents-type .blackboard-wrapper .blackboard-box .inner-box{ width: 90%; margin: 0 auto; }
.type .contents-type .blackboard-wrapper .blackboard-box .inner-box .board-title{ font-size: 24px; font-weight: 400; margin-bottom: 30px;}
.type .contents-type .blackboard-wrapper .blackboard-box .inner-box ul{ font-size: 20px; font-weight: 600;}
.type .contents-type .blackboard-wrapper .blackboard-box .inner-box ul li{ margin-bottom: 15px; padding-left: 30px; background: url("../img/common/icon_checked.png") 0 6px no-repeat; background-size: 20px auto; line-height: 1.4; }
.type .contents-type .blackboard-wrapper .blackboard-box .inner-box ul li span{ font-size: 18px; font-weight: 400; line-height: 1;}
.type .contents-type .blackboard-wrapper .blackboard-box .img{ width: 170px; margin: 0 30px -30px auto;}

@media screen and (min-width: 768px) {
  .type .contents-type .blackboard-wrapper .blackboard-box {
/*    margin: 0 auto 3.7037vw;*/
    margin: 0 auto 3.9vw;
	  padding: 60px 0;
  }
	
.type .contents-type .blackboard-wrapper .blackboard-box .inner-box{ max-width: 640px; }
.type .contents-type .blackboard-wrapper .blackboard-box .inner-box .board-title{ font-size: 30px; }
.type .contents-type .blackboard-wrapper .blackboard-box .inner-box ul{ font-size: 24px; }
.type .contents-type .blackboard-wrapper .blackboard-box .inner-box ul li{ padding-left: 45px; background: url("../img/common/icon_checked.png") 0 6px no-repeat; background-size: 30px auto; }
.type .contents-type .blackboard-wrapper .blackboard-box .inner-box ul li span{ }
.type .contents-type .blackboard-wrapper .blackboard-box .img{ width: 30%; max-width: 270px; position: absolute; bottom: -50px; right: 5%; margin: auto;}
	
}

@media screen and (min-width: 1080px) {
  .type .contents-type .blackboard-wrapper .blackboard-box {
    margin: 0 auto 50px;
  }
}

.contact-box{ padding-top: 20px;}
.contact-box .box-title{ font-size: 46px; font-weight: 600; margin-bottom: 10px;}
.contact-box .box-inner{ display: flex; }
.contact-box .box-inner .text-box{ width: 73%; }
.contact-box .box-inner .text-box .text{ font-size: 26px; font-weight: 600; margin-bottom: 60px;}
.contact-box .box-inner .pic-box{ width: 27%; display: flex; flex-direction: column; justify-content: flex-end; }
.contact-box .box-inner .pic-box .img{ width: 95%; max-width: 280px; margin: 0 0 0 auto;}

@media screen and (max-width: 767px) {
	.contents-type-others .contents-page-last .contents-inner-lower{
		padding-bottom: 0px;
	}
	
.contact-box .box-title{ font-size: 40px; line-height: 1.3; }
.contact-box .box-inner{ display: block; }
.contact-box .box-inner .text-box{ width: 100%; }
.contact-box .box-inner .text-box .text{ font-size: 22px; margin-bottom: 20px;}
.contact-box .box-inner .pic-box{ width: 100%; display: block; }
.contact-box .box-inner .pic-box .img{ width: 180px; margin: 0 5% 0 auto;}
}

.type .contents-type .blackboard-wrapper .blackboard-description {
  display: flex;
  flex-direction: column-reverse; 
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .type .contents-type .blackboard-wrapper .blackboard-description {
    flex-direction:row;
  }
}

.type .contents-type .blackboard-wrapper .blackboard-description .blackboard-txt {
  margin: 0 0 3.3333vw; 
  text-align: left;
  line-height: 1.75;
}

@media screen and (min-width: 768px) {
  .type .contents-type .blackboard-wrapper .blackboard-description .blackboard-txt {
    text-align: left;
    margin: 0 40px 36px 0;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .blackboard-wrapper .blackboard-description .blackboard-txt {
    /* width: 720px; */
	  
  }
}

.type .contents-type .blackboard-wrapper .blackboard-description .blackboard-img {
  width: 53.33333vw;
  margin: 20px auto 10px;
}

@media screen and (min-width: 768px) {
  .type .contents-type .blackboard-wrapper .blackboard-description .blackboard-img {
    width: 22.22222vw;
    margin: 0 3.7037vw 0 0;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .blackboard-wrapper .blackboard-description .blackboard-img {
    width: 240px;
    margin: 0 40px 0 0;
  }
}

.type .contents-type .blackboard-wrapper .blackboard-description .blackboard-img-iboji {
  /* margin: auto; */
}


.type .contents-type .product-wrapper{
  /*border-top: 3.33333vw solid #ffec27;
  border-bottom: 3.33333vw solid #ffec27;*/
  padding:0 0  3.33333vw 0;
}

.type .contents-type .product-wrapper .product-title-inner{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin: 0 0 20px 0 ;
}
@media screen and (max-width: 768px) {
.type .contents-type-kireji .product-wrapper .product-title-inner{
	display: block;
}
}
.type .contents-type .product-wrapper .product-title-inner .product-ttl-img{
  max-width: 800px;
}

@media screen and (min-width: 768px), print {
  .type .contents-type .product-wrapper .product-title-inner .title-img{
  }
}

.type .contents-type .product-wrapper .pc .product-content-inner{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin: 0 0 40px;
}

.type .contents-type .product-wrapper .sp .product-content-inner{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 0 20px;
}

.logo-registered{
  /* vertical-align: super; */
}

.type .contents-type .product-wrapper .sp .product-content-inner .product-content-img{
  display: flex;
  padding: 0 20px 20px;
}

.type .contents-type .product-wrapper .sp .product-content-inner .product-content-img img:nth-child(2n+1){
  width: 70%;
  height: 100%;
}

.type .contents-type .product-wrapper .sp .product-content-inner .product-content-img img:nth-child(2n){
  width: 30%;
  height: 100%;
}

.type .contents-type .product-wrapper .sp .product-content-inner .product-content-txt{

  margin: 0 20px ;
}

.type .contents-type .product-wrapper .pc .product-content-inner .product-content-img{
  width: 360px;
}

.type .contents-type .product-wrapper .pc .product-content-inner .product-content-txt{
  width: 360px;
  margin: 0 0 0 40px;
}

.type .contents-type .product-wrapper .pc .product-content-inner .content-img{
  width: 260px;
}

.type .contents-type .product-wrapper .pc .product-content-inner .content-txt{
  margin: 20px 0 0 0;
}

.title-decoration {
  width: 5px;
  background-color: #000;
  margin-right: 10px;
  display: inline-block;
  height: 28px;
  position: relative;
  bottom: -4px;
}

.type .contents-type  .product-wrapper .product-link-btn{
  width: 90%;
  margin: 0 auto;
  font-size: 0.6rem;
  letter-spacing: .05em;
  text-align: center;
}

@media screen and (min-width: 768px){
  .type .contents-type  .product-wrapper .product-link-btn{
    font-size: 2.1rem;
  }
}

.type .contents-type  .product-wrapper .product-link-btn:hover {
  opacity: 0.7;
  transition: all 0.2s;
}

.type .contents-type  .product-wrapper .product-link-btn a{
  width: 100%;
  display: inline-block;
  background: #2f2f2f;
  color: #fff;
  padding: 10px 0;
}

@media screen and (min-width: 768px){
  .type .contents-type  .product-wrapper .product-link-btn a{
    width: 660px;
  }
}

.type .contents-type  .product-wrapper .link-btn a{
  font-size: 1.2rem;
}

@media screen and (min-width: 768px){
  .type .contents-type  .product-wrapper .link-btn a{
    font-size: 2.1rem;
  }
}

.type .contents-type  .product-wrapper .link-btn a:after{
  right: 3.5%;
}

@media screen and (min-width: 768px){
  .type .contents-type .product-wrapper .link-btn a:after {
    right: 15.5%;
  }
}

.type .contents-type .movie-wrapper {
  width: 100%;
  background: #fffbcd;
  margin: 0 auto 12vw;
  padding: 12vw 0;
  position: relative;
}

@media screen and (min-width: 768px) {
  .type .contents-type .info-wrapper {
    width: auto;
    margin: 0 auto 7.59259vw;
    padding: 5.55556vw 0 7.96296vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .info-wrapper {
    margin: 0 auto 80px;
    padding: 80px 0;
  }
}

.type .contents-type .movie-wrapper-bgyellow {
  background: #ffec27;
  padding: 6.66667vw 0;
}

@media screen and (min-width: 768px) {
  .type .contents-type .movie-wrapper-1minute {
    padding: 6.94444vw 0 7.96296vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .movie-wrapper-1minute {
    padding: 80px 0;
  }
}

.type .contents-type .movie-wrapper .movie-heading {
  font-size: 2.2rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
  margin: 0 auto 5.33333vw;
}

@media screen and (min-width: 768px) {
  .type .contents-type .movie-wrapper .movie-heading {
    font-size: 2.96296vw;
    margin: 0 auto 5.55556vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .movie-wrapper .movie-heading {
    font-size: 3.2rem;
    margin: 0 auto 50px;
  }
}

.type .contents-type .movie-wrapper .movie-heading span {
  font-size: 1.4rem;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .type .contents-type .movie-wrapper .movie-heading span {
    font-size: 2.03704vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .movie-wrapper .movie-heading span {
    font-size: 2.2rem;
    margin: 0 auto 60px;
  }
}

.type .contents-type .movie-wrapper .movie-box {
  margin: 0 auto;
  width: 92vw;
}

@media screen and (min-width: 768px) {
  .type .contents-type .movie-wrapper .movie-box {
    width: 68.51852vw;
    height: 38.14815vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .movie-wrapper .movie-box {
    width: 740px;
    height: 416px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .type .contents-type .movie-wrapper .movie-box .contents-inner {
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 9.25926vw;
    padding-bottom: 0;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .movie-wrapper .movie-box .contents-inner {
    padding-bottom: 0;
  }
}

.type .contents-type .movie-wrapper .movie-box button {
  border: none;
  padding: 0;
  background: none;
  position: relative;
}

.type .contents-type .movie-wrapper .movie-simple button::after {
  content: none;
}

.type .contents-type .movie-wrapper .link-btn-wrapper {
  margin: 8vw 4vw 0;
  background: #fffbcd;
}

@media screen and (min-width: 768px) {
  .type .contents-type .movie-wrapper .link-btn-wrapper {
    width: 92%;
    margin: 4.62963vw auto 0;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .movie-wrapper .link-btn-wrapper {
    width: 1000px;
    margin: 50px auto 0;
  }
}

.type .contents-type .movie-wrapper .link-btn-wrapper .link-btn-ttl {
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 400;
  margin: 0 0 5.33333vw;
}

@media screen and (min-width: 768px) {
  .type .contents-type .movie-wrapper .link-btn-wrapper .link-btn-ttl {
    font-size: 2.03704vw;
    margin: 0 0 3.7037vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .movie-wrapper .link-btn-wrapper .link-btn-ttl {
    font-size: 2.2rem;
    margin: 0 0 40px;
  }
}

.type .contents-type .movie-wrapper .link-btn-wrapper .link-btn-btnBox {
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .type .contents-type .movie-wrapper .link-btn-wrapper .link-btn-btnBox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.type .contents-type .movie-wrapper .link-btn-wrapper .link-btn-btnBox .link-btn-black {
  background: #2f2f2f;
  text-align: center;
  margin: 0 0 5.33333vw;
  display: block;
  content: "";
  position: relative;
}

@media screen and (min-width: 768px) {
  .type .contents-type .movie-wrapper .link-btn-wrapper .link-btn-btnBox .link-btn-black {
    width: 44.44444vw;
    margin: 0;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .movie-wrapper .link-btn-wrapper .link-btn-btnBox .link-btn-black {
    width: 480px;
    margin: 0;
  }
}

.type .contents-type .intro-wrapper .link-btn-wrapper{
  background: #fffbcd;
}

.type .contents-type .intro-wrapper .link-btn-wrapper .link-btn-btnBox {
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-wrapper .link-btn-wrapper .link-btn-btnBox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.type .contents-type .intro-wrapper .link-btn-wrapper .link-btn-btnBox .link-btn-black {
  background: #2f2f2f;
  text-align: center;
  margin: 0 0 5.33333vw;
  display: block;
  content: "";
  position: relative;
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-wrapper .link-btn-wrapper .link-btn-btnBox .link-btn-black {
    width: 44.44444vw;
    margin: 0;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .intro-wrapper .link-btn-wrapper .link-btn-btnBox .link-btn-black {
    width: 480px;
    margin: 0;
  }
}

.type .contents-type .intro-wrapper .link-btn-wrapper .link-btn-btnBox .link-btn-black a {
  color: #fff;
  padding: 3vw 0 5vw;
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-wrapper .link-btn-wrapper .link-btn-btnBox .link-btn-black a {
    font-size: 1.94444vw;
    padding: 1.06667vw 0 1.86667vw;
    letter-spacing: .2em;
  }
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-wrapper .link-btn-wrapper .link-btn-btnBox .link-btn-black a {
    font-size: 2.1rem;
    padding: 8px 0 14px;
    letter-spacing: .05em;
  }
}

.type .contents-type .intro-wrapper .link-btn-wrapper .link-btn-btnBox .link-btn-black a .link-btn-lead {
  font-size: 1rem;
  margin: 0 0 2.66667vw;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .type .contents-type .intro-wrapper .link-btn-wrapper .link-btn-btnBox .link-btn-black a .link-btn-lead {
    margin: 0 0 0.64815vw;
    font-size: 1.2963vw;
    letter-spacing: 0;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .intro-wrapper .link-btn-wrapper .link-btn-btnBox .link-btn-black a .link-btn-lead {
    margin: 0 0 7px;
    font-size: 1.4rem;
  }
}

.type .contents-type .movie-wrapper .link-btn-wrapper .link-btn-btnBox .link-btn-black:last-child {
  margin: 0;
}

.type .contents-type .movie-wrapper .link-btn-wrapper .link-btn-btnBox .link-btn-black a {
  color: #fff;
  padding: 3vw 0 5vw;
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .type .contents-type .movie-wrapper .link-btn-wrapper .link-btn-btnBox .link-btn-black a {
    font-size: 1.94444vw;
    padding: 1.06667vw 0 1.86667vw;
    letter-spacing: .2em;
  }
}

@media screen and (min-width: 768px) {
  .type .contents-type .movie-wrapper .link-btn-wrapper .link-btn-btnBox .link-btn-black a {
    font-size: 2.1rem;
    padding: 8px 0 14px;
    letter-spacing: .05em;
  }
}

.type .contents-type .movie-wrapper .link-btn-wrapper .link-btn-btnBox .link-btn-black a .link-btn-lead {
  font-size: 1rem;
  margin: 0 0 2.66667vw;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .type .contents-type .movie-wrapper .link-btn-wrapper .link-btn-btnBox .link-btn-black a .link-btn-lead {
    margin: 0 0 0.64815vw;
    font-size: 1.2963vw;
    letter-spacing: 0;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .movie-wrapper .link-btn-wrapper .link-btn-btnBox .link-btn-black a .link-btn-lead {
    margin: 0 0 7px;
    font-size: 1.4rem;
  }
}

.type .contents-type-top .movie-wrapper {
  width: 100%;
  background: #fffbcd;
  margin: 0 auto 10.66667vw;
  padding: 12vw 0;
  position: relative;
}

@media screen and (min-width: 768px) {
  .type .contents-type-top .movie-wrapper {
    width: auto;
    margin: 0 auto 8.33333vw;
    padding: 5.55556vw 0 8.98148vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type-top .movie-wrapper {
    margin: 0 auto 90px;
    padding: 80px 0;
  }
}

.type .contents-type-top .movie-wrapper-bgyellow {
  background: #ffec27;
}

.type .contents-type .contact-wrapper{
  background: #ffec27;
}


.type .contents-type .contents-page-last {
}

@media screen and (min-width: 768px) {
  .type .contents-type .contents-page-last {
    width: auto;
  }
}

@media screen and (min-width: 1080px) {
  .type .contents-type .contents-page-last {
  }
}

@media screen and (max-width: 767px) {
  .type .contents-type-iboji .link-wrapper {
    padding: 12vw 4vw;
  }
}

@media screen and (max-width: 767px) {
  .type .overlapIllust-blackboard01::after {
    width: 40vw;
    height: 66.66667vw;
    right: -1vw;
    bottom: -41vw;
  }
}

.type .movie-box button::after {
  width: 40vw;
  height: 66.66667vw;
  right: -1vw;
  bottom: -31vw;
}

@media screen and (min-width: 768px) {
  .type .movie-box button::after {
    width: 19.25926vw;
    height: 19.90741vw;
    right: -4.16667vw;
    bottom: -2.59259vw;
  }
}

@media screen and (min-width: 1080px) {
  .type .movie-box button::after {
    width: 303px;
    height: 277px;
    right: -45px;
    bottom: -6px;
  }
}

@media screen and (min-width: 768px), print {
  .type .contents-type-kireji .blackboard-description,
  .type .contents-type-iboji .blackboard-description {
    /* -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; */
  }
}

@media screen and (max-width: 767px) {
  .type .contents-type-kanton .lower-heading {
    font-size: 2rem;
  }
}

.contents-video .lower-heading-wrapper {
  position: relative;
}

.contents-video .lower-heading-wrapper:after {
  content: "";
  display: block;
  width: 100%;
  background: url(../img/story/mainvisual_bg_01.jpg) 0 0 repeat;
  background-size: 2%;
  position: absolute;
  bottom: -3.33333vw;
  z-index: 1;
  height: 3.33333vw;
}

@media screen and (min-width: 768px), print {
  .contents-video .lower-heading-wrapper:after {
    bottom: 0;
    height: 3.24074vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-video .lower-heading-wrapper:after {
    height: 35px;
  }
}

@media screen and (min-width: 768px), print {
  .contents-video .lower-heading {
    width: 58.14815vw;
    padding: 7.96296vw 0;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .contents-video .lower-heading {
    width: 628px;
    padding: 86px 0;
  }
}

.contents-video-intro {
  margin-bottom: 10.66667vw;
}

@media screen and (min-width: 768px) {
  .contents-video-intro {
    margin-bottom: 6.48148vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-video-intro {
    margin-bottom: 7rem;
  }
}

.contents-video-sec {
  padding: 12vw 0;
}

@media screen and (min-width: 768px) {
  .contents-video-sec {
    padding: 7.40741vw 0 5.55556vw;
  }
}

@media screen and (min-width: 1088px) {
  .contents-video-sec {
    padding: 80px 0 40px;
  }
}

.contents-video-sec:nth-child(3) {
  background-color: #fffbcd;
}

@media screen and (min-width: 768px) {
  .contents-video-sec:nth-child(3) {
    padding: 7.40741vw 0 9.25926vw;
  }
}

@media screen and (min-width: 1088px) {
  .contents-video-sec:nth-child(3) {
    padding: 80px 0 100px;
  }
}

@media screen and (min-width: 768px) {
  .contents-video-sec:nth-child(3) .contents-video-list + .contents-video-list {
    margin-top: 9.25926vw;
  }
}

@media screen and (min-width: 1088px) {
  .contents-video-sec:nth-child(3) .contents-video-list + .contents-video-list {
    margin-top: 10rem;
  }
}

.contents-video-sec:last-child {
  padding: 0;
  margin-bottom: 13.33333vw;
}

@media screen and (min-width: 768px) {
  .contents-video-sec:last-child {
    margin-bottom: 9.25926vw;
  }
}

@media screen and (min-width: 1088px) {
  .contents-video-sec:last-child {
    margin-bottom: 120px;
  }
}

.contents-video-sec:last-child .contents-inner-lower {
  border-top: 1px solid #CCC;
  padding-top: 10.66667vw;
}

@media screen and (min-width: 768px), print {
  .contents-video-sec:last-child .contents-inner-lower {
    padding-top: 7.40741vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-video-sec:last-child .contents-inner-lower {
    padding-top: 60px;
  }
}

.contents-video-sec:last-child .subTitle01 {
  margin-bottom: 6.66667vw;
}

@media screen and (min-width: 768px), print {
  .contents-video-sec:last-child .subTitle01 {
    margin-bottom: 2.77778vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-video-sec:last-child .subTitle01 {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .contents-video-list {
    margin-bottom: 12vw;
  }
}

@media screen and (min-width: 768px) {
  .contents-video-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .contents-video-list:last-child {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .contents-video-list + .contents-video-list {
    border-top: 1px solid #CCC;
    padding-top: 7.40741vw;
    margin-top: 5.55556vw;
  }
}

@media screen and (min-width: 1088px) {
  .contents-video-list + .contents-video-list {
    padding-top: 6rem;
    margin-top: 4rem;
  }
}

.contents-video-item {
  margin-bottom: 12vw;
}

@media screen and (min-width: 768px) {
  .contents-video-item {
    width: 46%;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .contents-video-item:last-child {
    margin-bottom: 0;
  }
}

.contents-video .contents-video-item button::after {
  width: 40vw;
  height: 66.66667vw;
  right: -1vw;
  bottom: -31vw;
}

@media screen and (min-width: 768px) {
  .contents-video .contents-video-item button::after {
    width: 19.25926vw;
    height: 19.90741vw;
    right: -4.16667vw;
    bottom: -2.59259vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-video .contents-video-item button::after {
    width: 207px;
    height: 200px;
    right: -45px;
    bottom: -38px;
  }
}

.contents-video .movie-heading {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2;
  margin-bottom: 4vw;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .contents-video .movie-heading {
    font-size: 2.03704vw;
    margin-bottom: 2.77778vw;
  }
}

@media screen and (min-width: 1088px) {
  .contents-video .movie-heading {
    font-size: 2.2rem;
    margin-bottom: 3rem;
  }
}

.contents-video .link-btn-wrapper {
  margin: 0;
}

.contents-video .link-btn-ttl {
  font-size: 1.4rem;
  font-weight: 400;
  text-align: left;
  margin-top: 6vw;
  margin-bottom: 4vw;
}

@media screen and (min-width: 768px) {
  .contents-video .link-btn-ttl {
    font-size: 2.03704vw;
    margin-top: 5.55556vw;
    margin-bottom: 1.85185vw;
  }
}

@media screen and (min-width: 1088px) {
  .contents-video .link-btn-ttl {
    font-size: 1.8rem;
    margin-top: 35px;
    margin-bottom: 2rem;
  }
}

.contents-video .link-btn {
  width: 100%;
  display: table;
  line-height: 1.4;
  height: 16vw;
  margin-bottom: 4vw;
  background-color: #2f2f2f;
}

@media screen and (min-width: 768px) {
  .contents-video .link-btn {
    height: 7.40741vw;
    margin-bottom: 1.85185vw;
  }
}

@media screen and (min-width: 1088px) {
  .contents-video .link-btn {
    height: 8rem;
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 768px) {
  .contents-video .link-btn:last-child {
    margin-bottom: 0;
  }
}

.contents-video .link-btn a {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .contents-video .link-btn a {
    font-size: 1.94444vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-video .link-btn a {
    font-size: 2.1rem;
  }
}

.contents-video .link-btn-lead {
  font-size: 2.66667vw;
  font-weight: normal;
  font-size: 1rem;
}

@media screen and (min-width: 768px) {
  .contents-video .link-btn-lead {
    font-size: 1.2963vw;
  }
}

@media screen and (min-width: 1088px) {
  .contents-video .link-btn-lead {
    font-size: 1.4rem;
  }
}

.contents-video .subTitle {
  text-align: center;
  margin-bottom: 8vw;
}

@media screen and (min-width: 768px), print {
  .contents-video .subTitle {
    margin-bottom: 5.55556vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-video .subTitle {
    margin-bottom: 60px;
  }
}

.contents-video .subTitle span {
  display: block;
  font-size: 4.8vw;
  margin-bottom: 4vw;
}

@media screen and (min-width: 768px), print {
  .contents-video .subTitle span {
    font-size: 2.40741vw;
    margin-bottom: 2.77778vw;
  }
}

@media screen and (min-width: 1080px) {
  .contents-video .subTitle span {
    font-size: 26px;
    margin-bottom: 30px;
  }
}

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

/*.top .fixed .header-language-trigger {
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.top .header-language-trigger {
  opacity: 0;
}


.header-language-trigger {
  position: absolute;
  right: 230px;
  margin-top: -19px;
  top: 50%;
  width: 180px;
  border: 1px solid #000000;
  font-size: 1.3rem;
  padding: 6px 0;
  background: url(../img/common/ico-earth.svg) no-repeat left 12px center #ffec27;
  background-size: 16px 16px;
  text-align: center;
}
.header-language-trigger:hover {
  cursor: pointer;
}
.header-language-trigger span {
  position: relative;
}
.header-language-trigger span::before,
.header-language-trigger span::after {
  content: "";
  display: block;
  position: absolute;
  width: 7px;
  height: 1px;
  background-color: #000;
  top: 50%;
  margin-top: 1px;
}
.header-language-trigger span::before {
  right: -20px;
  transform: rotate(45deg);
}
.header-language-trigger span::after {
  right: -25px;
  transform: rotate(-45deg);
}
.menu-language {
  border: 1px solid #000;
  border-top: 0;
  background-color: #fff;
  width: 180px;
  position: absolute;
  right: -1px;
  top: calc(50% + 18px);
  display: none;
  font-size: 1.3rem;
}
.menu-language .menu-language-item a {
  padding: 9px 10px 9px 37px;
  color: #000;
  display: block;
}
.menu-language .menu-language-item:first-child a {
  font-family: 'Noto Sans CJK JP';
  padding-top: 13px;
}
.menu-language .menu-language-item:nth-child(3) a {
  font-family: 'Noto Sans CJK SC';
  padding-bottom: 13px;
}
.menu-language .menu-language-item a:hover {
  background-color: #fff9b9;
}

@media screen and (max-width: 768px) {
  .header-language-trigger {
    right: 36vw;
    margin-top: -13px;
    width: 120px;
    font-size: 1vw;
    padding: 3px 0;
    background: url(../img/common/ico-earth.svg) no-repeat left 3px center #ffec27;
    background-size: 10px 10px;
  }
  .header-language-trigger span::before,
  .header-language-trigger span::after {
    width: 5px;
  }

  .header-language-trigger span::before {
    right: -8px;
  }

  .header-language-trigger span::after {
    right: -11px;
  }

  .menu-language {
    width: 120px;
    top: calc(50% + 14px);
    font-size: 1.2rem;
  }

}*/

.tuibiao:before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(../img/common/ico-earth.svg) no-repeat;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -8px;
}

.pl20 {
    padding-left: 20px;
}


/* 20190521更新分 */
.cm-music-box-ttl{
  font-weight: 500;
  font-size: 1.6rem;
  margin-bottom: 10px;
}
@media screen and (min-width: 1080px){
  .cm-music-box-ttl {
    font-size: 1.85185vw;
  }
}
@media screen and (min-width: 768px){
  .cm-music-box-ttl {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
.cm-music-box-ttl span{
    font-size: 60%;
}
.contents-cm-music {
    background: #F4F4F4;
    padding: 8vw 5.33333vw;
}
@media screen and (min-width: 768px){
  .contents-cm-music {
    padding: 3.7037vw;
  }
}
@media screen and (min-width: 1080px){
  .contents-cm-music {
    padding: 80px;
  }
}

@media screen and (min-width: 768px){
  .cm-music-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}
.cm-music-img{
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px){
  .cm-music-txt, .cm-music-img {
    width: 47.5%;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1080px){
  .cm-music-txt, .cm-music-img {
    width: 400px;
    margin-bottom: 0;
  }
}

.knowledge .fourth-wrapper .message-text-note {
  /*font-size: 1rem;*/
	font-size: 18px;
  font-weight: 400;
  margin-bottom: 7.66667vw;
}

@media screen and (min-width: 768px) {
  .knowledge .fourth-wrapper .message-text-note {
    font-size: 1.2963vw;
    margin-bottom: 4.40741vw;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .fourth-wrapper .message-text-note {
    font-size: 1.4rem;
    margin-bottom: 60px;
  }
}

.knowledge .fourth-wrapper .link-btn{
  width: 80%;
  margin: 0 auto;
}

@media screen and (min-width: 768px){
  .knowledge .fourth-wrapper .link-btn{
    width: 400px;
  }
}

.knowledge .fourth-wrapper .link-btn a{
  padding: 10px;
}

.knowledge .oshirinokoto_link {
  max-width: 716px;
  display: block;
  margin: 0 auto 7.66667vw;
}
.js-new-ask-link .oshirinokoto_link {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .knowledge .oshirinokoto_link {
    margin-bottom: 4.40741vw;
  }
}

@media screen and (min-width: 1080px) {
  .knowledge .oshirinokoto_link {
    margin-bottom: 60px;
  }
  .js-new-ask-link .oshirinokoto_link {
    margin-bottom: 0;
  }
}

.story .oshirinokoto_txtlink {
  display: block;
  color:#000;
  font-size: 1.6rem;
}
.story .oshirinokoto_txtlink span{
  border-bottom: 3px solid #ffec27;
  padding-right: 1em;
  position: relative;
}
.story .oshirinokoto_txtlink span:after {
  display: inline-block;
  content: ">";
  width: 10px;
  padding-left: 1rem;
}
.story .oshirinokoto_txtlink span:before {
  content: "";
  border-bottom: solid 1px #000;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px){
  .story-knowledge .oshirinokoto_txtlink {
      font-size: 2vw;
  }
}
@media screen and (min-width: 1080px){
  .story-knowledge .oshirinokoto_txtlink {
      font-size: 2.1rem;
  }
}

/*.header {
    border-bottom: 1px solid #BCB600;
}
@media screen and (min-width: 768px){
  .header-btn {
    height: 59px;
  }
}*/

/*  new ask
----------------------------------------*/
.sp_appear {
  display: none;
}
.new-middle-ask {
  padding: 0px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  width: auto;
}
.new-middle-ask::before {
  content: '';
  background: url(../img/top/img-middle-bg.png) no-repeat top center;
  background-size: 100% 100%;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.new-middle-ask::after {
  content: '';
  background: url(../img/top/img-middle-white-bg.png) no-repeat top center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.new-ask .new-ask-title{
  font-size: 20px;
  padding-top: 30px;
  color: #000;
/*  background-image: url(../img/top/decoration_line_02.jpg);
  background-position: center;
  background-size: cover;*/
}

@media screen and (min-width: 1080px) {
  .new-ask .new-ask-title{
    font-size: 27px;
    padding-top: 30px;
  }
}

.new-ask-img-middle {
  margin: 0 auto;
  padding-top: 32px;
}
.new-ask-img-top {
  position: absolute;
  top: -58px;
  left: 20px;
}
.new-ask-panel {
  display: flex;
  justify-content: space-around;
  padding: 0 0 40px;
}
.new-ask-img-left {
  margin: -55px 0 0 15px;
}
.new-ask-img-right {
  margin: -55px -12px 0 0;
}
.new-ask-link {
  width: auto;
}
.new-ask-img-middle img{
  width: auto;
  margin: 0 auto;
}
.new-ask-img-top{
  width: 200px;
}
.panel-content {
  margin-left: 20px;
}
.panel-content-top{
  margin: 28px 10px 0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.panel-content-anchor {
  font-size: 14px;
  text-align: center;
  margin: 12px auto 24px;
}
.new-ask-link a {
  padding: 18px !important;
  border-radius: 36px;
}
.new-ask-img-sp {
  display: none;
}

.new-contents-inner {
  padding: 0 0 40px;
}

@media screen and (min-width: 1080px){
  .new-contents-inner {
    padding: 20px 0  40px;
  }
}

@media screen and (min-width: 1080px){
  .panel-content-anchor {
    margin: 15px auto 24px;
  }
  .new-middle-ask {
    width: 880px;
  }
  .new-middle-ask::before {
    width: 880px;
  }
  .new-middle-ask::after {
    width: 880px;
  }
  .new-ask-link {
    width: 480px;
  }
  .new-ask-img-top {
    width: 216px;
  }
  .new-ask-img-middle {
    width: 560px;
  }
}
@media screen and (max-width: 1079px){
  .panel-content-anchor {
    margin: 15px auto;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px){
  .panel-content-top {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px){
  .new-middle-ask::before {
    content: '';
    background: url(../img/top/img-middle-bg_sp.png) no-repeat top center;
    background-size: cover;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .new-middle-ask::after {
    content: '';
    background: url(../img/top/img-middle-white-bg-sp.png) no-repeat center top;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .sp_appear {
    display: block;
  }
  
  .new-ask-img-top{
    display: none;
  }
  .new-ask-img-middle {
    padding: 43px 15px 0;
  }
  .new-ask-img-middle img{
    width: 100%;
  }
  .panel-content {
    width: 100%;
    margin-left: 0;
  }
  .panel-content-top {
    margin-top: 20px;
    font-size: 14px;
  }
  .new-ask-img-left {
    display: none;
  }
  .new-ask-img-right {
    display: none;
  }
  .new-ask-link {
    margin: 0 30px;
  }
  .new-ask-link a {
    padding: 8vw !important;
    margin-left: 0;
    border-radius: 10vw;
    margin-bottom: 36px;
  }
  .new-ask-img-sp {
    display: block;
    margin: 10px 15px 24px;
  }
  .new-ask-img-sp img {
    width: 100%;
  }
}

.new-ask-knowledge-img {
  display: block;
  margin: 63px auto 22px;
}
.new-ask-knowledge-img-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .new-ask-knowledge-img {
    display: none;
  }
  .new-ask-knowledge-img-sp {
    display: block;
    margin: 20px 0;
  }
}

@media screen and (min-width: 1080px) {
  .new-ask-knowledge-img {
    display: block;
    width: 716px;
    margin: 63px auto 22px;
  }
  .new-ask-knowledge-img-sp {
    display: none;
  }
}
/*  the symptom page
----------------------------------------*/
@media screen and (min-width: 687px) {
  .s-pc {
    display: block;
  }
  .s-sp {
    display: none;
  }
}
@media screen and (max-width: 686px) {
  .s-sp {
    display: block;
  }
  .s-pc {
    display: none;
  }
}

#js-symptom {
  display: none;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #ffffff;
  border-radius: 40px;
  z-index: 1;
  padding: 10px;
  text-align: center;
  z-index: 1000001;
  height: auto;
  width: 1000px;
}
.symptom-ifr {
  min-height: 740px;
}
.symptom-ifr-active {
  min-height: 740px !important;
}
.symptom-ifr-active-5 {
  min-height: 680px !important;
}
#main {
  margin: 0 auto;
}
#section {
  margin: 0 auto;
  text-align: center;
}
#js-main {
  z-index: 1;
  text-align: center;
  margin: 0 70px;
}
.symption-cover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  background-color: #4d4d4d;
  z-index: 1000000;
}
.panel {
  display: none;
}
.js-symptom-close{
  position: absolute;
  right: 0;
  top: -63px;
}
.main-title-image {
  width: 560px;
  margin: 50px auto 40px;
  text-align: center;
}
.main-cut-panel {
  position: relative;
  width: 100%;
  border-bottom: 2px solid #000000;
  margin-bottom: 45px;
}
.main-cut-ques {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translate(-50%);
  padding: 0 110px;
  height: 36px;
  line-height: 1.5;
  font-size: 20px;
  font-weight: bold;
  background-color: #FFEC27;
  border: 2px solid #000000;
  border-radius: 18px;
  box-sizing: border-box;
}
.main-cut-panel::after {
  content: '';
  position: absolute;
  background-image: url(../img/symptom/img-main-cut.png);
  width: 145px;
  height: 200px;
  top: -182px;
  right: 0;
}
.main-text-title {
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
}
.panel .main-text-title {
  margin-bottom: 7vw;
}
.main_win{
  padding: 15px 30px 15px;
  display: flex;
  justify-content: space-around;
}
.main-item {
  border: 2px solid #000000;
  border-radius: 15px;
  width: 170px;
  height: 185px;
  padding-top: 9px;
  margin-right: 10px;
}
.main-item.o-pc {
  padding-top: 0;
}
.main-item.o-pc:nth-child(2) {
  padding-top: 0;
}
.main-item.o-pc a {
  display:block;
  padding-top: 9px;
}
.main-item.o-pc:nth-child(2) a {
  padding-top: 6px;
}
.main-item.o-pc:nth-child(3) a,
.main-item.o-pc:nth-child(4) a {
  padding-top: 10px;
}
.main-item.o-pc a:hover {
  background-color: #fdfce0;
  opacity: 1;
  border-radius: 15px 15px 0 0;
}
.main-item.o-pc a:hover .main-item-bottom {
  background-color: #000000;
  border-radius: 0 0 8px 8px;
  color: #fff;
}
.main-item:last-child {
  margin-right: 0;
}
.main-item img {
  width: auto;
  margin: 0 auto;
}
.main-item:nth-child(1) img {
  margin: 0 20px;
}
.main-item:nth-child(3) img {
  margin-left: -6px;
}
.main-item:nth-child(4) img {
  padding-top: 5px;
  margin: 0 20px;
}
.main-item a:link,
.main-item a:visited,
.main-item a:hover,
.main-item a:active {
	color: #000000;
}
.main-item-bottom {
  background-color: #FFEC27;
  border-top: 2px solid #000000;
  text-align: center;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
}
.main-item:nth-child(2) {
  padding-top: 6px;
}
.main-btn {
  display: flex;
  justify-content: center;
  margin-bottom: 85px;
}
.main-btn .item {
  font-size: 24px;
  padding: 19px 64px;
  line-height: 1.5;
  font-weight: bold;
}
.main-btn .item-yes {
  background-color: #FFEC27;
  margin-right: 30px;
}
.main-btn .item-yes:hover {
	opacity: 0.7;
	cursor: pointer;
}
.main-btn .item-no {
  background-color: #2F2F2F;
  color: #ffffff;
}
.main-btn .item-no:hover {
	opacity: 0.7;
	cursor: pointer;
}
.main-panel-bottom {
  text-align: center;
  font-size: 14px;
  margin-top: 30px;
}
.result {
  display: none;
  padding-bottom: 30px;
}
#result-4 .result-bottom-text {
  margin-top: 15px;
  margin-bottom: 20px;
}
.section {
  background-color: #F5F5F5;
  text-align: center;
}
.section-top {
  position: relative;
  margin: 88px auto 0;
}
.section-top-last {
  padding-bottom: 10px;
}
.section-top .section-top-title {
  font-size: 20px;
  padding: 10px 73px;
  font-weight: bold;
  background-color: #FFEC27;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translate(-50%);
}
.section-top .section-top-description {
  padding-top: 76px;
  margin-left: 60px;
  display: flex;
  padding-bottom: 25px;
}
.section-top .section-top-description-last {
  padding-bottom: 12px;
  margin-left: 0;
  padding-top: 70px;
}
.top-description-red {
  font-size: 28px;
  color: #DD0000;
  margin: 0 auto;
  font-weight: bold;
}
.description-image {
  width: 180px;
  margin-right: 40px;
}
.description-text {
  text-align: left;
  margin-top: 15px;
}
.description-text :first-child {
  margin-top: 0;
}
.description-text .text-title {
  color: #DD0000;
  font-weight: bold;
  font-size: 28px;
  line-height: 1.5;
}
.description-text-left {
  position: relative;
}
.description-text-left::after {
  content: '.';
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translate(-50%);
}
.description-text-right {
  font-size: 22px;
}
.description-list {
  margin-top: 20px;
  font-size: 18px;
  font-weight: bold;
}
.description-item {
  position: relative;
  padding-left: 44px;
  margin-bottom: 10px;
}
.description-item:last-child {
  margin-bottom: 0;
}
.description-item::before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 32px;
  height: 26px;
  background: url(../img/symptom/img-description-list.png) no-repeat center;
}
.result-bottom {
  width: 480px;
  margin: 0 auto;
  padding-bottom: 80px;
}
.result-bottom-last {
  padding-bottom: 22px;
}
.result-bottom-text {
  font-size: 14px;
  text-align: center;
  margin-bottom: 40px;
  line-height: 2;
}
.result-bottom-text-p {
  padding-left: 12px;
  margin: 0 auto;
  text-indent: 0;
  text-align: left;
  display: inline-block;
}
.result-bottom-text-red {
  font-size: 18px;
  margin: 24px 0 40px;
  text-align: center;
  color: #DD0000;
  font-weight: bold;
}
.result-bottom-text-red span {
  border: 1px solid #DD0000;
  padding: 6px 84px;
}
.result-bottom-image {
  position: absolute;
  width: 200px;
  bottom: -30px;
  right: 20px;
}
.result-bottom-image-last {
  bottom: -115px;
}
.result-bottom-intro {
  margin: 0 40px 40px;
  font-size: 14px;
  position: relative;
}
.result-bottom-intro-title {
  position: absolute;
  top: -11px;
  left: 15px;
  background: #F5F5F5;
  padding: 0 0 0 5px;
}
.result-bottom-intro-container {
  text-align: left;
  padding: 20px 10px 10px;
  border: 1px solid #c6c6c6;
  border-radius: 5px;
  box-shadow: 0 2px 2px #c6c6c6;
}
.section-bottom {
  margin: 30px 0 40px;
  padding: 0 60px;
}
.section-bottom-title {
  font-size: 26px;
  margin: 50px auto 30px;
  text-align: center;
  display: inline-block;
  color: #000000;
  font-weight: bold;
}
.section-bottom-list {
  display: flex;
  justify-content: space-around;
  padding: 0 69px 0 60px;
  padding-bottom: 40px;
  border-bottom: 1px solid #CCCCCC;
  margin-top: 30px;
}
.section-bottom-list.o-padding {
	padding-left:0;
	padding-right:0;
}
.section-bottom .nth-first {
  margin-top: 0;
}
.section-bottom-list:last-child {
  border-bottom: none;
  padding-bottom: 60px;
}
.bottom-list-image {
  width: 285px;
}
.bottom-list-panel {
  text-align: center;
  margin-left: 22px;
  padding-top: 5px;
}
.bottom-list-panel h3 {
  margin: 5px 0 15px;
  text-align: center;
}
.bottom-list-panel h3 img {
  width: auto;
  margin: 0 auto;
}
.list-panel-title {
  font-size: 18px;
  text-align: center;
}
.list-panel-desctiption {
  text-align: center;
}
.list-panel-desctiption .square-two {
  display: inline-block;
  border: 1px solid #5b5b5b;
  padding: 2px;
  margin: 0 3px;
  line-height: 1;
}
.list-panel-desctiption p {
  display: inline-block;
  border: 1px solid #5b5b5b;
  font-size: 1.1rem;
  padding: 2px 10px;
  margin: 0 2px 35px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .list-panel-desctiption p {
    padding: 2px 10px;
  }
}
.list-panel-link {
  background: #ffec27;
  width: 304px;
}
.list-panel-link a {
  padding: 24px 0;
  font-size: 1.4rem;
}
.list-panel-link span {
  font-weight: normal;
  display: inline-block;
  color: #000000;
}
.list-panel-link a:after {
  display: inline-block;
  position: absolute;
  content: "";
  width: 23.5px;
  height: 6px;
  background: url(../img/common/arrow_black_pc_stm.png) 0 0 no-repeat;
  background-size: contain;
  top: 45%;
  right: 4.5%;
}
.section-anchor-top {
  margin-top: 40px;
}
.result .result-text {
  font-size: 1.8rem;
  text-align: center;
  font-weight: bold;
  margin: 65px 0 20px 0;
}
.result .result-banner {
  max-width: 480px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
.result .result-text {
  font-size: 1.4rem;
  margin: 30px 0 10px 0;
}
}

@media screen and (max-width: 1079px) and (min-width: 687px) {
  #js-symptom {
    width: 92vw;
    height: auto;
  }
  .main-title-image {
    width: 560px;
    margin: 50px auto 40px;
    text-align: center;
  }
  .main-text {
    font-size: 18px;
    margin: 0 auto 58px;
    text-align: center;
    font-weight: bold;
  }
  .result-bottom .link-btn {
    width: 480px;
  }
  .section-anchor a {
    padding: 18px;
  }
  .section-anchor-radius {
    width: 480px;
    margin: 0 auto;
  }
  .section-anchor-radius a {
    border-radius: 35px;
  }
  .section-anchor-top {
    margin-top: 150px;
  }
}

@media screen and (width: 812px) {
  .main-cut-panel::after {
    background-image: none;
  }
  .section-bottom {
    padding: 0;
  }
  .section-bottom-list {
    margin: 0 15px;
    display: inline-block;
    padding: 0 0 12vw 0;
  }
  .bottom-list-image {
    margin: 0 auto;
  }
  .list-panel-link {
    margin: 0 auto;
  }
  .result {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 811px) and (min-width: 687px)  {
  .symptom-ifr {
    min-height: 170.2vw;
  }
  .symptom-ifr-active {
    min-height: 90vw !important;
  }
  .main-cut-panel::after {
    background-image: none;
  }
  .section-bottom {
    padding: 0;
  }
  .section-bottom-list {
    margin: 0 15px;
    display: inline-block;
    padding: 0 0 12vw 0;
  }
  .bottom-list-image {
    margin: 0 auto;
  }
  .list-panel-link {
    margin: 0 auto;
  }
  .result {
    padding-bottom: 0;
  }
}
/* for the iphone
-----------------------------------------*/
@media screen and (max-width: 686px) {
  #js-symptom {
    width: 91.3vw;
    height: auto;
    padding-top: 5.59686vw;
    border-radius: 20px;
  }
  .symptom-ifr {
    min-height: 170.2vw;
  }
  .symptom-ifr-active {
    min-height: 90vw !important;
  }
  #js-main {
    height:100%;
    margin: 0;
  }
  .main-text-title {
    font-size: 2.2rem;
    line-height: 1.5;
    margin-bottom: 8vw;
  }
  .main-text {
    display: none;
  }
  .main-btn .item {
    font-size: 2rem;
    padding: 6.08695vw 16.65217vw;
  }
  .result-bottom {
    width: 90%;
  }
  
  .result-bottom-intro {
    margin: 0 10px 20px;
    font-size: 12px;
    position: relative;
  }
  .result-bottom-intro-container {
    padding-top: 35px;
  }
  .main_win{
    padding: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .main-btn {
    margin-top: 10.5333vw;
    margin-bottom: 8vw;
  }
  .main-item {
    width: 46.155vw;
    height: auto;
    margin-bottom: 4.5478vw;
    margin-right: 0;
    border: 1px solid #000000;
    position: relative;
    padding-bottom: 8vw;
  }
  .main-item:nth-child(2) {
    padding-top: 0;
  }
  .main-item:nth-child(1) img {
    width: 29.86667vw;
  }
  .main-item:nth-child(2) img {
    padding-top: 2.666vw;
    width: 39vw;
  }
  .main-item:nth-child(3) img {
    width: 42.91111vw;
    margin-left: -2vw;
  }
  .main-item:nth-child(4) img {
    width: 34.93333vw;
  }
  .main-panel-bottom {
    margin-top: 3.66667vw;
    font-size: 1.2rem;
  }
  .main-item-bottom {
    font-size: 1.4rem;
    border-top: 1px solid #000000;
    line-height: 6.5vw;
    position: absolute;
    top: 42.3vw;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .main-title-image {
    width: auto;
    text-align: center;
    margin: 6vw 0 4vw;
  }
  .main-cut-panel {
    margin-top: 14vw;
    border: 1px solid #000000;
    margin-bottom: 11.01448vw;
  }
  .main-cut-ques {
    top: -4vw;
    height: 8.4vw;
    padding: 0 11vw;
    font-size: 1.4rem;
    line-height: 7.9vw;
    border: 1px solid #000000;
  }
  .main-cut-panel::after {
    background-image: none;
  }
  .result {
    padding-bottom: 0;
  }
  .result-bottom {
    width: 90%;
  }
  .result-bottom .link-btn {
    width: 100%;
  }
  .bottom-list-panel .list-panel-title {
    font-size: 1.6rem;
  }
  .panel .main-text-title {
    font-size: 2.2rem;
  }
  .bottom-list-panel h3 {
    margin: 2.6667vw 0 4.26667vw;
    text-align: center;
  }
  .main-btn .item-yes {
    margin-right: 4.34782vw;
  }
  .main-btn .item-no {
    padding: 6.08695vw 18.01322vw;
  }
  .section-bottom {
    padding: 0;
  }
  .section-bottom .section-bottom-list:nth-of-type(1) .bottom-list-panel h3 img {
    width: 100%;
  }
  .section-bottom .section-bottom-list:nth-of-type(2) .bottom-list-panel h3 img,
  .section-bottom .section-bottom-list:nth-of-type(3) .bottom-list-panel h3 img {
    width: 65.46667vw;
    margin: 0 auto;
  }
  .list-panel-link {
    width: auto;
    text-align: center;
    margin: 0 auto;
  }
  .list-panel-link a {
    padding: 8vw;
  }
  .list-panel-link a:after {
    display: inline-block;
    position: absolute;
    content: "";
    width: 23.5px;
    height: 7px;
    background: url(../img/common/arrow_black_sp_stm.png) 0 0 no-repeat;
    background-size: contain;
    top: 45%;
    right: 4.5%;
  }
  .section-top {
    margin: 50px 0 0;
  }
  .section-top .section-top-title {
    font-size: 1.4rem;
    padding: 10px 40px;
    top: -20px;
  }
  .section-top .section-top-description {
    display: inline-block;
    padding: 50px 15px 0;
    margin: 0 auto;
    width: 100%;
  }
  .description-image {
    width: 41.85vw;
    margin: 0 auto;
  }
  .description-text {
    margin-top: 21px;
  }

  .description-text .text-title {
    text-align: center;
    font-size: 2.2rem;
  }
  .description-text-left {
    font-size: 2.2rem;
  }
  .description-text-left::after {
    top: -28px;
  }
  .description-text-right {
    font-size: 1.6rem;
  }
  .description-list {
    font-size: 1.4rem;
    margin-top: 4vw;
  }
  .result-bottom-text {
    font-size: 1.2rem;
    padding-left: 1.2rem;
    text-indent: -1.2rem;
    margin-top: 4vw;
    margin-bottom: 8vw;
  }
  .description-item {
    padding-left: 30px;
    margin-bottom: 0.66667vw;
  }
  .description-item::before {
    width: 25px;
    height: 20px;
    background: url(../img/symptom/img-description-list_sp.png) no-repeat center;
    background-size: cover;
  }
  .description-item .result-bottom-text {
    padding-left: 0;
  }
  .section-top-description-last .top-description-red {
    text-align: center;
    font-size: 2.2rem;
  }
  .result-bottom {
    padding-bottom: 10.66667vw;
  }
  .result-bottom-last .result-bottom-text {
    text-align: center;
  }
  .section-bottom {
    margin: 5.33333vw auto 0;
  }
  .section-bottom-title {
    font-size: 2rem;
    margin: 40px auto 30px;
  }
  .section-bottom-list {
    margin: 0 15px;
    display: inline-block;
    margin-top: 12vw;
    padding: 0 0 12vw 0;
    width: 88vw;
  }
  .section-bottom .nth-first {
    margin-top: 0;
  }
  .section-bottom .nth-first .bottom-list-panel {
    margin-top: 8vw;
  }
  .section-bottom-list:last-child {
    padding-bottom: 10.66667vw;
  }
  .bottom-list-image {
    width: 68.93333vw;
    margin: 0 auto;
  }
  .list-panel-desctiption p {
    font-size: 1rem;
    padding: 1.1vw 1.511vw;
    margin-bottom: 8vw;
  }
  .bottom-list-panel {
    margin-left: 0;
  }
  .section-anchor a {
    padding: 7vw;
  }
  .section-anchor-radius {
    width: 100%;
    margin: 10vw 0 0;
    padding-bottom: 4vw;
  }
  .section-anchor-radius a {
    border-radius: 11.1449vw;
  }
  .result-bottom-text-red span {
    border: 1px solid #DD0000;
    padding: 2vw 12vw;
    font-size: 1.2rem;
  }
  /* for the iphone
  -----------------------------------------*/
  @media screen and (max-width: 374px) {
    #symptom-ifr {
      width: 95%;
    }
    .main-text-title {
      font-size: 1.8rem;
    }
    .main-item-bottom {
      font-size: 1rem;
      line-height: 8vw;
    }
  }
}

.new-ask-top-imgs{

}
.new-ask-top-imgs-item{
    border: 2px solid #000000;
    border-radius: 15px;
    width: 170px;
    height: 185px;
    padding-top: 9px;
    margin-right: 10px;
}

.top-imgs-item-bottom {
  background-color: #FFEC27;
  border-top: 2px solid #000000;
  text-align: center;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
}

.new-ask-top-imgs-item img {
  width: auto;
  margin: 0 auto;
}

#slide1,#slide2 {
  position: relative;
  width: 100%; max-width: 1920px; margin: 0 auto; 
}
#slide1 img,
#slide2 img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.8s;
}
#slide1 img:first-child,
#slide2 img:first-child {
  position: static;
}
#slide1 img.show,
#slide2 img.show {
  opacity: 1;
  visibility: visible;
}
#slide1 .prev, 
#slide1 .next,
#slide2 .prev, 
#slide2 .next {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: 0.4s;
  background-color: rgba(0, 0, 0, 0.12);
  padding: 14px 12px;
}

#slide1 .prev:hover, #slide1 .next:hover,
#slide2 .prev:hover, #slide2 .next:hover {
  background-color: rgba(0, 0, 0, 0.24);
}

#slide1 .prev:after, #slide1 .next:after,
#slide2 .prev:after, #slide2 .next:after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

#slide1 .prev,
#slide2 .prev {
  left: 0;
}
#slide1 .prev:after,
#slide2 .prev:after {
  transform: rotate(-135deg);
  margin-left: 4px;
}
#slide1 .next,
#slide2 .next {
  right: 0;
}
#slide1 .next:after,
#slide2 .next:after {
  transform: rotate(45deg);
  margin-right: 4px;
}

.howtouse-article-contets-box:last-child{
  padding: 30px 0 0 ;
}

.type .contents-type-jirou .lower-heading{
  font-size: 2rem;
}

@media screen and (min-width: 768px) {
  .type .contents-type-jirou .lower-heading{
    font-size: 3rem;
  }
}


.font-30{
  font-size: 30px;
}


.story-knowledge .mainvisual .inner .mainvisual-flex{
	display: flex; width: 90%; margin: 0 auto;
}

.story-knowledge .mainvisual .inner .mainvisual-flex .video-warpper{
	 width: 50%; 
}
.story-knowledge .mainvisual .inner .mainvisual-flex .video-warpper .video{
	  width: 100%; max-width: 400px; margin: 0 auto;
}
.story-knowledge .mainvisual .inner .mainvisual-flex .img-warpper{
	width: 50%; display: flex; align-items: flex-end; justify-content: center;
}
.story-knowledge .mainvisual .inner .mainvisual-flex .img-warpper img{ width: 85%; }

@media screen and (max-width: 767px) {
	.story-knowledge .mainvisual .inner .mainvisual-flex{
		display: block; width: 90%; margin: 0 auto;
	}
	.story-knowledge .mainvisual .inner .mainvisual-flex .video-warpper{
		 width: 100%; 
	}
	.story-knowledge .mainvisual .inner .mainvisual-flex .img-warpper{
		width: 100%; 
	}
}



@media screen and (max-width: 767px) {
	.contents-type-kireji .lower-heading-wrapper .contents-inner-lower .lower-heading,
	.contents-type-others .lower-heading-wrapper .contents-inner-lower .lower-heading,
	.contents-type-iboji .lower-heading-wrapper .contents-inner-lower .lower-heading{
		transform: translate(5%, -50%);
		font-size: 24px;
	}
}

.contents-type-others .lower-heading{ 
	margin-bottom: 30px;
}
@media screen and (min-width: 1080px) {
	.contents-type-others .intro-leadbox .intro-leadtxt{
		width: calc(100% - 300px);
	}
}
@media screen and (max-width: 767px) {
	.contents-type-others .contents-inner-lower{
		padding-bottom: 30px;
	}
}

.type .contents-type-kireji .intro-leadbox .intro-leadimg{
	padding-bottom: 20px;
}