@charset 'UTF-8';

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@import url(//fonts.googleapis.com/css?family=Abril+Fatface|Josefin+Slab:700|Noto+Serif:400,700);

/*----------------------------------------
	clearfix
----------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c);

@import url(https://fonts.googleapis.com/css?family=Poppins:200,600);

/*----------------------------------------
	IE6 Upgrade Warning
----------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c);

@import url(https://fonts.googleapis.com/css?family=Poppins:200,600);

#ieError
{
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;

    width: 100%;
    padding: 20px;

    text-align: center;

    opacity: .8;
    color: #fff;
    background: #000;

        filter: alpha(opacity=80);
    -ms-filter: 'alpha( opacity=80 )';
}

#ieError strong
{
    color: #fff;
}

#ieError a
{
    text-decoration: underline;

    color: #d90000;
}

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html
{
    font-family: sans-serif;
    /* 1 */

        -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */

body
{
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video
{
    display: inline-block;
    /* 1 */

    vertical-align: baseline;
    /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls])
{
    display: none;

    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template
{
    display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a
{
    background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover
{
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title]
{
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong
{
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn
{
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1
{
    font-size: 2em;

    margin: .67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark
{
    color: #000;
    background: #ff0;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small
{
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sup
{
    top: -.5em;
}

sub
{
    bottom: -.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img
{
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root)
{
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure
{
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr
{
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre
{
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp
{
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
optgroup,
select,
textarea
{
    /* 1 */
    font: inherit;
    /* 2 */

    margin: 0;

    color: inherit;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */

button
{
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */

button,
select
{
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type='button'],
input[type='reset'],
input[type='submit']
{
    /* 2 */
    cursor: pointer;

    -webkit-appearance: button;
    /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled]
{
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner
{
    padding: 0;

    border: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input
{
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type='checkbox'],
input[type='radio']
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button
{
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type='search']
{
    /* 1 */
    -webkit-box-sizing: content-box;
    /* 2 */
            box-sizing: content-box;

    -webkit-appearance: textfield;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset
{
    margin: 0 2px;
    padding: .35em .625em .75em;

    border: 1px solid #c0c0c0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend
{
    /* 1 */
    padding: 0;

    border: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9.
 */

textarea
{
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup
{
    font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table
{
    border-spacing: 0;
    border-collapse: collapse;
}

td,
th
{
    padding: 0;
}

/*----------------------------------------
	reset
----------------------------------------*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
time,
mark,
audio,
video
{
    font: inherit;
    font-family: '新丸ゴ DB JIS2004';
    font-size: 100%;
    line-height: 1;

    margin: 0;
    padding: 0;

    vertical-align: baseline;

    color: #5a3928;
    border: 0;
    outline: 0;
}

header,
footer,
article,
section,
aside,
hgroup,
nav,
menu,
figure,
figcaption,
time
{
    display: block;
}

li
{
    list-style: none;
}

ol,
ul
{
    list-style: none;
}

img
{
    font-size: 0;
    line-height: 0;

    vertical-align: top;

    border: 0;
}

table
{
    border-spacing: 0;
    border-collapse: collapse;
}

h1,
h2,
p,
pre
{
    word-wrap: break-word;
}

caption,
th,
td
{
    font-weight: 400;

    text-align: left;
    vertical-align: middle;
}

caption
{
    font: inherit;
    font-size: 100%;

    margin: 0;
    padding: 0;

    border: 0;
}

tbody,
tfoot,
thead,
tr
{
    vertical-align: baseline;
}

tbody,
tfoot,
thead,
tr,
th,
td
{
    font: inherit;
    font-size: 100%;

    margin: 0;
    padding: 0;

    border: 0;
}

hr
{
    display: block;

    height: 1px;
    margin: 1em 0;
    padding: 0;

    border: 0;
    border-top: 1px solid #ccc;
}

input,
select
{
    vertical-align: middle;
}

input,
button,
textarea,
select
{
    margin: 0;
    padding: 0;

    border: none;
    border-radius: 0;
    outline: none;
    background: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

button
{
    padding: 0;

    cursor: pointer;

    border: none;
    outline: none;
    background-color: transparent;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

select::-ms-expand
{
    display: none;
}

.clearfix
{
    min-height: 1px;

    _height: 1%;
}

.clearfix:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '';
}

html,
body
{
    height: 100%;
    height: 100%;
    margin: 0;
    padding: 0;

    -webkit-text-size-adjust: none;
}

*
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
}

html
{
    /*	font-size: 62.5%;*/
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}

body
{
    font-family: '新丸ゴ DB JIS2004';
    font-size: 12px;
    line-height: 1;

    text-align: center;
    letter-spacing: .01em;

    color: #262626;

    -moz-osx-font-smoothing: grayscale;
}

a
{
    cursor: pointer;
    text-decoration: none;

    color: #5a3928;
}

a img
{
    border: none;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

img
{
    max-width: 100%;

    vertical-align: bottom;
    pointer-events: none;
}

.sp-display1140
{
    display: none !important;
}

.sp-display
{
    display: none !important;
}

.cf:after
{
    display: block;
    clear: both;

    content: '';
}

.fade__item
{
    opacity: 0;
}

.show
{
    display: block;

    opacity: 1;
}

.js__show
{
    display: block;
}

.t__link
{
    position: relative;

    display: inline-block;

    text-decoration: none;
}

.t__link::before
{
    position: absolute;
    bottom: -8px;
    left: 0;

    display: block;

    width: 100%;
    height: 1px;

    content: '';
    -webkit-transition: compact(transform .3s cubic-bezier(1, 0, 0, 1), false, false, false, false, false, false, false, false, false);
            transition: compact(transform .3s cubic-bezier(1, 0, 0, 1), false, false, false, false, false, false, false, false, false);
    -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
            transform: scale(0, 1);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;

    background: #fff;
}

.t__link:hover::before
{
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
}

.h__link
{
    position: relative;

    display: inline-block;

    padding: 5px 2px 7px 2px;

    -webkit-transition: compact(all .3s ease-in-out, false, false, false, false, false, false, false, false, false);
            transition: compact(all .3s ease-in-out, false, false, false, false, false, false, false, false, false);
    text-decoration: none;

    color: #0058a1;
}

.h__link::after
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    content: '';
    -webkit-transition: compact(all .3s ease-in-out, false, false, false, false, false, false, false, false, false);
            transition: compact(all .3s ease-in-out, false, false, false, false, false, false, false, false, false);

    background: #0058a1;
}

.h__link:hover
{
    color: #fff !important;
}

.h__link:hover::after
{
    height: 100%;
}

.m-active
{
    position: relative;
}

.m-active::before
{
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
}

/** flex_display **/

.flex_display
{
    display: -webkit-flex;
    display:    -moz-flex;
    display:      -o-flex;
    display:     -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
       -moz-justify-content: center;
         -o-justify-content: center;
        -ms-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
            align-items: center;
        -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
}

.flex_list_display
{
    display: -webkit-flex;
    display:    -moz-flex;
    display:      -o-flex;
    display:     -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
       -moz-justify-content: space-between;
         -o-justify-content: space-between;
        -ms-justify-content: space-between;
            justify-content: space-between;
    -webkit-align-items: flex-start;
       -moz-align-items: flex-start;
         -o-align-items: flex-start;
        -ms-align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
            align-items: flex-start;
}

.m_button
{
    font-size: 11.5px;
    font-weight: 900;

    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 240px;
    padding: 20px 0;

    -webkit-transition: compact(all .2s ease-in-out, false, false, false, false, false, false, false, false, false);
            transition: compact(all .2s ease-in-out, false, false, false, false, false, false, false, false, false);
    letter-spacing: .3em;

    border: 1px solid #000;
}

.m_button:hover
{
    color: #fff;
    background: #000;
}

.mbt
{
    -webkit-transition: compact(all .2s ease-in-out, false, false, false, false, false, false, false, false, false);
            transition: compact(all .2s ease-in-out, false, false, false, false, false, false, false, false, false);

    color: #fff;
    background-color: #000;
}

.mbt:hover
{
    color: #000;
    background: #fff;
}

.m_links
{
    font-size: 11px;
    font-weight: 700;

    position: relative;

    display: inline-block;

    letter-spacing: .2em;
}

.m_links::before
{
    position: absolute;
    bottom: -15px;
    left: 0;

    width: 40px;
    height: 2px;

    content: '';
    -webkit-transition: compact(all .2s ease-in-out, false, false, false, false, false, false, false, false, false);
            transition: compact(all .2s ease-in-out, false, false, false, false, false, false, false, false, false);

    background: #000;
}

.m_links:hover::before
{
    width: 80px;
}

/*font-weight*/

.bold
{
    font-weight: bold;
}

/* //////////////////////////////////////////
  container, l-contents, is-content
//////////////////////////////////////////*/

#container
{
    -webkit-transition: compact(all .2s ease, false, false, false, false, false, false, false, false, false);
            transition: compact(all .2s ease, false, false, false, false, false, false, false, false, false);
}

/** is-content **/

.is-content
{
    position: relative;

    max-width: 1280px;
    margin: 0 auto;
}

.p-content
{
    padding: 0 20px;

    opacity: 0;
}

.checkbox
{
    line-height: 20px;

    position: relative;

    display: inline-block;
    overflow: hidden;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: calc(20px + 5px);

    cursor: pointer;
}

.checkbox:before
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
            box-sizing: border-box;
    width: 20px;
    height: 20px;

    content: '';

    border: 1px solid #d5d5d5;
}

.checkbox:after
{
    position: absolute;
    z-index: 1;
    top: calc(50% - (((14px / 12 ) * 5) / 2));
    left: calc((20px / 2) - (((14px / 12 ) * 5) / 2));

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(((14px / 12 ) * 5));
    height: 14px;
    margin-top: calc(((14px / 12 ) * 5) * -1);

    content: '';
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);

    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
}

.checkbox input[type='checkbox']
{
    position: absolute;
    z-index: 2;
    left: calc(20px * -1);

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;

    -webkit-transition: compact(all .3s ease-in-out, false, false, false, false, false, false, false, false, false);
            transition: compact(all .3s ease-in-out, false, false, false, false, false, false, false, false, false);

    outline: none;
    -webkit-box-shadow: 20px 0 #fff;
            box-shadow: 20px 0 #fff;

       -moz-appearance: none;
    -webkit-appearance: none;
}

.checkbox input[type='checkbox']:checked
{
    opacity: .1;
}

.checkbox input[type='checkbox']:checked:focus
{
    opacity: .1;
    /*box-shadow : 20px 0px #666;*/
}

.checkbox input[type='checkbox']:focus
{
    /*box-shadow : 20px 0px #EEE;*/
}

/* p-breadcrumbs */

.p-breadcrumbs
{
    max-width: 1280px;
    margin: 130px auto 0 auto;

    text-align: left;
}

.p-breadcrumbs a
{
    font-size: 10.5px;
    font-size: .65625rem;

    -webkit-transition: compact(all .3s ease, false, false, false, false, false, false, false, false, false);
            transition: compact(all .3s ease, false, false, false, false, false, false, false, false, false);
    letter-spacing: .03em;

    color: #969696;
}

.p-breadcrumbs a:hover
{
    color: #000;
}

.p-breadcrumbs .pb-child
{
    position: relative;

    padding-right: 25px;
}

.p-breadcrumbs .pb-child::before
{
    position: absolute;
    top: 54%;
    right: 10px;

    width: 5px;
    height: 5px;
    margin-top: -3px;

    content: '';
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);

    border: 0;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
}

.p-breadcrumbs .pb-child::hover
{
    color: #000;
}

.p-breadcrumbs .pb-child-active::before
{
    display: none;
}

/* js__display */

.js__display
{
    position: relative;

    -webkit-transition: -webkit-transform 600ms ease,-webkit-box-shadow 300ms ease 600ms;
            transition: -webkit-transform 600ms ease,-webkit-box-shadow 300ms ease 600ms;
            transition:         transform 600ms ease,box-shadow 300ms ease 600ms;
            transition:         transform 600ms ease,box-shadow 300ms ease 600ms,-webkit-transform 600ms ease,-webkit-box-shadow 300ms ease 600ms;
    -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
            transform: scale(0, 1);
    -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
            transform-origin: 0 50%;
}

.js__display.js__show
{
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
}

.js__display::after
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: -webkit-transform 600ms ease 600ms;
            transition: -webkit-transform 600ms ease 600ms;
            transition:         transform 600ms ease 600ms;
            transition:         transform 600ms ease 600ms, -webkit-transform 600ms ease 600ms;
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
            transform-origin: 100% 50%;

    background-color: #000;
}

.js__display.js__show::after
{
    -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
            transform: scale(0, 1);
}

/* js__trans */

.js__trans
{
    position: relative;

    overflow: hidden;
}

.js__trans:after
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: -webkit-transform 1.8s cubic-bezier(.16, 1.08, .38, .98);
    -webkit-transition: 1.8s cubic-bezier(.16, 1.08, .38, .98);
            transition: -webkit-transform 1.8s cubic-bezier(.16, 1.08, .38, .98);
            transition: 1.8s cubic-bezier(.16, 1.08, .38, .98);
            transition:         transform 1.8s cubic-bezier(.16, 1.08, .38, .98), -webkit-transform 1.8s cubic-bezier(.16, 1.08, .38, .98);

    background: #fff;
}

.js__show.js__trans:after
{
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
}

/**** animation ****/

@-webkit-keyframes fadePage
{
    from
    {
        -webkit-transform: translateY(25px);
                transform: translateY(25px);

        opacity: 0;
    }
}

@keyframes fadePage
{
    from
    {
        -webkit-transform: translateY(25px);
                transform: translateY(25px);

        opacity: 0;
    }
}

@-webkit-keyframes fadeInUp
{
    from
    {
        -webkit-transform: translateY(100px);
                transform: translateY(100px);

        opacity: 0;
    }
}

@keyframes fadeInUp
{
    from
    {
        -webkit-transform: translateY(100px);
                transform: translateY(100px);

        opacity: 0;
    }
}

@-webkit-keyframes fadeInDown
{
    from
    {
        -webkit-transform: translateY(-100px);
                transform: translateY(-100px);

        opacity: 0;
    }
}

@keyframes fadeInDown
{
    from
    {
        -webkit-transform: translateY(-100px);
                transform: translateY(-100px);

        opacity: 0;
    }
}

@-webkit-keyframes fadeInRight
{
    from
    {
        -webkit-transform: translateX(100px);
                transform: translateX(100px);

        opacity: 0;
    }
}

@keyframes fadeInRight
{
    from
    {
        -webkit-transform: translateX(100px);
                transform: translateX(100px);

        opacity: 0;
    }
}

@-webkit-keyframes fadeInLeft
{
    from
    {
        -webkit-transform: translateX(-100px);
                transform: translateX(-100px);

        opacity: 0;
    }
}

@keyframes fadeInLeft
{
    from
    {
        -webkit-transform: translateX(-100px);
                transform: translateX(-100px);

        opacity: 0;
    }
}

@-webkit-keyframes fadeInCenter
{
    from
    {
        opacity: 0;
    }
}

@keyframes fadeInCenter
{
    from
    {
        opacity: 0;
    }
}

.fadePage
{
    -webkit-animation: fadePage .5s ease both;
            animation: fadePage .5s ease both;

    opacity: 1 !important;
}

.fadeInUp
{
    -webkit-animation: fadeInUp 1s ease both;
            animation: fadeInUp 1s ease both;

    opacity: 1 !important;
}

.fadeInDown
{
    -webkit-animation: fadeInDown 1s ease both;
            animation: fadeInDown 1s ease both;

    opacity: 1 !important;
}

.fadeInRight
{
    -webkit-animation: fadeInRight 1s ease both;
            animation: fadeInRight 1s ease both;

    opacity: 1 !important;
}

.fadeInLeft
{
    -webkit-animation: fadeInLeft 1s ease both;
            animation: fadeInLeft 1s ease both;

    opacity: 1 !important;
}

.fadeInCenter
{
    -webkit-animation: fadeInCenter .8s ease both;
            animation: fadeInCenter .8s ease both;

    opacity: 1 !important;
}

/*------------------------------------*\
    PAGETOP
\*------------------------------------*/

.pagetop
{
    position: fixed;
    z-index: 1000;
    right: 30px;
    bottom: 30px;

    width: 80px;
    max-width: 50px;
}

.pagetop a
{
    display: block;
}

/*------------------------------------*\
    BORDERS
\*------------------------------------*/

html:before,
html:after,
body:before,
body:after
{
    position: fixed;
    z-index: 10000;

    display: block;

    content: '';
}

/* 上 */

html:before
{
    top: 0;
    left: 0;

    width: 100vw;
    height: 30px;

    background-image: url(../images/common/border_top.png);
    background-repeat: repeat-x;
    background-position: left top;
    background-size: contain;
}

/* 右 */

html:after
{
    top: 0;
    right: 0;

    width: 10px;
    height: 100vh;

    background-image: url(../images/common/border_right.png);
    background-repeat: repeat-y;
    background-position: right top;
    background-size: contain;
}

/* 下 */

body:before
{
    bottom: 0;
    left: 0;

    width: 100vw;
    height: 10px;

    background-image: url(../images/common/border_bottom.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: contain;
}

/* 左 */

body:after
{
    top: 0;
    left: 0;

    width: 10px;
    height: 100vh;

    background-image: url(../images/common/border_left.png);
    background-repeat: repeat-y;
    background-position: left top;
    background-size: contain;
}

/*----------------------------------------
	footer
----------------------------------------*/

footer
{
    position: relative;
    z-index: 100;

    width: 100%;

    background-color: #f8f5f0;
}

footer.bg-invisible
{
    background: none;
}

footer .inner
{
    position: relative;

    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 10px;
}

footer .inner .f-nav .kissme
{
    display: block;

    width: 152px;

    -webkit-transition: .4s;
            transition: .4s;
}

footer .inner .f-nav .kissme:hover
{
    opacity: .6;
}

footer .inner .f-nav nav
{
    float: right;

    text-align: right;
}

footer .inner .f-nav nav .globalnav li
{
    display: inline-block;

    margin-left: 20px;
}

footer .inner .f-nav nav .globalnav li.online a
{
    font-family: 'Poppins', 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-weight: 600;

    color: #5a3928;
}

footer .inner .f-nav nav .globalnav li.online a:before
{
    display: inline-block;

    width: 21px;
    height: 18.5px;
    margin-right: 5px;

    content: '';
    -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
            transform: translateY(5px);

    background-image: url(../images/common/menu_i_online_br.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

footer .inner .f-nav nav .globalnav li.insta img
{
    width: auto;
    height: 16px;

    vertical-align: middle;
}

footer .inner .f-nav nav .globalnav li.insta span
{
    font-family: 'Poppins', 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-weight: 600;

    vertical-align: middle;

    color: #5a3928;
}

footer .inner .f-nav nav .globalnav li a
{
    font-size: 14px;
    font-size: .875rem;

    display: inline-block;

    -webkit-transition: .4s;
            transition: .4s;
}

footer .inner .f-nav nav .globalnav li a:hover
{
    opacity: .6;
}

footer .inner .f-nav nav .globalnav li + br
{
    display: none;
}

footer .inner .f-nav nav .footernav
{
    margin-top: 25px;
}

footer .inner .f-nav nav .footernav li
{
    font-size: 12px;
    font-size: .75rem;
    line-height: 2.2;

    display: inline-block;
}

footer .inner .f-nav nav .footernav li a
{
    font-size: 12px;
    font-size: .75rem;

    display: inline-block;

    -webkit-transition: .4s;
            transition: .4s;
}

footer .inner .f-nav nav .footernav li a:hover
{
    opacity: .6;
}

footer .inner .f-info
{
    display: table;

    width: 100%;
    margin-top: 70px;
    margin-bottom: 100px;

    text-align: left;
}

footer .inner .f-info .copy
{
    font-size: 12px;
    font-size: .75rem;

    display: table-cell;

    vertical-align: bottom;
}

footer .inner .f-info .maternity-mark
{
    display: table-cell;
    float: right;

    width: auto;
}

footer .inner .f-info .maternity-mark img
{
    width: auto;
    height: 80px;
}

footer .inner .f-info .welove
{
    display: table-cell;
    float: right;

    width: auto;
    margin-right: 20px;
}

footer .inner .f-info .welove a
{
    display: block;

    -webkit-transition: .4s;
            transition: .4s;
}

footer .inner .f-info .welove a:hover
{
    opacity: .6;
}

footer .inner .f-info .welove a img
{
    width: auto;
    height: 80px;
}

/*----------------------------------------
	header
----------------------------------------*/

header
{
    position: fixed;
    z-index: 1000;
    top: 45px;
    right: 50px;
    left: 50px;

    display: table;

    width: calc(100% - 100px);
    height: 80px;
    margin: 0 auto;
    padding: 20px 50px;

    table-layout: auto;

    border-radius: 50px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, .2);
            box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, .2);
}

header.cl-hd
{
    left: auto;

    width: 402px;
}

header.cl-hd > h1 a
{
    padding-right: 20px;
}

header.cl-hd nav
{
    display: none;
}

header h1
{
    display: table-cell;

    vertical-align: middle;
}

header h1 a
{
    display: block;

    width: 242px;

    -webkit-transition: .4s;
            transition: .4s;
}

header h1 a:hover
{
    opacity: .6;
}

header nav
{
    display: table-cell;

    vertical-align: middle;
}

header nav ul > li
{
    display: inline-block;

    vertical-align: middle;
}

header nav ul > li.insta
{
    display: none;

    padding-left: 5px;
}

header nav ul > li.insta img
{
    width: auto;
    height: 22px;
}

header nav ul > li.insta span
{
    font-family: 'Poppins', 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;

    display: inline;
}

header nav ul > li.active span
{
    color: #f37021;
}

header nav ul > li.online
{
    font-family: 'Poppins', 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: 600;

    letter-spacing: .08rem;

    color: #5a3928;
}

header nav ul > li:nth-child(1) a,
header nav ul > li:nth-child(1) span
{
    padding-left: 30px;
}

header nav ul > li:nth-child(1) a:before,
header nav ul > li:nth-child(1) span:before
{
    width: 25px;
    height: 20px;

    background-image: url(../images/common/menu_i_about.svg);
}

header nav ul > li:nth-child(1).active a:before,
header nav ul > li:nth-child(1).active span:before
{
    background-image: url(../images/common/menu_i_about_or.svg);
}

header nav ul > li:nth-child(2) a,
header nav ul > li:nth-child(2) span
{
    padding-left: 22px;

    cursor: pointer;
}

header nav ul > li:nth-child(2) a:before,
header nav ul > li:nth-child(2) span:before
{
    width: 17px;
    height: 33px;

    background-image: url(../images/common/menu_i_product.svg);
}

header nav ul > li:nth-child(2).active a:before,
header nav ul > li:nth-child(2).active span:before
{
    background-image: url(../images/common/menu_i_product_or.svg);
}

header nav ul > li:nth-child(2):hover .pulldown_wrap
{
    display: block;

    -webkit-animation: show .5s linear 0s forwards;
            animation: show .5s linear 0s forwards;
}

header nav ul > li:nth-child(3) a,
header nav ul > li:nth-child(3) span
{
    padding-left: 26px;
}

header nav ul > li:nth-child(3) a:before,
header nav ul > li:nth-child(3) span:before
{
    width: 21px;
    height: 20px;

    background-image: url(../images/common/menu_i_feature.svg);
}

header nav ul > li:nth-child(3).active a:before,
header nav ul > li:nth-child(3).active span:before
{
    background-image: url(../images/common/menu_i_feature_or.svg);
}

header nav ul > li:nth-child(3):hover .pulldown_wrap
{
    display: block;

    -webkit-animation: show .5s linear 0s forwards;
            animation: show .5s linear 0s forwards;
}

header nav ul > li:nth-child(4) a,
header nav ul > li:nth-child(4) span
{
    padding-left: 31px;
}

header nav ul > li:nth-child(4) a:before,
header nav ul > li:nth-child(4) span:before
{
    width: 26px;
    height: 25px;

    background-image: url(../images/common/menu_i_faq.svg);
}

header nav ul > li:nth-child(4).active a:before,
header nav ul > li:nth-child(4).active span:before
{
    background-image: url(../images/common/menu_i_faq_or.svg);
}

header nav ul > li:nth-child(5) a,
header nav ul > li:nth-child(5) span
{
    padding-left: 31px;

    cursor: pointer;
}

header nav ul > li:nth-child(5) a:before,
header nav ul > li:nth-child(5) span:before
{
    width: 25px;
    height: 23px;

    background-image: url(../images/common/menu_i_online_br.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

header nav ul > li:nth-child(5).active a:before,
header nav ul > li:nth-child(5).active span:before
{
    background-image: url(../images/common/menu_i_online_br.svg);
}

header nav ul > li:nth-child(5):hover .pulldown_wrap
{
    display: block;

    -webkit-animation: show .5s linear 0s forwards;
            animation: show .5s linear 0s forwards;
}

header nav ul > li a,
header nav ul > li span
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;

    position: relative;

    display: block;

    margin-left: 20px;

    -webkit-transition: .4s;
            transition: .4s;
    letter-spacing: .1rem;

    color: #5a3928;
}

header nav ul > li a:hover,
header nav ul > li span:hover
{
    opacity: .6;
}

header nav ul > li a:before,
header nav ul > li span:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: inline-block;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background-repeat: no-repeat;
    background-size: contain;
}

header nav ul > li .pulldown_wrap
{
    position: absolute;
    top: 45px;

    display: none;

    padding-top: 55px;
}

header nav ul > li .pulldown_wrap.online
{
    width: 240px;
}

header nav ul > li .pulldown_wrap .pulldown
{
    padding: 20px 30px;

    text-align: left;

    border-radius: 20px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, .2);
            box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, .2);
}

header nav ul > li .pulldown_wrap .pulldown li.active a
{
    color: #f37021;
}

header nav ul > li .pulldown_wrap .pulldown li a
{
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.3;

    margin: 0;
    padding: 10px 0;
}

header nav ul > li .pulldown_wrap .pulldown li a:before
{
    display: none;
}

header nav ul > li .pulldown_wrap .pulldown li.bn
{
    border: none;
}

header nav .banner-link
{
    display: none !important;

    margin-top: 15px;
}

header nav .kissme + .copy
{
    font-size: 10px;
    font-size: .625rem;

    margin-top: 40px;

    letter-spacing: .05rem;
}

.menu-button-container
{
    position: fixed;
    top: 65px;
    right: 80px;

    width: 40px;
    height: 40px;
}

.menu-button-container a
{
    position: relative;

    display: block;

    width: 40px;
    height: 40px;

    border-radius: 20px;
    background-color: #5a3928;
}

.menu-button-container a span
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 20px;
    height: 2px;
    margin: 0 auto;

    -webkit-transition: .4s;
            transition: .4s;

    border-radius: 1px;
    background-color: #fff;
}

.menu-button-container a span:first-child
{
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
}

.menu-button-container a span:last-child
{
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
}

.menu-button-container a.closing span:first-child
{
    top: 42%;

    -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
}

.menu-button-container a.closing span:last-child
{
    top: 58%;

    -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
}

/*----------------------------------------
	animation
----------------------------------------*/

@-webkit-keyframes show
{
    from
    {
        opacity: 0;
    }

    to
    {
        opacity: 1;
    }
}

@keyframes show
{
    from
    {
        opacity: 0;
    }

    to
    {
        opacity: 1;
    }
}

_:-ms-lang(x),
header nav
{
    padding-left: 50px;
}

/*----------------------------------------
	404.html
----------------------------------------*/

#notfound
{
    width: 100%;
    max-width: 1200px;
    margin: 270px auto 0;
}

#notfound .notfound-img
{
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
}

#notfound .notfound-text
{
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.4;

    margin-top: 30px;

    letter-spacing: .1rem;
}

#notfound .notfound-btn
{
    position: relative;

    display: block;

    width: 268px;
    height: 81px;
    margin: 15px auto 60px;

    -webkit-transition: .4s;
            transition: .4s;
    letter-spacing: .1rem;

    opacity: 1;
    background-image: url(../images/common/bg_btn.png);
    background-size: 100% 100%;
}

#notfound .notfound-btn:hover
{
    opacity: .6;
}

#notfound .notfound-btn:before
{
    position: absolute;
    top: 50%;
    right: 40px;

    display: block;

    width: 11px;
    height: 20px;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background-image: url(../images/common/btn_arrow.png);
    background-size: cover;
}

#notfound .notfound-btn span
{
    font-size: 14px;
    font-size: .875rem;

    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    white-space: nowrap;

    color: #fff;
}

/*----------------------------------------
	about
----------------------------------------*/

#about #about-container:before,
#faq #about-container:before
{
    position: relative;
    z-index: -1;

    display: block;

    width: 100%;
    height: 400px;

    content: '';

    background-image: url(../images/about/kv_about.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

#about #about-container .message .content-heading,
#faq #about-container .message .content-heading,
#about #about-container #faq #faq-container .faq-area .content-heading,
#faq #about-container #faq-container .faq-area .content-heading,
#faq #faq-container #about-container .faq-area .content-heading,
#about #about-container #feature #feature-container .feature-list .content-heading,
#faq #about-container #feature #feature-container .feature-list .content-heading,
#about #about-container #feature .product-content .feature-list .content-heading,
#faq #about-container #feature .product-content .feature-list .content-heading,
#feature #about #about-container .feature-list .content-heading,
#faq #about-container #feature #about .feature-list .content-heading,
#about #about-container #feature #faq .feature-list .content-heading,
#feature #faq #about-container .feature-list .content-heading,
#about #about-container .message #container #index-container #wide-area #voice-faq .content h2,
#container #index-container #wide-area #voice-faq .content #about #about-container .message h2,
#faq #about-container .message #container #index-container #wide-area #voice-faq .content h2,
#container #index-container #wide-area #voice-faq .content #faq #about-container .message h2,
#about #about-container #faq #faq-container .faq-area #container #index-container #wide-area #voice-faq .content h2,
#container #index-container #wide-area #voice-faq .content #about #about-container #faq #faq-container .faq-area h2,
#faq #about-container #faq-container .faq-area #container #index-container #wide-area #voice-faq .content h2,
#container #index-container #wide-area #voice-faq .content #faq #about-container #faq-container .faq-area h2,
#faq #faq-container #about-container .faq-area #container #index-container #wide-area #voice-faq .content h2,
#container #index-container #wide-area #voice-faq .content #faq #faq-container #about-container .faq-area h2,
#about #about-container #feature #feature-container .feature-list #container #index-container #wide-area #voice-faq .content h2,
#container #index-container #wide-area #voice-faq .content #about #about-container #feature #feature-container .feature-list h2,
#faq #about-container #feature #feature-container .feature-list #container #index-container #wide-area #voice-faq .content h2,
#container #index-container #wide-area #voice-faq .content #faq #about-container #feature #feature-container .feature-list h2,
#about #about-container #feature .product-content .feature-list #container #index-container #wide-area #voice-faq .content h2,
#container #index-container #wide-area #voice-faq .content #about #about-container #feature .product-content .feature-list h2,
#faq #about-container #feature .product-content .feature-list #container #index-container #wide-area #voice-faq .content h2,
#container #index-container #wide-area #voice-faq .content #faq #about-container #feature .product-content .feature-list h2,
#feature #about #about-container .feature-list #container #index-container #wide-area #voice-faq .content h2,
#container #index-container #wide-area #voice-faq .content #feature #about #about-container .feature-list h2,
#faq #about-container #feature #about .feature-list #container #index-container #wide-area #voice-faq .content h2,
#container #index-container #wide-area #voice-faq .content #faq #about-container #feature #about .feature-list h2,
#about #about-container #feature #faq .feature-list #container #index-container #wide-area #voice-faq .content h2,
#container #index-container #wide-area #voice-faq .content #about #about-container #feature #faq .feature-list h2,
#feature #faq #about-container .feature-list #container #index-container #wide-area #voice-faq .content h2,
#container #index-container #wide-area #voice-faq .content #feature #faq #about-container .feature-list h2,
#about #about-container .message #container #index-container #wide-area #feature .content#feature-area h2,
#container #index-container #wide-area #feature .content#feature-area #about #about-container .message h2,
#faq #about-container .message #container #index-container #wide-area #feature .content#feature-area h2,
#container #index-container #wide-area #feature .content#feature-area #faq #about-container .message h2,
#about #about-container #faq #faq-container .faq-area #container #index-container #wide-area #feature .content#feature-area h2,
#container #index-container #wide-area #feature .content#feature-area #about #about-container #faq #faq-container .faq-area h2,
#faq #about-container #faq-container .faq-area #container #index-container #wide-area #feature .content#feature-area h2,
#container #index-container #wide-area #feature .content#feature-area #faq #about-container #faq-container .faq-area h2,
#faq #faq-container #about-container .faq-area #container #index-container #wide-area #feature .content#feature-area h2,
#container #index-container #wide-area #feature .content#feature-area #faq #faq-container #about-container .faq-area h2,
#about #about-container #container #index-container #wide-area #feature #feature-container .feature-list .content#feature-area h2,
#container #index-container #wide-area #about #about-container #feature #feature-container .feature-list .content#feature-area h2,
#about #about-container #container #index-container #wide-area #feature .content#feature-area #feature-container .feature-list h2,
#container #index-container #wide-area #about #about-container #feature .content#feature-area #feature-container .feature-list h2,
#faq #about-container #container #index-container #wide-area #feature #feature-container .feature-list .content#feature-area h2,
#container #index-container #wide-area #faq #about-container #feature #feature-container .feature-list .content#feature-area h2,
#faq #about-container #container #index-container #wide-area #feature .content#feature-area #feature-container .feature-list h2,
#container #index-container #wide-area #faq #about-container #feature .content#feature-area #feature-container .feature-list h2,
#about #about-container #container #index-container #wide-area #feature .product-content .feature-list .content#feature-area h2,
#container #index-container #wide-area #about #about-container #feature .product-content .feature-list .content#feature-area h2,
#about #about-container #container #index-container #wide-area #feature .content#feature-area .product-content .feature-list h2,
#container #index-container #wide-area #about #about-container #feature .content#feature-area .product-content .feature-list h2,
#faq #about-container #container #index-container #wide-area #feature .product-content .feature-list .content#feature-area h2,
#container #index-container #wide-area #faq #about-container #feature .product-content .feature-list .content#feature-area h2,
#faq #about-container #container #index-container #wide-area #feature .content#feature-area .product-content .feature-list h2,
#container #index-container #wide-area #faq #about-container #feature .content#feature-area .product-content .feature-list h2,
#container #index-container #wide-area #feature #about #about-container .feature-list .content#feature-area h2,
#container #index-container #wide-area #feature .content#feature-area #about #about-container .feature-list h2,
#faq #about-container #container #index-container #wide-area #feature #about .feature-list .content#feature-area h2,
#container #index-container #wide-area #faq #about-container #feature #about .feature-list .content#feature-area h2,
#faq #about-container #container #index-container #wide-area #feature .content#feature-area #about .feature-list h2,
#container #index-container #wide-area #faq #about-container #feature .content#feature-area #about .feature-list h2,
#about #about-container #container #index-container #wide-area #feature #faq .feature-list .content#feature-area h2,
#container #index-container #wide-area #about #about-container #feature #faq .feature-list .content#feature-area h2,
#about #about-container #container #index-container #wide-area #feature .content#feature-area #faq .feature-list h2,
#container #index-container #wide-area #about #about-container #feature .content#feature-area #faq .feature-list h2,
#container #index-container #wide-area #feature #faq #about-container .feature-list .content#feature-area h2,
#container #index-container #wide-area #feature .content#feature-area #faq #about-container .feature-list h2
{
    margin-top: -30px;
}

#about #about-container .message .lineup-img,
#faq #about-container .message .lineup-img,
#about #about-container #faq #faq-container .faq-area .lineup-img,
#faq #about-container #faq-container .faq-area .lineup-img,
#faq #faq-container #about-container .faq-area .lineup-img,
#about #about-container #feature #feature-container .feature-list .lineup-img,
#faq #about-container #feature #feature-container .feature-list .lineup-img,
#about #about-container #feature .product-content .feature-list .lineup-img,
#faq #about-container #feature .product-content .feature-list .lineup-img,
#feature #about #about-container .feature-list .lineup-img,
#faq #about-container #feature #about .feature-list .lineup-img,
#about #about-container #feature #faq .feature-list .lineup-img,
#feature #faq #about-container .feature-list .lineup-img
{
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}

#about #about-container .message .about-message h3,
#faq #about-container .message .about-message h3,
#about #about-container #faq #faq-container .faq-area .about-message h3,
#faq #about-container #faq-container .faq-area .about-message h3,
#faq #faq-container #about-container .faq-area .about-message h3,
#about #about-container #feature #feature-container .feature-list .about-message h3,
#faq #about-container #feature #feature-container .feature-list .about-message h3,
#about #about-container #feature .product-content .feature-list .about-message h3,
#faq #about-container #feature .product-content .feature-list .about-message h3,
#feature #about #about-container .feature-list .about-message h3,
#faq #about-container #feature #about .feature-list .about-message h3,
#about #about-container #feature #faq .feature-list .about-message h3,
#feature #faq #about-container .feature-list .about-message h3
{
    font-size: 44px;
    font-size: 2.75rem;

    margin-top: 70px;

    letter-spacing: .1rem;

    color: #f37021;
}

#about #about-container .message .about-message .intro,
#faq #about-container .message .about-message .intro,
#about #about-container #faq #faq-container .faq-area .about-message .intro,
#faq #about-container #faq-container .faq-area .about-message .intro,
#faq #faq-container #about-container .faq-area .about-message .intro,
#about #about-container #feature #feature-container .feature-list .about-message .intro,
#faq #about-container #feature #feature-container .feature-list .about-message .intro,
#about #about-container #feature .product-content .feature-list .about-message .intro,
#faq #about-container #feature .product-content .feature-list .about-message .intro,
#feature #about #about-container .feature-list .about-message .intro,
#faq #about-container #feature #about .feature-list .about-message .intro,
#about #about-container #feature #faq .feature-list .about-message .intro,
#feature #faq #about-container .feature-list .about-message .intro
{
    font-size: 16px;
    font-size: 1rem;
    line-height: 2.1;

    margin-top: 50px;

    letter-spacing: .1rem;
}

#about #about-container .message .about-message strong,
#faq #about-container .message .about-message strong,
#about #about-container #faq #faq-container .faq-area .about-message strong,
#faq #about-container #faq-container .faq-area .about-message strong,
#faq #faq-container #about-container .faq-area .about-message strong,
#about #about-container #feature #feature-container .feature-list .about-message strong,
#faq #about-container #feature #feature-container .feature-list .about-message strong,
#about #about-container #feature .product-content .feature-list .about-message strong,
#faq #about-container #feature .product-content .feature-list .about-message strong,
#feature #about #about-container .feature-list .about-message strong,
#faq #about-container #feature #about .feature-list .about-message strong,
#about #about-container #feature #faq .feature-list .about-message strong,
#feature #faq #about-container .feature-list .about-message strong
{
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.5;

    position: relative;

    display: table;

    margin: 40px auto 0;

    letter-spacing: .05rem;
}

#about #about-container .message .about-message strong:before,
#faq #about-container .message .about-message strong:before,
#about #about-container #faq #faq-container .faq-area .about-message strong:before,
#faq #about-container #faq-container .faq-area .about-message strong:before,
#faq #faq-container #about-container .faq-area .about-message strong:before,
#about #about-container #feature #feature-container .feature-list .about-message strong:before,
#faq #about-container #feature #feature-container .feature-list .about-message strong:before,
#about #about-container #feature .product-content .feature-list .about-message strong:before,
#faq #about-container #feature .product-content .feature-list .about-message strong:before,
#feature #about #about-container .feature-list .about-message strong:before,
#faq #about-container #feature #about .feature-list .about-message strong:before,
#about #about-container #feature #faq .feature-list .about-message strong:before,
#feature #faq #about-container .feature-list .about-message strong:before
{
    position: absolute;
    top: -2rem;
    left: 0;

    content: '・・・・';

    color: #f37021;
}

#about #about-container .message .about-message strong sup,
#faq #about-container .message .about-message strong sup,
#about #about-container #faq #faq-container .faq-area .about-message strong sup,
#faq #about-container #faq-container .faq-area .about-message strong sup,
#faq #faq-container #about-container .faq-area .about-message strong sup,
#about #about-container #feature #feature-container .feature-list .about-message strong sup,
#faq #about-container #feature #feature-container .feature-list .about-message strong sup,
#about #about-container #feature .product-content .feature-list .about-message strong sup,
#faq #about-container #feature .product-content .feature-list .about-message strong sup,
#feature #about #about-container .feature-list .about-message strong sup,
#faq #about-container #feature #about .feature-list .about-message strong sup,
#about #about-container #feature #faq .feature-list .about-message strong sup,
#feature #faq #about-container .feature-list .about-message strong sup
{
    font-size: 20px;
    font-size: 1.25rem;
}

#about #about-container .secret,
#faq #about-container .secret
{
    margin-bottom: 100px;
}

#about #about-container .secret h2,
#faq #about-container .secret h2
{
    font-size: 40px;
    font-size: 2.5rem;

    position: relative;
}

#about #about-container .secret h2:before,
#faq #about-container .secret h2:before
{
    display: block;

    width: 112px;
    height: 112px;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 20px;

    content: '';
    -webkit-animation: loop 10s linear infinite;
            animation: loop 10s linear infinite;

    background-image: url(../images/about/icon_about.png);
    background-size: cover;
}

#about #about-container .secret h2 span,
#faq #about-container .secret h2 span
{
    position: absolute;
    top: 30px;
    left: 50%;

    width: 34px;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

#about #about-container .secret .point_list,
#faq #about-container .secret .point_list
{
    font-size: 0;

    position: relative;

    width: calc(100% - 100px);
    max-width: 1500px;
    margin: 50px auto 0;

    letter-spacing: 0;
}

#about #about-container .secret .point_list li,
#faq #about-container .secret .point_list li
{
    position: relative;

    display: inline-block;

    width: 33%;
    height: 400px;
    margin: 0 .5% 50px 0;
    padding-top: 36px;

    vertical-align: top;

    border-radius: 10px;
    background: url(../images/feature/bg_point_01.svg) center/58% no-repeat #f37021;
}

#about #about-container .secret .point_list li:last-child,
#faq #about-container .secret .point_list li:last-child
{
    margin-right: 0;
}

#about #about-container .secret .point_list li:nth-child(3),
#faq #about-container .secret .point_list li:nth-child(3),
#about #about-container .secret .point_list li:nth-child(5),
#faq #about-container .secret .point_list li:nth-child(5)
{
    margin-right: 0;
}

#about #about-container .secret .point_list li:nth-child(2),
#faq #about-container .secret .point_list li:nth-child(2)
{
    background-color: #5a3928;
}

#about #about-container .secret .point_list li::before,
#faq #about-container .secret .point_list li::before
{
    position: absolute;

    content: '';
}

#about #about-container .secret .point_list li::after,
#faq #about-container .secret .point_list li::after
{
    position: absolute;

    display: block;

    width: 45px;
    height: 45px;

    content: '';
}

#about #about-container .secret .point_list li:nth-child(1)::before,
#faq #about-container .secret .point_list li:nth-child(1)::before
{
    top: -2%;
    left: 1%;

    display: block;

    width: 45%;
    height: 27%;

    background: url(../images/feature/point_flag_01@2x.png) center/100% no-repeat;
}

#about #about-container .secret .point_list li:nth-child(2)::before,
#faq #about-container .secret .point_list li:nth-child(2)::before
{
    right: 1%;
    bottom: 3%;

    display: block;

    width: 45%;
    height: 27%;

    background: url(../images/feature/point_flag_01@2x.png) center/100% no-repeat;
}

#about #about-container .secret .point_list li:nth-child(3)::before,
#faq #about-container .secret .point_list li:nth-child(3)::before
{
    top: 5%;
    right: 1%;

    display: block;

    width: 40%;
    height: 43.5%;

    background: url(../images/feature/point_flag_02@2x.png) center/100% no-repeat;
}

#about #about-container .secret .point_list li .inner,
#faq #about-container .secret .point_list li .inner
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

#about #about-container .secret .point_list li .inner .point_no,
#faq #about-container .secret .point_list li .inner .point_no
{
    margin-bottom: 20px;
}

#about #about-container .secret .point_list li .inner .point_no img,
#faq #about-container .secret .point_list li .inner .point_no img
{
    width: 100%;
    max-width: 90px;
}

#about #about-container .secret .point_list li .inner strong,
#faq #about-container .secret .point_list li .inner strong
{
    display: block;

    margin-bottom: 25px;
}

#about #about-container .secret .point_list li .inner strong span,
#faq #about-container .secret .point_list li .inner strong span
{
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 37.5px;

    position: relative;
    z-index: 1;

    display: inline-block;

    white-space: nowrap;
    letter-spacing: .1em;

    color: #fff;
}

#about #about-container .secret .point_list li .inner strong span sup,
#faq #about-container .secret .point_list li .inner strong span sup
{
    font-size: 14px;
    font-size: .875rem;

    vertical-align: top;

    color: #fff;
}

#about #about-container .secret .point_list li .inner .txt,
#faq #about-container .secret .point_list li .inner .txt
{
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;

    white-space: nowrap;
    letter-spacing: .1em;

    color: #fff;
}

#about #about-container .secret .point_list li .inner .txt sup,
#faq #about-container .secret .point_list li .inner .txt sup
{
    font-size: 12px;
    font-size: .75rem;

    color: #fff;
}

#about #about-container .secret .bottom-msg,
#faq #about-container .secret .bottom-msg
{
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.5;

    margin-top: 60px;

    letter-spacing: .1rem;
}

#about #about-container .secret .bottom-msg-small,
#faq #about-container .secret .bottom-msg-small
{
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;

    margin-top: 50px;
}

footer + .fixed-banner.sub
{
    position: fixed;
    z-index: 1000;
    bottom: 0;

    display: none;

    width: 100%;

    background-color: rgba(90, 57, 39, .3);
}

footer + .fixed-banner.sub a
{
    display: block;

    -webkit-transition: .5s;
            transition: .5s;
}

footer + .fixed-banner.sub a:hover
{
    opacity: .7;
}

footer + .fixed-banner.sub img
{
    width: 80%;
    max-width: 800px;
    padding: 20px 0 20px;
}

footer + .fixed-banner.sub span
{
    font-size: 0;

    position: absolute;
    top: -20px;
    right: 35px;

    display: block;

    width: 40px;
    height: 40px;

    cursor: pointer;
    -webkit-transition: .5s;
            transition: .5s;

    border-radius: 50%;
    background-color: #5a3928;
}

footer + .fixed-banner.sub span:hover
{
    opacity: .8;
}

footer + .fixed-banner.sub span:before
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 20px;
    height: 2px;
    margin: 0 auto;

    content: '';
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);

    border-radius: 1px;
    background-color: #fff;
}

footer + .fixed-banner.sub span:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 20px;
    height: 2px;
    margin: 0 auto;

    content: '';
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);

    border-radius: 1px;
    background-color: #fff;
}

/* //////////////////////////////////////////
  ie-hack
//////////////////////////////////////////*/

_:-ms-lang(x),
#about #about-container .about-message strong:before,
#faq #about-container .about-message strong:before
{
    left: 0rem !important;

    letter-spacing: .1rem !important;
}

/*----------------------------------------
	about
----------------------------------------*/

#faq
{
    margin-bottom: 130px;
}

#faq #faq-container:before
{
    position: relative;
    z-index: -1;

    display: block;

    width: 100%;
    height: 400px;

    content: '';

    background-image: url(../images/faq/kv_faq.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

#faq #faq-container .faq-area .content-heading,
#faq #faq-container .faq-area #container #index-container #wide-area #voice-faq .content h2,
#container #index-container #wide-area #voice-faq .content #faq #faq-container .faq-area h2,
#faq #faq-container .faq-area #container #index-container #wide-area #feature .content#feature-area h2,
#container #index-container #wide-area #feature .content#feature-area #faq #faq-container .faq-area h2
{
    margin-top: -30px;
}

#faq #faq-container .faq-area .btn_anchor
{
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}

#faq #faq-container .faq-area .btn_anchor ul li
{
    float: left;

    width: 49%;
    margin-right: 2%;
}

#faq #faq-container .faq-area .btn_anchor ul li:nth-child(even)
{
    margin-right: 0;
}

#faq #faq-container .faq-area .btn_anchor ul li a
{
    font-size: 16px;
    font-size: 1rem;

    position: relative;

    display: block;

    width: 100%;
    padding: 50px 0;

    -webkit-transition: .6s;
            transition: .6s;

    color: #f37021;
    background-image: url(../images/faq/btn_faq.png);
    background-size: 100% 100%;
}

#faq #faq-container .faq-area .btn_anchor ul li a:hover
{
    opacity: .6;
}

#faq #faq-container .faq-area .btn_anchor ul li a:before
{
    position: absolute;
    top: 45%;
    right: 60px;

    display: block;

    width: 10px;
    height: 17px;

    content: '';
    -webkit-transform: rotate(90deg) translateY(-50%);
        -ms-transform: rotate(90deg) translateY(-50%);
            transform: rotate(90deg) translateY(-50%);

    background-image: url(../images/common/btn_arrow_or.png);
    background-size: cover;
}

#faq #faq-container .faq-area .faq-box
{
    margin-top: 90px;
}

#faq #faq-container .faq-area .faq-box#uv_item
{
    text-align: center;
}

#faq #faq-container .faq-area .faq-box#uv_item:before
{
    display: block;

    width: 60px;
    height: 60px;
    margin: 0 auto 15px;

    content: '';

    background-image: url(../images/common/i_uv.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#faq #faq-container .faq-area .faq-box#uv_item h3
{
    position: relative;

    display: inline-block;
}

#faq #faq-container .faq-area .faq-box#uv_item h3:before
{
    position: absolute;
    bottom: -10px;
    left: -36%;

    display: inline-block;

    width: 60px;
    height: 117px;

    content: '';

    background-image: url(../images/common/product_uv_gel.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#faq #faq-container .faq-area .faq-box#uv_item h3:after
{
    position: absolute;
    right: -36%;
    bottom: -10px;

    display: inline-block;

    width: 60px;
    height: 117px;

    content: '';

    background-image: url(../images/common/product_uv_milk.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#faq #faq-container .faq-area .faq-box h3 strong
{
    font-family: 'Poppins', 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: bold;

    display: block;

    letter-spacing: .15rem;
}

#faq #faq-container .faq-area .faq-box h3 small
{
    font-size: 22px;
    font-size: 1.375rem;

    display: block;

    margin-top: 20px;
}

#faq #faq-container .faq-area .faq-box .qanda
{
    width: 100%;
    max-width: 700px;
    margin: 70px auto 0;
}

#faq #faq-container .faq-area .faq-box .qanda ul
{
    padding-bottom: 40px;
}

#faq #faq-container .faq-area .faq-box .qanda ul li
{
    display: table;

    width: calc(100% - 50px);

    text-align: left;
}

#faq #faq-container .faq-area .faq-box .qanda ul li:first-child
{
    position: relative;
    z-index: 10;

    margin-bottom: 20px;
    padding: 30px;
    padding-right: 50px;

    cursor: pointer;
    -webkit-transition: .6s;
            transition: .6s;

    background-image: url(../images/faq/faq_q.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#faq #faq-container .faq-area .faq-box .qanda ul li:first-child:hover
{
    opacity: .6;
}

#faq #faq-container .faq-area .faq-box .qanda ul li:first-child.active span:after
{
    display: none;
}

#faq #faq-container .faq-area .faq-box .qanda ul li:first-child:before
{
    font-family: 'Poppins', 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-size: 60px;
    font-size: 3.75rem;

    display: table-cell;

    width: 2rem;

    content: 'Q';
    vertical-align: middle;

    color: #fff;
}

#faq #faq-container .faq-area .faq-box .qanda ul li:first-child:after
{
    position: absolute;
    z-index: -1;
    bottom: -35px;
    left: 40px;

    display: block;

    width: 60px;
    height: 60px;

    content: '';

    background-image: url(../images/feature/point_hikidashi_01.svg);
    background-size: cover;
}

#faq #faq-container .faq-area .faq-box .qanda ul li:first-child span
{
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.4;

    position: relative;

    display: table-cell;

    padding-right: 30px;
    padding-left: 20px;

    vertical-align: middle;
    letter-spacing: .1rem;

    color: #fff;
}

#faq #faq-container .faq-area .faq-box .qanda ul li:first-child span:before
{
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    width: 20px;
    height: 2px;

    content: '';

    border-radius: 1px;
    background-color: #fff;
}

#faq #faq-container .faq-area .faq-box .qanda ul li:first-child span:after
{
    position: absolute;
    top: calc(50% - 9px);
    right: 9px;

    display: block;

    width: 2px;
    height: 20px;

    content: '';

    border-radius: 1px;
    background-color: #fff;
}

#faq #faq-container .faq-area .faq-box .qanda ul li:last-child
{
    position: relative;
    z-index: 1;

    display: none;
    overflow: hidden;

    margin-left: 50px;
    padding: 40px;

    background-image: url(../images/faq/faq_a.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#faq #faq-container .faq-area .faq-box .qanda ul li:last-child:before
{
    font-family: 'Poppins', 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-size: 60px;
    font-size: 3.75rem;

    display: table-cell;

    width: 2rem;

    content: 'A';
    vertical-align: middle;

    color: #fff;
}

#faq #faq-container .faq-area .faq-box .qanda ul li:last-child.active
{
    display: block !important;
}

#faq #faq-container .faq-area .faq-box .qanda ul li:last-child span
{
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.4;

    display: table-cell;

    padding-left: 25px;

    vertical-align: middle;
    letter-spacing: .1rem;

    color: #fff;
    color: #fff;
}

#faq #faq-container .faq-area .faq-box .qanda ul li span sup
{
    font-size: 10px;
    font-size: .625rem;

    color: #fff;
}

/* //////////////////////////////////////////
  ie-hack
//////////////////////////////////////////*/

_:-ms-lang(x),
#faq #faq-container .qanda ul li:before
{
    display: inline-block !important;
}

/* Scss Document */

#container.page-feature
{
    overflow-y: hidden;
}

#feature-container #fv-area,
.product-content #fv-area,
#about #fv-area,
#faq #fv-area
{
    position: relative;

    width: 100%;
    height: 100vh;

    background: url(../images/feature/bg_main.jpg) left top/cover no-repeat;
}

#feature-container #fv-area .mainttl,
.product-content #fv-area .mainttl,
#about #fv-area .mainttl,
#faq #fv-area .mainttl
{
    position: absolute;
    z-index: 100;
    top: 21vh;
    left: 22%;
}

#feature-container #fv-area .mainttl strong,
.product-content #fv-area .mainttl strong,
#about #fv-area .mainttl strong,
#faq #fv-area .mainttl strong
{
    font-size: 5vh;
    line-height: 1.4;

    position: relative;

    display: table;

    white-space: nowrap;
    letter-spacing: .2rem;

    color: #5a3928;
    text-shadow: 0 0 3px #f8f5f0;
}

#feature-container #fv-area .mainttl strong:before,
.product-content #fv-area .mainttl strong:before,
#about #fv-area .mainttl strong:before,
#faq #fv-area .mainttl strong:before
{
    position: absolute;
    z-index: -1;
    bottom: 0;

    display: block;

    width: 100%;
    height: 20px;

    content: '';

    background-color: #fdce21;
}

#feature-container #fv-area .mainttl strong sup,
.product-content #fv-area .mainttl strong sup,
#about #fv-area .mainttl strong sup,
#faq #fv-area .mainttl strong sup
{
    font-size: 20px;
    font-size: 1.25rem;

    color: #5a3928;
}

#feature-container #fv-area .mainttl + .loop,
.product-content #fv-area .mainttl + .loop,
#about #fv-area .mainttl + .loop,
#faq #fv-area .mainttl + .loop
{
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: 80px;

    width: 238px;
    height: 238px;
}

#feature-container #fv-area .mainttl + .loop:after,
.product-content #fv-area .mainttl + .loop:after,
#about #fv-area .mainttl + .loop:after,
#faq #fv-area .mainttl + .loop:after
{
    position: absolute;
    z-index: -1;
    top: -32px;
    left: -25px;

    width: 288px;
    height: 302px;

    content: '';
    -webkit-animation: loop 10s linear infinite;
            animation: loop 10s linear infinite;

    background: url(../images/index/circle_text_kmm.png) center/100% no-repeat;
}

#feature-container #fv-area .mainttl + .loop p,
.product-content #fv-area .mainttl + .loop p,
#about #fv-area .mainttl + .loop p,
#faq #fv-area .mainttl + .loop p
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
}

#feature-container #fv-area .mainttl + .loop p:before,
.product-content #fv-area .mainttl + .loop p:before,
#about #fv-area .mainttl + .loop p:before,
#faq #fv-area .mainttl + .loop p:before
{
    display: block;

    width: 54px;
    height: 40px;
    margin: 0 auto 15px;

    content: '';

    background: url(../images/index/i_crown.svg) center/100% no-repeat;
}

#feature-container #fv-area .mainttl + .loop p span,
.product-content #fv-area .mainttl + .loop p span,
#about #fv-area .mainttl + .loop p span,
#faq #fv-area .mainttl + .loop p span
{
    font-size: 20px;
    font-size: 1.25rem;

    display: block;

    margin-bottom: 5px;

    color: #f37021;
}

#feature-container #fv-area .mainttl + .loop p strong,
.product-content #fv-area .mainttl + .loop p strong,
#about #fv-area .mainttl + .loop p strong,
#faq #fv-area .mainttl + .loop p strong
{
    font-size: 47px;
    font-size: 2.9375rem;
    font-weight: bold;

    display: block;

    margin-bottom: 10px;

    color: #f37021;
}

#feature-container #fv-area .mainttl + .loop p small,
.product-content #fv-area .mainttl + .loop p small,
#about #fv-area .mainttl + .loop p small,
#faq #fv-area .mainttl + .loop p small
{
    font-size: 20px;
    font-size: 1.25rem;

    color: #f37021;
}

#feature-container #fv-area .absolute-area,
.product-content #fv-area .absolute-area,
#about #fv-area .absolute-area,
#faq #fv-area .absolute-area
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: url(../images/feature/bg_main_inner@2x.png) left bottom/auto 100% no-repeat;
}

#feature-container #fv-area .absolute-area .absolute-area__info,
.product-content #fv-area .absolute-area .absolute-area__info,
#about #fv-area .absolute-area .absolute-area__info,
#faq #fv-area .absolute-area .absolute-area__info
{
    position: absolute;
    z-index: 100;
    bottom: 20px;
    left: 132px;

    width: 100%;
    max-width: 863px;
}

#feature-container #fv-area .absolute-area .absolute-area__info .fukidashi,
.product-content #fv-area .absolute-area .absolute-area__info .fukidashi,
#about #fv-area .absolute-area .absolute-area__info .fukidashi,
#faq #fv-area .absolute-area .absolute-area__info .fukidashi
{
    position: absolute;
    z-index: -1;

    display: inline-block;

    width: 202px;
    height: 119px;

    background: url(../images/index/bg_cloud.svg) center/100% no-repeat;
}

#feature-container #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
.product-content #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
#about #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
#faq #fv-area .absolute-area .absolute-area__info .fukidashi.gel
{
    bottom: 67%;
    left: -6%;
}

#feature-container #fv-area .absolute-area .absolute-area__info .fukidashi.milk,
.product-content #fv-area .absolute-area .absolute-area__info .fukidashi.milk,
#about #fv-area .absolute-area .absolute-area__info .fukidashi.milk,
#faq #fv-area .absolute-area .absolute-area__info .fukidashi.milk
{
    bottom: 57%;
    left: 54.7%;
}

#feature-container #fv-area .absolute-area .absolute-area__info .fukidashi span,
.product-content #fv-area .absolute-area .absolute-area__info .fukidashi span,
#about #fv-area .absolute-area .absolute-area__info .fukidashi span,
#faq #fv-area .absolute-area .absolute-area__info .fukidashi span
{
    font-size: 15px;
    font-size: .9375rem;
    font-weight: bold;
    line-height: 1.2;

    position: absolute;
    top: 53%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    white-space: nowrap;

    color: #03a8cb;
}

#feature-container #fv-area .absolute-area .absolute-area__info .fukidashi span strong,
.product-content #fv-area .absolute-area .absolute-area__info .fukidashi span strong,
#about #fv-area .absolute-area .absolute-area__info .fukidashi span strong,
#faq #fv-area .absolute-area .absolute-area__info .fukidashi span strong
{
    font-size: 20px;
    font-size: 1.25rem;

    display: block;

    margin-top: 3px;

    color: #03a8cb;
}

#feature-container #fv-area .absolute-area .absolute-area__info figure,
.product-content #fv-area .absolute-area .absolute-area__info figure,
#about #fv-area .absolute-area .absolute-area__info figure,
#faq #fv-area .absolute-area .absolute-area__info figure
{
    width: 100%;
    max-width: 450px;
    margin: 0 0 20px 46px;
}

#feature-container #fv-area .absolute-area .absolute-area__info figcaption,
.product-content #fv-area .absolute-area .absolute-area__info figcaption,
#about #fv-area .absolute-area .absolute-area__info figcaption,
#faq #fv-area .absolute-area .absolute-area__info figcaption
{
    margin-left: 1rem;

    text-align: left;
}

#feature-container #fv-area .absolute-area .absolute-area__info figcaption strong,
.product-content #fv-area .absolute-area .absolute-area__info figcaption strong,
#about #fv-area .absolute-area .absolute-area__info figcaption strong,
#faq #fv-area .absolute-area .absolute-area__info figcaption strong
{
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: bold;

    position: relative;

    display: block;

    margin-bottom: 15px;

    letter-spacing: .1rem;

    color: #fff;
}

#feature-container #fv-area .absolute-area .absolute-area__info figcaption strong:before,
.product-content #fv-area .absolute-area .absolute-area__info figcaption strong:before,
#about #fv-area .absolute-area .absolute-area__info figcaption strong:before,
#faq #fv-area .absolute-area .absolute-area__info figcaption strong:before
{
    position: absolute;
    z-index: -1;
    bottom: -3px;
    left: -6px;

    display: inline-block;

    width: 23rem;
    height: 10px;

    content: '';

    background-color: #f37021;
}

#feature-container #fv-area .absolute-area .absolute-area__info figcaption strong sup,
.product-content #fv-area .absolute-area .absolute-area__info figcaption strong sup,
#about #fv-area .absolute-area .absolute-area__info figcaption strong sup,
#faq #fv-area .absolute-area .absolute-area__info figcaption strong sup
{
    font-size: 10px;

    color: #fff;
}

#feature-container #fv-area .absolute-area .absolute-area__info figcaption small,
.product-content #fv-area .absolute-area .absolute-area__info figcaption small,
#about #fv-area .absolute-area .absolute-area__info figcaption small,
#faq #fv-area .absolute-area .absolute-area__info figcaption small
{
    font-size: 10px;
    line-height: 1.4;

    display: block;

    width: 100%;
    max-width: 640px;

    color: #fff;
}

#feature-container #fv-area .absolute-area .absolute-area__info .loop,
.product-content #fv-area .absolute-area .absolute-area__info .loop,
#about #fv-area .absolute-area .absolute-area__info .loop,
#faq #fv-area .absolute-area .absolute-area__info .loop
{
    position: absolute;
    right: 0;
    bottom: 80px;

    width: 238px;
    height: 238px;
}

#feature-container #fv-area .absolute-area .absolute-area__info .loop:after,
.product-content #fv-area .absolute-area .absolute-area__info .loop:after,
#about #fv-area .absolute-area .absolute-area__info .loop:after,
#faq #fv-area .absolute-area .absolute-area__info .loop:after
{
    position: absolute;
    z-index: -1;
    top: -32px;
    left: -25px;

    width: 288px;
    height: 302px;

    content: '';
    -webkit-animation: loop 10s linear infinite;
            animation: loop 10s linear infinite;

    background: url(../images/index/circle_text_kmm.png) center/100% no-repeat;
}

#feature-container #fv-area .absolute-area .absolute-area__info .loop p,
.product-content #fv-area .absolute-area .absolute-area__info .loop p,
#about #fv-area .absolute-area .absolute-area__info .loop p,
#faq #fv-area .absolute-area .absolute-area__info .loop p
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
}

#feature-container #fv-area .absolute-area .absolute-area__info .loop p:before,
.product-content #fv-area .absolute-area .absolute-area__info .loop p:before,
#about #fv-area .absolute-area .absolute-area__info .loop p:before,
#faq #fv-area .absolute-area .absolute-area__info .loop p:before
{
    display: block;

    width: 54px;
    height: 40px;
    margin: 0 auto 15px;

    content: '';

    background: url(../images/index/i_crown.svg) center/100% no-repeat;
}

#feature-container #fv-area .absolute-area .absolute-area__info .loop p span,
.product-content #fv-area .absolute-area .absolute-area__info .loop p span,
#about #fv-area .absolute-area .absolute-area__info .loop p span,
#faq #fv-area .absolute-area .absolute-area__info .loop p span
{
    font-size: 20px;
    font-size: 1.25rem;

    display: block;

    margin-bottom: 5px;

    color: #f37021;
}

#feature-container #fv-area .absolute-area .absolute-area__info .loop p strong,
.product-content #fv-area .absolute-area .absolute-area__info .loop p strong,
#about #fv-area .absolute-area .absolute-area__info .loop p strong,
#faq #fv-area .absolute-area .absolute-area__info .loop p strong
{
    font-size: 47px;
    font-size: 2.9375rem;
    font-weight: bold;

    display: block;

    margin-bottom: 10px;

    color: #f37021;
}

#feature-container #fv-area .absolute-area .absolute-area__info .loop p small,
.product-content #fv-area .absolute-area .absolute-area__info .loop p small,
#about #fv-area .absolute-area .absolute-area__info .loop p small,
#faq #fv-area .absolute-area .absolute-area__info .loop p small
{
    font-size: 20px;
    font-size: 1.25rem;

    color: #f37021;
}

#feature-container .about-area,
.product-content .about-area,
#about .about-area,
#faq .about-area
{
    max-width: 1200px;
    margin: 0 auto;
    padding: 130px 0 25px;
}

#feature-container .about-area h2,
.product-content .about-area h2,
#about .about-area h2,
#faq .about-area h2
{
    margin-bottom: 40px;

    text-shadow: 0 0 3px #f8f5f0;
}

#feature-container .about-area h2 span,
.product-content .about-area h2 span,
#about .about-area h2 span,
#faq .about-area h2 span
{
    font-size: 32px;
    font-size: 2rem;
    font-weight: bold;

    position: relative;

    display: inline-block;

    letter-spacing: .1em;
}

#feature-container .about-area h2 span::after,
.product-content .about-area h2 span::after,
#about .about-area h2 span::after,
#faq .about-area h2 span::after
{
    position: absolute;
    z-index: -1;
    bottom: -3px;

    display: block;

    width: 100%;
    height: 14px;

    content: '';

    background-color: #fdce21;
}

#feature-container .about-area .lead,
.product-content .about-area .lead,
#about .about-area .lead,
#faq .about-area .lead
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 34px;

    margin-bottom: 60px;

    letter-spacing: .15em;

    text-shadow: 0 0 3px #f8f5f0;
}

#feature-container .about-area .point_list,
.product-content .about-area .point_list,
#about .about-area .point_list,
#faq .about-area .point_list
{
    font-size: 0;

    position: relative;

    margin: 0 auto;

    letter-spacing: 0;
}

#feature-container .about-area .point_list::after,
.product-content .about-area .point_list::after,
#about .about-area .point_list::after,
#faq .about-area .point_list::after
{
    position: absolute;
    right: 0;
    bottom: 50px;
    left: 0;

    display: block;

    width: 394px;
    height: 266px;
    margin: 0 auto;

    content: '';

    background: url(../images/feature/bg_point_02.svg) center/auto 100% no-repeat;
}

#feature-container .about-area .point_list li,
.product-content .about-area .point_list li,
#about .about-area .point_list li,
#faq .about-area .point_list li
{
    position: relative;

    display: inline-block;

    width: 394px;
    height: 284px;
    margin: 0 9px 50px 0;
    padding-top: 36px;

    vertical-align: top;

    border-radius: 10px;
    background: url(../images/feature/bg_point_01.svg) center/58% no-repeat #f37021;
}

#feature-container .about-area .point_list li:nth-child(3),
.product-content .about-area .point_list li:nth-child(3),
#about .about-area .point_list li:nth-child(3),
#faq .about-area .point_list li:nth-child(3),
#feature-container .about-area .point_list li:nth-child(5),
.product-content .about-area .point_list li:nth-child(5),
#about .about-area .point_list li:nth-child(5),
#faq .about-area .point_list li:nth-child(5)
{
    margin-right: 0;
}

#feature-container .about-area .point_list li:nth-child(2),
.product-content .about-area .point_list li:nth-child(2),
#about .about-area .point_list li:nth-child(2),
#faq .about-area .point_list li:nth-child(2)
{
    background-color: #5a3928;
}

#feature-container .about-area .point_list li:nth-child(4),
.product-content .about-area .point_list li:nth-child(4),
#about .about-area .point_list li:nth-child(4),
#faq .about-area .point_list li:nth-child(4)
{
    margin-right: 412px;
}

#feature-container .about-area .point_list li:nth-child(4),
.product-content .about-area .point_list li:nth-child(4),
#about .about-area .point_list li:nth-child(4),
#faq .about-area .point_list li:nth-child(4),
#feature-container .about-area .point_list li:nth-child(5),
.product-content .about-area .point_list li:nth-child(5),
#about .about-area .point_list li:nth-child(5),
#faq .about-area .point_list li:nth-child(5)
{
    padding-top: 86px;
}

#feature-container .about-area .point_list li::before,
.product-content .about-area .point_list li::before,
#about .about-area .point_list li::before,
#faq .about-area .point_list li::before
{
    position: absolute;

    content: '';
}

#feature-container .about-area .point_list li::after,
.product-content .about-area .point_list li::after,
#about .about-area .point_list li::after,
#faq .about-area .point_list li::after
{
    position: absolute;

    display: block;

    width: 45px;
    height: 45px;

    content: '';
}

#feature-container .about-area .point_list li:nth-child(1)::before,
.product-content .about-area .point_list li:nth-child(1)::before,
#about .about-area .point_list li:nth-child(1)::before,
#faq .about-area .point_list li:nth-child(1)::before
{
    top: -2%;
    left: 1%;

    display: block;

    width: 45%;
    height: 27%;

    background: url(../images/feature/point_flag_01@2x.png) center/100% no-repeat;
}

#feature-container .about-area .point_list li:nth-child(1)::after,
.product-content .about-area .point_list li:nth-child(1)::after,
#about .about-area .point_list li:nth-child(1)::after,
#faq .about-area .point_list li:nth-child(1)::after
{
    right: 10%;
    bottom: -28px;

    background: url(../images/feature/point_hikidashi_01.svg) center/100% no-repeat;
}

#feature-container .about-area .point_list li:nth-child(2)::before,
.product-content .about-area .point_list li:nth-child(2)::before,
#about .about-area .point_list li:nth-child(2)::before,
#faq .about-area .point_list li:nth-child(2)::before
{
    right: 1%;
    bottom: 3%;

    display: block;

    width: 45%;
    height: 27%;

    background: url(../images/feature/point_flag_01@2x.png) center/100% no-repeat;
}

#feature-container .about-area .point_list li:nth-child(2)::after,
.product-content .about-area .point_list li:nth-child(2)::after,
#about .about-area .point_list li:nth-child(2)::after,
#faq .about-area .point_list li:nth-child(2)::after
{
    right: 10%;
    bottom: -28px;

    background: url(../images/feature/point_hikidashi_02.svg) center/100% no-repeat;
}

#feature-container .about-area .point_list li:nth-child(3)::before,
.product-content .about-area .point_list li:nth-child(3)::before,
#about .about-area .point_list li:nth-child(3)::before,
#faq .about-area .point_list li:nth-child(3)::before
{
    top: 5%;
    right: 1%;

    display: block;

    width: 40%;
    height: 43.5%;

    background: url(../images/feature/point_flag_02@2x.png) center/100% no-repeat;
}

#feature-container .about-area .point_list li:nth-child(3)::after,
.product-content .about-area .point_list li:nth-child(3)::after,
#about .about-area .point_list li:nth-child(3)::after,
#faq .about-area .point_list li:nth-child(3)::after
{
    bottom: -28px;
    left: 10%;

    background: url(../images/feature/point_hikidashi_03.svg) center/100% no-repeat;
}

#feature-container .about-area .point_list li:nth-child(4)::after,
.product-content .about-area .point_list li:nth-child(4)::after,
#about .about-area .point_list li:nth-child(4)::after,
#faq .about-area .point_list li:nth-child(4)::after
{
    right: -33px;
    bottom: 20%;

    background: url(../images/feature/point_hikidashi_04.svg) center/100% no-repeat;
}

#feature-container .about-area .point_list li:nth-child(5)::before,
.product-content .about-area .point_list li:nth-child(5)::before,
#about .about-area .point_list li:nth-child(5)::before,
#faq .about-area .point_list li:nth-child(5)::before
{
    top: -3%;
    left: 24%;

    display: block;

    width: 45%;
    height: 20%;

    background: url(../images/feature/point_flag_03@2x.png) center/100% no-repeat;
}

#feature-container .about-area .point_list li:nth-child(5)::after,
.product-content .about-area .point_list li:nth-child(5)::after,
#about .about-area .point_list li:nth-child(5)::after,
#faq .about-area .point_list li:nth-child(5)::after
{
    bottom: 20%;
    left: -33px;

    background: url(../images/feature/point_hikidashi_05.svg) center/100% no-repeat;
}

#feature-container .about-area .point_list li .point_no,
.product-content .about-area .point_list li .point_no,
#about .about-area .point_list li .point_no,
#faq .about-area .point_list li .point_no
{
    margin-bottom: 10px;
}

#feature-container .about-area .point_list li .point_no img,
.product-content .about-area .point_list li .point_no img,
#about .about-area .point_list li .point_no img,
#faq .about-area .point_list li .point_no img
{
    width: auto;
    max-width: inherit;
    height: 23px;
}

#feature-container .about-area .point_list li strong,
.product-content .about-area .point_list li strong,
#about .about-area .point_list li strong,
#faq .about-area .point_list li strong
{
    display: block;

    margin-bottom: 15px;
}

#feature-container .about-area .point_list li strong span,
.product-content .about-area .point_list li strong span,
#about .about-area .point_list li strong span,
#faq .about-area .point_list li strong span
{
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 37.5px;

    position: relative;
    z-index: 1;

    display: inline-block;

    letter-spacing: .1em;

    color: #fff;
}

#feature-container .about-area .point_list li strong span::after,
.product-content .about-area .point_list li strong span::after,
#about .about-area .point_list li strong span::after,
#faq .about-area .point_list li strong span::after
{
    position: absolute;
    z-index: -1;
    bottom: 6px;

    display: block;

    width: 100%;
    height: 5px;

    content: '';

    background-color: #fdce21;
}

#feature-container .about-area .point_list li strong span sup,
.product-content .about-area .point_list li strong span sup,
#about .about-area .point_list li strong span sup,
#faq .about-area .point_list li strong span sup
{
    font-size: 12px;
    font-size: .75rem;

    color: #fff;
}

#feature-container .about-area .point_list li .txt,
.product-content .about-area .point_list li .txt,
#about .about-area .point_list li .txt,
#faq .about-area .point_list li .txt
{
    font-size: 15px;
    font-size: .9375rem;
    line-height: 26px;

    letter-spacing: .1em;

    color: #fff;
}

#feature-container .about-area .point_list li .txt sup,
.product-content .about-area .point_list li .txt sup,
#about .about-area .point_list li .txt sup,
#faq .about-area .point_list li .txt sup
{
    font-size: 10px;
    font-size: .625rem;
    font-weight: 500;

    color: #fff;
}

#feature-container .about-area .item_nav,
.product-content .about-area .item_nav,
#about .about-area .item_nav,
#faq .about-area .item_nav
{
    font-size: 0;

    max-width: 1075px;
    margin: 0 auto;

    letter-spacing: 0;

    background: url(../images/feature/bg_about_01.svg) 53% 40%/215px no-repeat;
}

#feature-container .about-area .item_nav li,
.product-content .about-area .item_nav li,
#about .about-area .item_nav li,
#faq .about-area .item_nav li
{
    position: relative;

    display: inline-block;

    width: 50%;

    vertical-align: top;
}

#feature-container .about-area .item_nav li a,
.product-content .about-area .item_nav li a,
#about .about-area .item_nav li a,
#faq .about-area .item_nav li a
{
    display: block;
}

#feature-container .about-area .item_nav li .spf,
.product-content .about-area .item_nav li .spf,
#about .about-area .item_nav li .spf,
#faq .about-area .item_nav li .spf
{
    border-radius: 50%;
    background-color: #f37021;
}

#feature-container .about-area .item_nav li .spf span,
.product-content .about-area .item_nav li .spf span,
#about .about-area .item_nav li .spf span,
#faq .about-area .item_nav li .spf span
{
    font-family: 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;

    display: block;

    color: #fff;
}

#feature-container .about-area .item_nav li .spf strong,
.product-content .about-area .item_nav li .spf strong,
#about .about-area .item_nav li .spf strong,
#faq .about-area .item_nav li .spf strong
{
    font-family: 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-weight: bold;

    display: block;

    color: #fff;
}

#feature-container .about-area .item_nav li .spf strong sup,
.product-content .about-area .item_nav li .spf strong sup,
#about .about-area .item_nav li .spf strong sup,
#faq .about-area .item_nav li .spf strong sup
{
    font-family: 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;

    position: relative;
    top: -20px;

    color: #fff;
}

#feature-container .about-area .item_nav li .spf small,
.product-content .about-area .item_nav li .spf small,
#about .about-area .item_nav li .spf small,
#faq .about-area .item_nav li .spf small
{
    font-family: 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;

    color: #fff;
}

#feature-container .about-area .item_nav li .txt,
.product-content .about-area .item_nav li .txt,
#about .about-area .item_nav li .txt,
#faq .about-area .item_nav li .txt
{
    text-align: left;

    text-shadow: 0 0 3px #f8f5f0;
}

#feature-container .about-area .item_nav li .txt h3,
.product-content .about-area .item_nav li .txt h3,
#about .about-area .item_nav li .txt h3,
#faq .about-area .item_nav li .txt h3
{
    margin-bottom: 20px;
}

#feature-container .about-area .item_nav li .txt h3 span,
.product-content .about-area .item_nav li .txt h3 span,
#about .about-area .item_nav li .txt h3 span,
#faq .about-area .item_nav li .txt h3 span
{
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: bold;

    position: relative;

    display: inline-block;

    white-space: nowrap;
    letter-spacing: .1em;
}

#feature-container .about-area .item_nav li .txt h3 span::after,
.product-content .about-area .item_nav li .txt h3 span::after,
#about .about-area .item_nav li .txt h3 span::after,
#faq .about-area .item_nav li .txt h3 span::after
{
    position: absolute;
    z-index: -1;
    bottom: -3px;

    display: block;

    width: 100%;
    height: 10px;

    content: '';

    background-color: #fdce21;
}

#feature-container .about-area .item_nav li .txt p,
.product-content .about-area .item_nav li .txt p,
#about .about-area .item_nav li .txt p,
#faq .about-area .item_nav li .txt p
{
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 36px;

    white-space: nowrap;
    letter-spacing: .1em;
}

#feature-container .about-area .item_nav li .txt p strong,
.product-content .about-area .item_nav li .txt p strong,
#about .about-area .item_nav li .txt p strong,
#faq .about-area .item_nav li .txt p strong
{
    font-size: 28px;
    font-size: 1.75rem;
}

#feature-container .about-area .item_nav li .btn_click,
.product-content .about-area .item_nav li .btn_click,
#about .about-area .item_nav li .btn_click,
#faq .about-area .item_nav li .btn_click
{
    font-size: 16px;
    font-size: 1rem;

    padding-top: 20px;

    letter-spacing: .06em;

    color: #f37021;
    background: url(../images/feature/ico_click.svg) center top/17px no-repeat;
}

#feature-container .about-area .item_nav li:nth-child(1),
.product-content .about-area .item_nav li:nth-child(1),
#about .about-area .item_nav li:nth-child(1),
#faq .about-area .item_nav li:nth-child(1)
{
    height: 480px;
}

#feature-container .about-area .item_nav li:nth-child(1) .photo,
.product-content .about-area .item_nav li:nth-child(1) .photo,
#about .about-area .item_nav li:nth-child(1) .photo,
#faq .about-area .item_nav li:nth-child(1) .photo
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 257px;
}

#feature-container .about-area .item_nav li:nth-child(1) .spf,
.product-content .about-area .item_nav li:nth-child(1) .spf,
#about .about-area .item_nav li:nth-child(1) .spf,
#faq .about-area .item_nav li:nth-child(1) .spf
{
    position: absolute;
    top: 230px;
    left: 220px;

    width: 133px;
    height: 133px;
}

#feature-container .about-area .item_nav li:nth-child(1) .spf span,
.product-content .about-area .item_nav li:nth-child(1) .spf span,
#about .about-area .item_nav li:nth-child(1) .spf span,
#faq .about-area .item_nav li:nth-child(1) .spf span
{
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 32px;

    padding-top: 15px;
}

#feature-container .about-area .item_nav li:nth-child(1) .spf strong,
.product-content .about-area .item_nav li:nth-child(1) .spf strong,
#about .about-area .item_nav li:nth-child(1) .spf strong,
#faq .about-area .item_nav li:nth-child(1) .spf strong
{
    font-size: 57px;
    font-size: 3.5625rem;
    line-height: 49px;

    margin-bottom: 3px;
}

#feature-container .about-area .item_nav li:nth-child(1) .spf small,
.product-content .about-area .item_nav li:nth-child(1) .spf small,
#about .about-area .item_nav li:nth-child(1) .spf small,
#faq .about-area .item_nav li:nth-child(1) .spf small
{
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 20px;
}

#feature-container .about-area .item_nav li:nth-child(1) .txt,
.product-content .about-area .item_nav li:nth-child(1) .txt,
#about .about-area .item_nav li:nth-child(1) .txt,
#faq .about-area .item_nav li:nth-child(1) .txt
{
    position: absolute;
    z-index: 1;
    top: 80px;
    left: 240px;
}

#feature-container .about-area .item_nav li:nth-child(1) .btn_click,
.product-content .about-area .item_nav li:nth-child(1) .btn_click,
#about .about-area .item_nav li:nth-child(1) .btn_click,
#faq .about-area .item_nav li:nth-child(1) .btn_click
{
    position: absolute;
    top: 450px;
    left: 129px;
}

#feature-container .about-area .item_nav li:nth-child(2),
.product-content .about-area .item_nav li:nth-child(2),
#about .about-area .item_nav li:nth-child(2),
#faq .about-area .item_nav li:nth-child(2)
{
    height: 566px;
}

#feature-container .about-area .item_nav li:nth-child(2) .photo,
.product-content .about-area .item_nav li:nth-child(2) .photo,
#about .about-area .item_nav li:nth-child(2) .photo,
#faq .about-area .item_nav li:nth-child(2) .photo
{
    position: absolute;
    z-index: 1;
    top: 140px;
    right: 0;

    width: 192px;
}

#feature-container .about-area .item_nav li:nth-child(2) .spf,
.product-content .about-area .item_nav li:nth-child(2) .spf,
#about .about-area .item_nav li:nth-child(2) .spf,
#faq .about-area .item_nav li:nth-child(2) .spf
{
    position: absolute;
    top: 173px;
    right: 160px;

    width: 115px;
    height: 115px;
}

#feature-container .about-area .item_nav li:nth-child(2) .spf span,
.product-content .about-area .item_nav li:nth-child(2) .spf span,
#about .about-area .item_nav li:nth-child(2) .spf span,
#faq .about-area .item_nav li:nth-child(2) .spf span
{
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 27px;

    padding-top: 12px;
}

#feature-container .about-area .item_nav li:nth-child(2) .spf strong,
.product-content .about-area .item_nav li:nth-child(2) .spf strong,
#about .about-area .item_nav li:nth-child(2) .spf strong,
#faq .about-area .item_nav li:nth-child(2) .spf strong
{
    font-size: 49px;
    font-size: 3.0625rem;
    line-height: 42px;

    margin-bottom: 3px;
}

#feature-container .about-area .item_nav li:nth-child(2) .spf strong sup,
.product-content .about-area .item_nav li:nth-child(2) .spf strong sup,
#about .about-area .item_nav li:nth-child(2) .spf strong sup,
#faq .about-area .item_nav li:nth-child(2) .spf strong sup
{
    font-size: 20px;
    font-size: 1.25rem;

    top: -10px;
}

#feature-container .about-area .item_nav li:nth-child(2) .spf small,
.product-content .about-area .item_nav li:nth-child(2) .spf small,
#about .about-area .item_nav li:nth-child(2) .spf small,
#faq .about-area .item_nav li:nth-child(2) .spf small
{
    font-size: 16px;
    font-size: 1rem;
    line-height: 17px;
}

#feature-container .about-area .item_nav li:nth-child(2) .txt,
.product-content .about-area .item_nav li:nth-child(2) .txt,
#about .about-area .item_nav li:nth-child(2) .txt,
#faq .about-area .item_nav li:nth-child(2) .txt
{
    position: absolute;
    top: 330px;
    right: 200px;
}

#feature-container .about-area .item_nav li:nth-child(2) .btn_click,
.product-content .about-area .item_nav li:nth-child(2) .btn_click,
#about .about-area .item_nav li:nth-child(2) .btn_click,
#faq .about-area .item_nav li:nth-child(2) .btn_click
{
    position: absolute;
    top: 536px;
    right: 113px;
}

#feature-container .attention-area,
.product-content .attention-area,
#about .attention-area,
#faq .attention-area
{
    position: relative;

    padding: 40px 0;
}

#feature-container .attention-area::after,
.product-content .attention-area::after,
#about .attention-area::after,
#faq .attention-area::after
{
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background-color: #fff;
}

#feature-container .attention-area ol,
.product-content .attention-area ol,
#about .attention-area ol,
#faq .attention-area ol
{
    max-width: 646px;
    margin: 0 auto;

    text-align: left;
}

#feature-container .attention-area ol li,
.product-content .attention-area ol li,
#about .attention-area ol li,
#faq .attention-area ol li
{
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;

    position: relative;

    padding-left: 40px;

    text-shadow: 0 0 3px #fff;
}

#feature-container .attention-area ol li span,
.product-content .attention-area ol li span,
#about .attention-area ol li span,
#faq .attention-area ol li span
{
    position: absolute;
    top: 4px;
    left: 0;

    display: block;
}

#feature-container .attention-area ol li sup,
.product-content .attention-area ol li sup,
#about .attention-area ol li sup,
#faq .attention-area ol li sup
{
    font-size: 10px;
    font-size: .625rem;
}

#feature-container .item-area,
.product-content .item-area,
#about .item-area,
#faq .item-area
{
    padding: 154px 0 110px;
}

#feature-container .item-area#milk,
.product-content .item-area#milk,
#about .item-area#milk,
#faq .item-area#milk
{
    padding: 20px 0 20px;
}

#feature-container .item-area_inner,
.product-content .item-area_inner,
#about .item-area_inner,
#faq .item-area_inner
{
    max-width: 1000px;
    margin: 0 auto;

    text-align: left;
}

#feature-container .item-area_inner .left-box,
.product-content .item-area_inner .left-box,
#about .item-area_inner .left-box,
#faq .item-area_inner .left-box
{
    float: left;

    width: 408px;
}

#feature-container .item-area_inner .left-box .photo,
.product-content .item-area_inner .left-box .photo,
#about .item-area_inner .left-box .photo,
#faq .item-area_inner .left-box .photo
{
    margin-bottom: 28px;
}

#feature-container .item-area_inner .left-box ul,
.product-content .item-area_inner .left-box ul,
#about .item-area_inner .left-box ul,
#faq .item-area_inner .left-box ul
{
    font-size: 0;

    margin: 0 7px;

    letter-spacing: 0;
}

#feature-container .item-area_inner .left-box ul li,
.product-content .item-area_inner .left-box ul li,
#about .item-area_inner .left-box ul li,
#faq .item-area_inner .left-box ul li
{
    display: inline-block;

    width: 185px;
    margin: 0 6px;

    vertical-align: top;
}

#feature-container .item-area_inner .right-box,
.product-content .item-area_inner .right-box,
#about .item-area_inner .right-box,
#faq .item-area_inner .right-box
{
    float: right;

    width: 540px;
}

#feature-container .item-area_inner .right-box h1,
.product-content .item-area_inner .right-box h1,
#about .item-area_inner .right-box h1,
#faq .item-area_inner .right-box h1
{
    font-size: 38px;
    font-size: 2.375rem;
    font-weight: bold;

    margin-bottom: 25px;

    white-space: nowrap;
    letter-spacing: .1em;

    text-shadow: 0 0 3px #f8f5f0;
}

#feature-container .item-area_inner .right-box h1 .en,
.product-content .item-area_inner .right-box h1 .en,
#about .item-area_inner .right-box h1 .en,
#faq .item-area_inner .right-box h1 .en
{
    font-size: 16px;
    font-size: 1rem;

    display: block;

    margin-bottom: 15px;
}

#feature-container .item-area_inner .right-box h2,
.product-content .item-area_inner .right-box h2,
#about .item-area_inner .right-box h2,
#faq .item-area_inner .right-box h2
{
    font-size: 38px;
    font-size: 2.375rem;
    font-weight: bold;

    margin-bottom: 25px;

    white-space: nowrap;
    letter-spacing: .1em;

    text-shadow: 0 0 3px #f8f5f0;
}

#feature-container .item-area_inner .right-box h2 .en,
.product-content .item-area_inner .right-box h2 .en,
#about .item-area_inner .right-box h2 .en,
#faq .item-area_inner .right-box h2 .en
{
    font-size: 16px;
    font-size: 1rem;

    display: block;

    margin-bottom: 15px;
}

#feature-container .item-area_inner .right-box .price-box,
.product-content .item-area_inner .right-box .price-box,
#about .item-area_inner .right-box .price-box,
#faq .item-area_inner .right-box .price-box
{
    position: relative;

    text-shadow: 0 0 3px #f8f5f0;
}

#feature-container .item-area_inner .right-box .price-box:after,
.product-content .item-area_inner .right-box .price-box:after,
#about .item-area_inner .right-box .price-box:after,
#faq .item-area_inner .right-box .price-box:after
{
    display: block;
    display: none;

    width: 385px;
    height: 2px;
    margin-top: 5px;
    margin-bottom: 20px;

    content: '';

    background-color: #f37021;
}

#feature-container .item-area_inner .right-box .price-box .price,
.product-content .item-area_inner .right-box .price-box .price,
#about .item-area_inner .right-box .price-box .price,
#faq .item-area_inner .right-box .price-box .price
{
    font-weight: bold;

    margin-bottom: 10px;
}

#feature-container .item-area_inner .right-box .price-box .price strong,
.product-content .item-area_inner .right-box .price-box .price strong,
#about .item-area_inner .right-box .price-box .price strong,
#faq .item-area_inner .right-box .price-box .price strong
{
    font-size: 26px;
    font-size: 1.625rem;

    letter-spacing: .06em;

    color: #f37021;
}

#feature-container .item-area_inner .right-box .price-box .price small,
.product-content .item-area_inner .right-box .price-box .price small,
#about .item-area_inner .right-box .price-box .price small,
#faq .item-area_inner .right-box .price-box .price small
{
    font-size: 14px;
    font-size: 26px;
    font-size: 1.625rem;

    letter-spacing: .1em;

    color: #f37021;
}

#feature-container .item-area_inner .right-box .price-box .dtl,
.product-content .item-area_inner .right-box .price-box .dtl,
#about .item-area_inner .right-box .price-box .dtl,
#faq .item-area_inner .right-box .price-box .dtl
{
    font-size: 12px;
    font-size: .75rem;
    line-height: 20px;

    position: static;
    top: 0;
    left: 190px;

    letter-spacing: .1em;
}

#feature-container .item-area_inner .right-box .btn_online.pulldown_block,
.product-content .item-area_inner .right-box .btn_online.pulldown_block,
#about .item-area_inner .right-box .btn_online.pulldown_block,
#faq .item-area_inner .right-box .btn_online.pulldown_block
{
    display: block;

    width: 470px;
    margin: 20px 0;
}

#feature-container .item-area_inner .right-box .btn_online.pulldown_block.opening span,
.product-content .item-area_inner .right-box .btn_online.pulldown_block.opening span,
#about .item-area_inner .right-box .btn_online.pulldown_block.opening span,
#faq .item-area_inner .right-box .btn_online.pulldown_block.opening span
{
    -webkit-transition: .3s;
            transition: .3s;

    border-radius: 6px 6px 0 0;
}

#feature-container .item-area_inner .right-box .btn_online.pulldown_block.opening span:after,
.product-content .item-area_inner .right-box .btn_online.pulldown_block.opening span:after,
#about .item-area_inner .right-box .btn_online.pulldown_block.opening span:after,
#faq .item-area_inner .right-box .btn_online.pulldown_block.opening span:after
{
    -webkit-transition: .3s;
            transition: .3s;
    -webkit-transform: rotate(90deg) scaleX(-1);
        -ms-transform: rotate(90deg) scaleX(-1);
            transform: rotate(90deg) scaleX(-1);
}

#feature-container .item-area_inner .right-box .btn_online.pulldown_block span,
.product-content .item-area_inner .right-box .btn_online.pulldown_block span,
#about .item-area_inner .right-box .btn_online.pulldown_block span,
#faq .item-area_inner .right-box .btn_online.pulldown_block span
{
    position: relative;

    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 450px;
    padding: 20px 0 18px;

    cursor: pointer;
    -webkit-transition: .3s;
            transition: .3s;

    color: #fff;
    border-radius: 6px 6px 6px 6px;
    background-color: #f37021;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

#feature-container .item-area_inner .right-box .btn_online.pulldown_block span:before,
.product-content .item-area_inner .right-box .btn_online.pulldown_block span:before,
#about .item-area_inner .right-box .btn_online.pulldown_block span:before,
#faq .item-area_inner .right-box .btn_online.pulldown_block span:before
{
    display: inline-block;

    width: 22px;
    height: 20px;

    content: '';

    background-image: url(../images/common/menu_i_online.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

#feature-container .item-area_inner .right-box .btn_online.pulldown_block span:after,
.product-content .item-area_inner .right-box .btn_online.pulldown_block span:after,
#about .item-area_inner .right-box .btn_online.pulldown_block span:after,
#faq .item-area_inner .right-box .btn_online.pulldown_block span:after
{
    position: absolute;
    right: 25px;

    display: block;

    width: 10px;
    height: 17px;

    content: '';
    -webkit-transition: .3s;
            transition: .3s;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);

    background-image: url(../images/common/btn_arrow.png);
    background-size: cover;
}

#feature-container .item-area_inner .right-box .btn_online.pulldown_block span b,
.product-content .item-area_inner .right-box .btn_online.pulldown_block span b,
#about .item-area_inner .right-box .btn_online.pulldown_block span b,
#faq .item-area_inner .right-box .btn_online.pulldown_block span b
{
    font-family: 'Poppins', 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;

    margin-left: 10px;

    letter-spacing: .1rem;

    color: #fff;
}

#feature-container .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap,
.product-content .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap,
#about .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap,
#faq .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap
{
    display: none;

    width: 450px;

    border: 1px solid #d6d1ce;
    border-radius: 0 0 6px 6px;
    background-color: #fff;
}

#feature-container .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li,
.product-content .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li,
#about .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li,
#faq .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li
{
    border-bottom: 1px solid #eee;
}

#feature-container .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li.notice,
.product-content .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li.notice,
#about .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li.notice,
#faq .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li.notice
{
    padding: 10px 20px;

    border-radius: 0 0 6px 6px;
    background-color: #eee;
}

#feature-container .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a,
.product-content .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a,
#about .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a,
#faq .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a
{
    position: relative;

    display: block;

    padding: 20px;

    -webkit-transition: .3s;
            transition: .3s;
}

#feature-container .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a:hover,
.product-content .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a:hover,
#about .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a:hover,
#faq .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a:hover
{
    opacity: .6;
}

#feature-container .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a:after,
.product-content .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a:after,
#about .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a:after,
#faq .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a:after
{
    position: absolute;
    top: 50%;
    right: 25px;

    display: block;

    width: 10px;
    height: 17px;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background-image: url(../images/common/btn_arrow_or.png);
    background-size: cover;
}

#feature-container .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a img,
.product-content .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a img,
#about .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a img,
#faq .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a img
{
    width: 220px;
}

#feature-container .item-area_inner .right-box .txt,
.product-content .item-area_inner .right-box .txt,
#about .item-area_inner .right-box .txt,
#faq .item-area_inner .right-box .txt
{
    font-weight: bold;

    margin-bottom: 30px;

    text-shadow: 0 0 3px #f8f5f0;
}

#feature-container .item-area_inner .right-box .txt p,
.product-content .item-area_inner .right-box .txt p,
#about .item-area_inner .right-box .txt p,
#faq .item-area_inner .right-box .txt p
{
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;

    width: 471px;
    margin-bottom: 20px;

    letter-spacing: .1em;
}

#feature-container .item-area_inner .right-box .txt p sup,
.product-content .item-area_inner .right-box .txt p sup,
#about .item-area_inner .right-box .txt p sup,
#faq .item-area_inner .right-box .txt p sup
{
    font-size: 10px;
    font-size: .625rem;
}

#feature-container .item-area_inner .right-box .txt p small,
.product-content .item-area_inner .right-box .txt p small,
#about .item-area_inner .right-box .txt p small,
#faq .item-area_inner .right-box .txt p small
{
    font-size: 12px;
    font-size: .75rem;

    display: block;

    margin-top: 5px;

    color: #f37021;
}

#feature-container .item-area_inner .right-box .txt ul li,
.product-content .item-area_inner .right-box .txt ul li,
#about .item-area_inner .right-box .txt ul li,
#faq .item-area_inner .right-box .txt ul li
{
    font-size: 12px;
    font-size: .75rem;
    line-height: 22px;

    letter-spacing: .05em;
}

#feature-container .item-area_inner .right-box .txt ul li sup,
.product-content .item-area_inner .right-box .txt ul li sup,
#about .item-area_inner .right-box .txt ul li sup,
#faq .item-area_inner .right-box .txt ul li sup
{
    font-size: 10px;
    font-size: .625rem;
}

#feature-container .item-area_inner .right-box .point_list,
.product-content .item-area_inner .right-box .point_list,
#about .item-area_inner .right-box .point_list,
#faq .item-area_inner .right-box .point_list
{
    font-size: 0;

    width: 450px;
    margin-bottom: 20px;

    letter-spacing: 0;
}

#feature-container .item-area_inner .right-box .point_list li,
.product-content .item-area_inner .right-box .point_list li,
#about .item-area_inner .right-box .point_list li,
#faq .item-area_inner .right-box .point_list li
{
    position: relative;

    display: inline-block;

    width: 80px;
    height: 80px;
    margin: 0 10px 10px 0;

    vertical-align: top;

    border: 1px solid #f37021;
    border-radius: 10px;
    background-color: #fff;
}

#feature-container .item-area_inner .right-box .point_list li p,
.product-content .item-area_inner .right-box .point_list li p,
#about .item-area_inner .right-box .point_list li p,
#faq .item-area_inner .right-box .point_list li p
{
    font-size: 12px;
    font-size: .75rem;
    line-height: 16px;

    position: absolute;
    top: 50%;
    right: 0;
    left: 0;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
    letter-spacing: .05em;

    color: #f37021;
}

#feature-container .item-area_inner .right-box .point_list li p small,
.product-content .item-area_inner .right-box .point_list li p small,
#about .item-area_inner .right-box .point_list li p small,
#faq .item-area_inner .right-box .point_list li p small
{
    font-size: 10px;
    font-size: .625rem;
    line-height: 11px;

    display: block;

    padding-top: 0;

    -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
            transform: scale(.8);
    letter-spacing: 0;
}

#feature-container .item-area_inner .right-box .point_list li .kome,
.product-content .item-area_inner .right-box .point_list li .kome,
#about .item-area_inner .right-box .point_list li .kome,
#faq .item-area_inner .right-box .point_list li .kome
{
    font-size: 10px;
    font-size: .625rem;

    position: absolute;
    top: 5px;
    right: 6px;
}

#feature-container .item-area_inner .right-box .heart,
.product-content .item-area_inner .right-box .heart,
#about .item-area_inner .right-box .heart,
#faq .item-area_inner .right-box .heart
{
    font-size: 12px;
    font-size: .75rem;
    font-weight: bold;
    line-height: 22px;

    width: 450px;
    margin-bottom: 30px;

    letter-spacing: .05em;
}

#feature-container .item-area_inner .right-box .heart sup,
.product-content .item-area_inner .right-box .heart sup,
#about .item-area_inner .right-box .heart sup,
#faq .item-area_inner .right-box .heart sup
{
    font-size: 10px;
    font-size: .625rem;
}

#feature-container .item-area_inner .right-box .more_btn,
.product-content .item-area_inner .right-box .more_btn,
#about .item-area_inner .right-box .more_btn,
#faq .item-area_inner .right-box .more_btn
{
    font-size: 16px;
    font-size: 1rem;
    line-height: 58px;

    position: relative;

    width: 440px;
    height: 60px;

    cursor: pointer;
    text-align: center;
    letter-spacing: .1em;

    color: #f37021;
    border: 1px solid #f37021;
    border-radius: 30px;
    background-color: #fff;
}

#feature-container .item-area_inner .right-box .more_btn::before,
.product-content .item-area_inner .right-box .more_btn::before,
#about .item-area_inner .right-box .more_btn::before,
#faq .item-area_inner .right-box .more_btn::before,
#feature-container .item-area_inner .right-box .more_btn::after,
.product-content .item-area_inner .right-box .more_btn::after,
#about .item-area_inner .right-box .more_btn::after,
#faq .item-area_inner .right-box .more_btn::after
{
    position: absolute;
    top: 16px;
    left: 35px;

    display: block;

    width: 2px;
    height: 25px;

    content: '';

    border-radius: 1px;
    background-color: #f37021;
}

#feature-container .item-area_inner .right-box .more_btn::after,
.product-content .item-area_inner .right-box .more_btn::after,
#about .item-area_inner .right-box .more_btn::after,
#faq .item-area_inner .right-box .more_btn::after
{
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

#feature-container .item-area_inner .right-box .more_box,
.product-content .item-area_inner .right-box .more_box,
#about .item-area_inner .right-box .more_box,
#faq .item-area_inner .right-box .more_box
{
    width: 0;
    max-width: 900px;
    height: 0;

    -webkit-transition: all ease .4s;
    -webkit-transition: opacity ease .4s;
            transition: opacity ease .4s;

    opacity: 0;
}

#feature-container .item-area_inner .right-box .more_box h3,
.product-content .item-area_inner .right-box .more_box h3,
#about .item-area_inner .right-box .more_box h3,
#faq .item-area_inner .right-box .more_box h3
{
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28.9px;

    margin-bottom: 25px;
    margin-bottom: 15px;
    padding-bottom: 5px;

    opacity: 0;
    border-bottom: 2px dotted #5a3928;
}

#feature-container .item-area_inner .right-box .more_box h3 strong,
.product-content .item-area_inner .right-box .more_box h3 strong,
#about .item-area_inner .right-box .more_box h3 strong,
#faq .item-area_inner .right-box .more_box h3 strong
{
    font-size: 20px;
    font-size: 1.25rem;

    display: block;

    margin-top: 10px;
}

#feature-container .item-area_inner .right-box .more_box p,
.product-content .item-area_inner .right-box .more_box p,
#about .item-area_inner .right-box .more_box p,
#faq .item-area_inner .right-box .more_box p
{
    font-size: 14px;
    font-size: .875rem;
    line-height: 23.8px;

    text-align: left;

    opacity: 0;
}

#feature-container .item-area_inner .right-box .more_box small,
.product-content .item-area_inner .right-box .more_box small,
#about .item-area_inner .right-box .more_box small,
#faq .item-area_inner .right-box .more_box small
{
    font-size: 12px;
    font-size: .75rem;

    display: block;

    margin-top: 20px;
}

#feature-container .item-area_inner .right-box .more .box_overlay,
.product-content .item-area_inner .right-box .more .box_overlay,
#about .item-area_inner .right-box .more .box_overlay,
#faq .item-area_inner .right-box .more .box_overlay
{
    width: 0;
    height: 0;

    -webkit-transition: all ease .4s;
    -webkit-transition: opacity ease .4s;
            transition: opacity ease .4s;

    opacity: 0;
}

#feature-container .item-area_inner .right-box .more.open .more_box,
.product-content .item-area_inner .right-box .more.open .more_box,
#about .item-area_inner .right-box .more.open .more_box,
#faq .item-area_inner .right-box .more.open .more_box
{
    position: fixed;
    z-index: 10002;
    top: 50%;
    right: 0;
    left: 0;

    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 40px 50px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    opacity: 1;
    border: 10px solid #f37021;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 4px 4px 12px -1px rgba(8, 7, 7, .29);
            box-shadow: 4px 4px 12px -1px rgba(8, 7, 7, .29);
}

#feature-container .item-area_inner .right-box .more.open .more_box h3,
.product-content .item-area_inner .right-box .more.open .more_box h3,
#about .item-area_inner .right-box .more.open .more_box h3,
#faq .item-area_inner .right-box .more.open .more_box h3,
#feature-container .item-area_inner .right-box .more.open .more_box p,
.product-content .item-area_inner .right-box .more.open .more_box p,
#about .item-area_inner .right-box .more.open .more_box p,
#faq .item-area_inner .right-box .more.open .more_box p
{
    opacity: 1;
}

#feature-container .item-area_inner .right-box .more.open .more_box .box_close,
.product-content .item-area_inner .right-box .more.open .more_box .box_close,
#about .item-area_inner .right-box .more.open .more_box .box_close,
#faq .item-area_inner .right-box .more.open .more_box .box_close
{
    position: absolute;
    top: -45px;
    right: -15px;

    width: 35px;
    height: 35px;

    cursor: pointer;
}

#feature-container .item-area_inner .right-box .more.open .more_box .box_close::before,
.product-content .item-area_inner .right-box .more.open .more_box .box_close::before,
#about .item-area_inner .right-box .more.open .more_box .box_close::before,
#faq .item-area_inner .right-box .more.open .more_box .box_close::before,
#feature-container .item-area_inner .right-box .more.open .more_box .box_close::after,
.product-content .item-area_inner .right-box .more.open .more_box .box_close::after,
#about .item-area_inner .right-box .more.open .more_box .box_close::after,
#faq .item-area_inner .right-box .more.open .more_box .box_close::after
{
    position: absolute;
    top: 15px;
    left: 10px;

    width: 15px;
    height: 3px;

    content: '';

    background-color: #fff;
}

#feature-container .item-area_inner .right-box .more.open .more_box .box_close::before,
.product-content .item-area_inner .right-box .more.open .more_box .box_close::before,
#about .item-area_inner .right-box .more.open .more_box .box_close::before,
#faq .item-area_inner .right-box .more.open .more_box .box_close::before
{
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

#feature-container .item-area_inner .right-box .more.open .more_box .box_close::after,
.product-content .item-area_inner .right-box .more.open .more_box .box_close::after,
#about .item-area_inner .right-box .more.open .more_box .box_close::after,
#faq .item-area_inner .right-box .more.open .more_box .box_close::after
{
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

#feature-container .item-area_inner .right-box .more.open .box_overlay,
.product-content .item-area_inner .right-box .more.open .box_overlay,
#about .item-area_inner .right-box .more.open .box_overlay,
#faq .item-area_inner .right-box .more.open .box_overlay
{
    position: fixed;
    z-index: 10001;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 1;
    background: rgba(0, 0, 0, .5);
}

#feature-container .voice-area,
.product-content .voice-area,
#about .voice-area,
#faq .voice-area
{
    padding: 80px 0 170px;
}

#feature-container .voice-area .mommy-movie,
.product-content .voice-area .mommy-movie,
#about .voice-area .mommy-movie,
#faq .voice-area .mommy-movie
{
    width: 80%;
    max-width: 680px;
    margin: 40px auto 130px;
}

#feature-container .voice-area .mommy-movie .inner,
.product-content .voice-area .mommy-movie .inner,
#about .voice-area .mommy-movie .inner,
#faq .voice-area .mommy-movie .inner
{
    position: relative;
    z-index: 1;

    width: 100%;
    height: 0;
    margin: 0 auto;
    padding-bottom: 56.25%;
}

#feature-container .voice-area .mommy-movie .inner iframe,
.product-content .voice-area .mommy-movie .inner iframe,
#about .voice-area .mommy-movie .inner iframe,
#faq .voice-area .mommy-movie .inner iframe
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

#feature-container .voice-area h2,
.product-content .voice-area h2,
#about .voice-area h2,
#faq .voice-area h2
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;

    margin-bottom: 60px;

    letter-spacing: .1em;

    color: #f37021;
}

#feature-container .voice-area h2 span,
.product-content .voice-area h2 span,
#about .voice-area h2 span,
#faq .voice-area h2 span
{
    font-family: 'Poppins', 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 200;
    line-height: 36px;

    display: block;

    margin-bottom: 20px;

    letter-spacing: .16em;

    color: #f37021;
}

#feature-container .voice-area ul,
.product-content .voice-area ul,
#about .voice-area ul,
#faq .voice-area ul
{
    max-width: 1200px;
    margin: 0 auto 80px;
}

#feature-container .voice-area ul li,
.product-content .voice-area ul li,
#about .voice-area ul li,
#faq .voice-area ul li
{
    position: relative;

    width: 500px;
}

#feature-container .voice-area ul li:nth-child(1),
.product-content .voice-area ul li:nth-child(1),
#about .voice-area ul li:nth-child(1),
#faq .voice-area ul li:nth-child(1)
{
    float: left;

    padding-top: 15px;
}

#feature-container .voice-area ul li:nth-child(2),
.product-content .voice-area ul li:nth-child(2),
#about .voice-area ul li:nth-child(2),
#faq .voice-area ul li:nth-child(2)
{
    float: right;
}

#feature-container .voice-area ul li .txt,
.product-content .voice-area ul li .txt,
#about .voice-area ul li .txt,
#faq .voice-area ul li .txt
{
    position: absolute;
}

#feature-container .voice-area ul li .txt p,
.product-content .voice-area ul li .txt p,
#about .voice-area ul li .txt p,
#faq .voice-area ul li .txt p
{
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 26.47px;

    position: absolute;
    top: 50%;
    right: 0;
    left: 0;

    width: 227px;
    margin: 0 auto;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: left;
    letter-spacing: .05em;

    color: #fff;
}

#feature-container .voice-area ul li .name,
.product-content .voice-area ul li .name,
#about .voice-area ul li .name,
#faq .voice-area ul li .name
{
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24.92px;

    position: absolute;

    text-align: left;
    letter-spacing: .1em;
}

#feature-container .voice-area ul li .name small,
.product-content .voice-area ul li .name small,
#about .voice-area ul li .name small,
#faq .voice-area ul li .name small
{
    font-size: 15px;
    font-size: .9375rem;

    display: block;
}

#feature-container .voice-area ul li .item_photo,
.product-content .voice-area ul li .item_photo,
#about .voice-area ul li .item_photo,
#faq .voice-area ul li .item_photo
{
    position: absolute;
}

#feature-container .voice-area ul li .balloon,
.product-content .voice-area ul li .balloon,
#about .voice-area ul li .balloon,
#faq .voice-area ul li .balloon
{
    position: absolute;

    width: 170px;
    height: 244px;
}

#feature-container .voice-area ul li .balloon p,
.product-content .voice-area ul li .balloon p,
#about .voice-area ul li .balloon p,
#faq .voice-area ul li .balloon p
{
    font-size: 28px;
    font-size: 1.75rem;

    position: absolute;

    width: 100%;

    letter-spacing: .1em;

    color: #fff;
}

#feature-container .voice-area ul li .balloon p small,
.product-content .voice-area ul li .balloon p small,
#about .voice-area ul li .balloon p small,
#faq .voice-area ul li .balloon p small
{
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;

    display: block;

    margin-bottom: 5px;

    color: #fff;
}

#feature-container .voice-area ul li .balloon p span,
.product-content .voice-area ul li .balloon p span,
#about .voice-area ul li .balloon p span,
#faq .voice-area ul li .balloon p span
{
    font-size: 20px;
    font-size: 1.25rem;

    display: block;

    margin-bottom: 5px;

    color: #fff;
}

#feature-container .voice-area ul li .balloon p span strong,
.product-content .voice-area ul li .balloon p span strong,
#about .voice-area ul li .balloon p span strong,
#faq .voice-area ul li .balloon p span strong
{
    font-size: 50px;
    font-size: 3.125rem;

    letter-spacing: -.01em;

    color: #fff;
}

#feature-container .voice-area ul li:nth-child(1) .txt,
.product-content .voice-area ul li:nth-child(1) .txt,
#about .voice-area ul li:nth-child(1) .txt,
#faq .voice-area ul li:nth-child(1) .txt
{
    top: -1px;
    right: -2px;

    width: 283px;
    height: 209px;

    background: url(../images/feature/bg_voice_01_text@2x.png) center/100% no-repeat;
}

#feature-container .voice-area ul li:nth-child(1) .name,
.product-content .voice-area ul li:nth-child(1) .name,
#about .voice-area ul li:nth-child(1) .name,
#faq .voice-area ul li:nth-child(1) .name
{
    top: 235px;
    left: 255px;
}

#feature-container .voice-area ul li:nth-child(1) .item_photo,
.product-content .voice-area ul li:nth-child(1) .item_photo,
#about .voice-area ul li:nth-child(1) .item_photo,
#faq .voice-area ul li:nth-child(1) .item_photo
{
    right: 28px;
    bottom: 12px;

    width: 63px;
}

#feature-container .voice-area ul li:nth-child(1) .balloon,
.product-content .voice-area ul li:nth-child(1) .balloon,
#about .voice-area ul li:nth-child(1) .balloon,
#faq .voice-area ul li:nth-child(1) .balloon
{
    bottom: -135px;
    left: 35px;

    background: url(../images/feature/bg_voice_01_balloon@2x.png) center/100% no-repeat;
}

#feature-container .voice-area ul li:nth-child(1) .balloon p,
.product-content .voice-area ul li:nth-child(1) .balloon p,
#about .voice-area ul li:nth-child(1) .balloon p,
#faq .voice-area ul li:nth-child(1) .balloon p
{
    top: 20%;
}

#feature-container .voice-area ul li:nth-child(2) .txt,
.product-content .voice-area ul li:nth-child(2) .txt,
#about .voice-area ul li:nth-child(2) .txt,
#faq .voice-area ul li:nth-child(2) .txt
{
    top: 10px;
    left: 11px;

    width: 273px;
    height: 154px;

    background: url(../images/feature/bg_voice_02_text@2x.png) center/100% no-repeat;
}

#feature-container .voice-area ul li:nth-child(2) .name,
.product-content .voice-area ul li:nth-child(2) .name,
#about .voice-area ul li:nth-child(2) .name,
#faq .voice-area ul li:nth-child(2) .name
{
    top: 220px;
    left: 145px;
}

#feature-container .voice-area ul li:nth-child(2) .item_photo,
.product-content .voice-area ul li:nth-child(2) .item_photo,
#about .voice-area ul li:nth-child(2) .item_photo,
#faq .voice-area ul li:nth-child(2) .item_photo
{
    bottom: 30px;
    left: 25px;

    width: 59px;
}

#feature-container .voice-area ul li:nth-child(2) .balloon,
.product-content .voice-area ul li:nth-child(2) .balloon,
#about .voice-area ul li:nth-child(2) .balloon,
#faq .voice-area ul li:nth-child(2) .balloon
{
    right: -5px;
    bottom: -133px;

    background: url(../images/feature/bg_voice_02_balloon@2x.png) center/100% no-repeat;
}

#feature-container .voice-area ul li:nth-child(2) .balloon p,
.product-content .voice-area ul li:nth-child(2) .balloon p,
#about .voice-area ul li:nth-child(2) .balloon p,
#faq .voice-area ul li:nth-child(2) .balloon p
{
    top: 15%;
}

#feature-container .voice-area .kome,
.product-content .voice-area .kome,
#about .voice-area .kome,
#faq .voice-area .kome
{
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1.6;

    text-shadow: 0 0 3px #f8f5f0;
}

#feature-container .voice-area .mamari,
.product-content .voice-area .mamari,
#about .voice-area .mamari,
#faq .voice-area .mamari
{
    width: 100%;
    max-width: 700px;
    margin: 70px auto 0;
}

#feature-container .voice-area .mamari a,
.product-content .voice-area .mamari a,
#about .voice-area .mamari a,
#faq .voice-area .mamari a
{
    display: block;

    -webkit-transition: .5s;
            transition: .5s;
}

#feature-container .voice-area .mamari a:hover,
.product-content .voice-area .mamari a:hover,
#about .voice-area .mamari a:hover,
#faq .voice-area .mamari a:hover
{
    opacity: .7;
}

#feature-container .voice-area .mamari a img,
.product-content .voice-area .mamari a img,
#about .voice-area .mamari a img,
#faq .voice-area .mamari a img
{
    width: 100%;
}

#feature-container .voice-area .mamari a + a,
.product-content .voice-area .mamari a + a,
#about .voice-area .mamari a + a,
#faq .voice-area .mamari a + a
{
    margin-top: 15px;
}

#feature-container .photo-area,
.product-content .photo-area,
#about .photo-area,
#faq .photo-area
{
    position: relative;

    padding-bottom: 115px;
}

#feature-container .photo-area::after,
.product-content .photo-area::after,
#about .photo-area::after,
#faq .photo-area::after
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 200px;

    content: '';

    background-color: #f8f5f0;
}

#feature-container .photo-area img,
.product-content .photo-area img,
#about .photo-area img,
#faq .photo-area img
{
    position: relative;
    z-index: 1;

    width: 100%;
}

.move_balloon
{
    width: 81px;
}

.gif_00
{
    width: 115px;
}

.gif_01
{
    width: 115px;
}

.gif_02
{
    width: 100px;
}

.gif_03
{
    width: 90px;
}

/*----------------------------------------
	feature
----------------------------------------*/

#feature
{
    margin-bottom: 130px;
}

#feature #feature-container:before,
#feature .product-content:before,
#feature .product-content:before,
#feature #about:before,
#feature #faq:before
{
    position: relative;
    z-index: -1;

    display: block;

    width: 100%;
    height: 400px;

    content: '';

    background-image: url(../images/feature/kv_feature.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

#feature #feature-container .feature-list .content-heading,
#feature .product-content .feature-list .content-heading,
#feature .product-content .feature-list .content-heading,
#feature #about .feature-list .content-heading,
#feature #faq .feature-list .content-heading,
#feature #feature-container .feature-list #container #index-container #wide-area #voice-faq .content h2,
#container #index-container #wide-area #voice-faq .content #feature #feature-container .feature-list h2,
#feature .product-content .feature-list #container #index-container #wide-area #voice-faq .content h2,
#container #index-container #wide-area #voice-faq .content #feature .product-content .feature-list h2,
#feature #about .feature-list #container #index-container #wide-area #voice-faq .content h2,
#container #index-container #wide-area #voice-faq .content #feature #about .feature-list h2,
#feature #faq .feature-list #container #index-container #wide-area #voice-faq .content h2,
#container #index-container #wide-area #voice-faq .content #feature #faq .feature-list h2,
#container #index-container #wide-area #feature #feature-container .feature-list .content#feature-area h2,
#container #index-container #wide-area #feature .content#feature-area #feature-container .feature-list h2,
#container #index-container #wide-area #feature .product-content .feature-list .content#feature-area h2,
#container #index-container #wide-area #feature .content#feature-area .product-content .feature-list h2,
#container #index-container #wide-area #feature #about .feature-list .content#feature-area h2,
#container #index-container #wide-area #feature .content#feature-area #about .feature-list h2,
#container #index-container #wide-area #feature #faq .feature-list .content#feature-area h2,
#container #index-container #wide-area #feature .content#feature-area #faq .feature-list h2
{
    margin-top: -30px;
}

#feature #feature-container .feature-list .feature-bnr,
#feature .product-content .feature-list .feature-bnr,
#feature .product-content .feature-list .feature-bnr,
#feature #about .feature-list .feature-bnr,
#feature #faq .feature-list .feature-bnr
{
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}

#feature #feature-container .feature-list .feature-bnr li,
#feature .product-content .feature-list .feature-bnr li,
#feature .product-content .feature-list .feature-bnr li,
#feature #about .feature-list .feature-bnr li,
#feature #faq .feature-list .feature-bnr li
{
    display: inline-block;
    float: left;

    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
}

#feature #feature-container .feature-list .feature-bnr li:nth-child(even),
#feature .product-content .feature-list .feature-bnr li:nth-child(even),
#feature .product-content .feature-list .feature-bnr li:nth-child(even),
#feature #about .feature-list .feature-bnr li:nth-child(even),
#feature #faq .feature-list .feature-bnr li:nth-child(even)
{
    margin-right: 0;
}

#feature #feature-container .feature-list .feature-bnr li a,
#feature .product-content .feature-list .feature-bnr li a,
#feature .product-content .feature-list .feature-bnr li a,
#feature #about .feature-list .feature-bnr li a,
#feature #faq .feature-list .feature-bnr li a
{
    display: block;

    -webkit-transition: .6s;
            transition: .6s;
}

#feature #feature-container .feature-list .feature-bnr li a:hover,
#feature .product-content .feature-list .feature-bnr li a:hover,
#feature .product-content .feature-list .feature-bnr li a:hover,
#feature #about .feature-list .feature-bnr li a:hover,
#feature #faq .feature-list .feature-bnr li a:hover
{
    opacity: .6;
}

/* //////////////////////////////////////////
	bodymilk -- howto01
//////////////////////////////////////////*/

#container.page-feature
{
    overflow: hidden;
}

#container.page-feature #feature-container.feature_howto .feature_ttlarea,
#container.page-feature .feature_howto.product-content .feature_ttlarea,
#container.page-feature .feature_howto#about .feature_ttlarea,
#container.page-feature .feature_howto#faq .feature_ttlarea
{
    position: relative;

    width: 100%;
    height: 680px;

    background-image: url(../images/feature/kv_howto01.jpg);
    background-position: right top;
    background-size: cover;
}

#container.page-feature #feature-container.feature_howto .feature_ttlarea.howto_uv,
#container.page-feature .feature_howto.product-content .feature_ttlarea.howto_uv,
#container.page-feature .feature_howto#about .feature_ttlarea.howto_uv,
#container.page-feature .feature_howto#faq .feature_ttlarea.howto_uv
{
    background-image: url(../images/feature/kv_howto02.jpg);
    background-position: center top;
}

#container.page-feature #feature-container.feature_howto .feature_ttlarea h1,
#container.page-feature .feature_howto.product-content .feature_ttlarea h1,
#container.page-feature .feature_howto#about .feature_ttlarea h1,
#container.page-feature .feature_howto#faq .feature_ttlarea h1
{
    position: absolute;
    top: 58%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    text-shadow: 0 0 10px rgba(0, 0, 0, .4);
}

#container.page-feature #feature-container.feature_howto .feature_ttlarea h1 small,
#container.page-feature .feature_howto.product-content .feature_ttlarea h1 small,
#container.page-feature .feature_howto#about .feature_ttlarea h1 small,
#container.page-feature .feature_howto#faq .feature_ttlarea h1 small
{
    font-family: 'Poppins', 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-size: 30px;
    font-size: 1.875rem;

    display: block;

    letter-spacing: .3rem;

    color: #fff;
}

#container.page-feature #feature-container.feature_howto .feature_ttlarea h1 span,
#container.page-feature .feature_howto.product-content .feature_ttlarea h1 span,
#container.page-feature .feature_howto#about .feature_ttlarea h1 span,
#container.page-feature .feature_howto#faq .feature_ttlarea h1 span
{
    font-size: 43px;
    font-size: 2.6875rem;

    display: block;

    margin-top: 20px;

    letter-spacing: .1rem;

    color: #fff;
}

#container.page-feature #feature-container.feature_howto .feature_ttlarea h1 figure,
#container.page-feature .feature_howto.product-content .feature_ttlarea h1 figure,
#container.page-feature .feature_howto#about .feature_ttlarea h1 figure,
#container.page-feature .feature_howto#faq .feature_ttlarea h1 figure
{
    width: 144px;
    margin: 20px auto 0;
}

#container.page-feature #feature-container.feature_howto .feature_intro,
#container.page-feature .feature_howto.product-content .feature_intro,
#container.page-feature .feature_howto#about .feature_intro,
#container.page-feature .feature_howto#faq .feature_intro
{
    margin-top: 90px;
    padding: 0 40px;
}

#container.page-feature #feature-container.feature_howto .feature_intro p span,
#container.page-feature .feature_howto.product-content .feature_intro p span,
#container.page-feature .feature_howto#about .feature_intro p span,
#container.page-feature .feature_howto#faq .feature_intro p span
{
    font-size: 16px;
    font-size: 1rem;
    line-height: 2.1;

    display: block;

    letter-spacing: .1rem;
}

#container.page-feature #feature-container.feature_howto .feature_intro p strong,
#container.page-feature .feature_howto.product-content .feature_intro p strong,
#container.page-feature .feature_howto#about .feature_intro p strong,
#container.page-feature .feature_howto#faq .feature_intro p strong
{
    font-size: 24px;
    font-size: 1.5rem;

    position: relative;

    display: table;

    margin: 50px auto 0;

    letter-spacing: .1rem;
}

#container.page-feature #feature-container.feature_howto .feature_intro p strong:before,
#container.page-feature .feature_howto.product-content .feature_intro p strong:before,
#container.page-feature .feature_howto#about .feature_intro p strong:before,
#container.page-feature .feature_howto#faq .feature_intro p strong:before
{
    position: absolute;
    z-index: -1;
    bottom: -5px;

    display: block;

    width: 100%;
    height: 14px;

    content: '';

    background-color: #fdce21;
}

#container.page-feature #feature-container.feature_howto .feature_intro p strong + strong,
#container.page-feature .feature_howto.product-content .feature_intro p strong + strong,
#container.page-feature .feature_howto#about .feature_intro p strong + strong,
#container.page-feature .feature_howto#faq .feature_intro p strong + strong
{
    margin: 20px auto 0;
}

#container.page-feature #feature-container.feature_howto .feature_intro p small,
#container.page-feature .feature_howto.product-content .feature_intro p small,
#container.page-feature .feature_howto#about .feature_intro p small,
#container.page-feature .feature_howto#faq .feature_intro p small
{
    font-size: 14px;
    font-size: .875rem;
    line-height: 2.1;

    display: block;

    margin-top: 50px;

    letter-spacing: .1rem;
}

#container.page-feature #feature-container.feature_howto .feature_intro p small.howto_uv,
#container.page-feature .feature_howto.product-content .feature_intro p small.howto_uv,
#container.page-feature .feature_howto#about .feature_intro p small.howto_uv,
#container.page-feature .feature_howto#faq .feature_intro p small.howto_uv
{
    font-size: 16px;
    font-size: 1rem;
}

#container.page-feature #feature-container.feature_howto .howto-container,
#container.page-feature .feature_howto.product-content .howto-container,
#container.page-feature .feature_howto#about .howto-container,
#container.page-feature .feature_howto#faq .howto-container
{
    margin-top: 80px;
}

#container.page-feature #feature-container.feature_howto .howto-container .howto-circle,
#container.page-feature .feature_howto.product-content .howto-container .howto-circle,
#container.page-feature .feature_howto#about .howto-container .howto-circle,
#container.page-feature .feature_howto#faq .howto-container .howto-circle
{
    position: relative;

    width: 185px;
    margin: 0 auto;
}

#container.page-feature #feature-container.feature_howto .howto-container .howto-circle:before,
#container.page-feature .feature_howto.product-content .howto-container .howto-circle:before,
#container.page-feature .feature_howto#about .howto-container .howto-circle:before,
#container.page-feature .feature_howto#faq .howto-container .howto-circle:before
{
    position: absolute;
    z-index: 1;

    width: 185px;
    height: 185px;

    content: '';
    -webkit-animation: loop 10s linear infinite;
            animation: loop 10s linear infinite;

    background-image: url(../images/feature/circle_howto01_bg.png);
    background-size: cover;
}

#container.page-feature #feature-container.feature_howto .howto-container .howto-circle img,
#container.page-feature .feature_howto.product-content .howto-container .howto-circle img,
#container.page-feature .feature_howto#about .howto-container .howto-circle img,
#container.page-feature .feature_howto#faq .howto-container .howto-circle img
{
    position: relative;
    z-index: 10;
}

#container.page-feature #feature-container.feature_howto .howto-container .howto-circle.howto_uv:before,
#container.page-feature .feature_howto.product-content .howto-container .howto-circle.howto_uv:before,
#container.page-feature .feature_howto#about .howto-container .howto-circle.howto_uv:before,
#container.page-feature .feature_howto#faq .howto-container .howto-circle.howto_uv:before
{
    background-image: url(../images/feature/circle_howto02_bg.png);
}

#container.page-feature #feature-container.feature_howto .howto-container .howto-container-ttl,
#container.page-feature .feature_howto.product-content .howto-container .howto-container-ttl,
#container.page-feature .feature_howto#about .howto-container .howto-container-ttl,
#container.page-feature .feature_howto#faq .howto-container .howto-container-ttl
{
    margin-top: 30px;
}

#container.page-feature #feature-container.feature_howto .howto-container .howto-container-ttl span,
#container.page-feature .feature_howto.product-content .howto-container .howto-container-ttl span,
#container.page-feature .feature_howto#about .howto-container .howto-container-ttl span,
#container.page-feature .feature_howto#faq .howto-container .howto-container-ttl span
{
    font-size: 24px;
    font-size: 1.5rem;

    display: block;

    letter-spacing: .3rem;
}

#container.page-feature #feature-container.feature_howto .howto-container .howto-container-ttl strong,
#container.page-feature .feature_howto.product-content .howto-container .howto-container-ttl strong,
#container.page-feature .feature_howto#about .howto-container .howto-container-ttl strong,
#container.page-feature .feature_howto#faq .howto-container .howto-container-ttl strong
{
    font-size: 40px;
    font-size: 2.5rem;

    display: block;

    margin-top: 20px;

    letter-spacing: .1rem;

    color: #f37021;
}

#container.page-feature #feature-container.feature_howto .howto-container .howto-container-ttl small,
#container.page-feature .feature_howto.product-content .howto-container .howto-container-ttl small,
#container.page-feature .feature_howto#about .howto-container .howto-container-ttl small,
#container.page-feature .feature_howto#faq .howto-container .howto-container-ttl small
{
    font-size: 16px;
    font-size: 1rem;

    display: block;

    margin-top: 30px;

    letter-spacing: .1rem;
}

#container.page-feature #feature-container.feature_howto .howto-container .howto-container-ttl small.howto_uv,
#container.page-feature .feature_howto.product-content .howto-container .howto-container-ttl small.howto_uv,
#container.page-feature .feature_howto#about .howto-container .howto-container-ttl small.howto_uv,
#container.page-feature .feature_howto#faq .howto-container .howto-container-ttl small.howto_uv
{
    font-size: 14px;
    font-size: .875rem;
}

#container.page-feature #feature-container.feature_howto .howto-container .howto-container-list li > p,
#container.page-feature .feature_howto.product-content .howto-container .howto-container-list li > p,
#container.page-feature .feature_howto#about .howto-container .howto-container-list li > p,
#container.page-feature .feature_howto#faq .howto-container .howto-container-list li > p
{
    font-size: 16px;
    font-size: 1rem;

    margin-top: 80px;

    letter-spacing: .1rem;
}

#container.page-feature #feature-container.feature_howto .howto-container .howto-container-list li figure,
#container.page-feature .feature_howto.product-content .howto-container .howto-container-list li figure,
#container.page-feature .feature_howto#about .howto-container .howto-container-list li figure,
#container.page-feature .feature_howto#faq .howto-container .howto-container-list li figure
{
    width: 240px;
    margin: 50px auto 0;
}

#container.page-feature #feature-container.feature_howto .howto-container .howto-container-list li figcaption,
#container.page-feature .feature_howto.product-content .howto-container .howto-container-list li figcaption,
#container.page-feature .feature_howto#about .howto-container .howto-container-list li figcaption,
#container.page-feature .feature_howto#faq .howto-container .howto-container-list li figcaption
{
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.85;

    width: 535px;
    margin: 35px auto 0;
    padding: 35px;

    text-align: left;
    letter-spacing: .1rem;

    color: #705306;
    border: 4px solid #705306;
    border-radius: 10px;
    background-color: #fff;
}

#container.page-feature #feature-container.feature_howto .howto-container .howto-container-list li figcaption p,
#container.page-feature .feature_howto.product-content .howto-container .howto-container-list li figcaption p,
#container.page-feature .feature_howto#about .howto-container .howto-container-list li figcaption p,
#container.page-feature .feature_howto#faq .howto-container .howto-container-list li figcaption p
{
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.85;

    position: relative;
    z-index: 10;

    letter-spacing: .1rem;

    color: #705306;
}

#container.page-feature #feature-container.feature_howto .howto-container .howto-container-list li figcaption p strong,
#container.page-feature .feature_howto.product-content .howto-container .howto-container-list li figcaption p strong,
#container.page-feature .feature_howto#about .howto-container .howto-container-list li figcaption p strong,
#container.page-feature .feature_howto#faq .howto-container .howto-container-list li figcaption p strong
{
    position: relative;
}

#container.page-feature #feature-container.feature_howto .howto-container .howto-container-list li figcaption p strong:before,
#container.page-feature .feature_howto.product-content .howto-container .howto-container-list li figcaption p strong:before,
#container.page-feature .feature_howto#about .howto-container .howto-container-list li figcaption p strong:before,
#container.page-feature .feature_howto#faq .howto-container .howto-container-list li figcaption p strong:before
{
    position: absolute;
    z-index: 1;
    bottom: -5px;
    left: 0;

    display: block;

    width: 100%;
    height: 14px;

    content: '';

    background-color: #fdce21;
}

#container.page-feature #feature-container.feature_howto .howto-container .howto-container-list li figcaption p strong span,
#container.page-feature .feature_howto.product-content .howto-container .howto-container-list li figcaption p strong span,
#container.page-feature .feature_howto#about .howto-container .howto-container-list li figcaption p strong span,
#container.page-feature .feature_howto#faq .howto-container .howto-container-list li figcaption p strong span
{
    font-size: 16px;
    font-size: 1rem;

    position: relative;
    z-index: 10;

    letter-spacing: .1rem;

    color: #705306;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area,
#container.page-feature .feature_howto.product-content .howto-container + .about-area,
#container.page-feature .feature_howto#about .howto-container + .about-area,
#container.page-feature .feature_howto#faq .howto-container + .about-area
{
    padding-top: 70px;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .point_list:after,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .point_list:after,
#container.page-feature .feature_howto#about .howto-container + .about-area .point_list:after,
#container.page-feature .feature_howto#faq .howto-container + .about-area .point_list:after
{
    display: none;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .point_list li,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .point_list li,
#container.page-feature .feature_howto#about .howto-container + .about-area .point_list li,
#container.page-feature .feature_howto#faq .howto-container + .about-area .point_list li
{
    margin-bottom: 0;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .point_list li:after,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .point_list li:after,
#container.page-feature .feature_howto#about .howto-container + .about-area .point_list li:after,
#container.page-feature .feature_howto#faq .howto-container + .about-area .point_list li:after
{
    display: none;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .point_list li:last-child .point_list_text strong,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .point_list li:last-child .point_list_text strong,
#container.page-feature .feature_howto#about .howto-container + .about-area .point_list li:last-child .point_list_text strong,
#container.page-feature .feature_howto#faq .howto-container + .about-area .point_list li:last-child .point_list_text strong
{
    margin-bottom: 0;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .point_list li:last-child .point_list_text span + span,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .point_list li:last-child .point_list_text span + span,
#container.page-feature .feature_howto#about .howto-container + .about-area .point_list li:last-child .point_list_text span + span,
#container.page-feature .feature_howto#faq .howto-container + .about-area .point_list li:last-child .point_list_text span + span
{
    margin-top: 10px;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .point_list li .point_list_text,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .point_list li .point_list_text,
#container.page-feature .feature_howto#about .howto-container + .about-area .point_list li .point_list_text,
#container.page-feature .feature_howto#faq .howto-container + .about-area .point_list li .point_list_text
{
    margin-top: 30px;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .point_list li .point_list_text span,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .point_list li .point_list_text span,
#container.page-feature .feature_howto#about .howto-container + .about-area .point_list li .point_list_text span,
#container.page-feature .feature_howto#faq .howto-container + .about-area .point_list li .point_list_text span
{
    font-size: 24px;
    font-size: 1.5rem;

    display: block;

    letter-spacing: .1rem;

    color: #fff;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .point_list li .point_list_text strong,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .point_list li .point_list_text strong,
#container.page-feature .feature_howto#about .howto-container + .about-area .point_list li .point_list_text strong,
#container.page-feature .feature_howto#faq .howto-container + .about-area .point_list li .point_list_text strong
{
    position: relative;

    display: table;

    margin: 15px auto;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .point_list li .point_list_text strong p,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .point_list li .point_list_text strong p,
#container.page-feature .feature_howto#about .howto-container + .about-area .point_list li .point_list_text strong p,
#container.page-feature .feature_howto#faq .howto-container + .about-area .point_list li .point_list_text strong p
{
    font-size: 50px;
    font-size: 3.125rem;

    position: relative;
    z-index: 10;

    display: table;

    letter-spacing: .15rem;

    color: #fff;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .point_list li .point_list_text strong:before,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .point_list li .point_list_text strong:before,
#container.page-feature .feature_howto#about .howto-container + .about-area .point_list li .point_list_text strong:before,
#container.page-feature .feature_howto#faq .howto-container + .about-area .point_list li .point_list_text strong:before
{
    position: absolute;
    z-index: 1;
    bottom: -5px;

    display: block;

    width: 100%;
    height: 14px;

    content: '';

    background-color: #fdce21;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .feature-description,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .feature-description,
#container.page-feature .feature_howto#about .howto-container + .about-area .feature-description,
#container.page-feature .feature_howto#faq .howto-container + .about-area .feature-description
{
    margin-top: 70px;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .feature-description.lastmsg,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .feature-description.lastmsg,
#container.page-feature .feature_howto#about .howto-container + .about-area .feature-description.lastmsg,
#container.page-feature .feature_howto#faq .howto-container + .about-area .feature-description.lastmsg
{
    margin-top: 150px;
    margin-bottom: 80px;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .feature-description.lastmsg p,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .feature-description.lastmsg p,
#container.page-feature .feature_howto#about .howto-container + .about-area .feature-description.lastmsg p,
#container.page-feature .feature_howto#faq .howto-container + .about-area .feature-description.lastmsg p
{
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 2.1;

    letter-spacing: .1rem;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .feature-description.lastmsg.howto_uv,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .feature-description.lastmsg.howto_uv,
#container.page-feature .feature_howto#about .howto-container + .about-area .feature-description.lastmsg.howto_uv,
#container.page-feature .feature_howto#faq .howto-container + .about-area .feature-description.lastmsg.howto_uv
{
    margin-top: 80px;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .feature-description.mt150,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .feature-description.mt150,
#container.page-feature .feature_howto#about .howto-container + .about-area .feature-description.mt150,
#container.page-feature .feature_howto#faq .howto-container + .about-area .feature-description.mt150
{
    margin-top: 150px;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .feature-description p,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .feature-description p,
#container.page-feature .feature_howto#about .howto-container + .about-area .feature-description p,
#container.page-feature .feature_howto#faq .howto-container + .about-area .feature-description p
{
    font-size: 16px;
    font-size: 1rem;
    line-height: 2.1;

    letter-spacing: .1rem;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-forget,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-forget,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-forget,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-forget
{
    margin-top: 80px;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-forget p small,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-forget p small,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-forget p small,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-forget p small
{
    font-size: 14px;
    font-size: .875rem;

    position: relative;

    display: table;

    margin: 0 auto;

    letter-spacing: .1rem;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-forget p small:before,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-forget p small:before,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-forget p small:before,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-forget p small:before
{
    position: absolute;
    z-index: -1;
    bottom: -5px;

    display: block;

    width: 100%;
    height: 14px;

    content: '';

    background-color: #fdce21;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-forget p strong,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-forget p strong,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-forget p strong,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-forget p strong
{
    font-size: 24px;
    font-size: 1.5rem;

    position: relative;

    display: table;

    margin: 40px auto 0;

    letter-spacing: .1rem;

    color: #f37021;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-forget p strong:before,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-forget p strong:before,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-forget p strong:before,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-forget p strong:before
{
    font-size: 24px;
    font-size: 1.5rem;

    position: absolute;
    top: -20px;
    left: 0;

    display: block;

    content: '・・・・・・・・';
    letter-spacing: .1rem;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-forget p span,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-forget p span,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-forget p span,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-forget p span
{
    font-size: 14px;
    font-size: .875rem;

    display: table;

    margin: 30px auto 0;

    letter-spacing: .1rem;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .illust-area-howto,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .illust-area-howto,
#container.page-feature .feature_howto#about .howto-container + .about-area .illust-area-howto,
#container.page-feature .feature_howto#faq .howto-container + .about-area .illust-area-howto
{
    display: table;

    width: 100%;
    max-width: 770px;
    margin: 80px auto;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .illust-area-howto figure,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .illust-area-howto figure,
#container.page-feature .feature_howto#about .howto-container + .about-area .illust-area-howto figure,
#container.page-feature .feature_howto#faq .howto-container + .about-area .illust-area-howto figure
{
    display: table-cell;

    width: 205px;

    vertical-align: middle;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .illust-area-howto figcaption,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .illust-area-howto figcaption,
#container.page-feature .feature_howto#about .howto-container + .about-area .illust-area-howto figcaption,
#container.page-feature .feature_howto#faq .howto-container + .about-area .illust-area-howto figcaption
{
    display: table-cell;

    padding-left: 20px;

    vertical-align: middle;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .illust-area-howto figcaption p,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .illust-area-howto figcaption p,
#container.page-feature .feature_howto#about .howto-container + .about-area .illust-area-howto figcaption p,
#container.page-feature .feature_howto#faq .howto-container + .about-area .illust-area-howto figcaption p
{
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.85;

    padding: 35px;

    text-align: left;
    letter-spacing: .1rem;

    color: #705306;
    border: 4px solid #705306;
    border-radius: 10px;
    background-color: #fff;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .illust-area-howto figcaption p strong,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .illust-area-howto figcaption p strong,
#container.page-feature .feature_howto#about .howto-container + .about-area .illust-area-howto figcaption p strong,
#container.page-feature .feature_howto#faq .howto-container + .about-area .illust-area-howto figcaption p strong
{
    position: relative;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .illust-area-howto figcaption p strong:before,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .illust-area-howto figcaption p strong:before,
#container.page-feature .feature_howto#about .howto-container + .about-area .illust-area-howto figcaption p strong:before,
#container.page-feature .feature_howto#faq .howto-container + .about-area .illust-area-howto figcaption p strong:before
{
    position: absolute;
    z-index: 1;
    bottom: -5px;
    left: 0;

    display: block;

    width: 100%;
    height: 14px;

    content: '';

    background-color: #fdce21;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .illust-area-howto figcaption p strong span,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .illust-area-howto figcaption p strong span,
#container.page-feature .feature_howto#about .howto-container + .about-area .illust-area-howto figcaption p strong span,
#container.page-feature .feature_howto#faq .howto-container + .about-area .illust-area-howto figcaption p strong span
{
    font-size: 16px;
    font-size: 1rem;

    position: relative;
    z-index: 10;

    letter-spacing: .1rem;

    color: #705306;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution
{
    position: relative;

    margin-top: 140px;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution:before,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution:before,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution:before,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution:before
{
    position: absolute;
    z-index: -1;
    top: 10px;
    left: 50%;

    width: 790px;
    height: 790px;

    content: '';
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    border-radius: 50%;
    background-color: #fff;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution.bgedit:before,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution.bgedit:before,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution.bgedit:before,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution.bgedit:before
{
    top: 60px;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution h3 span,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution h3 span,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution h3 span,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution h3 span
{
    font-size: 25px;
    font-size: 1.5625rem;

    display: block;

    letter-spacing: .1rem;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution h3 strong,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution h3 strong,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution h3 strong,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution h3 strong
{
    font-size: 30px;
    font-size: 1.875rem;

    position: relative;

    display: table;

    margin: 0 auto;
    padding-top: 20px;

    letter-spacing: .1rem;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution h3 strong:before,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution h3 strong:before,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution h3 strong:before,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution h3 strong:before
{
    position: absolute;
    z-index: -1;
    bottom: -5px;
    left: 0;

    display: block;

    width: 100%;
    height: 14px;

    content: '';

    background-color: #fdce21;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution .howto-caution-description,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution .howto-caution-description,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution .howto-caution-description,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution .howto-caution-description
{
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.85;

    margin-top: 60px;

    letter-spacing: .1rem;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figure,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figure,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figure,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figure
{
    width: 430px;
    margin: 100px auto 0;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figure.howto_uv,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figure.howto_uv,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figure.howto_uv,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figure.howto_uv
{
    width: 100%;
    margin-top: 70px;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figure.howto_uv .point_list li,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figure.howto_uv .point_list li,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figure.howto_uv .point_list li,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figure.howto_uv .point_list li
{
    height: 350px;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figure.howto_uv .point_list li .point_list_text strong p,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figure.howto_uv .point_list li .point_list_text strong p,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figure.howto_uv .point_list li .point_list_text strong p,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figure.howto_uv .point_list li .point_list_text strong p
{
    font-size: 40px;
    font-size: 2.5rem;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figure.howto_uv .point_list li .point_list_text small,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figure.howto_uv .point_list li .point_list_text small,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figure.howto_uv .point_list li .point_list_text small,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figure.howto_uv .point_list li .point_list_text small
{
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.85;

    display: block;

    width: 60%;
    margin: 30px auto;

    text-align: left;
    letter-spacing: .1rem;

    color: #fff;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figure.howto_uv + figcaption,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figure.howto_uv + figcaption,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figure.howto_uv + figcaption,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figure.howto_uv + figcaption
{
    line-height: 2.15;

    margin: 60px 0 0;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figcaption,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figcaption,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figcaption,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figcaption
{
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.85;

    margin: 80px 0 0;

    letter-spacing: .1rem;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figcaption strong,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figcaption strong,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figcaption strong,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figcaption strong
{
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.85;

    position: relative;

    letter-spacing: .1rem;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figcaption strong:before,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figcaption strong:before,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figcaption strong:before,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figcaption strong:before
{
    position: absolute;
    z-index: -1;
    bottom: -5px;
    left: 0;

    display: block;

    width: 100%;
    height: 14px;

    content: '';

    background-color: #fdce21;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figcaption strong span,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figcaption strong span,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figcaption strong span,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figcaption strong span
{
    font-size: 16px;
    font-size: 1rem;

    letter-spacing: .1rem;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figcaption sup,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figcaption sup,
#container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figcaption sup,
#container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figcaption sup
{
    font-size: 10px;
    font-size: .625rem;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .item_nav.howto_body,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .item_nav.howto_body,
#container.page-feature .feature_howto#about .howto-container + .about-area .item_nav.howto_body,
#container.page-feature .feature_howto#faq .howto-container + .about-area .item_nav.howto_body
{
    background: url(../images/feature/bg_body_01.svg) 53% 40%/215px no-repeat;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .txt,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .txt,
#container.page-feature .feature_howto#about .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .txt,
#container.page-feature .feature_howto#faq .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .txt
{
    top: 160px;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .spf,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .spf,
#container.page-feature .feature_howto#about .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .spf,
#container.page-feature .feature_howto#faq .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .spf
{
    position: relative;

    background-color: #f5b6bd;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .spf span,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .spf span,
#container.page-feature .feature_howto#about .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .spf span,
#container.page-feature .feature_howto#faq .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .spf span
{
    font-family: inherit;

    position: absolute;
    top: 47%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    white-space: nowrap;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .btn_click,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .btn_click,
#container.page-feature .feature_howto#about .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .btn_click,
#container.page-feature .feature_howto#faq .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .btn_click
{
    top: 480px;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .item_nav.howto_body li:nth-child(2) .spf,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .item_nav.howto_body li:nth-child(2) .spf,
#container.page-feature .feature_howto#about .howto-container + .about-area .item_nav.howto_body li:nth-child(2) .spf,
#container.page-feature .feature_howto#faq .howto-container + .about-area .item_nav.howto_body li:nth-child(2) .spf
{
    position: absolute;

    background-color: #f3e16e;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .item_nav.howto_body li:nth-child(2) .spf span,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .item_nav.howto_body li:nth-child(2) .spf span,
#container.page-feature .feature_howto#about .howto-container + .about-area .item_nav.howto_body li:nth-child(2) .spf span,
#container.page-feature .feature_howto#faq .howto-container + .about-area .item_nav.howto_body li:nth-child(2) .spf span
{
    font-family: inherit;

    position: absolute;
    top: 47%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    white-space: nowrap;
}

#container.page-feature #feature-container.feature_howto .howto-container + .about-area .item_nav.howto_body li:nth-child(2) .btn_click,
#container.page-feature .feature_howto.product-content .howto-container + .about-area .item_nav.howto_body li:nth-child(2) .btn_click,
#container.page-feature .feature_howto#about .howto-container + .about-area .item_nav.howto_body li:nth-child(2) .btn_click,
#container.page-feature .feature_howto#faq .howto-container + .about-area .item_nav.howto_body li:nth-child(2) .btn_click
{
    top: 510px;
    right: 80px;
}

#container.page-feature #f_mamari-container .kv-area
{
    position: relative;

    width: 100%;
    height: 670px;

    background-image: url(../images/feature/mamari/kv_mamari.jpg);
    background-position: right center;
    background-size: cover;
}

#container.page-feature #f_mamari-container .kv-area h2
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;
    max-width: 1060px;
    margin: 0 auto;

    -webkit-transform: translate(-50%, -20%);
        -ms-transform: translate(-50%, -20%);
            transform: translate(-50%, -20%);
}

#container.page-feature #f_mamari-container .kv-area h2 .ttl-wrap
{
    width: 100%;
    max-width: 600px;
}

#container.page-feature #f_mamari-container .intro-area
{
    position: relative;

    width: 90%;
    max-width: 1200px;
    margin: 100px auto 0;
}

#container.page-feature #f_mamari-container .intro-area:after
{
    position: absolute;
    bottom: 0;
    left: 50px;

    display: block;

    width: 16%;
    max-width: 192px;
    height: 0;
    padding-bottom: 13%;

    content: '';

    background-image: url(../images/feature/mamari/illust01.png);
    background-size: cover;
}

#container.page-feature #f_mamari-container .intro-area:before
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 25.4%;
    max-width: 305px;
    height: 0;
    padding-bottom: 16%;

    content: '';

    background-image: url(../images/feature/mamari/illust02.png);
    background-size: cover;
}

#container.page-feature #f_mamari-container .intro-area .m-ttl small
{
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;

    display: block;
}

#container.page-feature #f_mamari-container .intro-area .m-ttl strong span
{
    letter-spacing: .06rem;
}

#container.page-feature #f_mamari-container .intro-area .m-ttl strong span.m-ttl-top
{
    margin-top: 15px;
}

#container.page-feature #f_mamari-container .intro-area .m-ttl strong span.m-ttl-bottom
{
    margin-top: 10px;
}

#container.page-feature #f_mamari-container .intro-area .m-ttl span
{
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: bold;

    position: relative;

    display: table;

    margin: 25px auto 0;
}

#container.page-feature #f_mamari-container .intro-area .m-ttl span:before
{
    position: absolute;
    z-index: -1;
    bottom: -3px;
    left: 0;

    display: block;

    width: 100%;
    height: 12px;

    content: '';

    background-color: #fdce21;
}

#container.page-feature #f_mamari-container .intro-area .m-description
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 2.125;

    margin-top: 60px;

    letter-spacing: .1rem;
}

#container.page-feature #f_mamari-container .question-area
{
    position: relative;

    width: 90%;
    max-width: 1200px;
    margin: 150px auto 0;
    padding: 120px 0 60px;

    border-radius: 5px;
    background-color: #eaeaea;
}

#container.page-feature #f_mamari-container .question-area:before
{
    position: absolute;
    z-index: -1;
    top: -70px;
    left: 50%;

    display: block;

    width: 230px;
    height: 230px;

    content: '';
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    border-radius: 115px;
    background-color: #eaeaea;
}

#container.page-feature #f_mamari-container .question-area:after
{
    position: absolute;
    z-index: 1;
    top: -30px;
    left: 50%;

    display: block;

    width: 100px;
    height: 103px;

    content: '';
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    background-image: url(../images/feature/mamari/ttl_question.png);
    background-size: cover;
}

#container.page-feature #f_mamari-container .question-area h3
{
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: bold;
}

#container.page-feature #f_mamari-container .question-area ul
{
    width: 90%;
    max-width: 890px;
    margin: 40px auto 0;
}

#container.page-feature #f_mamari-container .question-area ul li
{
    float: left;

    width: 30%;
    margin-right: 5%;
}

#container.page-feature #f_mamari-container .question-area ul li:last-child
{
    margin-right: 0;
}

#container.page-feature #f_mamari-container .question-area ul li .m-icon
{
    width: 100px;
    margin: 0 auto;
}

#container.page-feature #f_mamari-container .question-area ul li .m-fukidashi
{
    position: relative;

    margin-top: 20px;

    text-align: left;

    border-radius: 10px;
    background-color: #ec7c7c;
}

#container.page-feature #f_mamari-container .question-area ul li .m-fukidashi:before
{
    position: absolute;
    top: -10px;
    left: 50%;

    display: block;

    width: 33px;
    height: 29px;

    content: '';
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    background-image: url(../images/feature/mamari/m_fukidashi.png);
    background-size: cover;
}

#container.page-feature #f_mamari-container .question-area ul li .m-fukidashi:after
{
    position: absolute;
    z-index: 1;
    right: 10px;
    bottom: 10px;

    display: block;

    width: 70px;
    height: 18.5px;

    content: '';

    background-image: url(../images/feature/mamari/logo_mamari.png);
    background-size: cover;
}

#container.page-feature #f_mamari-container .question-area ul li .m-fukidashi p
{
    font-size: 12px;
    font-size: .75rem;
    font-weight: bold;
    line-height: 2;

    padding: 20px;

    letter-spacing: .05rem;

    color: #fff;
}

#container.page-feature #f_mamari-container .message-area
{
    margin-top: 60px;
}

#container.page-feature #f_mamari-container .message-area .message small,
#container.page-feature #f_mamari-container .message-area #faq #faq-container .faq-area small,
#faq #faq-container #container.page-feature #f_mamari-container .message-area .faq-area small,
#container.page-feature #f_mamari-container .message-area #feature #feature-container .feature-list small,
#feature #feature-container #container.page-feature #f_mamari-container .message-area .feature-list small,
#container.page-feature #f_mamari-container .message-area #feature .product-content .feature-list small,
#feature .product-content #container.page-feature #f_mamari-container .message-area .feature-list small,
#container.page-feature #f_mamari-container .message-area #feature #about .feature-list small,
#feature #about #container.page-feature #f_mamari-container .message-area .feature-list small,
#container.page-feature #f_mamari-container .message-area #feature #faq .feature-list small,
#feature #faq #container.page-feature #f_mamari-container .message-area .feature-list small
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;
    line-height: 2;

    display: block;
}

#container.page-feature #f_mamari-container .message-area .message strong,
#container.page-feature #f_mamari-container .message-area #faq #faq-container .faq-area strong,
#faq #faq-container #container.page-feature #f_mamari-container .message-area .faq-area strong,
#container.page-feature #f_mamari-container .message-area #feature #feature-container .feature-list strong,
#feature #feature-container #container.page-feature #f_mamari-container .message-area .feature-list strong,
#container.page-feature #f_mamari-container .message-area #feature .product-content .feature-list strong,
#feature .product-content #container.page-feature #f_mamari-container .message-area .feature-list strong,
#container.page-feature #f_mamari-container .message-area #feature #about .feature-list strong,
#feature #about #container.page-feature #f_mamari-container .message-area .feature-list strong,
#container.page-feature #f_mamari-container .message-area #feature #faq .feature-list strong,
#feature #faq #container.page-feature #f_mamari-container .message-area .feature-list strong
{
    font-size: 19px;
    font-size: 1.1875rem;
    font-weight: bold;

    position: relative;

    display: table;

    margin: 30px auto 0;
}

#container.page-feature #f_mamari-container .message-area .message strong:before,
#container.page-feature #f_mamari-container .message-area #faq #faq-container .faq-area strong:before,
#faq #faq-container #container.page-feature #f_mamari-container .message-area .faq-area strong:before,
#container.page-feature #f_mamari-container .message-area #feature #feature-container .feature-list strong:before,
#feature #feature-container #container.page-feature #f_mamari-container .message-area .feature-list strong:before,
#container.page-feature #f_mamari-container .message-area #feature .product-content .feature-list strong:before,
#feature .product-content #container.page-feature #f_mamari-container .message-area .feature-list strong:before,
#container.page-feature #f_mamari-container .message-area #feature #about .feature-list strong:before,
#feature #about #container.page-feature #f_mamari-container .message-area .feature-list strong:before,
#container.page-feature #f_mamari-container .message-area #feature #faq .feature-list strong:before,
#feature #faq #container.page-feature #f_mamari-container .message-area .feature-list strong:before
{
    position: absolute;
    z-index: -1;
    bottom: -2px;
    left: 0;

    display: block;

    width: 100%;
    height: 10px;

    content: '';

    background-color: #fdce21;
}

#container.page-feature #f_mamari-container .message-area .message span,
#container.page-feature #f_mamari-container .message-area #faq #faq-container .faq-area span,
#faq #faq-container #container.page-feature #f_mamari-container .message-area .faq-area span,
#container.page-feature #f_mamari-container .message-area #feature #feature-container .feature-list span,
#feature #feature-container #container.page-feature #f_mamari-container .message-area .feature-list span,
#container.page-feature #f_mamari-container .message-area #feature .product-content .feature-list span,
#feature .product-content #container.page-feature #f_mamari-container .message-area .feature-list span,
#container.page-feature #f_mamari-container .message-area #feature #about .feature-list span,
#feature #about #container.page-feature #f_mamari-container .message-area .feature-list span,
#container.page-feature #f_mamari-container .message-area #feature #faq .feature-list span,
#feature #faq #container.page-feature #f_mamari-container .message-area .feature-list span
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;
    line-height: 2;

    display: block;

    margin-top: 30px;
}

#container.page-feature #f_mamari-container .mbm-area
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 90%;
    max-width: 1040px;
    margin: 50px auto 0;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

#container.page-feature #f_mamari-container .mbm-area.bmc .layout-center:before
{
    background-image: url(../images/feature/mamari/icon_bmc.png);
}

#container.page-feature #f_mamari-container .mbm-area .layout-left
{
    position: relative;

    float: left;

    width: 33%;
    margin-right: 1%;
}

#container.page-feature #f_mamari-container .mbm-area .layout-left .layout-inner
{
    position: absolute;
    top: 50%;
    left: 0;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

#container.page-feature #f_mamari-container .mbm-area .layout-center
{
    position: relative;

    float: left;

    width: 30%;
    margin-right: 1%;
}

#container.page-feature #f_mamari-container .mbm-area .layout-center:before
{
    position: absolute;
    right: -90px;
    bottom: 130px;

    display: block;

    width: 134px;
    height: 134px;

    content: '';

    background-image: url(../images/feature/mamari/icon_bmn.png);
    background-size: cover;
}

#container.page-feature #f_mamari-container .mbm-area .layout-right
{
    position: relative;

    float: left;

    width: 35%;

    text-align: left;
}

#container.page-feature #f_mamari-container .mbm-area .layout-right .layout-inner
{
    position: absolute;
    top: 50%;
    left: 0;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

#container.page-feature #f_mamari-container .mbm-area .layout-right .layout-inner small
{
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;

    display: block;
}

#container.page-feature #f_mamari-container .mbm-area .layout-right .layout-inner strong
{
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: bold;

    position: relative;

    display: table;

    margin-top: 20px;
}

#container.page-feature #f_mamari-container .mbm-area .layout-right .layout-inner strong:before
{
    position: absolute;
    z-index: -1;
    bottom: -2px;
    left: 0;

    display: block;

    width: 100%;
    height: 10px;

    content: '';

    background-color: #fdce21;
}

#container.page-feature #f_mamari-container .mbm-area .layout-right .layout-inner span
{
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: bold;
    line-height: 1.5;

    display: block;

    margin-top: 20px;
}

#container.page-feature #f_mamari-container .mbm-area .layout-right .layout-inner a
{
    display: block;

    width: 108px;
    margin: 60px auto 0;

    text-align: center;
}

#container.page-feature #f_mamari-container .layout-bottom small
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;

    display: block;
}

#container.page-feature #f_mamari-container .layout-bottom strong
{
    font-size: 27px;
    font-size: 1.6875rem;
    font-weight: bold;

    position: relative;
    z-index: 1;

    display: table;

    margin: 10px auto 0;
}

#container.page-feature #f_mamari-container .layout-bottom strong:before
{
    position: absolute;
    z-index: -1;
    bottom: -2px;
    left: 0;

    display: block;

    width: 100%;
    height: 10px;

    content: '';

    background-color: #fdce21;
}

#container.page-feature #f_mamari-container .layout-bottom span
{
    font-size: 15px;
    font-size: .9375rem;
    font-weight: bold;
    line-height: 1.46;

    display: block;

    margin-top: 15px;
}

#container.page-feature #f_mamari-container .layout-bottom a
{
    display: block;

    width: 24.4%;
    margin: 20px auto 0;
}

#container.page-feature #f_mamari-container .m_write-area
{
    width: 90%;
    max-width: 1200px;
    margin: 70px auto 0;
    padding-top: 110px;
    padding-bottom: 50px;

    border-radius: 5px;
    background-color: #fff;
}

#container.page-feature #f_mamari-container .m_write-area h3 strong
{
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: bold;

    position: relative;
}

#container.page-feature #f_mamari-container .m_write-area h3 strong:before
{
    position: absolute;
    z-index: -1;
    bottom: -2px;
    left: 0;

    display: block;

    width: 100%;
    height: 10px;

    content: '';

    background-color: #ec7c7c;
}

#container.page-feature #f_mamari-container .m_write-area h3 span
{
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: bold;

    position: relative;
}

#container.page-feature #f_mamari-container .m_write-area h3 span:before
{
    position: absolute;
    top: -45px;
    left: -85px;

    display: block;

    width: 138px;
    height: 54px;

    content: '';

    background-image: url(../images/feature/mamari/fukidashi_mamari.png);
    background-size: cover;
}

#container.page-feature #f_mamari-container .m_write-area .description
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 2;

    margin-top: 70px;

    letter-spacing: .05rem;
}

#container.page-feature #f_mamari-container .m_write-area .write-kv
{
    width: 90%;
    max-width: 1040px;
    margin: 50px auto 0;
}

#container.page-feature #f_mamari-container .m_write-area .box
{
    width: 90%;
    max-width: 980px;
    margin: 70px auto 0;

    text-align: left;
}

#container.page-feature #f_mamari-container .m_write-area .box.bottle
{
    position: relative;
}

#container.page-feature #f_mamari-container .m_write-area .box.bottle:before
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 17.5%;
    max-width: 172px;
    height: 0;
    padding-bottom: 28%;

    content: '';

    background-image: url(../images/feature/mamari/product_bms-s.png);
    background-size: cover;
}

#container.page-feature #f_mamari-container .m_write-area .box h4
{
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: bold;

    margin-bottom: 40px;
    padding: 20px 0;

    text-align: center;
    letter-spacing: .05rem;

    color: #ec7c7c;
    border-top: 5px dotted #ec7c7c;
    border-bottom: 5px dotted #ec7c7c;
}

#container.page-feature #f_mamari-container .m_write-area .box .layout-left
{
    float: left;

    width: 45.9%;
    margin-right: 3%;
}

#container.page-feature #f_mamari-container .m_write-area .box .layout-right
{
    float: left;

    width: 51.1%;
}

#container.page-feature #f_mamari-container .m_write-area .box .layout-right .m-text
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;
    line-height: 1.9;

    letter-spacing: .05rem;
}

#container.page-feature #f_mamari-container .m_write-area .box .layout-right .m-text sup
{
    font-size: 10px;
    font-size: .625rem;
}

#container.page-feature #f_mamari-container .m_write-area .box .layout-right .m-text strong
{
    position: relative;

    display: inline-block;

    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(60%, #fff), color-stop(60%, #ef9e9e), to(#ef9e9e));
    background: linear-gradient(180deg, #fff 0%, #fff 60%, #ef9e9e 60%, #ef9e9e 100%);
}

#container.page-feature #f_mamari-container .m_write-area .box .layout-right .m-text strong.hl_yellow
{
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(60%, #fff), color-stop(60%, #f9cd15), to(#f9cd15));
    background: linear-gradient(180deg, #fff 0%, #fff 60%, #f9cd15 60%, #f9cd15 100%);
}

#container.page-feature #f_mamari-container .m_write-area .box .layout-right .m-text + .m-text
{
    margin-top: 30px;
}

#container.page-feature #f_mamari-container .m_write-area .box .layout-right .m-notice
{
    font-size: 10px;
    font-size: .625rem;
    font-weight: bold;
    line-height: 1.8;

    display: block;

    margin-top: 40px;

    letter-spacing: .05rem;
}

#container.page-feature #f_mamari-container .m_write-area .box .l-text
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 2;

    text-align: center;
    letter-spacing: .05rem;
}

#container.page-feature #f_mamari-container .m_write-area .box .l-image
{
    position: relative;

    width: 90%;
    max-width: 480px;
    margin: 50px auto 0;
}

#container.page-feature #f_mamari-container .m_write-area .box .l-image:before
{
    position: absolute;
    top: -20px;
    left: -80px;

    display: block;

    width: 215px;
    height: 100px;

    content: '';

    background-image: url(../images/feature/point_flag_01@2x.png);
    background-size: cover;
}

#container.page-feature #f_mamari-container .m_write-area .box .l-image:after
{
    position: absolute;
    top: -20px;
    right: -80px;

    display: block;

    width: 190px;
    height: 142px;

    content: '';

    background-image: url(../images/feature/point_flag_02@2x.png);
    background-size: cover;
}

#container.page-feature #f_mamari-container .m_write-area .l-link
{
    margin-top: 40px;
}

#container.page-feature #f_mamari-container .m_write-area .l-link ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    text-align: left;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

#container.page-feature #f_mamari-container .m_write-area .l-link ul li a
{
    position: relative;

    display: block;

    width: 340px;
    height: 90px;
    margin: 0 auto;

    -webkit-transition: .4s;
            transition: .4s;
    letter-spacing: .1rem;

    opacity: 1;
    background-image: url(../images/feature/mamari/bg_btn.png);
    background-size: 100% 100%;
}

#container.page-feature #f_mamari-container .m_write-area .l-link ul li a:before
{
    position: absolute;
    top: 50%;
    right: 30px;

    display: block;

    width: 11px;
    height: 20px;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background-image: url(../images/common/btn_arrow.png);
    background-size: cover;
}

#container.page-feature #f_mamari-container .m_write-area .l-link ul li a span
{
    font-size: 12px;
    font-size: .75rem;
    font-weight: bold;
    line-height: 1.5;

    position: absolute;
    top: 50%;
    left: 30px;

    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    white-space: nowrap;

    color: #fff;
}

#container.page-feature #f_mamari-container .m_write-area .comment-notice
{
    font-size: 12px;
    font-size: .75rem;

    margin: 40px 30px 0 0;

    text-align: right;
}

#container.page-feature #f_mamari-container .m_write-area .morerecommend
{
    margin-top: 110px;
}

#container.page-feature #f_mamari-container .m_write-area .morerecommend h4
{
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: bold;

    position: relative;
    z-index: 1;

    display: inline-block;
}

#container.page-feature #f_mamari-container .m_write-area .morerecommend h4:after
{
    position: absolute;
    z-index: -1;
    bottom: -2px;
    left: 0;

    display: block;

    width: 100%;
    height: 10px;

    content: '';

    background-color: #fdce21;
}

#container.page-feature #f_enquete-container .feature_ttlarea
{
    position: relative;

    width: 100%;
    height: 680px;

    background-image: url(../images/feature/enquete/kv_pc.jpg);
    background-position: center center;
    background-size: cover;
}

#container.page-feature #f_enquete-container .feature_ttlarea h1
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    text-shadow: 0 0 10px rgba(255, 255, 255, .4);
}

#container.page-feature #f_enquete-container .feature_ttlarea h1 small
{
    font-family: 'Poppins', 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-size: 30px;
    font-size: 1.875rem;

    display: block;

    letter-spacing: .3rem;

    color: #f37021;
}

#container.page-feature #f_enquete-container .feature_ttlarea h1 span
{
    font-size: 43px;
    font-size: 2.6875rem;
    line-height: 1.2;

    display: block;

    margin-top: 20px;

    letter-spacing: .1rem;

    color: #f37021;
}

#container.page-feature #f_enquete-container .feature_ttlarea h1 figure
{
    width: 144px;
    margin: 20px auto 0;
}

#container.page-feature #f_enquete-container .feature-intro .icon-enquete
{
    width: 90px;
    margin: 80px auto 0;
}

#container.page-feature #f_enquete-container .feature-intro h2
{
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold;

    margin-top: 40px;
}

#container.page-feature #f_enquete-container .feature-intro .intro-txt
{
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.9;

    margin-top: 30px;

    letter-spacing: .05rem;
}

#container.page-feature #f_enquete-container .anchor-link
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 94%;
    max-width: 1200px;
    margin: 80px auto 0;

    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
            justify-content: space-around;
}

#container.page-feature #f_enquete-container .anchor-link li
{
    width: 24.4%;
    height: 210px;

    border-radius: 10px;
    background: url(../images/feature/bg_point_01.svg) center/58% no-repeat #f37021;
}

#container.page-feature #f_enquete-container .anchor-link li:nth-child(even)
{
    background: url(../images/feature/bg_point_01.svg) center/58% no-repeat #5a3928;
}

#container.page-feature #f_enquete-container .anchor-link li:nth-child(2) a:after
{
    width: 47px;

    background-image: url(../images/feature/enquete/txt_q2w.png);
}

#container.page-feature #f_enquete-container .anchor-link li:nth-child(3) a:after
{
    width: 47px;

    background-image: url(../images/feature/enquete/txt_q3w.png);
}

#container.page-feature #f_enquete-container .anchor-link li:nth-child(4) a:after
{
    width: 50px;

    background-image: url(../images/feature/enquete/txt_q4w.png);
}

#container.page-feature #f_enquete-container .anchor-link li a
{
    position: relative;

    display: block;

    width: 100%;
    height: 210px;
}

#container.page-feature #f_enquete-container .anchor-link li a:before
{
    position: absolute;
    bottom: 15px;
    left: 50%;

    display: block;

    width: 18px;
    height: 11px;

    content: '';
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    background-image: url(../images/feature/enquete/arrow.png);
    background-size: cover;
}

#container.page-feature #f_enquete-container .anchor-link li a:after
{
    position: absolute;
    top: 10px;
    left: 10px;

    display: block;

    width: 38px;
    height: 28px;

    content: '';

    background-image: url(../images/feature/enquete/txt_q1w.png);
    background-size: cover;
}

#container.page-feature #f_enquete-container .anchor-link li a span
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.875;

    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    white-space: nowrap;
    letter-spacing: .05rem;

    color: #fff;
}

#container.page-feature #f_enquete-container .question-area
{
    width: 100%;
    max-width: 1200px;
    margin: 90px auto 0;
}

#container.page-feature #f_enquete-container .question-area#q2 .graph-area
{
    margin-top: 70px;
}

#container.page-feature #f_enquete-container .question-area#q3 .graph-area
{
    margin-top: 50px;
}

#container.page-feature #f_enquete-container .question-area#q4 .graph-area
{
    margin-top: 50px;
}

#container.page-feature #f_enquete-container .question-area h3 span
{
    display: block;

    width: 48px;
    margin: 0 auto;
}

#container.page-feature #f_enquete-container .question-area h3 strong
{
    font-size: 38px;
    font-size: 2.375rem;
    font-weight: bold;

    position: relative;

    display: table;

    margin: 15px auto 0;
}

#container.page-feature #f_enquete-container .question-area h3 strong:after
{
    position: absolute;
    z-index: -1;
    bottom: -4px;
    left: 0;

    width: 100%;
    height: 20px;

    content: '';

    background-color: #fdce21;
}

#container.page-feature #f_enquete-container .question-area .graph-area
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-top: 10px;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-left
{
    float: left;

    width: 50%;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-left.q2 img
{
    width: 89%;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-left.q3 img
{
    width: 77%;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-left.q4 img
{
    width: 77%;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-left img
{
    width: 92%;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right
{
    float: right;

    width: 50%;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner
{
    width: 97.1%;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q1
{
    text-align: left;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q1 span
{
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: bold;

    display: block;

    color: #f25e5a;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q1 span strong
{
    font-size: 70px;
    font-size: 4.375rem;
    font-weight: bold;

    color: #f25e5a;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q1 span small
{
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q1 b
{
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: bold;

    display: block;

    margin-top: 10px;
    margin-left: -10px;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q2
{
    text-align: left;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q2 span
{
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: bold;

    display: block;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q2 span strong
{
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: bold;

    color: #ec7c7c;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q2 span small
{
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q3
{
    text-align: left;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q3 span
{
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: bold;

    display: block;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q3 span strong
{
    font-size: 70px;
    font-size: 4.375rem;
    font-weight: bold;

    color: #ec7c7c;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q3 span small
{
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: bold;

    color: #ec7c7c;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q3 span b
{
    color: #ec7c7c;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q3 span + span strong
{
    font-size: 50px;
    font-size: 3.125rem;

    color: #5a3928;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q3 span + span small
{
    color: #5a3928;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q3 span + span b
{
    color: #5a3928;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q4
{
    text-align: left;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q4 span
{
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;

    display: block;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q4 span strong
{
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: bold;

    color: #ec7c7c;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q4 span b
{
    font-size: 26px;
    font-size: 1.625rem;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area
{
    width: 100%;
    margin-top: 20px;
    padding: 30px;

    text-align: left;

    border-radius: 7px;
    background-color: #fff;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area.q1 li:nth-child(1) strong:before
{
    width: 100%;

    background-color: #f25e5a;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area.q1 li:nth-child(2) strong:before
{
    width: 62%;

    background-color: #ef7b7b;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area.q1 li:nth-child(3) strong:before
{
    width: 21%;

    background-color: #b29b9b;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area.q1 li:nth-child(4) strong:before
{
    width: 10%;

    background-color: #bca4a4;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area.q1 li:nth-child(5) strong:before
{
    width: 3%;

    background-color: #bca4a4;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area.q2 li:nth-child(1) strong:before
{
    width: 19%;

    background-color: #f25e5a;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area.q2 li:nth-child(2) strong:before
{
    width: 41%;

    background-color: #ef7b7b;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area.q2 li:nth-child(3) strong:before
{
    width: 21%;

    background-color: #b29b9b;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area.q2 li:nth-child(4) strong:before
{
    width: 30%;

    background-color: #e5acac;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area.q2 li:nth-child(5) strong:before
{
    width: 8%;

    background-color: #b29b9b;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area.q2 li:nth-child(6) strong:before
{
    width: 7%;

    background-color: #bca4a4;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area.q2 li:nth-child(7) strong:before
{
    width: 13.4%;

    background-color: #c6b9b9;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area.q2 li:nth-child(8) strong:before
{
    width: 51%;

    background-color: #e2dedc;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area.q3 li:nth-child(1) strong:before
{
    width: 88%;

    background-color: #f25e5a;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area.q3 li:nth-child(2) strong:before
{
    width: 100%;

    background-color: #bca4a4;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area.q4 li:nth-child(1) strong:before
{
    width: 93%;

    background-color: #f25e5a;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area.q4 li:nth-child(2) strong:before
{
    width: 21%;

    background-color: #ef7b7b;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area.q4 li:nth-child(3) strong:before
{
    width: 58%;

    background-color: #e29191;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area.q4 li:nth-child(4) strong:before
{
    width: 17%;

    background-color: #bca4a4;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area li
{
    margin-top: 20px;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area li:first-child
{
    margin-top: 0;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area li span
{
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;

    display: block;
    float: left;

    width: 68%;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area li strong
{
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;

    position: relative;
    z-index: 1;

    display: block;
    float: left;

    width: 15%;

    text-align: right;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area li strong:before
{
    position: absolute;
    z-index: -1;
    top: 50%;

    display: block;

    width: 100%;
    height: 18px;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    color: #f25e5a;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area li small
{
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;

    float: left;

    width: 17%;

    text-align: right;
}

#container.page-feature #f_enquete-container .question-area .graph-area .layout-right .notice
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;

    margin-top: 10px;

    text-align: right;
}

#container.page-feature #f_enquete-container .question-area .comment-area
{
    margin-top: 80px;
}

#container.page-feature #f_enquete-container .question-area .comment-area .ttl
{
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.5;

    color: #ec7c7c;
}

#container.page-feature #f_enquete-container .question-area .comment-area .ttl:after
{
    display: block;

    width: 700px;
    height: 16px;
    margin: 10px auto 0;

    content: '';

    background-image: url(../images/feature/enquete/fukidashi.png);
    background-size: cover;
}

#container.page-feature #f_enquete-container .question-area .comment-area .ttl.pk03:after
{
    width: 520px;
    height: 13px;

    background-image: url(../images/feature/enquete/fukidashi_03p.png);
}

#container.page-feature #f_enquete-container .question-area .comment-area .ttl.br03
{
    margin-top: 40px;

    color: #5a3928;
}

#container.page-feature #f_enquete-container .question-area .comment-area .ttl.br03:after
{
    width: 520px;
    height: 13px;

    background-image: url(../images/feature/enquete/fukidashi_03b.png);
}

#container.page-feature #f_enquete-container .question-area .comment-area .ttl.br03 strong
{
    color: #5a3928;
}

#container.page-feature #f_enquete-container .question-area .comment-area .ttl strong
{
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: bold;

    color: #ec7c7c;
}

#container.page-feature #f_enquete-container .question-area .comment-area .parent-comment
{
    width: 90%;
    max-width: 940px;
    margin: 15px auto 0;
}

#container.page-feature #f_enquete-container .question-area .comment-area .parent-comment.br li
{
    background-color: #bca4a4;
}

#container.page-feature #f_enquete-container .question-area .comment-area .parent-comment li
{
    float: left;

    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
    padding: 25px;

    border-radius: 20px;
    background-color: #ec7c7c;
}

#container.page-feature #f_enquete-container .question-area .comment-area .parent-comment li:nth-child(3n)
{
    margin-right: 0;
}

#container.page-feature #f_enquete-container .question-area .comment-area .parent-comment li p
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;
    line-height: 1.8;

    text-align: left;

    color: #fff;
}

#container.page-feature #f_enquete-container .question-area .comment-area .parent-comment li small
{
    font-size: 12px;
    font-size: .75rem;
    font-weight: bold;

    display: block;

    color: #fff;
}

#container.page-feature #f_enquete-container .question-area .comment-area .parent-comment li span
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    height: 28px;
    margin-top: 10px;

    border-radius: 14px;
    background-color: #fff;
}

#container.page-feature #f_enquete-container .question-area .comment-area .parent-comment li span:before
{
    display: inline-block;

    width: 28px;
    height: 28px;

    content: '';

    background-image: url(../images/feature/enquete/i_parent.png);
    background-size: cover;
}

#container.page-feature #f_enquete-container .question-area .comment-area .parent-comment li span b
{
    font-size: 11px;
    font-size: .6875rem;
    font-weight: bold;
    line-height: 28px;

    padding-left: 5px;

    letter-spacing: .05rem;

    color: #ec7c7c;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

#container.page-feature #f_enquete-container .question-area .comment-area .last-msg
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 2;

    margin-top: 40px;

    letter-spacing: .05rem;
}

#container.page-feature #f_enquete-container .question-area .comment-area .last-msg strong
{
    font-size: 20px;
    font-size: 1.25rem;

    display: block;

    margin-top: 10px;
}

#container.page-feature #f_enquete-container #mommyproduct
{
    background-color: #fff;
}

#container.page-feature #f_enquete-container #mommyproduct .inner
{
    position: relative;

    width: 100%;
    max-width: 1040px;
    margin: 100px auto 0;
    padding: 70px 0 30px;
}

#container.page-feature #f_enquete-container #mommyproduct .inner:before
{
    position: absolute;
    top: -50px;
    left: 0;

    display: block;

    width: 400px;
    height: 172px;

    content: '';

    background-image: url(../images/feature/enquete/flag_l.png);
    background-size: cover;
}

#container.page-feature #f_enquete-container #mommyproduct .inner:after
{
    position: absolute;
    top: -50px;
    right: 0;

    display: block;

    width: 400px;
    height: 172px;

    content: '';

    background-image: url(../images/feature/enquete/flag_r.png);
    background-size: cover;
}

#container.page-feature #f_enquete-container #mommyproduct .inner .description b
{
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;

    display: block;

    margin-bottom: 20px;

    letter-spacing: .05rem;
}

#container.page-feature #f_enquete-container #mommyproduct .inner .description strong
{
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: bold;

    position: relative;
    z-index: 10;

    display: table;

    margin: 0 auto;
    margin-bottom: 10px;

    letter-spacing: .05rem;

    color: #f37021;
}

#container.page-feature #f_enquete-container #mommyproduct .inner .description strong:after
{
    position: absolute;
    z-index: -1;
    bottom: -3px;

    display: block;

    width: 100%;
    height: 10px;

    content: '';

    background-color: #fdce21;
}

#container.page-feature #f_enquete-container #mommyproduct .inner .description strong span
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;

    color: #5a3928;
}

#container.page-feature #f_enquete-container #mommyproduct .inner .description small
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;

    display: block;

    padding-top: 10px;

    letter-spacing: .05rem;
}

#container.page-feature #f_enquete-container #mommyproduct .inner .product-area
{
    margin-top: 20px;
}

#container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout
{
    position: relative;

    float: left;

    width: 50%;
}

#container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout.right
{
    float: right;
}

#container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout.right .product-img
{
    margin-left: 47%;
}

#container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout.right .product-img:before
{
    z-index: 1;
    top: 80px;
    right: 70%;
    left: auto;

    content: '';

    background-image: url(../images/feature/mamari/icon_bmc.png);
}

#container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout.right .product-txt
{
    top: auto;
    right: 50%;
    bottom: 50px;
    left: auto;
}

#container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout .product-img
{
    position: relative;
    z-index: 10;

    width: 53%;
}

#container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout .product-img:before
{
    position: absolute;
    z-index: 1;
    top: 250px;
    left: 80%;

    display: block;

    width: 116px;
    height: 116px;

    content: '';

    background-image: url(../images/feature/mamari/icon_bmn.png);
    background-size: cover;
}

#container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout .product-txt
{
    position: absolute;
    top: 70px;
    left: 50%;

    display: table;

    text-align: center;
}

#container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout .product-txt strong
{
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: bold;

    display: block;

    white-space: nowrap;
}

#container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout .product-txt span
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.6;

    display: block;

    margin-top: 15px;

    white-space: nowrap;
}

#container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout .product-txt a
{
    display: block;

    width: 103px;
    margin: 15px auto 0;
}

#container.page-feature #f_enquete-container .message-area
{
    margin-top: 100px;
}

#container.page-feature #f_enquete-container .message-area .msg-txt span
{
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;

    display: block;
}

#container.page-feature #f_enquete-container .message-area .msg-txt strong
{
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: bold;

    position: relative;

    display: table;

    margin: 30px auto 0;

    letter-spacing: .1rem;
}

#container.page-feature #f_enquete-container .message-area .msg-txt strong:before
{
    position: absolute;
    z-index: -1;
    bottom: -3px;

    display: block;

    width: 100%;
    height: 10px;

    content: '';

    background-color: #fdce21;
}

#container.page-feature #f_enquete-container .message-area .msg-txt small
{
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.5;

    display: block;

    margin-top: 25px;
}

#container.page-feature #f_enquete-container .message-area .overview
{
    width: 90%;
    max-width: 900px;
    margin: 90px auto 0;
    padding: 50px;

    border-radius: 5px;
    background-color: #e8e8e8;
}

#container.page-feature #f_enquete-container .message-area .overview strong
{
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;

    display: block;

    letter-spacing: .1rem;

    color: #333;
}

#container.page-feature #f_enquete-container .message-area .overview span
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;

    display: block;

    margin-top: 20px;

    letter-spacing: .1rem;

    color: #333;
}

.sp1100-display
{
    display: none !important;
}

.sp1100-invisible
{
    display: block !important;
}

/*----------------------------------------
	index
----------------------------------------*/

.bodymilk
{
    display: block;
}

.uvcare
{
    display: none;
}

/* //////////////////////////////////////////
  index
//////////////////////////////////////////*/

body
{
    overflow-x: hidden;

    background-color: #f8f5f0;
}

#container
{
    overflow: hidden;
}

#container.page-index #wide-area
{
    padding-top: 250px !important;

    background-color: #f8f5f0;
}

#container.page-index #wide-area #feature
{
    margin-top: 170px;
}

#container #heading-index a
{
    display: block;

    width: 100%;
}

#container #index-container .content .content-heading,
#container #index-container #wide-area #voice-faq .content h2,
#container #index-container #wide-area #feature .content#feature-area h2
{
    font-family: 'Poppins', 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-size: 50px;
    font-size: 3.125rem;
    font-weight: 200;

    margin-bottom: 30px;

    letter-spacing: .4rem;

    color: #f37021;
}

#container #index-container .content .content-heading span,
#container #index-container #wide-area #voice-faq .content h2 span,
#container #index-container #wide-area #feature .content#feature-area h2 span
{
    font-size: 16px;
    font-size: 1rem;

    display: block;

    margin-top: 5px;

    letter-spacing: .2rem;

    color: #f37021;
}

#container #index-container .content .mommybtn
{
    position: relative;

    display: block;

    width: 268px;
    height: 81px;
    margin: 0 auto;

    -webkit-transition: .4s;
            transition: .4s;
    letter-spacing: .1rem;

    opacity: 1;
    background-image: url(../images/common/bg_btn.png);
    background-size: 100% 100%;
}

#container #index-container .content .mommybtn:hover
{
    opacity: .6;
}

#container #index-container .content .mommybtn:before
{
    position: absolute;
    top: 50%;
    right: 40px;

    display: block;

    width: 11px;
    height: 20px;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background-image: url(../images/common/btn_arrow.png);
    background-size: cover;
}

#container #index-container .content .mommybtn span
{
    font-size: 14px;
    font-size: .875rem;

    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    white-space: nowrap;

    color: #fff;
}

#container #index-container .content .caution
{
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.6;

    display: block;

    margin-top: 15px;
}

#container #index-container #fv-area > a
{
    -webkit-transition: .4s;
            transition: .4s;
}

#container #index-container #fv-area > a:hover
{
    opacity: .6;
}

#container #index-container #fv-area .fixed-area
{
    position: fixed;

    overflow-x: hidden;

    width: 700px;
    height: 100vh;
}

#container #index-container #fv-area .fixed-area.uvcare:before
{
    background-image: url(../images/index/kv_bg.png);
}

#container #index-container #fv-area .fixed-area.bodymilk:before
{
    background-image: url(../images/index/kv_bg_body.png);
}

#container #index-container #fv-area .fixed-area.bodymilk:after
{
    position: absolute;
    z-index: 10;
    bottom: 0;

    display: block;

    width: 100%;
    height: 65px;

    content: '';

    background-color: #d72b66;
}

#container #index-container #fv-area .fixed-area:before
{
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    max-width: 700px;
    height: 100vh;

    content: '';

    background-repeat: no-repeat;
    background-position: left 10%;
    background-size: cover;
}

#container #index-container #fv-area .fixed-area .bg-slider
{
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    max-width: 700px;
    height: 100vh;

    background-position: center top;
    background-size: cover;
}

#container #index-container #fv-area .fixed-area .bg-slider .vegas-slide
{
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;

    width: 100%;
    height: 100vh;

    background: center top no-repeat !important;
}

#container #index-container #fv-area .fixed-area .bg-slider .vegas-slide .vegas-slide-inner
{
    background-position: center top !important;
}

#container #index-container #fv-area .fixed-area .fixed-area__info.bodymilk
{
    position: absolute;
    z-index: 100;
    bottom: 25px;
    left: 50%;

    width: 86%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

#container #index-container #fv-area .fixed-area .fixed-area__info.uvcare
{
    position: absolute;
    z-index: 100;
    bottom: 30px;
    left: 50%;

    width: 80%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

#container #index-container #fv-area .fixed-area .fixed-area__info .fukidashi
{
    position: absolute;
    z-index: -1;

    display: inline-block;

    width: 150px;
    height: 88px;

    background-image: url(../images/index/bg_cloud.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

#container #index-container #fv-area .fixed-area .fixed-area__info .fukidashi.gel
{
    bottom: 72%;
    left: -19%;
}

#container #index-container #fv-area .fixed-area .fixed-area__info .fukidashi.milk
{
    right: -130px;
    bottom: 58%;
}

#container #index-container #fv-area .fixed-area .fixed-area__info .fukidashi span
{
    font-size: 11px;
    font-size: .6875rem;
    line-height: 1.2;

    position: absolute;
    top: 53%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    white-space: nowrap;

    color: #03a8cb;
}

#container #index-container #fv-area .fixed-area .fixed-area__info .fukidashi span strong
{
    font-size: 14px;
    font-size: .875rem;

    display: block;

    margin-top: 3px;

    color: #03a8cb;
}

#container #index-container #fv-area .fixed-area .fixed-area__info figure.uvcare
{
    position: relative;

    width: 60%;
    margin-bottom: 15px;
}

#container #index-container #fv-area .fixed-area .fixed-area__info figure.uvcare .body_fukidashi
{
    position: absolute;
    top: 20px;
    right: -110px;

    width: 148px;
}

#container #index-container #fv-area .fixed-area .fixed-area__info figure.bodymilk
{
    position: relative;

    width: 55%;
    margin-bottom: 15px;
}

#container #index-container #fv-area .fixed-area .fixed-area__info figure.bodymilk .body_fukidashi
{
    position: absolute;
    top: 20px;
    right: -110px;

    width: 148px;
}

#container #index-container #fv-area .fixed-area .fixed-area__info figcaption.uvcare
{
    margin-left: 1rem;

    text-align: left;
}

#container #index-container #fv-area .fixed-area .fixed-area__info figcaption.uvcare strong
{
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: bold;

    position: relative;

    display: table;

    margin-bottom: 15px;

    letter-spacing: .1rem;

    color: #fff;
}

#container #index-container #fv-area .fixed-area .fixed-area__info figcaption.uvcare strong:before
{
    position: absolute;
    z-index: -1;
    bottom: -3px;
    left: -6px;

    display: inline-block;

    width: 103%;
    height: 10px;

    content: '';

    background-color: #f37021;
}

#container #index-container #fv-area .fixed-area .fixed-area__info figcaption.uvcare strong sup
{
    font-size: 10px;

    color: #fff;
}

#container #index-container #fv-area .fixed-area .fixed-area__info figcaption.uvcare small
{
    font-size: 10px;
    font-size: .625rem;
    line-height: 1.4;

    display: block;

    width: 100%;
    max-width: 640px;

    color: #fff;
    text-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
}

#container #index-container #fv-area .fixed-area .fixed-area__info figcaption.uvcare .notice
{
    font-size: 12px;
    font-size: .75rem;

    position: absolute;
    right: -30px;
    bottom: 3px;

    letter-spacing: .05rem;

    color: #fff;
}

#container #index-container #fv-area .fixed-area .fixed-area__info figcaption.bodymilk
{
    margin-left: 1rem;

    text-align: left;
}

#container #index-container #fv-area .fixed-area .fixed-area__info figcaption.bodymilk strong
{
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: bold;

    position: relative;

    display: table;

    letter-spacing: .05rem;

    color: #fff;
}

#container #index-container #fv-area .fixed-area .fixed-area__info figcaption.bodymilk strong:before
{
    position: absolute;
    z-index: -1;
    bottom: -3px;
    left: -6px;

    display: inline-block;

    width: 103%;
    height: 10px;

    content: '';
}

#container #index-container #fv-area .fixed-area .fixed-area__info figcaption.bodymilk strong sup
{
    font-size: 10px;

    color: #fff;
}

#container #index-container #fv-area .fixed-area .fixed-area__info figcaption.bodymilk small
{
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.4;

    display: block;

    width: 100%;
    max-width: 640px;

    color: #fff;
    text-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
}

#container #index-container #fv-area .fixed-area .fixed-area__info figcaption.bodymilk .notice
{
    font-size: 12px;
    font-size: .75rem;

    position: absolute;
    right: -30px;
    bottom: 3px;

    letter-spacing: .05rem;

    color: #fff;
}

#container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare
{
    position: absolute;
    right: -32px;
    bottom: 100px;

    width: 180px;
    height: 188px;
}

#container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare:after
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-animation: loop 10s linear infinite;
            animation: loop 10s linear infinite;

    background-image: url(../images/index/circle_text_kmm.png);
    background-size: cover;
}

#container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare p
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
}

#container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare p:before
{
    display: block;

    width: 38px;
    height: 27px;
    margin: 0 auto 12px;

    content: '';

    background-image: url(../images/index/i_crown.svg);
    background-size: cover;
}

#container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare p span
{
    font-size: 14px;
    font-size: .875rem;

    display: block;

    margin-bottom: 5px;

    white-space: nowrap;

    color: #f37021;
}

#container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare p strong
{
    font-size: 32px;
    font-size: 2rem;

    display: block;

    margin-bottom: 10px;

    color: #f37021;
}

#container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare p small
{
    font-size: 14px;
    font-size: .875rem;

    color: #f37021;
}

#container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk
{
    position: absolute;
    right: -22px;
    bottom: 100px;

    width: 188px;
    height: 188px;
}

#container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk:after
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-animation: loop 10s linear infinite;
            animation: loop 10s linear infinite;

    background-image: url(../images/index/circle_text_kmm_body.png);
    background-size: cover;
}

#container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background-image: url(../images/index/circle_text_kmm_body_center.png);
    background-size: cover;
}

#container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk p
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
}

#container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk p:before
{
    display: block;

    width: 38px;
    height: 27px;
    margin: 0 auto 12px;

    content: '';

    background-image: url(../images/index/i_crown.svg);
    background-size: cover;
}

#container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk p span
{
    font-size: 14px;
    font-size: .875rem;

    display: block;

    margin-bottom: 5px;

    white-space: nowrap;

    color: #f37021;
}

#container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk p strong
{
    font-size: 32px;
    font-size: 2rem;

    display: block;

    margin-bottom: 10px;

    color: #f37021;
}

#container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk p small
{
    font-size: 14px;
    font-size: .875rem;

    color: #f37021;
}

#container #index-container #scroll-area
{
    float: right;

    width: calc(100% - 700px);
    margin: 0 auto;
}

#container #index-container #scroll-area #news
{
    position: absolute;
    top: 200px;
    right: -10px;
}

#container #index-container #scroll-area #news .news-btn
{
    position: relative;
    z-index: 100;

    width: 144px;
    padding-bottom: 100%;

    cursor: pointer;

    background-image: url(../images/index/btn_news.png);
    background-size: cover;
}

#container #index-container #scroll-area #news .news-btn:hover span
{
    opacity: .6;
}

#container #index-container #scroll-area #news .news-btn.opening span:after
{
    content: 'ニュースをとじる';
}

#container #index-container #scroll-area #news .news-btn span
{
    font-size: 24px;
    font-size: 1.5rem;

    position: absolute;
    top: 53%;
    left: 50%;

    -webkit-transition: all .6s;
            transition: all .6s;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    letter-spacing: .2rem;

    color: #fff;
}

#container #index-container #scroll-area #news .news-btn span:after
{
    font-size: 12px;
    font-size: .75rem;

    display: block;

    margin-top: 5px;

    content: 'ニュースをみる';
    white-space: nowrap;
    letter-spacing: .05rem;

    color: #fff;
}

#container #index-container #scroll-area #news ul
{
    position: absolute;
    z-index: 10;
    top: 70px;
    right: 70px;

    display: none;

    width: 500px;
    padding: 40px 40px;

    border-radius: 30px;
    background-color: #f37021;
}

#container #index-container #scroll-area #news ul.op-news
{
    display: block;
}

#container #index-container #scroll-area #news ul li
{
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.4;

    display: block;

    margin-bottom: 10px;
    padding-bottom: 5px;

    text-align: left;
    letter-spacing: .1rem;

    color: #fff;
    border-bottom: 1px solid #ffbe97;
}

#container #index-container #scroll-area #news ul li:last-child
{
    margin-bottom: 0;
}

#container #index-container #scroll-area #news ul li sup
{
    font-size: 10px;
    font-size: .625rem;

    color: #fff;
}

#container #index-container #scroll-area #news ul li span
{
    display: block;

    margin-right: 10px;
    margin-bottom: 5px;

    letter-spacing: .1rem;

    color: #fff;
}

#container #index-container #scroll-area #news ul li a
{
    -webkit-transition: .5s;
            transition: .5s;

    color: #fff;
}

#container #index-container #scroll-area #news ul li a:hover
{
    opacity: .6;
}

#container #index-container #scroll-area #news ul li a:hover span
{
    opacity: .6;
}

#container #index-container #scroll-area #news ul li a span
{
    -webkit-transition: .5s;
            transition: .5s;

    color: #fff;
}

#container #index-container #scroll-area #news ul li small
{
    color: #fff;
}

#container #index-container #scroll-area #news ul li small.genre
{
    font-size: 11px;
    font-size: .6875rem;

    display: block;

    margin-top: 10px;

    letter-spacing: .05rem;

    opacity: .8;
}

#container #index-container #scroll-area #news ul li small.notice
{
    font-size: 10px;
    font-size: .625rem;
    font-weight: normal;
    line-height: 1.4;

    display: block;

    margin: 5px 0;

    letter-spacing: .05rem;

    opacity: .8;
}

#container #index-container #scroll-area .content .heading-caption
{
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.6;

    letter-spacing: .1rem;

    color: #5a3928;
}

#container #index-container #scroll-area .content .heading-caption .break
{
    display: none;
}

#container #index-container #scroll-area .content .heading-caption sup
{
    font-size: 12px;
    font-size: .75rem;
}

#container #index-container #scroll-area .content .series
{
    margin-top: 7vh;
}

#container #index-container #scroll-area .content .series#uv
{
    margin-top: 60px;
}

#container #index-container #scroll-area .content .series#body .product-list .product-list-block .product-image:before
{
    background-image: url(../images/common/i_body.png);
}

#container #index-container #scroll-area .content .series#hand .product-list .product-list-block .product-image:before
{
    background-image: url(../images/common/i_hand.png);
}

#container #index-container #scroll-area .content .series#lip .product-list .product-list-block .product-image:before
{
    background-image: url(../images/common/i_lip.png);
}

#container #index-container #scroll-area .content .series h3
{
    font-family: 'Poppins', 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 600;

    letter-spacing: .1rem;

    color: #5a3928;
}

#container #index-container #scroll-area .content .series h3 span
{
    font-size: 14px;
    font-size: .875rem;

    display: block;

    margin-top: 15px;

    letter-spacing: .05rem;

    color: #5a3928;
}

#container #index-container #scroll-area .content .series .product-list
{
    max-width: 740px;
    margin: 0 auto;
}

#container #index-container #scroll-area .content .series .product-list .product-list-block
{
    display: block;
    float: left;

    width: 47%;
    margin: 40px 6% 0 0;
}

#container #index-container #scroll-area .content .series .product-list .product-list-block:nth-child(even)
{
    margin-right: 0;
}

#container #index-container #scroll-area .content .series .product-list .product-list-block .product-image
{
    position: relative;

    display: table-cell;

    width: 75px;
    padding-bottom: 11px;

    vertical-align: middle;
}

#container #index-container #scroll-area .content .series .product-list .product-list-block .product-image:before
{
    position: absolute;
    z-index: -1;
    top: 20%;
    right: -46%;

    display: block;

    width: 55px;
    height: 55px;

    content: '';

    background-image: url(../images/common/i_uv.png);
    background-size: cover;
}

#container #index-container #scroll-area .content .series .product-list .product-list-block .product-image.new:after
{
    position: absolute;
    z-index: -1;
    top: 24%;
    left: -42%;

    display: block;

    width: 50px;
    height: 50px;

    content: '';

    background-image: url(../images/common/i_new.png);
    background-size: cover;
}

#container #index-container #scroll-area .content .series .product-list .product-list-block .product-image.new .limited:after
{
    position: absolute;
    z-index: -1;
    top: 47%;
    left: -42%;

    display: block;

    width: 50px;
    height: 50px;

    content: '';

    background-image: url(../images/common/i_limited.png);
    background-size: cover;
}

#container #index-container #scroll-area .content .series .product-list .product-list-block .product-info
{
    display: table-cell;

    padding-left: 0;

    vertical-align: middle;
}

#container #index-container #scroll-area .content .series .product-list .product-list-block .product-info.br .p-name:before
{
    display: none;
}

#container #index-container #scroll-area .content .series .product-list .product-list-block .product-info.br .p-name span
{
    position: relative;

    display: table;

    margin: 0 auto;
    padding-right: 0;

    table-layout: fixed;

    text-align: center;
}

#container #index-container #scroll-area .content .series .product-list .product-list-block .product-info.br .p-name span:before
{
    position: absolute;
    z-index: -1;
    bottom: -3px;

    display: inline-block;

    width: 100%;
    height: 1vh;

    content: '';

    background-color: #fdce21;
}

#container #index-container #scroll-area .content .series .product-list .product-list-block .product-info.br .p-name span + span
{
    padding-top: 8px;
}

#container #index-container #scroll-area .content .series .product-list .product-list-block .product-info.br .p-name span + span:before
{
    display: table;

    table-layout: fixed;
}

#container #index-container #scroll-area .content .series .product-list .product-list-block .product-info .p-name
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;

    position: relative;

    display: inline-block;

    margin-bottom: 20px;

    white-space: nowrap;

    color: #5a3928;
}

#container #index-container #scroll-area .content .series .product-list .product-list-block .product-info .p-name span
{
    display: inline-block;

    padding-right: 10px;
}

#container #index-container #scroll-area .content .series .product-list .product-list-block .product-info .p-name span + span
{
    padding-right: 0;
}

#container #index-container #scroll-area .content .series .product-list .product-list-block .product-info .p-name:before
{
    position: absolute;
    z-index: -1;
    bottom: -3px;

    display: inline-block;

    width: 100%;
    height: 1vh;

    content: '';

    background-color: #fdce21;
}

#container #index-container #scroll-area .content .series .product-list .product-list-block .product-info .p-caption
{
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.4;

    margin-bottom: 5px;

    color: #f37021;
}

#container #index-container #scroll-area .content .series .product-list .product-list-block > a
{
    display: table;

    width: 100%;

    table-layout: fixed;
}

#container #index-container #scroll-area .content .series .product-list .product-list-block > a:hover .mommybtn
{
    opacity: .6;
}

#container #index-container #scroll-area .content#lineup
{
    margin-top: 200px;
}

#container #index-container #scroll-area .content#about,
#container #index-container #scroll-area .content#faq
{
    margin-top: 100px;
    margin-bottom: 50px;
}

#container #index-container #scroll-area .content#about .about-pic,
#container #index-container #scroll-area .content#faq .about-pic
{
    width: 60%;
    margin: 50px auto 40px;
}

#container #index-container #scroll-area .content#about h3,
#container #index-container #scroll-area .content#faq h3
{
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: bold;
    line-height: 1.2;

    margin-bottom: 40px;

    letter-spacing: .1rem;

    color: #f37021;
}

#container #index-container #scroll-area .content#about .about-message span,
#container #index-container #scroll-area .content#faq .about-message span
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.8;

    letter-spacing: .1rem;
}

#container #index-container #scroll-area .content#about .about-message strong,
#container #index-container #scroll-area .content#faq .about-message strong
{
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: bold;
    line-height: 1.6;

    position: relative;

    display: table;
    overflow: visible;

    margin: 35px auto 40px;

    table-layout: fixed;

    letter-spacing: .1rem;
}

#container #index-container #scroll-area .content#about .about-message strong:before,
#container #index-container #scroll-area .content#faq .about-message strong:before
{
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: bold;

    position: absolute;
    top: -22px;
    left: 0;

    display: block;

    content: '・・・・';
    text-align: left;
    letter-spacing: .1rem;

    color: #fdce21;
}

#container #index-container #scroll-area .content#about .about-message strong sup,
#container #index-container #scroll-area .content#faq .about-message strong sup
{
    font-size: 16px;
    font-size: 1rem;
}

#container #index-container #scroll-area .content#about .mommybtn,
#container #index-container #scroll-area .content#faq .mommybtn
{
    position: relative;

    display: block;

    width: 300px;
    margin: 30px auto 0;

    background-image: url(../images/common/bg_btn.png);
    background-size: 100% 100%;
}

#container #index-container #scroll-area .content#about .mommybtn span,
#container #index-container #scroll-area .content#faq .mommybtn span
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    color: #fff;
}

#container #index-container #scroll-area .content#about .mommy-movie,
#container #index-container #scroll-area .content#faq .mommy-movie
{
    width: 80%;
    max-width: 680px;
    margin: 100px auto 0;
}

#container #index-container #scroll-area .content#about .mommy-movie.mb,
#container #index-container #scroll-area .content#faq .mommy-movie.mb
{
    margin-bottom: 40px;
}

#container #index-container #scroll-area .content#about .mommy-movie .inner,
#container #index-container #scroll-area .content#faq .mommy-movie .inner
{
    position: relative;
    z-index: 1;

    width: 100%;
    height: 0;
    margin: 0 auto;
    padding-bottom: 56.25%;
}

#container #index-container #scroll-area .content#about .mommy-movie .inner iframe,
#container #index-container #scroll-area .content#faq .mommy-movie .inner iframe
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

#container #index-container #scroll-area .fixed-banner
{
    position: fixed;
    z-index: 10;
    bottom: 0;

    display: none;

    width: calc(100% - 700px);

    background-color: rgba(90, 57, 39, .3);
}

#container #index-container #scroll-area .fixed-banner a
{
    display: block;

    -webkit-transition: .5s;
            transition: .5s;
}

#container #index-container #scroll-area .fixed-banner a:hover
{
    opacity: .7;
}

#container #index-container #scroll-area .fixed-banner img
{
    width: 80%;
    max-width: 800px;
    padding: 20px 0 20px;
}

#container #index-container #scroll-area .fixed-banner span
{
    font-size: 0;

    position: absolute;
    top: -20px;
    right: 35px;

    display: block;

    width: 40px;
    height: 40px;

    cursor: pointer;
    -webkit-transition: .5s;
            transition: .5s;

    border-radius: 50%;
    background-color: #5a3928;
}

#container #index-container #scroll-area .fixed-banner span:hover
{
    opacity: .8;
}

#container #index-container #scroll-area .fixed-banner span:before
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 20px;
    height: 2px;
    margin: 0 auto;

    content: '';
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);

    border-radius: 1px;
    background-color: #fff;
}

#container #index-container #scroll-area .fixed-banner span:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 20px;
    height: 2px;
    margin: 0 auto;

    content: '';
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);

    border-radius: 1px;
    background-color: #fff;
}

#container #index-container #wide-area
{
    position: relative;
    z-index: 100;

    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}

#container #index-container #wide-area #voice-faq
{
    position: relative;

    display: table;

    width: 100%;
}

#container #index-container #wide-area #voice-faq .content
{
    position: relative;

    display: table-cell;

    width: 50%;
    padding-bottom: 80px;

    vertical-align: top;

    background-repeat: no-repeat;
    background-size: cover;
}

#container #index-container #wide-area #voice-faq .content#voice
{
    background-image: url(../images/index/bg_voice.jpg);
}

#container #index-container #wide-area #voice-faq .content#voice h2
{
    white-space: nowrap;
}

#container #index-container #wide-area #voice-faq .content#voice .voice-block
{
    padding-top: 100px;
}

#container #index-container #wide-area #voice-faq .content#voice .voice-block li
{
    position: relative;

    display: table;

    width: 550px;
    height: 330px;
    margin: 0 auto 30px;

    background-image: url(../images/index/voice_bg_01.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#container #index-container #wide-area #voice-faq .content#voice .voice-block li:nth-child(2)
{
    height: 330px;

    background-image: url(../images/index/voice_bg_02.png);
}

#container #index-container #wide-area #voice-faq .content#voice .voice-block li:nth-child(2) .voice-text
{
    top: 50%;
    right: auto;
    left: 10px;
}

#container #index-container #wide-area #voice-faq .content#voice .voice-block li:nth-child(2) .voice-text .voice-comment
{
    background-image: url(../images/index/voice_bg_br.png);
}

#container #index-container #wide-area #voice-faq .content#voice .voice-block li .voice-text
{
    position: absolute;
    top: 50%;
    right: -15px;

    width: 50%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

#container #index-container #wide-area #voice-faq .content#voice .voice-block li .voice-text .voice-comment
{
    display: inline-block;

    width: 100%;
    padding: 30px;

    text-align: center;

    background-image: url(../images/index/voice_bg_or.png);
    background-size: 100% 100%;
}

#container #index-container #wide-area #voice-faq .content#voice .voice-block li .voice-text .voice-comment .voice-comment-text
{
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.6;

    text-align: left;

    color: #fff;
}

#container #index-container #wide-area #voice-faq .content#voice .voice-block li .voice-text .voice-comment-name
{
    margin-top: 20px;

    text-align: left;
}

#container #index-container #wide-area #voice-faq .content#voice .voice-block li .voice-text .voice-comment-name p
{
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.6;

    margin-left: 20px;
}

#container #index-container #wide-area #voice-faq .content#voice .voice-block li .voice-text .voice-comment-name p span
{
    font-size: 18px;
    font-size: 1.125rem;

    display: block;
}

#container #index-container #wide-area #voice-faq .content#voice .voice-block li .voice-text .voice-comment-name figure
{
    position: absolute;
    z-index: 10;
    right: 30px;
    bottom: -20px;

    width: 65px;
}

#container #index-container #wide-area #voice-faq .content#faq
{
    background-image: url(../images/index/bg_faq.jpg);
}

#container #index-container #wide-area #voice-faq .content h2
{
    position: absolute;
    top: -80px;
    left: 50%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

#container #index-container #wide-area #voice-faq .content .faq-block
{
    padding-top: 100px;
}

#container #index-container #wide-area #voice-faq .content .faq-block .faq-block-list ul li
{
    position: relative;

    display: table;

    width: 550px;
    margin: 0 auto;
    margin-bottom: 40px;
    padding: 35px;

    text-align: left;

    background-size: 100% 100%;
}

#container #index-container #wide-area #voice-faq .content .faq-block .faq-block-list ul li:before
{
    font-family: 'Poppins', 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-size: 60px;
    font-size: 3.75rem;

    position: relative;
    z-index: 10;

    display: table-cell;

    width: 5rem;

    vertical-align: middle;

    color: #fff;
}

#container #index-container #wide-area #voice-faq .content .faq-block .faq-block-list ul li:after
{
    position: absolute;
    z-index: 1;
    bottom: -20px;

    display: block;

    width: 110px;
    height: 77px;

    content: '';

    background-size: cover;
}

#container #index-container #wide-area #voice-faq .content .faq-block .faq-block-list ul li.question
{
    background-image: url(../images/common/faq_bg_or.png);
}

#container #index-container #wide-area #voice-faq .content .faq-block .faq-block-list ul li.question:before
{
    content: 'Q';
}

#container #index-container #wide-area #voice-faq .content .faq-block .faq-block-list ul li.question:after
{
    left: 0;

    background-image: url(../images/common/fukidashi_or.png);
}

#container #index-container #wide-area #voice-faq .content .faq-block .faq-block-list ul li.answer
{
    background-image: url(../images/common/faq_bg_br.png);
}

#container #index-container #wide-area #voice-faq .content .faq-block .faq-block-list ul li.answer:before
{
    content: 'A';
}

#container #index-container #wide-area #voice-faq .content .faq-block .faq-block-list ul li.answer:after
{
    right: 0;

    -webkit-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
            transform: scale(-1, 1);

    background-image: url(../images/common/fukidashi_br.png);
}

#container #index-container #wide-area #voice-faq .content .faq-block .faq-block-list ul li span
{
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.4;

    position: relative;
    z-index: 10;

    display: table-cell;

    vertical-align: middle;
    letter-spacing: .1rem;

    color: #fff;
}

#container #index-container #wide-area #voice-faq .content .faq-block + .mommybtn
{
    position: absolute;
    bottom: -40px;
    left: 50%;

    width: 360px;
    max-width: 400px;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

#container #index-container #wide-area #voice-faq .content .faq-block + .mommybtn:before
{
    right: 40px;
}

#container #index-container #wide-area #feature .content#feature-area h2
{
    position: relative;
    z-index: 10;

    margin-bottom: 20px;
}

#container #index-container #wide-area #feature .content#feature-area .slick-box
{
    width: 70%;
    margin: 0 auto 80px;
}

#container #index-container #wide-area #feature .content#feature-area .slick-box.custom
{
    width: 100%;
}

#container #index-container #wide-area #feature .content#feature-area .slick-box.custom .slick-slide
{
    margin: 10px;
}

#container #index-container #wide-area #feature .content#feature-area .slick-box .slick-arrow
{
    position: absolute;
    z-index: 100;
    top: 50%;

    width: 65px;
    height: 68px;

    cursor: pointer;
    -webkit-transition: .6s;
            transition: .6s;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background-image: url(../images/common/slide_arrow.png);
    background-size: cover;
}

#container #index-container #wide-area #feature .content#feature-area .slick-box .slick-arrow:hover
{
    opacity: .6;
}

#container #index-container #wide-area #feature .content#feature-area .slick-box .slick-arrow.next
{
    right: 18%;
}

#container #index-container #wide-area #feature .content#feature-area .slick-box .slick-arrow.prev
{
    left: 18%;

    -webkit-transform: rotate(180deg) translateY(50%);
        -ms-transform: rotate(180deg) translateY(50%);
            transform: rotate(180deg) translateY(50%);
}

#container #index-container #wide-area #feature .content#feature-area .slick-box .slick-list .slick-track .slick-slide img
{
    width: 100%;
    height: auto;
}

#container #index-container #wide-area #feature .content#feature-area .slick-box .slick-list .slick-track .slick-slide a
{
    display: block;

    -webkit-transition: .4s;
            transition: .4s;
}

#container #index-container #wide-area #feature .content#feature-area .slick-box .slick-list .slick-track .slick-slide a:hover
{
    opacity: .6;
}

#container #index-container #wide-area #banner
{
    display: none;

    width: 100%;
    max-width: 1200px;
    margin: 150px auto 0;
}

#container #index-container #wide-area #banner a
{
    display: block;

    -webkit-transition: .4s;
            transition: .4s;
}

#container #index-container #wide-area #banner a:nth-child(2)
{
    margin-top: 10px;
}

#container #index-container #wide-area #banner a:nth-child(3)
{
    margin-top: 10px;
}

#container #index-container #wide-area #banner a:hover
{
    opacity: .6;
}

#container #index-container #wide-area #banner a img
{
    width: 100%;
}

/* //////////////////////////////////////////
  animation
//////////////////////////////////////////*/

@-webkit-keyframes loop
{
    0%
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes loop
{
    0%
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

/* //////////////////////////////////////////
  ie-hack
//////////////////////////////////////////*/

_:-ms-lang(x),
#index-container #fv-area #about .about-message strong:before,
#index-container #fv-area #faq .about-message strong:before
{
    left: 0rem !important;

    letter-spacing: .1rem !important;
}

_:-ms-lang(x),
#index-container .faq-block-list ul li:before
{
    display: block !important;
}

/*----------------------------------------
	product
----------------------------------------*/

#container.page-product #wide-area
{
    background: none !important;
}

.product-content .bread,
#about .bread,
#faq .bread
{
    width: calc(100% - 100px);
    margin: 160px auto 0;
    padding: 0 50px;

    text-align: left;
}

.product-content .bread ul li,
#about .bread ul li,
#faq .bread ul li
{
    font-size: 14px;
    font-size: .875rem;

    display: inline-block;

    letter-spacing: .1rem;

    color: #5a3928;
}

.product-content .bread ul li a,
#about .bread ul li a,
#faq .bread ul li a
{
    font-size: 14px;
    font-size: .875rem;

    color: #5a3928;
}

.product-content .bread ul li span,
#about .bread ul li span,
#faq .bread ul li span
{
    color: #f37021;
}

.product-content .item-area,
#about .item-area,
#faq .item-area
{
    padding: 60px 0 80px;
}

.product-content .item-area .item-area_inner .left-box .slick-box-product .slick-dots,
#about .item-area .item-area_inner .left-box .slick-box-product .slick-dots,
#faq .item-area .item-area_inner .left-box .slick-box-product .slick-dots
{
    margin-top: 20px;

    text-align: center;
}

.product-content .item-area .item-area_inner .left-box .slick-box-product .slick-dots li,
#about .item-area .item-area_inner .left-box .slick-box-product .slick-dots li,
#faq .item-area .item-area_inner .left-box .slick-box-product .slick-dots li
{
    width: 14px;
    height: 14px;

    opacity: .6;
    border-radius: 7px;
    background-color: #f37021;
}

.product-content .item-area .item-area_inner .left-box .slick-box-product .slick-dots li.slick-active,
#about .item-area .item-area_inner .left-box .slick-box-product .slick-dots li.slick-active,
#faq .item-area .item-area_inner .left-box .slick-box-product .slick-dots li.slick-active
{
    opacity: 1;
    background-color: #f37021;
}

.product-content .item-area .item-area_inner .left-box .product-point,
#about .item-area .item-area_inner .left-box .product-point,
#faq .item-area .item-area_inner .left-box .product-point
{
    width: 185px;
    margin: 0 auto;
}

.product-content .item-area .item-area_inner .right-box .price-box.fouth .dtl,
#about .item-area .item-area_inner .right-box .price-box.fouth .dtl,
#faq .item-area .item-area_inner .right-box .price-box.fouth .dtl
{
    left: 240px;
}

.product-content .item-area .item-area_inner .right-box .price-box.fouth:after,
#about .item-area .item-area_inner .right-box .price-box.fouth:after,
#faq .item-area .item-area_inner .right-box .price-box.fouth:after
{
    display: none;

    width: 480px;
}

.product-content .item-area .item-area_inner .right-box .price-box.product:after,
#about .item-area .item-area_inner .right-box .price-box.product:after,
#faq .item-area .item-area_inner .right-box .price-box.product:after
{
    width: 430px;
}

.product-content .item-area .item-area_inner .right-box h1,
#about .item-area .item-area_inner .right-box h1,
#faq .item-area .item-area_inner .right-box h1
{
    line-height: 1.2;
}

.product-content .item-area .item-area_inner .right-box h1 strong,
#about .item-area .item-area_inner .right-box h1 strong,
#faq .item-area .item-area_inner .right-box h1 strong
{
    font-size: 17px;
    font-size: 1.0625rem;

    display: block;

    margin-bottom: 30px;
}

.product-content .item-area .bm-step,
#about .item-area .bm-step,
#faq .item-area .bm-step
{
    position: relative;

    width: 100%;
    max-width: 920px;
    margin: 120px auto 0;

    background-image: url(../images/product/bm_bg_step.png);
    background-size: 100% 100%;
}

.product-content .item-area .bm-step:before,
#about .item-area .bm-step:before,
#faq .item-area .bm-step:before
{
    position: absolute;
    top: -30%;
    left: 30px;

    display: block;

    width: 47.8260869%;
    padding-bottom: 17.2%;

    content: '';

    background-image: url(../images/product/bm_step_illust01.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.product-content .item-area .bm-step:after,
#about .item-area .bm-step:after,
#faq .item-area .bm-step:after
{
    position: absolute;
    top: 35px;
    right: 30px;

    display: block;

    width: 47.8260869%;
    padding-bottom: 17.2%;

    content: '';

    background-image: url(../images/product/bm_step_illust02.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.product-content .item-area .bm-step .inner,
#about .item-area .bm-step .inner,
#faq .item-area .bm-step .inner
{
    width: calc(100% - 60px);
    max-width: 800px;
    margin: 0 auto;
    padding: 35px 0;
}

.product-content .item-area .bm-step .inner .bm-step-ttl,
#about .item-area .bm-step .inner .bm-step-ttl,
#faq .item-area .bm-step .inner .bm-step-ttl
{
    width: 43.75%;
    margin-left: -10px;
}

.product-content .item-area .bm-step .inner .bm-step-ttl + p.howto,
#about .item-area .bm-step .inner .bm-step-ttl + p.howto,
#faq .item-area .bm-step .inner .bm-step-ttl + p.howto
{
    margin-top: 20px;

    text-align: left;
}

.product-content .item-area .bm-step .inner .bm-step-ttl + p.howto strong,
#about .item-area .bm-step .inner .bm-step-ttl + p.howto strong,
#faq .item-area .bm-step .inner .bm-step-ttl + p.howto strong
{
    font-size: 19px;
    font-size: 1.1875rem;

    display: block;

    color: #fff68c;
}

.product-content .item-area .bm-step .inner .bm-step-ttl + p.howto span,
#about .item-area .bm-step .inner .bm-step-ttl + p.howto span,
#faq .item-area .bm-step .inner .bm-step-ttl + p.howto span
{
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.75;

    display: block;

    margin-top: 10px;

    letter-spacing: .1rem;

    color: #fff;
}

.product-content .item-area .bm-step .inner .notice,
#about .item-area .bm-step .inner .notice,
#faq .item-area .bm-step .inner .notice
{
    line-height: 1.75;

    margin-top: 20px;
    padding: 15px 20px;

    text-align: left;

    border-radius: 4px;
    background-color: #fff;
}

.product-content .item-area.lcn h1,
#about .item-area.lcn h1,
#faq .item-area.lcn h1
{
    margin-bottom: 5px !important;
}

.product-content .item-area.lcn .official_name,
#about .item-area.lcn .official_name,
#faq .item-area.lcn .official_name
{
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;

    margin-bottom: 20px;

    letter-spacing: .1em;

    color: #5a3928;
}

.product-content .point-area,
#about .point-area,
#faq .point-area
{
    width: 100%;
    max-width: 1000px;
    margin: 100px auto;
}

.product-content .point-area .point_list.mt,
#about .point-area .point_list.mt,
#faq .point-area .point_list.mt
{
    margin-top: 20px;
}

.product-content .point-area .point_list.brown .layout_left,
#about .point-area .point_list.brown .layout_left,
#faq .point-area .point_list.brown .layout_left,
.product-content .point-area .point_list.brown .point_list.row .layout_row,
.product-content .point-area .point_list.row .point_list.brown .layout_row,
#about .product-content .point-area .point_list.brown .point_list.row .layout_row,
.product-content #about .point-area .point_list.brown .point_list.row .layout_row,
#about .product-content .point-area .point_list.row .point_list.brown .layout_row,
.product-content #about .point-area .point_list.row .point_list.brown .layout_row,
.product-content #about .point-area .point_list.brown .point_list.row .layout_row,
#about .product-content .point-area .point_list.brown .point_list.row .layout_row,
.product-content #about .point-area .point_list.row .point_list.brown .layout_row,
#about .product-content .point-area .point_list.row .point_list.brown .layout_row,
#about .point-area .point_list.brown .point_list.row .layout_row,
#about .point-area .point_list.row .point_list.brown .layout_row,
#about #faq .point-area .point_list.brown .point_list.row .layout_row,
#faq #about .point-area .point_list.brown .point_list.row .layout_row,
#about #faq .point-area .point_list.row .point_list.brown .layout_row,
#faq #about .point-area .point_list.row .point_list.brown .layout_row,
#faq .point-area .point_list.brown .point_list.row .layout_row,
#faq .point-area .point_list.row .point_list.brown .layout_row
{
    background-color: #5a3928;
}

.product-content .point-area .point_list.brown .layout_left .point_img ul li,
#about .point-area .point_list.brown .layout_left .point_img ul li,
#faq .point-area .point_list.brown .layout_left .point_img ul li,
.product-content .point-area .point_list.brown .point_list.row .layout_row .point_img ul li,
.product-content .point-area .point_list.row .point_list.brown .layout_row .point_img ul li,
#about .product-content .point-area .point_list.brown .point_list.row .layout_row .point_img ul li,
.product-content #about .point-area .point_list.brown .point_list.row .layout_row .point_img ul li,
#about .product-content .point-area .point_list.row .point_list.brown .layout_row .point_img ul li,
.product-content #about .point-area .point_list.row .point_list.brown .layout_row .point_img ul li,
.product-content #about .point-area .point_list.brown .point_list.row .layout_row .point_img ul li,
#about .product-content .point-area .point_list.brown .point_list.row .layout_row .point_img ul li,
.product-content #about .point-area .point_list.row .point_list.brown .layout_row .point_img ul li,
#about .product-content .point-area .point_list.row .point_list.brown .layout_row .point_img ul li,
#about .point-area .point_list.brown .point_list.row .layout_row .point_img ul li,
#about .point-area .point_list.row .point_list.brown .layout_row .point_img ul li,
#about #faq .point-area .point_list.brown .point_list.row .layout_row .point_img ul li,
#faq #about .point-area .point_list.brown .point_list.row .layout_row .point_img ul li,
#about #faq .point-area .point_list.row .point_list.brown .layout_row .point_img ul li,
#faq #about .point-area .point_list.row .point_list.brown .layout_row .point_img ul li,
#faq .point-area .point_list.brown .point_list.row .layout_row .point_img ul li,
#faq .point-area .point_list.row .point_list.brown .layout_row .point_img ul li
{
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;

    margin-top: 10px;
    padding: 20px 0;

    letter-spacing: .1rem;

    color: #fff;
}

.product-content .point-area .point_list.brown .layout_left .point_img ul li:first-child,
#about .point-area .point_list.brown .layout_left .point_img ul li:first-child,
#faq .point-area .point_list.brown .layout_left .point_img ul li:first-child,
.product-content .point-area .point_list.brown .point_list.row .layout_row .point_img ul li:first-child,
.product-content .point-area .point_list.row .point_list.brown .layout_row .point_img ul li:first-child,
#about .product-content .point-area .point_list.brown .point_list.row .layout_row .point_img ul li:first-child,
.product-content #about .point-area .point_list.brown .point_list.row .layout_row .point_img ul li:first-child,
#about .product-content .point-area .point_list.row .point_list.brown .layout_row .point_img ul li:first-child,
.product-content #about .point-area .point_list.row .point_list.brown .layout_row .point_img ul li:first-child,
.product-content #about .point-area .point_list.brown .point_list.row .layout_row .point_img ul li:first-child,
#about .product-content .point-area .point_list.brown .point_list.row .layout_row .point_img ul li:first-child,
.product-content #about .point-area .point_list.row .point_list.brown .layout_row .point_img ul li:first-child,
#about .product-content .point-area .point_list.row .point_list.brown .layout_row .point_img ul li:first-child,
#about .point-area .point_list.brown .point_list.row .layout_row .point_img ul li:first-child,
#about .point-area .point_list.row .point_list.brown .layout_row .point_img ul li:first-child,
#about #faq .point-area .point_list.brown .point_list.row .layout_row .point_img ul li:first-child,
#faq #about .point-area .point_list.brown .point_list.row .layout_row .point_img ul li:first-child,
#about #faq .point-area .point_list.row .point_list.brown .layout_row .point_img ul li:first-child,
#faq #about .point-area .point_list.row .point_list.brown .layout_row .point_img ul li:first-child,
#faq .point-area .point_list.brown .point_list.row .layout_row .point_img ul li:first-child,
#faq .point-area .point_list.row .point_list.brown .layout_row .point_img ul li:first-child
{
    margin-top: 0;
}

.product-content .point-area .point_list.orange .layout_row,
#about .point-area .point_list.orange .layout_row,
#faq .point-area .point_list.orange .layout_row
{
    background-color: #f37021 !important;
}

.product-content .point-area .point_list li,
#about .point-area .point_list li,
#faq .point-area .point_list li
{
    border-radius: 10px;
    background-color: #f37021;
}

.product-content .point-area .point_list .layout_left,
#about .point-area .point_list .layout_left,
#faq .point-area .point_list .layout_left,
.product-content .point-area .point_list.row .layout_row,
#about .product-content .point-area .point_list.row .layout_row,
.product-content #about .point-area .point_list.row .layout_row,
.product-content #about .point-area .point_list.row .layout_row,
#about .product-content .point-area .point_list.row .layout_row,
#about .point-area .point_list.row .layout_row,
#about #faq .point-area .point_list.row .layout_row,
#faq #about .point-area .point_list.row .layout_row,
#faq .point-area .point_list.row .layout_row
{
    display: table;

    width: 100%;
    max-width: 1000px;

    table-layout: fixed;
}

.product-content .point-area .point_list .layout_left .point_img,
#about .point-area .point_list .layout_left .point_img,
#faq .point-area .point_list .layout_left .point_img,
.product-content .point-area .point_list.row .layout_row .point_img,
#about .product-content .point-area .point_list.row .layout_row .point_img,
.product-content #about .point-area .point_list.row .layout_row .point_img,
.product-content #about .point-area .point_list.row .layout_row .point_img,
#about .product-content .point-area .point_list.row .layout_row .point_img,
#about .point-area .point_list.row .layout_row .point_img,
#about #faq .point-area .point_list.row .layout_row .point_img,
#faq #about .point-area .point_list.row .layout_row .point_img,
#faq .point-area .point_list.row .layout_row .point_img
{
    display: table-cell;

    width: 50%;
    max-width: 520px;
    padding: 30px;

    vertical-align: middle;
}

.product-content .point-area .point_list .layout_left .point_img.other.hcc ul li:nth-child(n + 3),
#about .point-area .point_list .layout_left .point_img.other.hcc ul li:nth-child(n + 3),
#faq .point-area .point_list .layout_left .point_img.other.hcc ul li:nth-child(n + 3),
.product-content .point-area .point_list.row .layout_row .point_img.other.hcc ul li:nth-child(n + 3),
#about .product-content .point-area .point_list.row .layout_row .point_img.other.hcc ul li:nth-child(n + 3),
.product-content #about .point-area .point_list.row .layout_row .point_img.other.hcc ul li:nth-child(n + 3),
.product-content #about .point-area .point_list.row .layout_row .point_img.other.hcc ul li:nth-child(n + 3),
#about .product-content .point-area .point_list.row .layout_row .point_img.other.hcc ul li:nth-child(n + 3),
#about .point-area .point_list.row .layout_row .point_img.other.hcc ul li:nth-child(n + 3),
#about #faq .point-area .point_list.row .layout_row .point_img.other.hcc ul li:nth-child(n + 3),
#faq #about .point-area .point_list.row .layout_row .point_img.other.hcc ul li:nth-child(n + 3),
#faq .point-area .point_list.row .layout_row .point_img.other.hcc ul li:nth-child(n + 3)
{
    width: calc(33.3% - 10px);
}

.product-content .point-area .point_list .layout_left .point_img.other.hcc ul li:nth-child(4),
#about .point-area .point_list .layout_left .point_img.other.hcc ul li:nth-child(4),
#faq .point-area .point_list .layout_left .point_img.other.hcc ul li:nth-child(4),
.product-content .point-area .point_list.row .layout_row .point_img.other.hcc ul li:nth-child(4),
#about .product-content .point-area .point_list.row .layout_row .point_img.other.hcc ul li:nth-child(4),
.product-content #about .point-area .point_list.row .layout_row .point_img.other.hcc ul li:nth-child(4),
.product-content #about .point-area .point_list.row .layout_row .point_img.other.hcc ul li:nth-child(4),
#about .product-content .point-area .point_list.row .layout_row .point_img.other.hcc ul li:nth-child(4),
#about .point-area .point_list.row .layout_row .point_img.other.hcc ul li:nth-child(4),
#about #faq .point-area .point_list.row .layout_row .point_img.other.hcc ul li:nth-child(4),
#faq #about .point-area .point_list.row .layout_row .point_img.other.hcc ul li:nth-child(4),
#faq .point-area .point_list.row .layout_row .point_img.other.hcc ul li:nth-child(4)
{
    margin-right: 10px;
}

.product-content .point-area .point_list .layout_left .point_img.other.hcc ul li:last-child,
#about .point-area .point_list .layout_left .point_img.other.hcc ul li:last-child,
#faq .point-area .point_list .layout_left .point_img.other.hcc ul li:last-child,
.product-content .point-area .point_list.row .layout_row .point_img.other.hcc ul li:last-child,
#about .product-content .point-area .point_list.row .layout_row .point_img.other.hcc ul li:last-child,
.product-content #about .point-area .point_list.row .layout_row .point_img.other.hcc ul li:last-child,
.product-content #about .point-area .point_list.row .layout_row .point_img.other.hcc ul li:last-child,
#about .product-content .point-area .point_list.row .layout_row .point_img.other.hcc ul li:last-child,
#about .point-area .point_list.row .layout_row .point_img.other.hcc ul li:last-child,
#about #faq .point-area .point_list.row .layout_row .point_img.other.hcc ul li:last-child,
#faq #about .point-area .point_list.row .layout_row .point_img.other.hcc ul li:last-child,
#faq .point-area .point_list.row .layout_row .point_img.other.hcc ul li:last-child
{
    margin-right: 0;
}

.product-content .point-area .point_list .layout_left .point_img.other.bmc ul li,
#about .point-area .point_list .layout_left .point_img.other.bmc ul li,
#faq .point-area .point_list .layout_left .point_img.other.bmc ul li,
.product-content .point-area .point_list.row .layout_row .point_img.other.bmc ul li,
#about .product-content .point-area .point_list.row .layout_row .point_img.other.bmc ul li,
.product-content #about .point-area .point_list.row .layout_row .point_img.other.bmc ul li,
.product-content #about .point-area .point_list.row .layout_row .point_img.other.bmc ul li,
#about .product-content .point-area .point_list.row .layout_row .point_img.other.bmc ul li,
#about .point-area .point_list.row .layout_row .point_img.other.bmc ul li,
#about #faq .point-area .point_list.row .layout_row .point_img.other.bmc ul li,
#faq #about .point-area .point_list.row .layout_row .point_img.other.bmc ul li,
#faq .point-area .point_list.row .layout_row .point_img.other.bmc ul li
{
    width: calc(33.3% - 10px);
}

.product-content .point-area .point_list .layout_left .point_img.other.bmc ul li:nth-child(even),
#about .point-area .point_list .layout_left .point_img.other.bmc ul li:nth-child(even),
#faq .point-area .point_list .layout_left .point_img.other.bmc ul li:nth-child(even),
.product-content .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(even),
#about .product-content .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(even),
.product-content #about .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(even),
.product-content #about .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(even),
#about .product-content .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(even),
#about .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(even),
#about #faq .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(even),
#faq #about .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(even),
#faq .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(even)
{
    margin-right: 10px;
}

.product-content .point-area .point_list .layout_left .point_img.other.bmc ul li:nth-child(3),
#about .point-area .point_list .layout_left .point_img.other.bmc ul li:nth-child(3),
#faq .point-area .point_list .layout_left .point_img.other.bmc ul li:nth-child(3),
.product-content .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(3),
#about .product-content .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(3),
.product-content #about .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(3),
.product-content #about .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(3),
#about .product-content .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(3),
#about .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(3),
#about #faq .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(3),
#faq #about .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(3),
#faq .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(3)
{
    margin-right: 0;
}

.product-content .point-area .point_list .layout_left .point_img.other.bmc ul li:nth-child(6),
#about .point-area .point_list .layout_left .point_img.other.bmc ul li:nth-child(6),
#faq .point-area .point_list .layout_left .point_img.other.bmc ul li:nth-child(6),
.product-content .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(6),
#about .product-content .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(6),
.product-content #about .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(6),
.product-content #about .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(6),
#about .product-content .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(6),
#about .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(6),
#about #faq .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(6),
#faq #about .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(6),
#faq .point-area .point_list.row .layout_row .point_img.other.bmc ul li:nth-child(6)
{
    margin-right: 0;
}

.product-content .point-area .point_list .layout_left .point_img.other.lcn,
#about .point-area .point_list .layout_left .point_img.other.lcn,
#faq .point-area .point_list .layout_left .point_img.other.lcn,
.product-content .point-area .point_list.row .layout_row .point_img.other.lcn,
#about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn,
.product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn,
.product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn,
#about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn,
#about .point-area .point_list.row .layout_row .point_img.other.lcn,
#about #faq .point-area .point_list.row .layout_row .point_img.other.lcn,
#faq #about .point-area .point_list.row .layout_row .point_img.other.lcn,
#faq .point-area .point_list.row .layout_row .point_img.other.lcn
{
    width: 56%;
}

.product-content .point-area .point_list .layout_left .point_img.other.lcn ul li,
#about .point-area .point_list .layout_left .point_img.other.lcn ul li,
#faq .point-area .point_list .layout_left .point_img.other.lcn ul li,
.product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li,
#about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li,
.product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li,
.product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li,
#about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li,
#about .point-area .point_list.row .layout_row .point_img.other.lcn ul li,
#about #faq .point-area .point_list.row .layout_row .point_img.other.lcn ul li,
#faq #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li,
#faq .point-area .point_list.row .layout_row .point_img.other.lcn ul li
{
    position: relative;

    width: calc((100% - 20px)/3);
    margin: 0 10px 20px 0 !important;
}

.product-content .point-area .point_list .layout_left .point_img.other.lcn ul li:nth-child(3n),
#about .point-area .point_list .layout_left .point_img.other.lcn ul li:nth-child(3n),
#faq .point-area .point_list .layout_left .point_img.other.lcn ul li:nth-child(3n),
.product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(3n),
#about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(3n),
.product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(3n),
.product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(3n),
#about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(3n),
#about .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(3n),
#about #faq .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(3n),
#faq #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(3n),
#faq .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(3n)
{
    margin-right: 0 !important;
}

.product-content .point-area .point_list .layout_left .point_img.other.lcn ul li p,
#about .point-area .point_list .layout_left .point_img.other.lcn ul li p,
#faq .point-area .point_list .layout_left .point_img.other.lcn ul li p,
.product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li p,
#about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li p,
.product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li p,
.product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li p,
#about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li p,
#about .point-area .point_list.row .layout_row .point_img.other.lcn ul li p,
#about #faq .point-area .point_list.row .layout_row .point_img.other.lcn ul li p,
#faq #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li p,
#faq .point-area .point_list.row .layout_row .point_img.other.lcn ul li p
{
    color: #f37021;
}

.product-content .point-area .point_list .layout_left .point_img.other.lcn ul li p span,
#about .point-area .point_list .layout_left .point_img.other.lcn ul li p span,
#faq .point-area .point_list .layout_left .point_img.other.lcn ul li p span,
.product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li p span,
#about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li p span,
.product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li p span,
.product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li p span,
#about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li p span,
#about .point-area .point_list.row .layout_row .point_img.other.lcn ul li p span,
#about #faq .point-area .point_list.row .layout_row .point_img.other.lcn ul li p span,
#faq #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li p span,
#faq .point-area .point_list.row .layout_row .point_img.other.lcn ul li p span
{
    font-size: 10px;
    font-size: .625rem;

    color: #f37021;
}

.product-content .point-area .point_list .layout_left .point_img.other.lcn ul li .label,
#about .point-area .point_list .layout_left .point_img.other.lcn ul li .label,
#faq .point-area .point_list .layout_left .point_img.other.lcn ul li .label,
.product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li .label,
#about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li .label,
.product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li .label,
.product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li .label,
#about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li .label,
#about .point-area .point_list.row .layout_row .point_img.other.lcn ul li .label,
#about #faq .point-area .point_list.row .layout_row .point_img.other.lcn ul li .label,
#faq #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li .label,
#faq .point-area .point_list.row .layout_row .point_img.other.lcn ul li .label
{
    position: absolute;
    top: -10px;
    right: -5px;

    display: block;

    width: 55px;
}

.product-content .point-area .point_list .layout_left .point_img.other.lcn ul li .label img,
#about .point-area .point_list .layout_left .point_img.other.lcn ul li .label img,
#faq .point-area .point_list .layout_left .point_img.other.lcn ul li .label img,
.product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li .label img,
#about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li .label img,
.product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li .label img,
.product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li .label img,
#about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li .label img,
#about .point-area .point_list.row .layout_row .point_img.other.lcn ul li .label img,
#about #faq .point-area .point_list.row .layout_row .point_img.other.lcn ul li .label img,
#faq #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li .label img,
#faq .point-area .point_list.row .layout_row .point_img.other.lcn ul li .label img
{
    width: 100%;
    height: auto;
}

.product-content .point-area .point_list .layout_left .point_img.other ul li,
#about .point-area .point_list .layout_left .point_img.other ul li,
#faq .point-area .point_list .layout_left .point_img.other ul li,
.product-content .point-area .point_list.row .layout_row .point_img.other ul li,
#about .product-content .point-area .point_list.row .layout_row .point_img.other ul li,
.product-content #about .point-area .point_list.row .layout_row .point_img.other ul li,
.product-content #about .point-area .point_list.row .layout_row .point_img.other ul li,
#about .product-content .point-area .point_list.row .layout_row .point_img.other ul li,
#about .point-area .point_list.row .layout_row .point_img.other ul li,
#about #faq .point-area .point_list.row .layout_row .point_img.other ul li,
#faq #about .point-area .point_list.row .layout_row .point_img.other ul li,
#faq .point-area .point_list.row .layout_row .point_img.other ul li
{
    position: relative;

    display: inline-block;
    float: left;

    width: calc(50% - 10px);
    margin-right: 10px;
    margin-bottom: 10px;
}

.product-content .point-area .point_list .layout_left .point_img.other ul li:nth-child(even),
#about .point-area .point_list .layout_left .point_img.other ul li:nth-child(even),
#faq .point-area .point_list .layout_left .point_img.other ul li:nth-child(even),
.product-content .point-area .point_list.row .layout_row .point_img.other ul li:nth-child(even),
#about .product-content .point-area .point_list.row .layout_row .point_img.other ul li:nth-child(even),
.product-content #about .point-area .point_list.row .layout_row .point_img.other ul li:nth-child(even),
.product-content #about .point-area .point_list.row .layout_row .point_img.other ul li:nth-child(even),
#about .product-content .point-area .point_list.row .layout_row .point_img.other ul li:nth-child(even),
#about .point-area .point_list.row .layout_row .point_img.other ul li:nth-child(even),
#about #faq .point-area .point_list.row .layout_row .point_img.other ul li:nth-child(even),
#faq #about .point-area .point_list.row .layout_row .point_img.other ul li:nth-child(even),
#faq .point-area .point_list.row .layout_row .point_img.other ul li:nth-child(even)
{
    margin-right: 0;
}

.product-content .point-area .point_list .layout_left .point_img.other ul li p,
#about .point-area .point_list .layout_left .point_img.other ul li p,
#faq .point-area .point_list .layout_left .point_img.other ul li p,
.product-content .point-area .point_list.row .layout_row .point_img.other ul li p,
#about .product-content .point-area .point_list.row .layout_row .point_img.other ul li p,
.product-content #about .point-area .point_list.row .layout_row .point_img.other ul li p,
.product-content #about .point-area .point_list.row .layout_row .point_img.other ul li p,
#about .product-content .point-area .point_list.row .layout_row .point_img.other ul li p,
#about .point-area .point_list.row .layout_row .point_img.other ul li p,
#about #faq .point-area .point_list.row .layout_row .point_img.other ul li p,
#faq #about .point-area .point_list.row .layout_row .point_img.other ul li p,
#faq .point-area .point_list.row .layout_row .point_img.other ul li p
{
    font-size: 14px;
    font-size: .875rem;

    position: absolute;
    bottom: 8px;
    left: 50%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    white-space: nowrap;
}

.product-content .point-area .point_list .layout_left .point_img.other ul li p sup,
#about .point-area .point_list .layout_left .point_img.other ul li p sup,
#faq .point-area .point_list .layout_left .point_img.other ul li p sup,
.product-content .point-area .point_list.row .layout_row .point_img.other ul li p sup,
#about .product-content .point-area .point_list.row .layout_row .point_img.other ul li p sup,
.product-content #about .point-area .point_list.row .layout_row .point_img.other ul li p sup,
.product-content #about .point-area .point_list.row .layout_row .point_img.other ul li p sup,
#about .product-content .point-area .point_list.row .layout_row .point_img.other ul li p sup,
#about .point-area .point_list.row .layout_row .point_img.other ul li p sup,
#about #faq .point-area .point_list.row .layout_row .point_img.other ul li p sup,
#faq #about .point-area .point_list.row .layout_row .point_img.other ul li p sup,
#faq .point-area .point_list.row .layout_row .point_img.other ul li p sup
{
    font-size: 10px;
    font-size: .625rem;

    vertical-align: super;
}

.product-content .point-area .point_list .layout_left .point_img.other .put,
#about .point-area .point_list .layout_left .point_img.other .put,
#faq .point-area .point_list .layout_left .point_img.other .put,
.product-content .point-area .point_list.row .layout_row .point_img.other .put,
#about .product-content .point-area .point_list.row .layout_row .point_img.other .put,
.product-content #about .point-area .point_list.row .layout_row .point_img.other .put,
.product-content #about .point-area .point_list.row .layout_row .point_img.other .put,
#about .product-content .point-area .point_list.row .layout_row .point_img.other .put,
#about .point-area .point_list.row .layout_row .point_img.other .put,
#about #faq .point-area .point_list.row .layout_row .point_img.other .put,
#faq #about .point-area .point_list.row .layout_row .point_img.other .put,
#faq .point-area .point_list.row .layout_row .point_img.other .put
{
    font-size: 14px;
    font-size: .875rem;

    letter-spacing: .1rem;

    color: #fff;
}

.product-content .point-area .point_list .layout_left .lbst-content,
#about .point-area .point_list .layout_left .lbst-content,
#faq .point-area .point_list .layout_left .lbst-content,
.product-content .point-area .point_list.row .layout_row .lbst-content,
#about .product-content .point-area .point_list.row .layout_row .lbst-content,
.product-content #about .point-area .point_list.row .layout_row .lbst-content,
.product-content #about .point-area .point_list.row .layout_row .lbst-content,
#about .product-content .point-area .point_list.row .layout_row .lbst-content,
#about .point-area .point_list.row .layout_row .lbst-content,
#about #faq .point-area .point_list.row .layout_row .lbst-content,
#faq #about .point-area .point_list.row .layout_row .lbst-content,
#faq .point-area .point_list.row .layout_row .lbst-content
{
    display: table-cell;

    width: 50%;
    max-width: 520px;
    padding: 30px;
}

.product-content .point-area .point_list .layout_left .lbst-content .lbst,
#about .point-area .point_list .layout_left .lbst-content .lbst,
#faq .point-area .point_list .layout_left .lbst-content .lbst,
.product-content .point-area .point_list.row .layout_row .lbst-content .lbst,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst,
#about .point-area .point_list.row .layout_row .lbst-content .lbst,
#about #faq .point-area .point_list.row .layout_row .lbst-content .lbst,
#faq #about .point-area .point_list.row .layout_row .lbst-content .lbst,
#faq .point-area .point_list.row .layout_row .lbst-content .lbst
{
    border-radius: 5px;
    background-color: #fff;
}

.product-content .point-area .point_list .layout_left .lbst-content .lbst .lbst-ttl,
#about .point-area .point_list .layout_left .lbst-content .lbst .lbst-ttl,
#faq .point-area .point_list .layout_left .lbst-content .lbst .lbst-ttl,
.product-content .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl,
#about .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl,
#about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl,
#faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl,
#faq .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl
{
    font-size: 18px;
    font-size: 1.125rem;

    padding: 25px 0 20px;

    letter-spacing: .05rem;

    color: #f37021;
}

.product-content .point-area .point_list .layout_left .lbst-content .lbst .lbst-ttl strong,
#about .point-area .point_list .layout_left .lbst-content .lbst .lbst-ttl strong,
#faq .point-area .point_list .layout_left .lbst-content .lbst .lbst-ttl strong,
.product-content .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl strong,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl strong,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl strong,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl strong,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl strong,
#about .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl strong,
#about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl strong,
#faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl strong,
#faq .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl strong
{
    font-size: 23px;
    font-size: 1.4375rem;

    display: block;

    margin-bottom: 3px;

    letter-spacing: .05rem;

    color: #f37021;
}

.product-content .point-area .point_list .layout_left .lbst-content .lbst .sec-block,
#about .point-area .point_list .layout_left .lbst-content .lbst .sec-block,
#faq .point-area .point_list .layout_left .lbst-content .lbst .sec-block,
.product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block,
#about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block,
#about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block,
#faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block,
#faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block
{
    width: 94%;
    margin: 0 auto;
    padding-bottom: 15px;
}

.product-content .point-area .point_list .layout_left .lbst-content .lbst .sec-block > li:last-child,
#about .point-area .point_list .layout_left .lbst-content .lbst .sec-block > li:last-child,
#faq .point-area .point_list .layout_left .lbst-content .lbst .sec-block > li:last-child,
.product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child,
#about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child,
#about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child,
#faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child,
#faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child
{
    margin-right: 0;
}

.product-content .point-area .point_list .layout_left .lbst-content .lbst .sec-block > li:last-child ul li,
#about .point-area .point_list .layout_left .lbst-content .lbst .sec-block > li:last-child ul li,
#faq .point-area .point_list .layout_left .lbst-content .lbst .sec-block > li:last-child ul li,
.product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child ul li,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child ul li,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child ul li,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child ul li,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child ul li,
#about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child ul li,
#about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child ul li,
#faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child ul li,
#faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child ul li
{
    padding: 30px 0;
}

.product-content .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec,
#about .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec,
#faq .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec,
.product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec,
#about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec,
#about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec,
#faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec,
#faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec
{
    float: left;

    width: 49%;
    margin-right: 2%;
    padding: 10px 10px 20px 10px;

    background-color: #ffe0ce;
}

.product-content .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec .sec-ttl,
#about .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec .sec-ttl,
#faq .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec .sec-ttl,
.product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl,
#about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl,
#about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl,
#faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl,
#faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl
{
    font-size: 16px;
    font-size: 1rem;

    position: relative;

    display: inline-block;

    width: 100%;
    height: 60px;
    padding: 10px 15px;

    border: 1px solid #f37021;
    border-radius: 7px;
    background-color: #fdce21;
}

.product-content .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec .sec-ttl span,
#about .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec .sec-ttl span,
#faq .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec .sec-ttl span,
.product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl span,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl span,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl span,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl span,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl span,
#about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl span,
#about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl span,
#faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl span,
#faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl span
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    letter-spacing: .05rem;
}

.product-content .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec .sec-ttl span small,
#about .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec .sec-ttl span small,
#faq .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec .sec-ttl span small,
.product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl span small,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl span small,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl span small,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl span small,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl span small,
#about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl span small,
#about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl span small,
#faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl span small,
#faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec .sec-ttl span small
{
    font-size: 11px;
    font-size: .6875rem;

    display: block;

    margin-top: 3px;

    white-space: nowrap;
    letter-spacing: .05rem;
}

.product-content .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec ul,
#about .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec ul,
#faq .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec ul,
.product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul,
#about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul,
#about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul,
#faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul,
#faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul
{
    margin-top: 10px;
}

.product-content .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec ul li,
#about .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec ul li,
#faq .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec ul li,
.product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li,
#about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li,
#about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li,
#faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li,
#faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li
{
    padding: 3px 0;

    background: none;
}

.product-content .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec ul li strong,
#about .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec ul li strong,
#faq .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec ul li strong,
.product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li strong,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li strong,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li strong,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li strong,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li strong,
#about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li strong,
#about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li strong,
#faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li strong,
#faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li strong
{
    font-size: 18px;
    font-size: 1.125rem;

    display: block;
}

.product-content .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec ul li small,
#about .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec ul li small,
#faq .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec ul li small,
.product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li small,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li small,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li small,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li small,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li small,
#about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li small,
#about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li small,
#faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li small,
#faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li small
{
    font-size: 12px;
    font-size: .75rem;
}

.product-content .point-area .point_list .layout_left .lbst-content .put,
#about .point-area .point_list .layout_left .lbst-content .put,
#faq .point-area .point_list .layout_left .lbst-content .put,
.product-content .point-area .point_list.row .layout_row .lbst-content .put,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .put,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .put,
.product-content #about .point-area .point_list.row .layout_row .lbst-content .put,
#about .product-content .point-area .point_list.row .layout_row .lbst-content .put,
#about .point-area .point_list.row .layout_row .lbst-content .put,
#about #faq .point-area .point_list.row .layout_row .lbst-content .put,
#faq #about .point-area .point_list.row .layout_row .lbst-content .put,
#faq .point-area .point_list.row .layout_row .lbst-content .put
{
    padding-bottom: 15px;
}

.product-content .point-area .point_list .layout_left .point_text,
#about .point-area .point_list .layout_left .point_text,
#faq .point-area .point_list .layout_left .point_text,
.product-content .point-area .point_list.row .layout_row .point_text,
#about .product-content .point-area .point_list.row .layout_row .point_text,
.product-content #about .point-area .point_list.row .layout_row .point_text,
.product-content #about .point-area .point_list.row .layout_row .point_text,
#about .product-content .point-area .point_list.row .layout_row .point_text,
#about .point-area .point_list.row .layout_row .point_text,
#about #faq .point-area .point_list.row .layout_row .point_text,
#faq #about .point-area .point_list.row .layout_row .point_text,
#faq .point-area .point_list.row .layout_row .point_text
{
    position: relative;

    display: table-cell;
    overflow: hidden;

    vertical-align: middle;
}

.product-content .point-area .point_list .layout_left .point_text:before,
#about .point-area .point_list .layout_left .point_text:before,
#faq .point-area .point_list .layout_left .point_text:before,
.product-content .point-area .point_list.row .layout_row .point_text:before,
#about .product-content .point-area .point_list.row .layout_row .point_text:before,
.product-content #about .point-area .point_list.row .layout_row .point_text:before,
.product-content #about .point-area .point_list.row .layout_row .point_text:before,
#about .product-content .point-area .point_list.row .layout_row .point_text:before,
#about .point-area .point_list.row .layout_row .point_text:before,
#about #faq .point-area .point_list.row .layout_row .point_text:before,
#faq #about .point-area .point_list.row .layout_row .point_text:before,
#faq .point-area .point_list.row .layout_row .point_text:before
{
    position: absolute;
    top: 50%;

    display: block;

    width: 100%;
    height: 440px;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background-image: url(../images/feature/bg_point_01.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.product-content .point-area .point_list .layout_left .point_text .point_no,
#about .point-area .point_list .layout_left .point_text .point_no,
#faq .point-area .point_list .layout_left .point_text .point_no,
.product-content .point-area .point_list.row .layout_row .point_text .point_no,
#about .product-content .point-area .point_list.row .layout_row .point_text .point_no,
.product-content #about .point-area .point_list.row .layout_row .point_text .point_no,
.product-content #about .point-area .point_list.row .layout_row .point_text .point_no,
#about .product-content .point-area .point_list.row .layout_row .point_text .point_no,
#about .point-area .point_list.row .layout_row .point_text .point_no,
#about #faq .point-area .point_list.row .layout_row .point_text .point_no,
#faq #about .point-area .point_list.row .layout_row .point_text .point_no,
#faq .point-area .point_list.row .layout_row .point_text .point_no
{
    width: 90px;
    margin: 0 auto 25px;
}

.product-content .point-area .point_list .layout_left .point_text .point_no img,
#about .point-area .point_list .layout_left .point_text .point_no img,
#faq .point-area .point_list .layout_left .point_text .point_no img,
.product-content .point-area .point_list.row .layout_row .point_text .point_no img,
#about .product-content .point-area .point_list.row .layout_row .point_text .point_no img,
.product-content #about .point-area .point_list.row .layout_row .point_text .point_no img,
.product-content #about .point-area .point_list.row .layout_row .point_text .point_no img,
#about .product-content .point-area .point_list.row .layout_row .point_text .point_no img,
#about .point-area .point_list.row .layout_row .point_text .point_no img,
#about #faq .point-area .point_list.row .layout_row .point_text .point_no img,
#faq #about .point-area .point_list.row .layout_row .point_text .point_no img,
#faq .point-area .point_list.row .layout_row .point_text .point_no img
{
    width: 100%;
}

.product-content .point-area .point_list .layout_left .point_text strong span,
#about .point-area .point_list .layout_left .point_text strong span,
#faq .point-area .point_list .layout_left .point_text strong span,
.product-content .point-area .point_list.row .layout_row .point_text strong span,
#about .product-content .point-area .point_list.row .layout_row .point_text strong span,
.product-content #about .point-area .point_list.row .layout_row .point_text strong span,
.product-content #about .point-area .point_list.row .layout_row .point_text strong span,
#about .product-content .point-area .point_list.row .layout_row .point_text strong span,
#about .point-area .point_list.row .layout_row .point_text strong span,
#about #faq .point-area .point_list.row .layout_row .point_text strong span,
#faq #about .point-area .point_list.row .layout_row .point_text strong span,
#faq .point-area .point_list.row .layout_row .point_text strong span
{
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.4;

    letter-spacing: .2rem;

    color: #fff;
}

.product-content .point-area .point_list .layout_left .point_text strong sup,
#about .point-area .point_list .layout_left .point_text strong sup,
#faq .point-area .point_list .layout_left .point_text strong sup,
.product-content .point-area .point_list.row .layout_row .point_text strong sup,
#about .product-content .point-area .point_list.row .layout_row .point_text strong sup,
.product-content #about .point-area .point_list.row .layout_row .point_text strong sup,
.product-content #about .point-area .point_list.row .layout_row .point_text strong sup,
#about .product-content .point-area .point_list.row .layout_row .point_text strong sup,
#about .point-area .point_list.row .layout_row .point_text strong sup,
#about #faq .point-area .point_list.row .layout_row .point_text strong sup,
#faq #about .point-area .point_list.row .layout_row .point_text strong sup,
#faq .point-area .point_list.row .layout_row .point_text strong sup
{
    font-size: 14px;
    font-size: .875rem;

    vertical-align: super;

    color: #fff;
}

.product-content .point-area .point_list .layout_left .point_text .txt,
#about .point-area .point_list .layout_left .point_text .txt,
#faq .point-area .point_list .layout_left .point_text .txt,
.product-content .point-area .point_list.row .layout_row .point_text .txt,
#about .product-content .point-area .point_list.row .layout_row .point_text .txt,
.product-content #about .point-area .point_list.row .layout_row .point_text .txt,
.product-content #about .point-area .point_list.row .layout_row .point_text .txt,
#about .product-content .point-area .point_list.row .layout_row .point_text .txt,
#about .point-area .point_list.row .layout_row .point_text .txt,
#about #faq .point-area .point_list.row .layout_row .point_text .txt,
#faq #about .point-area .point_list.row .layout_row .point_text .txt,
#faq .point-area .point_list.row .layout_row .point_text .txt
{
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;

    margin-top: 20px;

    letter-spacing: .1rem;

    color: #fff;
}

.product-content .point-area .point_list .layout_left .point_text .txt sup,
#about .point-area .point_list .layout_left .point_text .txt sup,
#faq .point-area .point_list .layout_left .point_text .txt sup,
.product-content .point-area .point_list.row .layout_row .point_text .txt sup,
#about .product-content .point-area .point_list.row .layout_row .point_text .txt sup,
.product-content #about .point-area .point_list.row .layout_row .point_text .txt sup,
.product-content #about .point-area .point_list.row .layout_row .point_text .txt sup,
#about .product-content .point-area .point_list.row .layout_row .point_text .txt sup,
#about .point-area .point_list.row .layout_row .point_text .txt sup,
#about #faq .point-area .point_list.row .layout_row .point_text .txt sup,
#faq #about .point-area .point_list.row .layout_row .point_text .txt sup,
#faq .point-area .point_list.row .layout_row .point_text .txt sup
{
    font-size: 12px;
    font-size: .75rem;

    color: #fff;
}

.product-content .point-area .point_list .layout_left .point_text .txt + a,
#about .point-area .point_list .layout_left .point_text .txt + a,
#faq .point-area .point_list .layout_left .point_text .txt + a,
.product-content .point-area .point_list.row .layout_row .point_text .txt + a,
#about .product-content .point-area .point_list.row .layout_row .point_text .txt + a,
.product-content #about .point-area .point_list.row .layout_row .point_text .txt + a,
.product-content #about .point-area .point_list.row .layout_row .point_text .txt + a,
#about .product-content .point-area .point_list.row .layout_row .point_text .txt + a,
#about .point-area .point_list.row .layout_row .point_text .txt + a,
#about #faq .point-area .point_list.row .layout_row .point_text .txt + a,
#faq #about .point-area .point_list.row .layout_row .point_text .txt + a,
#faq .point-area .point_list.row .layout_row .point_text .txt + a
{
    position: relative;
    z-index: 10;

    display: block;

    width: 280px;
    margin: 20px auto 0;
}

.product-content .point-area .point_list .layout_left .point_text .bm_illust,
#about .point-area .point_list .layout_left .point_text .bm_illust,
#faq .point-area .point_list .layout_left .point_text .bm_illust,
.product-content .point-area .point_list.row .layout_row .point_text .bm_illust,
#about .product-content .point-area .point_list.row .layout_row .point_text .bm_illust,
.product-content #about .point-area .point_list.row .layout_row .point_text .bm_illust,
.product-content #about .point-area .point_list.row .layout_row .point_text .bm_illust,
#about .product-content .point-area .point_list.row .layout_row .point_text .bm_illust,
#about .point-area .point_list.row .layout_row .point_text .bm_illust,
#about #faq .point-area .point_list.row .layout_row .point_text .bm_illust,
#faq #about .point-area .point_list.row .layout_row .point_text .bm_illust,
#faq .point-area .point_list.row .layout_row .point_text .bm_illust
{
    width: 140px;
    margin: 10px auto 0;
}

.product-content .point-area .point_list.row,
#about .point-area .point_list.row,
#faq .point-area .point_list.row
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.product-content .point-area .point_list.row.heightauto .layout_row,
#about .point-area .point_list.row.heightauto .layout_row,
#faq .point-area .point_list.row.heightauto .layout_row
{
    height: auto;
}

.product-content .point-area .point_list.row > li:first-child::after,
#about .point-area .point_list.row > li:first-child::after,
#faq .point-area .point_list.row > li:first-child::after
{
    position: absolute;
    top: -5%;
    right: auto;
    bottom: auto;
    left: 3%;

    display: block;

    width: 45%;
    height: 27%;

    content: '';
    -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
            transform: rotate(-10deg);

    background: url(../images/feature/point_flag_01@2x.png) center/100% no-repeat;
}

.product-content .point-area .point_list.row > li:last-child,
#about .point-area .point_list.row > li:last-child,
#faq .point-area .point_list.row > li:last-child
{
    margin-right: 0;
}

.product-content .point-area .point_list.row > li:last-child::after,
#about .point-area .point_list.row > li:last-child::after,
#faq .point-area .point_list.row > li:last-child::after
{
    position: absolute;
    top: auto;
    right: 10%;
    bottom: -10%;
    left: auto;

    display: block;

    width: 45%;
    height: 27%;

    content: '';
    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg);

    background: url(../images/feature/point_flag_01@2x.png) center/100% no-repeat;
}

.product-content .point-area .point_list.row .layout_row,
#about .point-area .point_list.row .layout_row,
#faq .point-area .point_list.row .layout_row
{
    position: relative;

    display: inline-block;
    float: left;
    overflow: hidden;

    width: calc(50% - 10px);
    max-width: 490px;
    height: 380px;
    margin-right: 20px;

    text-align: center;

    background-color: #5a3928;
}

.product-content .point-area .point_list.row .layout_row:before,
#about .point-area .point_list.row .layout_row:before,
#faq .point-area .point_list.row .layout_row:before
{
    position: absolute;
    top: 50%;

    display: block;

    width: 100%;
    height: 440px;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background-image: url(../images/feature/bg_point_01.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.product-content .point-area .point_list.row .layout_row .point_text,
#about .point-area .point_list.row .layout_row .point_text,
#faq .point-area .point_list.row .layout_row .point_text
{
    display: inline-block;

    padding: 60px 0;

    text-align: center;
}

.product-content .point-area .point_list.row .layout_row .point_text:before,
#about .point-area .point_list.row .layout_row .point_text:before,
#faq .point-area .point_list.row .layout_row .point_text:before
{
    display: none;
}

.product-content .point-area .point_list.row .layout_row .point_text strong,
#about .point-area .point_list.row .layout_row .point_text strong,
#faq .point-area .point_list.row .layout_row .point_text strong
{
    display: block;

    margin-bottom: 20px;
}

.product-content .point-area .point_list.row .layout_row .point_text .point_icon ul li,
#about .point-area .point_list.row .layout_row .point_text .point_icon ul li,
#faq .point-area .point_list.row .layout_row .point_text .point_icon ul li
{
    position: relative;

    display: inline-block;

    width: 100px;
    height: 60px;
    margin-top: 5px;
}

.product-content .point-area .point_list.row .layout_row .point_text .point_icon ul li span,
#about .point-area .point_list.row .layout_row .point_text .point_icon ul li span,
#faq .point-area .point_list.row .layout_row .point_text .point_icon ul li span
{
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.2;

    position: absolute;
    top: 53%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    white-space: nowrap;
    letter-spacing: .05rem;

    color: #fff;
}

.product-content .point-area .point_list.row .layout_row .point_text .point_icon ul.single li,
#about .point-area .point_list.row .layout_row .point_text .point_icon ul.single li,
#faq .point-area .point_list.row .layout_row .point_text .point_icon ul.single li
{
    width: 200px;
    height: 30px;
}

.product-content .point-area .point_list.row .layout_row .point_text .point_icon img,
#about .point-area .point_list.row .layout_row .point_text .point_icon img,
#faq .point-area .point_list.row .layout_row .point_text .point_icon img
{
    width: 108px;
}

.product-content .point-area .point_list.row .layout_row .point_text .point_icon .put,
#about .point-area .point_list.row .layout_row .point_text .point_icon .put,
#faq .point-area .point_list.row .layout_row .point_text .point_icon .put
{
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;

    margin-top: 20px;

    letter-spacing: .2rem;

    color: #fff;
}

.product-content .point-area .renewal,
#about .point-area .renewal,
#faq .point-area .renewal
{
    margin-bottom: 80px;
}

.product-content .point-area .renewal img,
#about .point-area .renewal img,
#faq .point-area .renewal img
{
    border-radius: 8px;
    -webkit-box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, .2);
            box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, .2);
}

.product-content .content#voice .mamas-comment span,
#about .content#voice .mamas-comment span,
#faq .content#voice .mamas-comment span
{
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.8;

    position: relative;
}

.product-content .content#voice .mamas-comment span:before,
#about .content#voice .mamas-comment span:before,
#faq .content#voice .mamas-comment span:before
{
    position: absolute;
    z-index: -1;
    bottom: -3px;

    display: inline-block;

    width: 100%;
    height: 1vh;

    content: '';

    background-color: #fdce21;
}

.product-content .content#voice .mamas-comment strong,
#about .content#voice .mamas-comment strong,
#faq .content#voice .mamas-comment strong
{
    font-size: 60px;
    font-size: 3.75rem;

    position: relative;

    letter-spacing: .1rem;

    color: #f37021;
}

.product-content .content#voice .mamas-comment strong:before,
#about .content#voice .mamas-comment strong:before,
#faq .content#voice .mamas-comment strong:before
{
    position: absolute;
    z-index: -1;
    bottom: -3px;

    display: inline-block;

    width: 100%;
    height: 1vh;

    content: '';

    background-color: #fdce21;
}

.product-content .content#voice figure,
#about .content#voice figure,
#faq .content#voice figure
{
    width: 190px;
    margin: 40px auto 0;
}

.product-content .content#voice figcaption,
#about .content#voice figcaption,
#faq .content#voice figcaption
{
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.8;

    margin-top: 20px;
}

.product-content .content#voice figcaption span,
#about .content#voice figcaption span,
#faq .content#voice figcaption span
{
    font-size: 18px;
    font-size: 1.125rem;

    display: block;
}

.product-content .content#voice .caution,
#about .content#voice .caution,
#faq .content#voice .caution
{
    margin-top: 30px !important;
}

.product-content .content#voice .bnr,
#about .content#voice .bnr,
#faq .content#voice .bnr
{
    padding: 0 25px;
}

.product-content .content#voice .bnr img,
#about .content#voice .bnr img,
#faq .content#voice .bnr img
{
    width: 100%;
    max-width: 1000px;
    height: auto;
}

.product-content .attention-area.bottom,
#about .attention-area.bottom,
#faq .attention-area.bottom
{
    margin-top: 90px;
}

.bnr_uvseries a
{
    display: block;

    width: 800px;
    margin: 50px auto;

    -webkit-transition: .6s;
            transition: .6s;
}

.bnr_uvseries a:hover
{
    opacity: .6;
}

.imagearea
{
    margin-top: 100px;
}

/* //////////////////////////////////////////
  ie-hack
//////////////////////////////////////////*/

_:-ms-lang(x),
.product-content .point-area .layout_left .point_text:before,
#about .point-area .layout_left .point_text:before,
#faq .point-area .layout_left .point_text:before,
.product-content .point-area .point_list.row .layout_row .point_text:before,
#about .product-content .point-area .point_list.row .layout_row .point_text:before,
.product-content #about .point-area .point_list.row .layout_row .point_text:before,
.product-content #about .point-area .point_list.row .layout_row .point_text:before,
#about .product-content .point-area .point_list.row .layout_row .point_text:before,
#about .point-area .point_list.row .layout_row .point_text:before,
#about #faq .point-area .point_list.row .layout_row .point_text:before,
#faq #about .point-area .point_list.row .layout_row .point_text:before,
#faq .point-area .point_list.row .layout_row .point_text:before
{
    top: 0 !important;

    height: auto !important;
    padding-bottom: 87% !important;

    -ms-transform: none !important;
        transform: none !important;
}

@media only screen and (max-width: 1620px)
{
    #feature-container #fv-area .absolute-area .absolute-area__info,
    .product-content #fv-area .absolute-area .absolute-area__info,
    #about #fv-area .absolute-area .absolute-area__info,
    #faq #fv-area .absolute-area .absolute-area__info
    {
        left: 5%;

        width: 90%;
        max-width: 670px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
    .product-content #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
    #about #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
    #faq #fv-area .absolute-area .absolute-area__info .fukidashi.gel
    {
        bottom: 70%;
        left: -15%;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .fukidashi.milk,
    .product-content #fv-area .absolute-area .absolute-area__info .fukidashi.milk,
    #about #fv-area .absolute-area .absolute-area__info .fukidashi.milk,
    #faq #fv-area .absolute-area .absolute-area__info .fukidashi.milk
    {
        bottom: 71%;
        left: 50%;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info figure,
    .product-content #fv-area .absolute-area .absolute-area__info figure,
    #about #fv-area .absolute-area .absolute-area__info figure,
    #faq #fv-area .absolute-area .absolute-area__info figure
    {
        width: 100%;
        max-width: 370px;
        margin: 0 0 20px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .loop,
    .product-content #fv-area .absolute-area .absolute-area__info .loop,
    #about #fv-area .absolute-area .absolute-area__info .loop,
    #faq #fv-area .absolute-area .absolute-area__info .loop
    {
        bottom: 75px;
    }
}

@media only screen and (max-width: 1570px)
{
    #container #index-container #fv-area .fixed-area:before
    {
        background-position: left 30%;
        background-size: cover;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info.bodymilk
    {
        left: 5%;

        width: 80%;

        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info.uvcare
    {
        left: 10%;

        width: 80%;

        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .fukidashi.gel
    {
        bottom: 65%;
        left: -25%;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .fukidashi.milk
    {
        right: -120px;
        bottom: 50%;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figure.uvcare
    {
        width: 100%;
        max-width: 290px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figure.uvcare .body_fukidashi
    {
        top: 30px;
        right: -110px;

        width: 130px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figure.bodymilk
    {
        width: 100%;
        max-width: 290px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figure.bodymilk .body_fukidashi
    {
        top: 30px;
        right: -110px;

        width: 130px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figcaption.uvcare .notice
    {
        letter-spacing: 0;

        color: #fff;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figcaption.bodymilk strong
    {
        letter-spacing: 0;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figcaption.bodymilk .notice
    {
        letter-spacing: 0;

        color: #fff;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare
    {
        right: -20px;
        bottom: 55px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk
    {
        right: -20px;
        bottom: 55px;
    }

    #container #index-container #scroll-area #news
    {
        top: 145px;
    }
}

@media only screen and (max-width: 1520px)
{
    #notfound .notfound-btn
    {
        width: 218px;
    }

    #notfound .notfound-btn:before
    {
        right: 30px;
    }

    #feature-container #fv-area .mainttl,
    .product-content #fv-area .mainttl,
    #about #fv-area .mainttl,
    #faq #fv-area .mainttl
    {
        top: 25%;
        left: 13.5%;
    }

    #feature-container #fv-area .mainttl strong,
    .product-content #fv-area .mainttl strong,
    #about #fv-area .mainttl strong,
    #faq #fv-area .mainttl strong
    {
        font-size: 27px;
        font-size: 1.6875rem;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info,
    .product-content #fv-area .absolute-area .absolute-area__info,
    #about #fv-area .absolute-area .absolute-area__info,
    #faq #fv-area .absolute-area .absolute-area__info
    {
        left: 5%;

        width: 90%;
        max-width: 670px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
    .product-content #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
    #about #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
    #faq #fv-area .absolute-area .absolute-area__info .fukidashi.gel
    {
        bottom: 70%;
        left: -15%;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .fukidashi.milk,
    .product-content #fv-area .absolute-area .absolute-area__info .fukidashi.milk,
    #about #fv-area .absolute-area .absolute-area__info .fukidashi.milk,
    #faq #fv-area .absolute-area .absolute-area__info .fukidashi.milk
    {
        bottom: 71%;
        left: 50%;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info figure,
    .product-content #fv-area .absolute-area .absolute-area__info figure,
    #about #fv-area .absolute-area .absolute-area__info figure,
    #faq #fv-area .absolute-area .absolute-area__info figure
    {
        width: 100%;
        max-width: 370px;
        margin: 0 0 20px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .loop,
    .product-content #fv-area .absolute-area .absolute-area__info .loop,
    #about #fv-area .absolute-area .absolute-area__info .loop,
    #faq #fv-area .absolute-area .absolute-area__info .loop
    {
        bottom: 75px;
    }

    #container #index-container .content .mommybtn
    {
        width: 218px;
    }

    #container #index-container .content .mommybtn:before
    {
        right: 30px;
    }

    #container #index-container #scroll-area .content .series
    {
        padding: 0 20px;
    }

    #container #index-container #scroll-area .content .series#body .product-list .product-list-block .product-image:before
    {
        top: 33%;
        right: -31%;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block
    {
        display: block;

        width: 50%;
        margin: 40px 0 0 0;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-image
    {
        display: inline-block;

        width: 80px;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-image:before
    {
        right: -28%;

        width: 40px;
        height: 40px;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-image.new:after
    {
        top: 24%;
        left: -32%;

        width: 35px;
        height: 35px;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-image.new .limited:after
    {
        top: 9%;
        top: 47%;
        left: -32%;

        width: 35px;
        height: 35px;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-info
    {
        display: inline-block;

        width: 215px;
    }
}

@media only screen and (max-width: 1400px)
{
    #container #index-container #fv-area .fixed-area .bg-slider .vegas-slide .vegas-slide-inner
    {
        background-position: center 30% !important;
    }
}

@media only screen and (max-width: 1360px)
{
    #container #index-container #scroll-area .content .heading-caption .break
    {
        display: block;
    }

    #container #index-container #scroll-area .content .series#body .product-list .product-list-block .product-image:before
    {
        top: 35%;
        right: -40%;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block
    {
        float: none;

        width: 80%;
        margin: 40px auto 0;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block:nth-child(even)
    {
        margin-right: auto;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-image
    {
        margin-right: 20px;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-image:before
    {
        top: 20%;
        right: -42%;

        width: 55px;
        height: 55px;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-image.new:after
    {
        top: 10%;
        left: -32%;

        width: 42px;
        height: 42px;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-image.new .limited:after
    {
        top: 32%;
        left: -32%;

        width: 42px;
        height: 42px;
    }

    #container #index-container #scroll-area .content#about,
    #container #index-container #scroll-area .content#faq
    {
        padding: 0 30px;
    }

    #container #index-container #scroll-area .content#about .about-message span,
    #container #index-container #scroll-area .content#faq .about-message span
    {
        display: block;

        width: 300px;
        margin: 0 auto;
    }

    #container #index-container #scroll-area .content#about .about-message strong .break,
    #container #index-container #scroll-area .content#faq .about-message strong .break
    {
        display: block !important;
    }

    #container #index-container #scroll-area .content#about .about-message strong:before,
    #container #index-container #scroll-area .content#faq .about-message strong:before
    {
        left: calc( 50% - 5.9em);
    }
}

@media only screen and (max-width: 1320px)
{
    #feature-container #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
    .product-content #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
    #about #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
    #faq #fv-area .absolute-area .absolute-area__info .fukidashi.gel
    {
        bottom: 86%;
        left: 14%;
    }
}

@media only screen and (max-width: 1300px)
{
    .sp-display1140
    {
        display: block !important;
    }

    .sp-invisible1140
    {
        display: none !important;
    }

    header
    {
        top: 0;
        right: 0;
        left: auto;

        width: 100%;
        max-width: 480px;
        padding: 100px 80px 0;

        border-radius: 0;
        background: none;
        -webkit-box-shadow: none;
                box-shadow: none;
    }

    header.cl-hd
    {
        z-index: 1000;

        width: 100%;
        height: 100vh;

        background-color: #fff;
    }

    header.cl-hd > h1
    {
        position: fixed;
        z-index: 1000;

        display: block;
    }

    header.cl-hd > h1 a
    {
        padding-right: 0;
    }

    header.cl-hd nav
    {
        display: block;
        overflow: scroll;

        height: 100%;
        margin-top: 25px;

        -webkit-overflow-scrolling: touch;
    }

    header h1
    {
        position: fixed;
        top: 45px;
        right: 50px;

        width: 380px;
        padding: 20px 50px;

        border-radius: 50px;
        background-color: #fff;
        -webkit-box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, .2);
                box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, .2);
    }

    header h1 a
    {
        width: 200px;
    }

    header nav
    {
        display: none;

        margin-top: 0 !important;
        padding: 20px 0;

        text-align: left;
    }

    header nav #menu-heading
    {
        position: static;

        margin: 0;
    }

    header nav ul
    {
        display: block;

        margin-top: 25px;
    }

    header nav ul > li
    {
        display: table;

        width: 100%;
        padding: 20px 0;

        border-bottom: 1px solid #eee;
    }

    header nav ul > li.pulldown_block
    {
        position: relative;

        display: block;
    }

    header nav ul > li.pulldown_block:before
    {
        position: absolute;
        top: 27px;
        right: 0;

        display: block;

        width: 20px;
        height: 2px;

        content: '';

        border-radius: 1px;
        background-color: #5a3928;
    }

    header nav ul > li.pulldown_block:after
    {
        position: absolute;
        top: 18px;
        right: 9px;

        display: block;

        width: 2px;
        height: 20px;

        content: '';

        border-radius: 1px;
        background-color: #5a3928;
    }

    header nav ul > li.pulldown_block.opening:after
    {
        display: none;
    }

    header nav ul > li:nth-child(2) a,
    header nav ul > li:nth-child(2) span
    {
        padding-left: 30px;
    }

    header nav ul > li:nth-child(2) a:before,
    header nav ul > li:nth-child(2) span:before
    {
        width: 20px;
        height: 39px;
        margin-left: 1px;
    }

    header nav ul > li:nth-child(2):hover .pulldown_wrap
    {
        display: none;

        -webkit-animation: none;
                animation: none;
    }

    header nav ul > li:nth-child(3) a,
    header nav ul > li:nth-child(3) span
    {
        padding-left: 30px;
    }

    header nav ul > li:nth-child(3):hover .pulldown_wrap
    {
        display: none;

        -webkit-animation: none;
                animation: none;
    }

    header nav ul > li:nth-child(4) a,
    header nav ul > li:nth-child(4) span
    {
        padding-left: 30px;
    }

    header nav ul > li:nth-child(4) a:before,
    header nav ul > li:nth-child(4) span:before
    {
        width: 25px;
        height: 24px;
    }

    header nav ul > li:nth-child(5) a,
    header nav ul > li:nth-child(5) span
    {
        padding-left: 30px;
    }

    header nav ul > li:nth-child(5) a:before,
    header nav ul > li:nth-child(5) span:before
    {
        width: 25px;
        height: 23px;
    }

    header nav ul > li:nth-child(5):hover .pulldown_wrap
    {
        display: none;

        -webkit-animation: none;
                animation: none;
    }

    header nav ul > li a,
    header nav ul > li span
    {
        margin-left: 0;
    }

    header nav ul > li .pulldown_wrap
    {
        position: static;

        padding-top: 0;
    }

    header nav ul > li .pulldown_wrap.opening
    {
        -webkit-animation: none;
                animation: none;

        opacity: 1;
    }

    header nav ul > li .pulldown_wrap.online
    {
        width: 100%;
    }

    header nav ul > li .pulldown_wrap .pulldown
    {
        padding: 20px 0 0;

        border-radius: 0;
        background: none;
        -webkit-box-shadow: none;
                box-shadow: none;
    }

    header nav ul > li .pulldown_wrap .pulldown li
    {
        border-bottom: 1px solid #eee;
    }

    header nav ul > li .pulldown_wrap .pulldown li.pulldown_ttl
    {
        display: table;

        padding: 10px 0 10px 10px;

        border: none;
        border-radius: 5px;
        background-color: #fbf8f4;
    }

    header nav ul > li .pulldown_wrap .pulldown li.pulldown_ttl:before
    {
        display: table-cell;

        width: 26px;
        height: 26px;

        content: '';
        vertical-align: middle;

        background-size: cover;
    }

    header nav ul > li .pulldown_wrap .pulldown li.pulldown_ttl.i_uv:before
    {
        background-image: url(../images/common/i_uv.png);
    }

    header nav ul > li .pulldown_wrap .pulldown li.pulldown_ttl.i_body:before
    {
        background-image: url(../images/common/i_body.png);
    }

    header nav ul > li .pulldown_wrap .pulldown li.pulldown_ttl.i_hand:before
    {
        background-image: url(../images/common/i_hand.png);
    }

    header nav ul > li .pulldown_wrap .pulldown li.pulldown_ttl.i_lip:before
    {
        background-image: url(../images/common/i_lip.png);
    }

    header nav ul > li .pulldown_wrap .pulldown li.pulldown_ttl strong
    {
        font-size: 12px;
        font-size: .75rem;
        font-weight: bold;

        display: table-cell;

        padding-left: 10px;

        vertical-align: middle;
        letter-spacing: .1rem;

        color: #d6cbbe;
    }

    header nav ul > li .pulldown_wrap .pulldown li.online a
    {
        width: 60%;
    }

    header nav ul > li .pulldown_wrap .pulldown li a
    {
        font-size: 14px;
        font-size: .875rem;

        padding: 15px 0 15px 10px;
    }

    header nav .h_fnav
    {
        line-height: 2.0;

        margin-top: 15px;
    }

    header nav .h_fnav + .kissme
    {
        width: 30%;
        margin-top: 40px;
    }

    .menu-button-container
    {
        position: absolute;
        z-index: 10000;
        top: 56px;
        right: 65px;

        display: block;

        width: 50px;
        height: 50px;
    }

    .menu-button-container a
    {
        width: 50px;
        height: 50px;

        border-radius: 25px;
    }

    .menu-button-container a span:first-child
    {
        top: 42%;

        -webkit-transform: translate(-50%, -50%) rotate(0deg);
            -ms-transform: translate(-50%, -50%) rotate(0deg);
                transform: translate(-50%, -50%) rotate(0deg);
    }

    .menu-button-container a span:last-child
    {
        top: 58%;

        -webkit-transform: translate(-50%, -50%) rotate(0deg);
            -ms-transform: translate(-50%, -50%) rotate(0deg);
                transform: translate(-50%, -50%) rotate(0deg);
    }

    .menu-button-container a.closing span:first-child
    {
        top: 50%;

        -webkit-transform: translate(-50%, -50%) rotate(45deg);
            -ms-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg);
    }

    .menu-button-container a.closing span:last-child
    {
        top: 50%;

        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            -ms-transform: translate(-50%, -50%) rotate(-45deg);
                transform: translate(-50%, -50%) rotate(-45deg);
    }

    _:-ms-lang(x),
    header
    {
        display: block;
    }
}

@media only screen and (max-width: 1280px)
{
    footer .inner
    {
        padding: 0 40px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
    .product-content #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
    #about #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
    #faq #fv-area .absolute-area .absolute-area__info .fukidashi.gel
    {
        bottom: 66%;
        left: -13%;

        width: 162px;
        height: 99px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .fukidashi.milk,
    .product-content #fv-area .absolute-area .absolute-area__info .fukidashi.milk,
    #about #fv-area .absolute-area .absolute-area__info .fukidashi.milk,
    #faq #fv-area .absolute-area .absolute-area__info .fukidashi.milk
    {
        bottom: 61%;
        left: 37%;

        width: 162px;
        height: 99px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .fukidashi span,
    .product-content #fv-area .absolute-area .absolute-area__info .fukidashi span,
    #about #fv-area .absolute-area .absolute-area__info .fukidashi span,
    #faq #fv-area .absolute-area .absolute-area__info .fukidashi span
    {
        font-size: 13px;
        font-size: .8125rem;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .fukidashi span strong,
    .product-content #fv-area .absolute-area .absolute-area__info .fukidashi span strong,
    #about #fv-area .absolute-area .absolute-area__info .fukidashi span strong,
    #faq #fv-area .absolute-area .absolute-area__info .fukidashi span strong
    {
        font-size: 16px;
        font-size: 1rem;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info figure,
    .product-content #fv-area .absolute-area .absolute-area__info figure,
    #about #fv-area .absolute-area .absolute-area__info figure,
    #faq #fv-area .absolute-area .absolute-area__info figure
    {
        width: 40%;
        max-width: 370px;
        margin: 0 0 20px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .loop,
    .product-content #fv-area .absolute-area .absolute-area__info .loop,
    #about #fv-area .absolute-area .absolute-area__info .loop,
    #faq #fv-area .absolute-area .absolute-area__info .loop
    {
        right: 130px;
        bottom: 145px;

        width: 68px;
        height: 68px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .loop:after,
    .product-content #fv-area .absolute-area .absolute-area__info .loop:after,
    #about #fv-area .absolute-area .absolute-area__info .loop:after,
    #faq #fv-area .absolute-area .absolute-area__info .loop:after
    {
        top: -56px;
        left: -50px;

        width: 168px;
        height: 182px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .loop p:before,
    .product-content #fv-area .absolute-area .absolute-area__info .loop p:before,
    #about #fv-area .absolute-area .absolute-area__info .loop p:before,
    #faq #fv-area .absolute-area .absolute-area__info .loop p:before
    {
        width: 28px;
        height: 20px;
        margin-bottom: 10px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .loop p span,
    .product-content #fv-area .absolute-area .absolute-area__info .loop p span,
    #about #fv-area .absolute-area .absolute-area__info .loop p span,
    #faq #fv-area .absolute-area .absolute-area__info .loop p span
    {
        font-size: 14px;
        font-size: .875rem;

        margin-bottom: 1;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .loop p strong,
    .product-content #fv-area .absolute-area .absolute-area__info .loop p strong,
    #about #fv-area .absolute-area .absolute-area__info .loop p strong,
    #faq #fv-area .absolute-area .absolute-area__info .loop p strong
    {
        font-size: 26px;
        font-size: 1.625rem;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .loop p small,
    .product-content #fv-area .absolute-area .absolute-area__info .loop p small,
    #about #fv-area .absolute-area .absolute-area__info .loop p small,
    #faq #fv-area .absolute-area .absolute-area__info .loop p small
    {
        font-size: 14px;
        font-size: .875rem;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figure.bodymilk
    {
        width: 40%;
        max-width: 440px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk
    {
        right: -15%;
        bottom: 50px;

        width: 168px;
        height: 168px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk:after
    {
        top: 3px;
        left: 3px;

        width: 162px;
        height: 162px;
    }

    #container #index-container #scroll-area .content .heading-caption
    {
        font-size: 16px;
        font-size: 1rem;
    }

    #container #index-container #wide-area #banner
    {
        padding: 0 40px;
    }
}

@media only screen and (max-width: 1250px)
{
    #container.page-feature #f_enquete-container .question-area .graph-area .layout-left
    {
        width: 40%;
        margin-left: 5%;
    }
}

@media only screen and (max-width: 1240px)
{
    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .point_list li,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .point_list li,
    #container.page-feature .feature_howto#about .howto-container + .about-area .point_list li,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .point_list li
    {
        height: 274px;
        padding-top: 35px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figure.howto_uv .point_list li,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figure.howto_uv .point_list li,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figure.howto_uv .point_list li,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figure.howto_uv .point_list li
    {
        height: 380px;
        padding-top: 36px;
    }
}

@media only screen and (max-width: 1239px)
{
    #about #about-container .secret .point_list li,
    #faq #about-container .secret .point_list li
    {
        width: 300px;
        height: 216px;
        padding-top: 27px;
    }

    #about #about-container .secret .point_list li::after,
    #faq #about-container .secret .point_list li::after
    {
        width: 35px;
        height: 35px;
    }

    #about #about-container .secret .point_list li .inner .point_no,
    #faq #about-container .secret .point_list li .inner .point_no
    {
        margin-bottom: 15px;
    }

    #about #about-container .secret .point_list li .inner .point_no img,
    #faq #about-container .secret .point_list li .inner .point_no img
    {
        max-width: 60px;
    }

    #about #about-container .secret .point_list li .inner strong,
    #faq #about-container .secret .point_list li .inner strong
    {
        margin-bottom: 15px;
    }

    #about #about-container .secret .point_list li .inner strong span,
    #faq #about-container .secret .point_list li .inner strong span
    {
        font-size: 32px;
        font-size: 2rem;
        line-height: 28.6px;
    }

    #about #about-container .secret .point_list li .inner strong span sup,
    #faq #about-container .secret .point_list li .inner strong span sup
    {
        font-size: 10px;
        font-size: .625rem;
    }

    #about #about-container .secret .point_list li .inner .txt,
    #faq #about-container .secret .point_list li .inner .txt
    {
        font-size: 11.5px;
        font-size: .71875rem;
        line-height: 20px;
    }

    #feature-container .about-area .point_list::after,
    .product-content .about-area .point_list::after,
    #about .about-area .point_list::after,
    #faq .about-area .point_list::after
    {
        width: 300px;
        height: 200px;
    }

    #feature-container .about-area .point_list li,
    .product-content .about-area .point_list li,
    #about .about-area .point_list li,
    #faq .about-area .point_list li
    {
        width: 300px;
        height: 216px;
        padding-top: 27px;
    }

    #feature-container .about-area .point_list li:nth-child(4),
    .product-content .about-area .point_list li:nth-child(4),
    #about .about-area .point_list li:nth-child(4),
    #faq .about-area .point_list li:nth-child(4)
    {
        margin-right: 318px;
    }

    #feature-container .about-area .point_list li:nth-child(4),
    .product-content .about-area .point_list li:nth-child(4),
    #about .about-area .point_list li:nth-child(4),
    #faq .about-area .point_list li:nth-child(4),
    #feature-container .about-area .point_list li:nth-child(5),
    .product-content .about-area .point_list li:nth-child(5),
    #about .about-area .point_list li:nth-child(5),
    #faq .about-area .point_list li:nth-child(5)
    {
        padding-top: 66px;
    }

    #feature-container .about-area .point_list li::after,
    .product-content .about-area .point_list li::after,
    #about .about-area .point_list li::after,
    #faq .about-area .point_list li::after
    {
        width: 35px;
        height: 35px;
    }

    #feature-container .about-area .point_list li:nth-child(1)::after,
    .product-content .about-area .point_list li:nth-child(1)::after,
    #about .about-area .point_list li:nth-child(1)::after,
    #faq .about-area .point_list li:nth-child(1)::after
    {
        bottom: -22px;
    }

    #feature-container .about-area .point_list li:nth-child(2)::after,
    .product-content .about-area .point_list li:nth-child(2)::after,
    #about .about-area .point_list li:nth-child(2)::after,
    #faq .about-area .point_list li:nth-child(2)::after
    {
        bottom: -22px;
    }

    #feature-container .about-area .point_list li:nth-child(3)::after,
    .product-content .about-area .point_list li:nth-child(3)::after,
    #about .about-area .point_list li:nth-child(3)::after,
    #faq .about-area .point_list li:nth-child(3)::after
    {
        right: 10%;
        bottom: -22px;
        left: auto;
    }

    #feature-container .about-area .point_list li:nth-child(4)::after,
    .product-content .about-area .point_list li:nth-child(4)::after,
    #about .about-area .point_list li:nth-child(4)::after,
    #faq .about-area .point_list li:nth-child(4)::after
    {
        right: -26px;
    }

    #feature-container .about-area .point_list li:nth-child(5)::after,
    .product-content .about-area .point_list li:nth-child(5)::after,
    #about .about-area .point_list li:nth-child(5)::after,
    #faq .about-area .point_list li:nth-child(5)::after
    {
        left: -26px;
    }

    #feature-container .about-area .point_list li .point_no,
    .product-content .about-area .point_list li .point_no,
    #about .about-area .point_list li .point_no,
    #faq .about-area .point_list li .point_no
    {
        margin-bottom: 5px;
    }

    #feature-container .about-area .point_list li .point_no img,
    .product-content .about-area .point_list li .point_no img,
    #about .about-area .point_list li .point_no img,
    #faq .about-area .point_list li .point_no img
    {
        height: 17px;
    }

    #feature-container .about-area .point_list li strong,
    .product-content .about-area .point_list li strong,
    #about .about-area .point_list li strong,
    #faq .about-area .point_list li strong
    {
        margin-bottom: 10px;
    }

    #feature-container .about-area .point_list li strong span,
    .product-content .about-area .point_list li strong span,
    #about .about-area .point_list li strong span,
    #faq .about-area .point_list li strong span
    {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 28.6px;
    }

    #feature-container .about-area .point_list li strong span::after,
    .product-content .about-area .point_list li strong span::after,
    #about .about-area .point_list li strong span::after,
    #faq .about-area .point_list li strong span::after
    {
        bottom: 4px;

        height: 3.5px;
    }

    #feature-container .about-area .point_list li strong span sup,
    .product-content .about-area .point_list li strong span sup,
    #about .about-area .point_list li strong span sup,
    #faq .about-area .point_list li strong span sup
    {
        font-size: 10px;
        font-size: .625rem;
    }

    #feature-container .about-area .point_list li .txt,
    .product-content .about-area .point_list li .txt,
    #about .about-area .point_list li .txt,
    #faq .about-area .point_list li .txt
    {
        font-size: 11.5px;
        font-size: .71875rem;
        line-height: 20px;
    }

    #feature-container .about-area .point_list li .txt sup,
    .product-content .about-area .point_list li .txt sup,
    #about .about-area .point_list li .txt sup,
    #faq .about-area .point_list li .txt sup
    {
        font-size: 9px;
        font-size: .5625rem;
        line-height: 20px;
    }

    #feature-container .voice-area ul,
    .product-content .voice-area ul,
    #about .voice-area ul,
    #faq .voice-area ul
    {
        max-width: 500px;
    }

    #feature-container .voice-area ul li,
    .product-content .voice-area ul li,
    #about .voice-area ul li,
    #faq .voice-area ul li
    {
        margin-bottom: 150px;
    }

    #feature-container .voice-area ul li:nth-child(1),
    .product-content .voice-area ul li:nth-child(1),
    #about .voice-area ul li:nth-child(1),
    #faq .voice-area ul li:nth-child(1)
    {
        float: none;

        padding-top: 0;
    }

    #feature-container .voice-area ul li:nth-child(2),
    .product-content .voice-area ul li:nth-child(2),
    #about .voice-area ul li:nth-child(2),
    #faq .voice-area ul li:nth-child(2)
    {
        float: none;
    }
}

@media only screen and (max-width: 1200px)
{
    #container.page-feature #f_mamari-container .kv-area h2
    {
        top: auto;
        bottom: 50px;
        left: 70px;

        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    #container.page-feature #f_mamari-container .intro-area:after
    {
        bottom: -100px;
    }

    #container.page-feature #f_mamari-container .intro-area:before
    {
        bottom: -100px;
    }

    #container #index-container #wide-area #voice-faq .content#voice .voice-block li
    {
        width: 90%;
        height: 0;
        padding-bottom: 54%;
    }

    #container #index-container #wide-area #voice-faq .content#voice .voice-block li:nth-child(2)
    {
        height: 0;
        padding-bottom: 61%;
    }

    #container #index-container #wide-area #voice-faq .content#voice .voice-block li .voice-text .voice-comment .voice-comment-text
    {
        font-size: 16px;
        font-size: 1rem;
    }

    #container #index-container #wide-area #voice-faq .content#voice .caution
    {
        width: 90%;
        margin: 0 auto;
    }

    #container #index-container #wide-area #voice-faq .content .faq-block .faq-block-list ul li
    {
        width: 90%;
    }

    #container #index-container #wide-area #voice-faq .content .faq-block .faq-block-list ul li span
    {
        font-size: 16px;
        font-size: 1rem;
    }
}

@media only screen and (max-width: 1140px)
{
    #about #about-container .message .lineup-img,
    #faq #about-container .message .lineup-img,
    #about #about-container #faq #faq-container .faq-area .lineup-img,
    #faq #about-container #faq-container .faq-area .lineup-img,
    #faq #faq-container #about-container .faq-area .lineup-img,
    #about #about-container #feature #feature-container .feature-list .lineup-img,
    #faq #about-container #feature #feature-container .feature-list .lineup-img,
    #about #about-container #feature .product-content .feature-list .lineup-img,
    #faq #about-container #feature .product-content .feature-list .lineup-img,
    #feature #about #about-container .feature-list .lineup-img,
    #faq #about-container #feature #about .feature-list .lineup-img,
    #about #about-container #feature #faq .feature-list .lineup-img,
    #feature #faq #about-container .feature-list .lineup-img
    {
        width: 85%;
    }

    footer + .fixed-banner.sub
    {
        z-index: 100;

        width: 100%;
    }

    footer + .fixed-banner.sub img
    {
        width: 70%;
        max-width: 700px;
    }

    #feature-container #fv-area .mainttl,
    .product-content #fv-area .mainttl,
    #about #fv-area .mainttl,
    #faq #fv-area .mainttl
    {
        top: 18%;
        left: 6.5%;

        text-align: left;
    }

    #feature-container #fv-area .mainttl strong,
    .product-content #fv-area .mainttl strong,
    #about #fv-area .mainttl strong,
    #faq #fv-area .mainttl strong
    {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: 1.4;

        text-align: left;

        color: #5a3928;
        text-shadow: 0 0 15px #f8f5f0;
    }

    #feature-container #fv-area .mainttl strong sup,
    .product-content #fv-area .mainttl strong sup,
    #about #fv-area .mainttl strong sup,
    #faq #fv-area .mainttl strong sup
    {
        color: #5a3928;
    }

    #container.page-feature #feature-container.feature_howto .feature_ttlarea,
    #container.page-feature .feature_howto.product-content .feature_ttlarea,
    #container.page-feature .feature_howto#about .feature_ttlarea,
    #container.page-feature .feature_howto#faq .feature_ttlarea
    {
        height: 500px;
    }

    #container.page-feature #feature-container.feature_howto .feature_ttlarea h1,
    #container.page-feature .feature_howto.product-content .feature_ttlarea h1,
    #container.page-feature .feature_howto#about .feature_ttlarea h1,
    #container.page-feature .feature_howto#faq .feature_ttlarea h1
    {
        top: 63%;
    }

    #container.page-feature #feature-container.feature_howto .feature_ttlarea h1 small,
    #container.page-feature .feature_howto.product-content .feature_ttlarea h1 small,
    #container.page-feature .feature_howto#about .feature_ttlarea h1 small,
    #container.page-feature .feature_howto#faq .feature_ttlarea h1 small
    {
        font-size: 24px;
        font-size: 1.5rem;

        white-space: nowrap;
    }

    #container.page-feature #feature-container.feature_howto .feature_ttlarea h1 span,
    #container.page-feature .feature_howto.product-content .feature_ttlarea h1 span,
    #container.page-feature .feature_howto#about .feature_ttlarea h1 span,
    #container.page-feature .feature_howto#faq .feature_ttlarea h1 span
    {
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 1.2;

        margin-top: 15px;

        white-space: nowrap;
        letter-spacing: .15rem;
    }

    #container.page-feature #feature-container.feature_howto .feature_ttlarea h1 figure,
    #container.page-feature .feature_howto.product-content .feature_ttlarea h1 figure,
    #container.page-feature .feature_howto#about .feature_ttlarea h1 figure,
    #container.page-feature .feature_howto#faq .feature_ttlarea h1 figure
    {
        width: 100px;
    }

    #container.page-feature #feature-container.feature_howto .feature_intro p strong,
    #container.page-feature .feature_howto.product-content .feature_intro p strong,
    #container.page-feature .feature_howto#about .feature_intro p strong,
    #container.page-feature .feature_howto#faq .feature_intro p strong
    {
        line-height: 1.6;
    }

    #container.page-feature #feature-container.feature_howto .feature_intro p strong:before,
    #container.page-feature .feature_howto.product-content .feature_intro p strong:before,
    #container.page-feature .feature_howto#about .feature_intro p strong:before,
    #container.page-feature .feature_howto#faq .feature_intro p strong:before
    {
        bottom: 0;
    }

    #container.page-feature #feature-container.feature_howto .feature_intro p strong + strong,
    #container.page-feature .feature_howto.product-content .feature_intro p strong + strong,
    #container.page-feature .feature_howto#about .feature_intro p strong + strong,
    #container.page-feature .feature_howto#faq .feature_intro p strong + strong
    {
        margin: 0 auto 0;
    }

    #container.page-feature #feature-container.feature_howto .howto-container .howto-container-list,
    #container.page-feature .feature_howto.product-content .howto-container .howto-container-list,
    #container.page-feature .feature_howto#about .howto-container .howto-container-list,
    #container.page-feature .feature_howto#faq .howto-container .howto-container-list
    {
        padding: 0 40px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container .howto-container-list li > p,
    #container.page-feature .feature_howto.product-content .howto-container .howto-container-list li > p,
    #container.page-feature .feature_howto#about .howto-container .howto-container-list li > p,
    #container.page-feature .feature_howto#faq .howto-container .howto-container-list li > p
    {
        line-height: 1.8;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .point_list li,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .point_list li,
    #container.page-feature .feature_howto#about .howto-container + .about-area .point_list li,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .point_list li
    {
        height: 270px;
        margin-bottom: 15px;
        padding-top: 35px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .point_list li:last-child,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .point_list li:last-child,
    #container.page-feature .feature_howto#about .howto-container + .about-area .point_list li:last-child,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .point_list li:last-child
    {
        display: block;

        margin: 0 auto;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .feature-description,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .feature-description,
    #container.page-feature .feature_howto#about .howto-container + .about-area .feature-description,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .feature-description
    {
        width: 76%;
        margin: 70px auto 0;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .illust-area-howto,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .illust-area-howto,
    #container.page-feature .feature_howto#about .howto-container + .about-area .illust-area-howto,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .illust-area-howto
    {
        display: block;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .illust-area-howto figure,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .illust-area-howto figure,
    #container.page-feature .feature_howto#about .howto-container + .about-area .illust-area-howto figure,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .illust-area-howto figure
    {
        display: block;

        width: 50%;
        margin: 0 auto;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .illust-area-howto figcaption,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .illust-area-howto figcaption,
    #container.page-feature .feature_howto#about .howto-container + .about-area .illust-area-howto figcaption,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .illust-area-howto figcaption
    {
        display: block;

        width: 80%;
        margin: 20px auto 0;
        padding-left: 0;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution.bgedit,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution.bgedit,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution.bgedit,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution.bgedit
    {
        margin-top: 40px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution h3 strong:before,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution h3 strong:before,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution h3 strong:before,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution h3 strong:before
    {
        bottom: 0;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figure.howto_uv .point_list li:last-child,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figure.howto_uv .point_list li:last-child,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figure.howto_uv .point_list li:last-child,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figure.howto_uv .point_list li:last-child
    {
        display: inline-block;
    }

    #container.page-feature #f_enquete-container .feature_ttlarea
    {
        height: 500px;
    }

    #container.page-feature #f_enquete-container .feature_ttlarea h1
    {
        top: 50%;
    }

    #container.page-feature #f_enquete-container .feature_ttlarea h1 small
    {
        font-size: 24px;
        font-size: 1.5rem;

        white-space: nowrap;
    }

    #container.page-feature #f_enquete-container .feature_ttlarea h1 span
    {
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 1.2;

        margin-top: 15px;

        white-space: nowrap;
        letter-spacing: .15rem;
    }

    #container.page-feature #f_enquete-container .feature_ttlarea h1 figure
    {
        width: 100px;
    }

    body.scroll_fixed
    {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    #container.page-index #wide-area
    {
        padding-top: 120px !important;
    }

    #container #index-container #fv-area .fixed-area
    {
        position: static;
        top: 0;

        width: 100%;
        height: 100%;
    }

    #container #index-container #fv-area .fixed-area:before
    {
        position: absolute;

        width: 100%;
        max-width: none;
        height: 100%;

        background-position: left 30%;
        background-size: cover;
    }

    #container #index-container #fv-area .fixed-area .bg-slider
    {
        position: absolute;

        width: 100%;
        min-width: none;
        max-width: none;
        height: 100%;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info.bodymilk
    {
        left: 10%;

        width: 80%;
        max-width: 710px;

        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info.uvcare
    {
        left: 10%;

        width: 80%;
        max-width: 710px;

        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .fukidashi
    {
        width: 202px;
        height: 119px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .fukidashi.gel
    {
        bottom: 70%;
        left: -20%;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .fukidashi.milk
    {
        right: -41%;
        bottom: 58%;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .fukidashi span
    {
        font-size: 15px;
        font-size: .9375rem;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .fukidashi span strong
    {
        font-size: 20px;
        font-size: 1.25rem;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figure.uvcare
    {
        width: 100%;
        max-width: 440px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figure.bodymilk
    {
        width: 40%;
        max-width: 440px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare
    {
        right: 0;
        bottom: 100px;

        width: 208px;
        height: 208px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare:after
    {
        top: -36px;
        left: -31px;

        width: 272px;
        height: 282px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare p:before
    {
        width: 54px;
        height: 40px;
        margin: 0 auto 15px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare p span
    {
        font-size: 20px;
        font-size: 1.25rem;

        margin-bottom: 5px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare p strong
    {
        font-size: 47px;
        font-size: 2.9375rem;

        margin-bottom: 10px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare p small
    {
        font-size: 20px;
        font-size: 1.25rem;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk
    {
        right: 0;
        bottom: 100px;

        width: 208px;
        height: 208px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk:after
    {
        top: -36px;
        left: -31px;

        width: 282px;
        height: 282px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk:before
    {
        top: -36px;
        left: -31px;

        width: 272px;
        height: 282px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk p:before
    {
        width: 54px;
        height: 40px;
        margin: 0 auto 15px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk p span
    {
        font-size: 20px;
        font-size: 1.25rem;

        margin-bottom: 5px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk p strong
    {
        font-size: 47px;
        font-size: 2.9375rem;

        margin-bottom: 10px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk p small
    {
        font-size: 20px;
        font-size: 1.25rem;
    }

    #container #index-container #scroll-area
    {
        float: none;

        width: 100%;
        margin-top: 100vh;
        padding-top: 20px;
    }

    #container #index-container #scroll-area #news
    {
        top: 20vh;
    }

    #container #index-container #scroll-area .content .heading-caption
    {
        font-size: 18px;
        font-size: 1.125rem;
    }

    #container #index-container #scroll-area .content .heading-caption .break
    {
        display: none;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block
    {
        float: left;

        width: 47%;
        margin: 40px 6% 0 0;
    }

    #container #index-container #scroll-area .content#lineup
    {
        margin-top: 80px;
    }

    #container #index-container #scroll-area .content#about,
    #container #index-container #scroll-area .content#faq
    {
        margin-top: 120px;
    }

    #container #index-container #scroll-area .content#about .about-message span,
    #container #index-container #scroll-area .content#faq .about-message span
    {
        display: block;

        width: 100%;
        margin: 0 auto;
    }

    #container #index-container #scroll-area .fixed-banner
    {
        z-index: 100;

        width: 100%;
    }

    #container #index-container #scroll-area .fixed-banner img
    {
        width: 70%;
        max-width: 700px;
    }

    .product-content .item-area .item-area_inner .right-box,
    #about .item-area .item-area_inner .right-box,
    #faq .item-area .item-area_inner .right-box
    {
        display: table;

        width: auto;

        table-layout: fixed;
    }

    .product-content .item-area .item-area_inner .right-box .price-box .dtl,
    #about .item-area .item-area_inner .right-box .price-box .dtl,
    #faq .item-area .item-area_inner .right-box .price-box .dtl
    {
        white-space: nowrap;
    }

    .product-content .point-area,
    #about .point-area,
    #faq .point-area
    {
        padding: 0 25px;
    }

    .product-content .point-area .point_list .layout_left .point_img,
    #about .point-area .point_list .layout_left .point_img,
    #faq .point-area .point_list .layout_left .point_img,
    .product-content .point-area .point_list.row .layout_row .point_img,
    #about .product-content .point-area .point_list.row .layout_row .point_img,
    .product-content #about .point-area .point_list.row .layout_row .point_img,
    .product-content #about .point-area .point_list.row .layout_row .point_img,
    #about .product-content .point-area .point_list.row .layout_row .point_img,
    #about .point-area .point_list.row .layout_row .point_img,
    #about #faq .point-area .point_list.row .layout_row .point_img,
    #faq #about .point-area .point_list.row .layout_row .point_img,
    #faq .point-area .point_list.row .layout_row .point_img
    {
        padding: 70px 20px;
    }

    .product-content .point-area .point_list .layout_left .point_img.other ul li p,
    #about .point-area .point_list .layout_left .point_img.other ul li p,
    #faq .point-area .point_list .layout_left .point_img.other ul li p,
    .product-content .point-area .point_list.row .layout_row .point_img.other ul li p,
    #about .product-content .point-area .point_list.row .layout_row .point_img.other ul li p,
    .product-content #about .point-area .point_list.row .layout_row .point_img.other ul li p,
    .product-content #about .point-area .point_list.row .layout_row .point_img.other ul li p,
    #about .product-content .point-area .point_list.row .layout_row .point_img.other ul li p,
    #about .point-area .point_list.row .layout_row .point_img.other ul li p,
    #about #faq .point-area .point_list.row .layout_row .point_img.other ul li p,
    #faq #about .point-area .point_list.row .layout_row .point_img.other ul li p,
    #faq .point-area .point_list.row .layout_row .point_img.other ul li p
    {
        font-size: 11px;
        font-size: .6875rem;
    }

    .product-content .point-area .point_list .layout_left .lbst-content,
    #about .point-area .point_list .layout_left .lbst-content,
    #faq .point-area .point_list .layout_left .lbst-content,
    .product-content .point-area .point_list.row .layout_row .lbst-content,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content,
    #about .point-area .point_list.row .layout_row .lbst-content,
    #about #faq .point-area .point_list.row .layout_row .lbst-content,
    #faq #about .point-area .point_list.row .layout_row .lbst-content,
    #faq .point-area .point_list.row .layout_row .lbst-content
    {
        padding: 50px 30px;
    }

    .product-content .point-area .point_list .layout_left .point_text strong span,
    #about .point-area .point_list .layout_left .point_text strong span,
    #faq .point-area .point_list .layout_left .point_text strong span,
    .product-content .point-area .point_list.row .layout_row .point_text strong span,
    #about .product-content .point-area .point_list.row .layout_row .point_text strong span,
    .product-content #about .point-area .point_list.row .layout_row .point_text strong span,
    .product-content #about .point-area .point_list.row .layout_row .point_text strong span,
    #about .product-content .point-area .point_list.row .layout_row .point_text strong span,
    #about .point-area .point_list.row .layout_row .point_text strong span,
    #about #faq .point-area .point_list.row .layout_row .point_text strong span,
    #faq #about .point-area .point_list.row .layout_row .point_text strong span,
    #faq .point-area .point_list.row .layout_row .point_text strong span
    {
        font-size: 26px;
        font-size: 1.625rem;

        letter-spacing: .1rem;
    }

    .product-content .attention-area ol,
    #about .attention-area ol,
    #faq .attention-area ol
    {
        display: table;

        table-layout: fixed;
    }

    .imagearea
    {
        width: 80%;
        margin: 100px auto 0;
    }
}

@media only screen and (max-width: 1130px)
{
    #container.page-feature #f_mamari-container .mbm-area .layout-left
    {
        width: calc(99% - 710px);
    }

    #container.page-feature #f_mamari-container .mbm-area .layout-right
    {
        width: 355px;
    }

    #container.page-feature #f_mamari-container .m_write-area .box .layout-left
    {
        float: none;

        width: 420px;
        margin: 0 auto;
    }

    #container.page-feature #f_mamari-container .m_write-area .box .layout-right
    {
        float: none;

        width: 420px;
        margin: 20px auto;
    }
}

@media only screen and (max-width: 1120px)
{
    #container.page-feature #f_mamari-container .m_write-area .box.bottle:before
    {
        right: -50px;
        bottom: -50px;
    }

    #container.page-feature #f_enquete-container .anchor-link
    {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    #container.page-feature #f_enquete-container .anchor-link li
    {
        width: 48.8%;
        margin-bottom: 10px;
    }

    #container.page-feature #f_enquete-container .anchor-link li:nth-child(3)
    {
        background: url(../images/feature/bg_point_01.svg) center/30% no-repeat #5a3928;
    }

    #container.page-feature #f_enquete-container .anchor-link li:nth-child(4)
    {
        background: url(../images/feature/bg_point_01.svg) center/30% no-repeat #f37021;
    }

    #container.page-feature #f_enquete-container .question-area h3 strong
    {
        font-size: 28px;
        font-size: 1.75rem;
    }

    #container.page-feature #f_enquete-container .question-area h3 strong:after
    {
        height: 10px;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area
    {
        display: block;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-left
    {
        float: none;

        width: 60%;
        margin: 20px auto 0;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right
    {
        float: none;

        width: 80%;
        margin: 20px auto 0;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q1 span
    {
        text-align: center;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q2 span
    {
        text-align: center;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q3 span
    {
        text-align: center;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q4 span
    {
        text-align: center;
    }

    #container.page-feature #f_enquete-container .question-area .comment-area .parent-comment li
    {
        width: 48%;
        margin-right: 4%;
    }

    #container.page-feature #f_enquete-container .question-area .comment-area .parent-comment li:nth-child(3n)
    {
        margin-right: 4%;
    }

    #container.page-feature #f_enquete-container .question-area .comment-area .parent-comment li:nth-child(2n)
    {
        margin-right: 0;
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner:after
    {
        display: none;
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner .description strong
    {
        font-size: 24px;
        font-size: 1.5rem;
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout
    {
        float: none;

        width: 80%;
        margin: 0 auto;
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout.right
    {
        float: none;

        width: 80%;
        margin: -100px auto 0;
    }

    #container.page-feature #f_enquete-container .message-area .msg-txt span
    {
        font-size: 16px;
        font-size: 1rem;
    }

    #container.page-feature #f_enquete-container .message-area .msg-txt strong
    {
        font-size: 24px;
        font-size: 1.5rem;
    }

    #container.page-feature #f_enquete-container .message-area .msg-txt small
    {
        font-size: 16px;
        font-size: 1rem;
    }
}

@media only screen and (max-width: 1100px)
{
    #container.page-feature #f_mamari-container .m_write-area h3 span
    {
        display: table;

        margin: 10px auto 0;
    }

    #container.page-feature #f_mamari-container .m_write-area h3 span:before
    {
        top: auto;
        bottom: -40px;
        left: 0;

        width: 43.3%;
        height: 0;
        padding-bottom: 12.3%;

        background-image: url(../images/feature/mamari/fukidashi_mamari_sp.png);
    }

    #container.page-feature #f_mamari-container .m_write-area .description
    {
        padding: 0 40px;
    }

    #container.page-feature #f_mamari-container .m_write-area .box h4
    {
        font-size: 22px;
        font-size: 1.375rem;
    }

    .sp1100-display
    {
        display: block !important;
    }

    .sp1100-invisible
    {
        display: none !important;
    }
}

@media only screen and (max-width: 1080px)
{
    #container #index-container #wide-area #voice-faq .content#voice .voice-block li:nth-child(2) .voice-text
    {
        top: 50%;
        bottom: auto;

        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    #container #index-container #wide-area #voice-faq .content#voice .voice-block li .voice-text
    {
        top: auto;
        bottom: 20px;

        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
}

@media only screen and (max-width: 1050px)
{
    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .btn_click,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .btn_click,
    #container.page-feature .feature_howto#about .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .btn_click,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .item_nav.howto_body li:nth-child(1) .btn_click
    {
        top: 240px;
        left: 55px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .item_nav.howto_body li:nth-child(2) .btn_click,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .item_nav.howto_body li:nth-child(2) .btn_click,
    #container.page-feature .feature_howto#about .howto-container + .about-area .item_nav.howto_body li:nth-child(2) .btn_click,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .item_nav.howto_body li:nth-child(2) .btn_click
    {
        top: 385px;
        right: 46.5px;
    }
}

@media (max-width: 1049px)
{
    #about #about-container .secret .point_list li,
    #faq #about-container .secret .point_list li
    {
        text-align: center;
    }

    #container.page-feature
    {
        overflow-y: hidden;

        padding-top: 0;
    }

    #feature-container .about-area .point_list,
    .product-content .about-area .point_list,
    #about .about-area .point_list,
    #faq .about-area .point_list
    {
        max-width: 609px;

        text-align: left;
    }

    #feature-container .about-area .point_list::after,
    .product-content .about-area .point_list::after,
    #about .about-area .point_list::after,
    #faq .about-area .point_list::after
    {
        left: auto;
    }

    #feature-container .about-area .point_list li,
    .product-content .about-area .point_list li,
    #about .about-area .point_list li,
    #faq .about-area .point_list li
    {
        text-align: center;
    }

    #feature-container .about-area .point_list li:nth-child(3),
    .product-content .about-area .point_list li:nth-child(3),
    #about .about-area .point_list li:nth-child(3),
    #faq .about-area .point_list li:nth-child(3)
    {
        margin-right: 9px;

        background-color: #5a3928;
    }

    #feature-container .about-area .point_list li:nth-child(2),
    .product-content .about-area .point_list li:nth-child(2),
    #about .about-area .point_list li:nth-child(2),
    #faq .about-area .point_list li:nth-child(2),
    #feature-container .about-area .point_list li:nth-child(4),
    .product-content .about-area .point_list li:nth-child(4),
    #about .about-area .point_list li:nth-child(4),
    #faq .about-area .point_list li:nth-child(4)
    {
        margin-right: 0;
    }

    #feature-container .about-area .point_list li:nth-child(4),
    .product-content .about-area .point_list li:nth-child(4),
    #about .about-area .point_list li:nth-child(4),
    #faq .about-area .point_list li:nth-child(4)
    {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1049px)
{
    #feature-container #fv-area .absolute-area .absolute-area__info figure,
    .product-content #fv-area .absolute-area .absolute-area__info figure,
    #about #fv-area .absolute-area .absolute-area__info figure,
    #faq #fv-area .absolute-area .absolute-area__info figure
    {
        width: 100%;
        max-width: 65%;
        margin: 0 0 20px;
    }

    #feature-container .about-area .point_list li:nth-child(3)::after,
    .product-content .about-area .point_list li:nth-child(3)::after,
    #about .about-area .point_list li:nth-child(3)::after,
    #faq .about-area .point_list li:nth-child(3)::after
    {
        background: url(../images/feature/point_hikidashi_06.svg) center/100% no-repeat;
    }

    #feature-container .about-area .point_list li:nth-child(4)::after,
    .product-content .about-area .point_list li:nth-child(4)::after,
    #about .about-area .point_list li:nth-child(4)::after,
    #faq .about-area .point_list li:nth-child(4)::after
    {
        right: 10%;
        bottom: -22px;

        background: url(../images/feature/point_hikidashi_03.svg) center/100% no-repeat;
    }

    #feature-container .about-area .point_list li:nth-child(5)::before,
    .product-content .about-area .point_list li:nth-child(5)::before,
    #about .about-area .point_list li:nth-child(5)::before,
    #faq .about-area .point_list li:nth-child(5)::before
    {
        background: url(../images/feature/point_flag_03@2x.png) center/100% no-repeat;
    }

    #feature-container .about-area .point_list li:nth-child(5)::after,
    .product-content .about-area .point_list li:nth-child(5)::after,
    #about .about-area .point_list li:nth-child(5)::after,
    #faq .about-area .point_list li:nth-child(5)::after
    {
        right: -26px;
        left: auto;

        background: url(../images/feature/point_hikidashi_04.svg) center/100% no-repeat;
    }

    #feature-container .about-area .item_nav,
    .product-content .about-area .item_nav,
    #about .about-area .item_nav,
    #faq .about-area .item_nav
    {
        width: 90%;
        max-width: 400px;

        background: url(../images/feature/bg_about_01.svg) 94% 30%/107px no-repeat;
    }

    #feature-container .about-area .item_nav li .txt h3,
    .product-content .about-area .item_nav li .txt h3,
    #about .about-area .item_nav li .txt h3,
    #faq .about-area .item_nav li .txt h3
    {
        margin-bottom: 10px;
    }

    #feature-container .about-area .item_nav li .txt h3 span,
    .product-content .about-area .item_nav li .txt h3 span,
    #about .about-area .item_nav li .txt h3 span,
    #faq .about-area .item_nav li .txt h3 span
    {
        font-size: 15px;
        font-size: .9375rem;
    }

    #feature-container .about-area .item_nav li .txt h3 span::after,
    .product-content .about-area .item_nav li .txt h3 span::after,
    #about .about-area .item_nav li .txt h3 span::after,
    #faq .about-area .item_nav li .txt h3 span::after
    {
        bottom: -1px;

        height: 5px;
    }

    #feature-container .about-area .item_nav li .txt p,
    .product-content .about-area .item_nav li .txt p,
    #about .about-area .item_nav li .txt p,
    #faq .about-area .item_nav li .txt p
    {
        font-size: 12px;
        font-size: .75rem;
        line-height: 18px;
    }

    #feature-container .about-area .item_nav li .txt p strong,
    .product-content .about-area .item_nav li .txt p strong,
    #about .about-area .item_nav li .txt p strong,
    #faq .about-area .item_nav li .txt p strong
    {
        font-size: 14px;
        font-size: .875rem;
    }

    #feature-container .about-area .item_nav li .btn_click,
    .product-content .about-area .item_nav li .btn_click,
    #about .about-area .item_nav li .btn_click,
    #faq .about-area .item_nav li .btn_click
    {
        font-size: 10px;
        font-size: .625rem;

        padding-top: 15px;

        background: url(../images/feature/ico_click.svg) center top/14px no-repeat;
    }

    #feature-container .about-area .item_nav li:nth-child(1),
    .product-content .about-area .item_nav li:nth-child(1),
    #about .about-area .item_nav li:nth-child(1),
    #faq .about-area .item_nav li:nth-child(1)
    {
        height: 250px;
    }

    #feature-container .about-area .item_nav li:nth-child(1) .photo,
    .product-content .about-area .item_nav li:nth-child(1) .photo,
    #about .about-area .item_nav li:nth-child(1) .photo,
    #faq .about-area .item_nav li:nth-child(1) .photo
    {
        width: 128px;
        height: 217px;
    }

    #feature-container .about-area .item_nav li:nth-child(1) .spf,
    .product-content .about-area .item_nav li:nth-child(1) .spf,
    #about .about-area .item_nav li:nth-child(1) .spf,
    #faq .about-area .item_nav li:nth-child(1) .spf
    {
        top: 106px;
        left: 107px;

        width: 66.5px;
        height: 66.5px;
    }

    #feature-container .about-area .item_nav li:nth-child(1) .spf span,
    .product-content .about-area .item_nav li:nth-child(1) .spf span,
    #about .about-area .item_nav li:nth-child(1) .spf span,
    #faq .about-area .item_nav li:nth-child(1) .spf span
    {
        font-size: 13px;
        font-size: .8125rem;
        line-height: 16px;

        padding-top: 7px;
    }

    #feature-container .about-area .item_nav li:nth-child(1) .spf strong,
    .product-content .about-area .item_nav li:nth-child(1) .spf strong,
    #about .about-area .item_nav li:nth-child(1) .spf strong,
    #faq .about-area .item_nav li:nth-child(1) .spf strong
    {
        font-size: 28.5px;
        font-size: 1.78125rem;
        line-height: 24.5px;

        margin-bottom: 3px;
    }

    #feature-container .about-area .item_nav li:nth-child(1) .spf small,
    .product-content .about-area .item_nav li:nth-child(1) .spf small,
    #about .about-area .item_nav li:nth-child(1) .spf small,
    #faq .about-area .item_nav li:nth-child(1) .spf small
    {
        font-size: 10px;
        font-size: .625rem;
        line-height: 10px;
    }

    #feature-container .about-area .item_nav li:nth-child(1) .txt,
    .product-content .about-area .item_nav li:nth-child(1) .txt,
    #about .about-area .item_nav li:nth-child(1) .txt,
    #faq .about-area .item_nav li:nth-child(1) .txt
    {
        top: 40px;
        left: 118px;
    }

    #feature-container .about-area .item_nav li:nth-child(1) .btn_click,
    .product-content .about-area .item_nav li:nth-child(1) .btn_click,
    #about .about-area .item_nav li:nth-child(1) .btn_click,
    #faq .about-area .item_nav li:nth-child(1) .btn_click
    {
        top: 225px;
        left: 55px;
    }

    #feature-container .about-area .item_nav li:nth-child(2),
    .product-content .about-area .item_nav li:nth-child(2),
    #about .about-area .item_nav li:nth-child(2),
    #faq .about-area .item_nav li:nth-child(2)
    {
        height: 412px;
    }

    #feature-container .about-area .item_nav li:nth-child(2) .photo,
    .product-content .about-area .item_nav li:nth-child(2) .photo,
    #about .about-area .item_nav li:nth-child(2) .photo,
    #faq .about-area .item_nav li:nth-child(2) .photo
    {
        top: 190px;
        right: 7px;

        width: 99px;
    }

    #feature-container .about-area .item_nav li:nth-child(2) .spf,
    .product-content .about-area .item_nav li:nth-child(2) .spf,
    #about .about-area .item_nav li:nth-child(2) .spf,
    #faq .about-area .item_nav li:nth-child(2) .spf
    {
        top: 206px;
        right: 87px;

        width: 57.5px;
        height: 57.5px;
    }

    #feature-container .about-area .item_nav li:nth-child(2) .spf span,
    .product-content .about-area .item_nav li:nth-child(2) .spf span,
    #about .about-area .item_nav li:nth-child(2) .spf span,
    #faq .about-area .item_nav li:nth-child(2) .spf span
    {
        font-size: 11.5px;
        font-size: .71875rem;
        line-height: 13.5px;

        padding-top: 6px;
    }

    #feature-container .about-area .item_nav li:nth-child(2) .spf strong,
    .product-content .about-area .item_nav li:nth-child(2) .spf strong,
    #about .about-area .item_nav li:nth-child(2) .spf strong,
    #faq .about-area .item_nav li:nth-child(2) .spf strong
    {
        font-size: 24.5px;
        font-size: 1.53125rem;
        line-height: 21px;

        margin-bottom: 1px;
    }

    #feature-container .about-area .item_nav li:nth-child(2) .spf strong sup,
    .product-content .about-area .item_nav li:nth-child(2) .spf strong sup,
    #about .about-area .item_nav li:nth-child(2) .spf strong sup,
    #faq .about-area .item_nav li:nth-child(2) .spf strong sup
    {
        font-size: 10px;
        font-size: .625rem;
    }

    #feature-container .about-area .item_nav li:nth-child(2) .spf small,
    .product-content .about-area .item_nav li:nth-child(2) .spf small,
    #about .about-area .item_nav li:nth-child(2) .spf small,
    #faq .about-area .item_nav li:nth-child(2) .spf small
    {
        font-size: 10px;
        font-size: .625rem;
        line-height: 10px;
    }

    #feature-container .about-area .item_nav li:nth-child(2) .txt,
    .product-content .about-area .item_nav li:nth-child(2) .txt,
    #about .about-area .item_nav li:nth-child(2) .txt,
    #faq .about-area .item_nav li:nth-child(2) .txt
    {
        position: absolute;
        top: 289px;
        right: 100px;
    }

    #feature-container .about-area .item_nav li:nth-child(2) .btn_click,
    .product-content .about-area .item_nav li:nth-child(2) .btn_click,
    #about .about-area .item_nav li:nth-child(2) .btn_click,
    #faq .about-area .item_nav li:nth-child(2) .btn_click
    {
        position: absolute;
        top: 394px;
        right: 56.5px;
    }

    #feature-container .item-area_inner .left-box,
    .product-content .item-area_inner .left-box,
    #about .item-area_inner .left-box,
    #faq .item-area_inner .left-box
    {
        float: none;

        margin: 0 auto 50px;
    }

    #feature-container .item-area_inner .right-box,
    .product-content .item-area_inner .right-box,
    #about .item-area_inner .right-box,
    #faq .item-area_inner .right-box
    {
        float: none;

        margin: 0 auto;
    }

    .product-content .item-area .bm-step,
    #about .item-area .bm-step,
    #faq .item-area .bm-step
    {
        width: calc(100% - 50px);
        margin: 160px auto 0;
    }

    .product-content .item-area .bm-step:before,
    #about .item-area .bm-step:before,
    #faq .item-area .bm-step:before
    {
        top: -12vw;
    }
}

@media only screen and (max-width: 1010px)
{
    #about #about-container .secret .point_list li,
    #faq #about-container .secret .point_list li
    {
        width: 45%;
        height: 300px;
        margin: 0 20px 20px 0;
        padding-top: 27px;
    }
}

@media only screen and (max-width: 1000px)
{
    footer .inner .f-nav .kissme
    {
        margin: 0 auto 40px;
    }

    footer .inner .f-nav nav
    {
        float: none;

        text-align: center;
    }

    footer .inner .f-nav nav .globalnav li
    {
        line-height: 1.8;
    }

    footer .inner .f-nav nav .globalnav li + br
    {
        display: block;
    }

    footer .inner .f-nav nav .footernav
    {
        margin-top: 35px;
    }

    footer .inner .f-info
    {
        position: relative;

        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        margin-top: 45px;

        text-align: center;

        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
                justify-content: center;
    }

    footer .inner .f-info .copy
    {
        position: absolute;
        bottom: -40px;
    }

    footer .inner .f-info .maternity-mark
    {
        float: none;
    }

    footer .inner .f-info .welove
    {
        float: none;
    }

    #container.page-feature #f_mamari-container .mbm-area .layout-left
    {
        position: absolute;
        top: 5%;
        right: 80%;

        width: 15%;
    }

    #container.page-feature #f_mamari-container .mbm-area .layout-left .layout-inner
    {
        top: 0;
        left: 0;

        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    #container.page-feature #f_mamari-container .mbm-area .layout-center:before
    {
        bottom: 10%;
    }

    #container.page-feature #f_mamari-container .m_write-area .box.bottle:before
    {
        display: none;
    }

    #container #index-container #wide-area
    {
        padding-bottom: 0;
    }

    #container #index-container #wide-area #feature .content#feature-area .slick-box
    {
        margin: 0 auto 80px;
    }
}

@media only screen and (max-width: 980px)
{
    #feature-container #fv-area .mainttl + .loop:after,
    .product-content #fv-area .mainttl + .loop:after,
    #about #fv-area .mainttl + .loop:after,
    #faq #fv-area .mainttl + .loop:after
    {
        width: 248px;
        height: 262px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
    .product-content #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
    #about #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
    #faq #fv-area .absolute-area .absolute-area__info .fukidashi.gel
    {
        bottom: 87%;
        left: 18%;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .fukidashi.milk,
    .product-content #fv-area .absolute-area .absolute-area__info .fukidashi.milk,
    #about #fv-area .absolute-area .absolute-area__info .fukidashi.milk,
    #faq #fv-area .absolute-area .absolute-area__info .fukidashi.milk
    {
        bottom: 61%;
        left: 61%;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .loop,
    .product-content #fv-area .absolute-area .absolute-area__info .loop,
    #about #fv-area .absolute-area .absolute-area__info .loop,
    #faq #fv-area .absolute-area .absolute-area__info .loop
    {
        right: 0;
        bottom: 75px;

        width: 198px;
        height: 198px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .loop:after,
    .product-content #fv-area .absolute-area .absolute-area__info .loop:after,
    #about #fv-area .absolute-area .absolute-area__info .loop:after,
    #faq #fv-area .absolute-area .absolute-area__info .loop:after
    {
        top: -2px;
        left: 4px;

        width: 190px;
        height: 200px;
    }

    #container.page-index #wide-area #feature
    {
        margin-top: 50px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info.bodymilk
    {
        left: 5%;

        width: 90%;
        max-width: none;

        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info.uvcare
    {
        left: 5%;

        width: 90%;
        max-width: none;

        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .fukidashi.gel
    {
        bottom: 64%;
        left: -27%;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .fukidashi.milk
    {
        right: -180px;
        bottom: 48%;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figure.uvcare
    {
        width: 100%;
        max-width: 400px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figure.bodymilk
    {
        width: 50%;
        max-width: 400px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare
    {
        right: -100px;
        bottom: 110px;
        left: auto;

        width: 208px;
        height: 208px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare:after
    {
        top: -26px;
        left: -16px;

        width: 242px;
        height: 252px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk
    {
        right: 35px;
        bottom: 80px;
        left: auto;

        width: 168px;
        height: 168px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk:after
    {
        top: -26px;
        left: -16px;

        width: 212px;
        height: 212px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk:before
    {
        top: -26px;
        left: -16px;

        width: 202px;
        height: 212px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk p:before
    {
        width: 42px;
        height: 30px;
        margin: 0 auto 12px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk p span
    {
        font-size: 18px;
        font-size: 1.125rem;

        margin-bottom: 2px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk p strong
    {
        font-size: 40px;
        font-size: 2.5rem;

        margin-bottom: 10px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk p small
    {
        font-size: 16px;
        font-size: 1rem;
    }

    #container #index-container #scroll-area #news
    {
        top: 170px;
        right: 0;
    }

    #container #index-container #wide-area #voice-faq .content
    {
        display: block;

        width: 100%;
        padding: 0 25px;
    }

    #container #index-container #wide-area #voice-faq .content#voice
    {
        padding-bottom: 30px;
    }

    #container #index-container #wide-area #voice-faq .content#voice .voice-block li .voice-text
    {
        top: 50%;
        bottom: auto;

        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    #container #index-container #wide-area #voice-faq .content#voice .voice-block li .voice-text .voice-comment .voice-comment-text
    {
        font-size: 22px;
        font-size: 1.375rem;
    }

    #container #index-container #wide-area #voice-faq .content#faq
    {
        margin-top: 150px;
        padding-bottom: 50px;

        background-position: 100% 0;
    }
}

@media only screen and (max-width: 870px)
{
    #container.page-feature #f_mamari-container .intro-area .m-ttl span
    {
        font-size: 24px;
        font-size: 1.5rem;
    }
}

@media screen and (orientation: portrait) and (max-width: 787px)
{
    #feature-container #fv-area,
    .product-content #fv-area,
    #about #fv-area,
    #faq #fv-area
    {
        background: url(../images/feature/bg_main.jpg) 60% -65%/auto 92% no-repeat !important;
    }
}

@media screen and (orientation: landscape) and (max-width: 787px)
{
    #feature-container #fv-area,
    .product-content #fv-area,
    #about #fv-area,
    #faq #fv-area
    {
        min-height: 120vw;

        background: url(../images/feature/bg_main.jpg) 50% top/auto 100% no-repeat !important;
    }
}

@media only screen and (max-width: 767px)
{
    .sp-display
    {
        display: block !important;
    }

    .sp-invisible
    {
        display: none !important;
    }

    .t__link
    {
        padding: 0;
    }

    .pagetop
    {
        right: 20px;
        bottom: 20px;

        display: none;

        width: 15%;
    }

    footer
    {
        background: none;
    }

    footer .inner
    {
        padding: 0;
    }

    footer .inner .f-nav nav
    {
        float: none;
    }

    footer .inner .f-nav nav .globalnav li
    {
        line-height: normal;
    }

    footer .inner .f-nav nav .globalnav li.insta
    {
        margin-left: 4px;
    }

    footer .inner .f-nav nav .globalnav li
    {
        font-size: 13px;
        font-size: .8125rem;

        display: block;

        margin-left: 0;
        padding: 20px 25px;

        text-align: left;

        border-bottom: 1px solid #5a3928;
    }

    footer .inner .f-nav nav .globalnav li:first-child
    {
        border-top: 1px solid #5a3928;
    }

    footer .inner .f-nav nav .globalnav li a
    {
        display: block;
    }

    footer .inner .f-nav nav .globalnav li + br
    {
        display: none;
    }

    footer .inner .f-nav nav .footernav
    {
        margin-top: 40px;

        text-align: center;
    }

    footer .inner .f-info
    {
        display: table;

        margin-top: 45px;
        margin-bottom: 60px;
    }

    footer .inner .f-info .copy
    {
        position: static;

        text-align: center;
    }

    footer .inner .f-info .maternity-mark
    {
        display: block;
        float: none;

        width: 80%;
        margin: 0 auto;
    }

    footer .inner .f-info .maternity-mark img
    {
        width: 100%;
        height: auto;
    }

    footer .inner .f-info .welove
    {
        display: block;
        float: none;

        width: 80%;
        margin: 0 auto 10px;
    }

    footer .inner .f-info .welove a img
    {
        width: 100%;
        height: auto;
    }

    footer .inner .f-info .kissme
    {
        width: 40%;
        margin: 55px auto;
    }

    header
    {
        top: 0;
        right: 0;

        width: 25%;
        max-width: none;
        padding: 0;

        border-radius: 0;
        background: none;
        -webkit-box-shadow: none;
                box-shadow: none;
    }

    header.cl-hd
    {
        z-index: 1000;

        width: 100%;
        height: 100vh;

        background-color: #fff;
    }

    header.cl-hd > h1
    {
        position: relative;
        z-index: 100;

        display: none;
    }

    header.cl-hd > h1 a
    {
        padding-right: 0;
    }

    header.cl-hd nav
    {
        display: block;
        overflow: scroll;

        height: 100%;
        margin-top: 25px;

        -webkit-overflow-scrolling: touch;
    }

    header h1
    {
        display: none;

        width: 115px;
        margin: 110px auto 0;
        padding: 0;

        border-radius: none;
        background: none;
        -webkit-box-shadow: none;
                box-shadow: none;
    }

    header h1 a
    {
        width: 115px;
    }

    header nav
    {
        display: none;

        margin-top: 0 !important;
        padding: 40px;

        text-align: left;
    }

    header nav #menu-heading
    {
        position: static;

        margin: 0;
    }

    header nav ul
    {
        display: block;

        margin-top: 25px;
    }

    header nav ul > li
    {
        display: table;

        width: 100%;
        padding: 20px 0;

        border-bottom: 1px solid #eee;
    }

    header nav ul > li.insta
    {
        display: block;
    }

    header nav ul > li.pulldown_block
    {
        position: relative;

        display: block;
    }

    header nav ul > li.pulldown_block:before
    {
        position: absolute;
        top: 27px;
        right: 0;

        display: block;

        width: 20px;
        height: 2px;

        content: '';

        border-radius: 1px;
        background-color: #5a3928;
    }

    header nav ul > li.pulldown_block:after
    {
        position: absolute;
        top: 18px;
        right: 9px;

        display: block;

        width: 2px;
        height: 20px;

        content: '';

        border-radius: 1px;
        background-color: #5a3928;
    }

    header nav ul > li.pulldown_block.opening:after
    {
        display: none;
    }

    header nav ul > li:nth-child(2) a,
    header nav ul > li:nth-child(2) span
    {
        padding-left: 30px;
    }

    header nav ul > li:nth-child(2) a:before,
    header nav ul > li:nth-child(2) span:before
    {
        width: 20px;
        height: 39px;
        margin-left: 1px;
    }

    header nav ul > li:nth-child(2):hover .pulldown_wrap
    {
        display: none;

        -webkit-animation: none;
                animation: none;
    }

    header nav ul > li:nth-child(3) a,
    header nav ul > li:nth-child(3) span
    {
        padding-left: 30px;
    }

    header nav ul > li:nth-child(3):hover .pulldown_wrap
    {
        display: none;

        -webkit-animation: none;
                animation: none;
    }

    header nav ul > li:nth-child(4) a,
    header nav ul > li:nth-child(4) span
    {
        padding-left: 30px;
    }

    header nav ul > li:nth-child(4) a:before,
    header nav ul > li:nth-child(4) span:before
    {
        width: 25px;
        height: 24px;
    }

    header nav ul > li:nth-child(5) a,
    header nav ul > li:nth-child(5) span
    {
        padding-left: 30px;
    }

    header nav ul > li:nth-child(5) a:before,
    header nav ul > li:nth-child(5) span:before
    {
        width: 25px;
        height: 23px;
    }

    header nav ul > li:nth-child(5):hover .pulldown_wrap
    {
        display: none;

        -webkit-animation: none;
                animation: none;
    }

    header nav ul > li a,
    header nav ul > li span
    {
        margin-left: 0;
    }

    header nav ul > li .pulldown_wrap
    {
        position: static;

        padding-top: 0;
    }

    header nav ul > li .pulldown_wrap.opening
    {
        -webkit-animation: none;
                animation: none;

        opacity: 1;
    }

    header nav ul > li .pulldown_wrap .pulldown
    {
        padding: 20px 0 0;

        border-radius: 0;
        background: none;
        -webkit-box-shadow: none;
                box-shadow: none;
    }

    header nav ul > li .pulldown_wrap .pulldown li
    {
        border-bottom: 1px solid #eee;
    }

    header nav ul > li .pulldown_wrap .pulldown li.pulldown_ttl
    {
        display: table;

        padding: 10px 0 10px 10px;

        border: none;
        border-radius: 5px;
        background-color: #fbf8f4;
    }

    header nav ul > li .pulldown_wrap .pulldown li.pulldown_ttl:before
    {
        display: table-cell;

        width: 26px;
        height: 26px;

        content: '';
        vertical-align: middle;

        background-size: cover;
    }

    header nav ul > li .pulldown_wrap .pulldown li.pulldown_ttl.i_uv:before
    {
        background-image: url(../images/common/i_uv.png);
    }

    header nav ul > li .pulldown_wrap .pulldown li.pulldown_ttl.i_body:before
    {
        background-image: url(../images/common/i_body.png);
    }

    header nav ul > li .pulldown_wrap .pulldown li.pulldown_ttl.i_hand:before
    {
        background-image: url(../images/common/i_hand.png);
    }

    header nav ul > li .pulldown_wrap .pulldown li.pulldown_ttl.i_lip:before
    {
        background-image: url(../images/common/i_lip.png);
    }

    header nav ul > li .pulldown_wrap .pulldown li.pulldown_ttl strong
    {
        font-size: 12px;
        font-size: .75rem;
        font-weight: bold;

        display: table-cell;

        padding-left: 10px;

        vertical-align: middle;
        letter-spacing: .1rem;

        color: #d6cbbe;
    }

    header nav ul > li .pulldown_wrap .pulldown li a
    {
        font-size: 14px;
        font-size: .875rem;

        padding: 15px 0 15px 10px;
    }

    header nav .banner-link a
    {
        display: block;
    }

    header nav .h_fnav
    {
        line-height: 2.0;

        margin-top: 15px;
    }

    header nav .h_fnav + .kissme
    {
        width: 30%;
        margin-top: 40px;
    }

    .menu-button-container
    {
        position: absolute;
        top: 20px;
        right: 20px;

        display: block;

        width: 50px;
        height: 50px;
    }

    .menu-button-container a
    {
        width: 50px;
        height: 50px;

        border-radius: 25px;
    }

    .menu-button-container a span:first-child
    {
        top: 42%;

        -webkit-transform: translate(-50%, -50%) rotate(0deg);
            -ms-transform: translate(-50%, -50%) rotate(0deg);
                transform: translate(-50%, -50%) rotate(0deg);
    }

    .menu-button-container a span:last-child
    {
        top: 58%;

        -webkit-transform: translate(-50%, -50%) rotate(0deg);
            -ms-transform: translate(-50%, -50%) rotate(0deg);
                transform: translate(-50%, -50%) rotate(0deg);
    }

    .menu-button-container a.closing span:first-child
    {
        top: 50%;

        -webkit-transform: translate(-50%, -50%) rotate(45deg);
            -ms-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg);
    }

    .menu-button-container a.closing span:last-child
    {
        top: 50%;

        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            -ms-transform: translate(-50%, -50%) rotate(-45deg);
                transform: translate(-50%, -50%) rotate(-45deg);
    }

    #notfound
    {
        margin: 160px auto 0;
    }

    #notfound .notfound-img
    {
        width: 65%;
    }

    #notfound .notfound-text
    {
        font-size: 14px;
        font-size: .875rem;

        padding: 0 20px;
    }

    #notfound .notfound-btn
    {
        width: 100%;
        height: 70px;
    }

    #notfound .notfound-btn:before
    {
        right: 12%;

        width: 8px;
        height: 14px;
    }

    #notfound .notfound-btn span
    {
        font-size: 11px;
        font-size: .6875rem;
    }

    #about #about-container:before,
    #faq #about-container:before
    {
        height: 30vh;
    }

    #about #about-container .message .content-heading,
    #faq #about-container .message .content-heading,
    #about #about-container #faq #faq-container .faq-area .content-heading,
    #faq #about-container #faq-container .faq-area .content-heading,
    #faq #faq-container #about-container .faq-area .content-heading,
    #about #about-container #feature #feature-container .feature-list .content-heading,
    #faq #about-container #feature #feature-container .feature-list .content-heading,
    #about #about-container #feature .product-content .feature-list .content-heading,
    #faq #about-container #feature .product-content .feature-list .content-heading,
    #feature #about #about-container .feature-list .content-heading,
    #faq #about-container #feature #about .feature-list .content-heading,
    #about #about-container #feature #faq .feature-list .content-heading,
    #feature #faq #about-container .feature-list .content-heading,
    #about #about-container .message #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #voice-faq .content #about #about-container .message h2,
    #faq #about-container .message #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #voice-faq .content #faq #about-container .message h2,
    #about #about-container #faq #faq-container .faq-area #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #voice-faq .content #about #about-container #faq #faq-container .faq-area h2,
    #faq #about-container #faq-container .faq-area #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #voice-faq .content #faq #about-container #faq-container .faq-area h2,
    #faq #faq-container #about-container .faq-area #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #voice-faq .content #faq #faq-container #about-container .faq-area h2,
    #about #about-container #feature #feature-container .feature-list #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #voice-faq .content #about #about-container #feature #feature-container .feature-list h2,
    #faq #about-container #feature #feature-container .feature-list #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #voice-faq .content #faq #about-container #feature #feature-container .feature-list h2,
    #about #about-container #feature .product-content .feature-list #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #voice-faq .content #about #about-container #feature .product-content .feature-list h2,
    #faq #about-container #feature .product-content .feature-list #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #voice-faq .content #faq #about-container #feature .product-content .feature-list h2,
    #feature #about #about-container .feature-list #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #voice-faq .content #feature #about #about-container .feature-list h2,
    #faq #about-container #feature #about .feature-list #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #voice-faq .content #faq #about-container #feature #about .feature-list h2,
    #about #about-container #feature #faq .feature-list #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #voice-faq .content #about #about-container #feature #faq .feature-list h2,
    #feature #faq #about-container .feature-list #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #voice-faq .content #feature #faq #about-container .feature-list h2,
    #about #about-container .message #container #index-container #wide-area #feature .content#feature-area h2,
    #container #index-container #wide-area #feature .content#feature-area #about #about-container .message h2,
    #faq #about-container .message #container #index-container #wide-area #feature .content#feature-area h2,
    #container #index-container #wide-area #feature .content#feature-area #faq #about-container .message h2,
    #about #about-container #faq #faq-container .faq-area #container #index-container #wide-area #feature .content#feature-area h2,
    #container #index-container #wide-area #feature .content#feature-area #about #about-container #faq #faq-container .faq-area h2,
    #faq #about-container #faq-container .faq-area #container #index-container #wide-area #feature .content#feature-area h2,
    #container #index-container #wide-area #feature .content#feature-area #faq #about-container #faq-container .faq-area h2,
    #faq #faq-container #about-container .faq-area #container #index-container #wide-area #feature .content#feature-area h2,
    #container #index-container #wide-area #feature .content#feature-area #faq #faq-container #about-container .faq-area h2,
    #about #about-container #container #index-container #wide-area #feature #feature-container .feature-list .content#feature-area h2,
    #container #index-container #wide-area #about #about-container #feature #feature-container .feature-list .content#feature-area h2,
    #about #about-container #container #index-container #wide-area #feature .content#feature-area #feature-container .feature-list h2,
    #container #index-container #wide-area #about #about-container #feature .content#feature-area #feature-container .feature-list h2,
    #faq #about-container #container #index-container #wide-area #feature #feature-container .feature-list .content#feature-area h2,
    #container #index-container #wide-area #faq #about-container #feature #feature-container .feature-list .content#feature-area h2,
    #faq #about-container #container #index-container #wide-area #feature .content#feature-area #feature-container .feature-list h2,
    #container #index-container #wide-area #faq #about-container #feature .content#feature-area #feature-container .feature-list h2,
    #about #about-container #container #index-container #wide-area #feature .product-content .feature-list .content#feature-area h2,
    #container #index-container #wide-area #about #about-container #feature .product-content .feature-list .content#feature-area h2,
    #about #about-container #container #index-container #wide-area #feature .content#feature-area .product-content .feature-list h2,
    #container #index-container #wide-area #about #about-container #feature .content#feature-area .product-content .feature-list h2,
    #faq #about-container #container #index-container #wide-area #feature .product-content .feature-list .content#feature-area h2,
    #container #index-container #wide-area #faq #about-container #feature .product-content .feature-list .content#feature-area h2,
    #faq #about-container #container #index-container #wide-area #feature .content#feature-area .product-content .feature-list h2,
    #container #index-container #wide-area #faq #about-container #feature .content#feature-area .product-content .feature-list h2,
    #container #index-container #wide-area #feature #about #about-container .feature-list .content#feature-area h2,
    #container #index-container #wide-area #feature .content#feature-area #about #about-container .feature-list h2,
    #faq #about-container #container #index-container #wide-area #feature #about .feature-list .content#feature-area h2,
    #container #index-container #wide-area #faq #about-container #feature #about .feature-list .content#feature-area h2,
    #faq #about-container #container #index-container #wide-area #feature .content#feature-area #about .feature-list h2,
    #container #index-container #wide-area #faq #about-container #feature .content#feature-area #about .feature-list h2,
    #about #about-container #container #index-container #wide-area #feature #faq .feature-list .content#feature-area h2,
    #container #index-container #wide-area #about #about-container #feature #faq .feature-list .content#feature-area h2,
    #about #about-container #container #index-container #wide-area #feature .content#feature-area #faq .feature-list h2,
    #container #index-container #wide-area #about #about-container #feature .content#feature-area #faq .feature-list h2,
    #container #index-container #wide-area #feature #faq #about-container .feature-list .content#feature-area h2,
    #container #index-container #wide-area #feature .content#feature-area #faq #about-container .feature-list h2
    {
        margin-top: -2vh;
    }

    #about #about-container .message .lineup-img,
    #faq #about-container .message .lineup-img,
    #about #about-container #faq #faq-container .faq-area .lineup-img,
    #faq #about-container #faq-container .faq-area .lineup-img,
    #faq #faq-container #about-container .faq-area .lineup-img,
    #about #about-container #feature #feature-container .feature-list .lineup-img,
    #faq #about-container #feature #feature-container .feature-list .lineup-img,
    #about #about-container #feature .product-content .feature-list .lineup-img,
    #faq #about-container #feature .product-content .feature-list .lineup-img,
    #feature #about #about-container .feature-list .lineup-img,
    #faq #about-container #feature #about .feature-list .lineup-img,
    #about #about-container #feature #faq .feature-list .lineup-img,
    #feature #faq #about-container .feature-list .lineup-img
    {
        width: 85%;
    }

    #about #about-container .message .about-message h3,
    #faq #about-container .message .about-message h3,
    #about #about-container #faq #faq-container .faq-area .about-message h3,
    #faq #about-container #faq-container .faq-area .about-message h3,
    #faq #faq-container #about-container .faq-area .about-message h3,
    #about #about-container #feature #feature-container .feature-list .about-message h3,
    #faq #about-container #feature #feature-container .feature-list .about-message h3,
    #about #about-container #feature .product-content .feature-list .about-message h3,
    #faq #about-container #feature .product-content .feature-list .about-message h3,
    #feature #about #about-container .feature-list .about-message h3,
    #faq #about-container #feature #about .feature-list .about-message h3,
    #about #about-container #feature #faq .feature-list .about-message h3,
    #feature #faq #about-container .feature-list .about-message h3
    {
        font-size: 22px;
        font-size: 1.375rem;

        margin-top: 25px;
    }

    #about #about-container .message .about-message .intro,
    #faq #about-container .message .about-message .intro,
    #about #about-container #faq #faq-container .faq-area .about-message .intro,
    #faq #about-container #faq-container .faq-area .about-message .intro,
    #faq #faq-container #about-container .faq-area .about-message .intro,
    #about #about-container #feature #feature-container .feature-list .about-message .intro,
    #faq #about-container #feature #feature-container .feature-list .about-message .intro,
    #about #about-container #feature .product-content .feature-list .about-message .intro,
    #faq #about-container #feature .product-content .feature-list .about-message .intro,
    #feature #about #about-container .feature-list .about-message .intro,
    #faq #about-container #feature #about .feature-list .about-message .intro,
    #about #about-container #feature #faq .feature-list .about-message .intro,
    #feature #faq #about-container .feature-list .about-message .intro
    {
        font-size: 14px;
        font-size: .875rem;

        margin-top: 20px;
    }

    #about #about-container .message .about-message strong,
    #faq #about-container .message .about-message strong,
    #about #about-container #faq #faq-container .faq-area .about-message strong,
    #faq #about-container #faq-container .faq-area .about-message strong,
    #faq #faq-container #about-container .faq-area .about-message strong,
    #about #about-container #feature #feature-container .feature-list .about-message strong,
    #faq #about-container #feature #feature-container .feature-list .about-message strong,
    #about #about-container #feature .product-content .feature-list .about-message strong,
    #faq #about-container #feature .product-content .feature-list .about-message strong,
    #feature #about #about-container .feature-list .about-message strong,
    #faq #about-container #feature #about .feature-list .about-message strong,
    #about #about-container #feature #faq .feature-list .about-message strong,
    #feature #faq #about-container .feature-list .about-message strong
    {
        font-size: 18px;
        font-size: 1.125rem;

        margin: 30px auto 0;
    }

    #about #about-container .message .about-message strong:before,
    #faq #about-container .message .about-message strong:before,
    #about #about-container #faq #faq-container .faq-area .about-message strong:before,
    #faq #about-container #faq-container .faq-area .about-message strong:before,
    #faq #faq-container #about-container .faq-area .about-message strong:before,
    #about #about-container #feature #feature-container .feature-list .about-message strong:before,
    #faq #about-container #feature #feature-container .feature-list .about-message strong:before,
    #about #about-container #feature .product-content .feature-list .about-message strong:before,
    #faq #about-container #feature .product-content .feature-list .about-message strong:before,
    #feature #about #about-container .feature-list .about-message strong:before,
    #faq #about-container #feature #about .feature-list .about-message strong:before,
    #about #about-container #feature #faq .feature-list .about-message strong:before,
    #feature #faq #about-container .feature-list .about-message strong:before
    {
        top: -1rem;
        left: 2.5rem;
    }

    #about #about-container .message .about-message strong sup,
    #faq #about-container .message .about-message strong sup,
    #about #about-container #faq #faq-container .faq-area .about-message strong sup,
    #faq #about-container #faq-container .faq-area .about-message strong sup,
    #faq #faq-container #about-container .faq-area .about-message strong sup,
    #about #about-container #feature #feature-container .feature-list .about-message strong sup,
    #faq #about-container #feature #feature-container .feature-list .about-message strong sup,
    #about #about-container #feature .product-content .feature-list .about-message strong sup,
    #faq #about-container #feature .product-content .feature-list .about-message strong sup,
    #feature #about #about-container .feature-list .about-message strong sup,
    #faq #about-container #feature #about .feature-list .about-message strong sup,
    #about #about-container #feature #faq .feature-list .about-message strong sup,
    #feature #faq #about-container .feature-list .about-message strong sup
    {
        font-size: 10px;
        font-size: .625rem;
    }

    #about #about-container .secret,
    #faq #about-container .secret
    {
        margin-bottom: 50px;
    }

    #about #about-container .secret h2,
    #faq #about-container .secret h2
    {
        font-size: 22px;
        font-size: 1.375rem;
    }

    #about #about-container .secret h2:before,
    #faq #about-container .secret h2:before
    {
        width: 90px;
        height: 90px;
        margin-top: 40px;
        margin-bottom: 10px;
    }

    #about #about-container .secret h2 span,
    #faq #about-container .secret h2 span
    {
        top: 34px;

        width: 28px;
    }

    #about #about-container .secret .point_list,
    #faq #about-container .secret .point_list
    {
        width: 90%;
        margin: 20px auto 0;
    }

    #about #about-container .secret .point_list li,
    #faq #about-container .secret .point_list li
    {
        display: block;

        width: 100%;
        height: auto;
        padding: 50px 0;
    }

    #about #about-container .secret .point_list li,
    #faq #about-container .secret .point_list li
    {
        margin: 0 0 10px;
    }

    #about #about-container .secret .point_list li:nth-child(3),
    #faq #about-container .secret .point_list li:nth-child(3)
    {
        margin: 0;

        background-color: #f37021;
    }

    #about #about-container .secret .point_list li:nth-child(4),
    #faq #about-container .secret .point_list li:nth-child(4)
    {
        background-color: #5a3928;
    }

    #about #about-container .secret .point_list li:nth-child(2)::before,
    #faq #about-container .secret .point_list li:nth-child(2)::before
    {
        right: 5%;
        bottom: 1%;

        background: url(../images/feature/point_flag_04@2x.png) center/100% no-repeat;
    }

    #about #about-container .secret .point_list li:nth-child(3)::before,
    #faq #about-container .secret .point_list li:nth-child(3)::before
    {
        top: 0;
        right: -3%;

        width: 50%;
        height: 32%;

        background: url(../images/feature/point_flag_05@2x.png) center/100% no-repeat;
    }

    #about #about-container .secret .point_list li .inner,
    #faq #about-container .secret .point_list li .inner
    {
        position: static;

        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    #about #about-container .secret .point_list li .inner .point_no,
    #faq #about-container .secret .point_list li .inner .point_no
    {
        margin-bottom: 15px;
    }

    #about #about-container .secret .point_list li .inner .point_no img,
    #faq #about-container .secret .point_list li .inner .point_no img
    {
        width: 25%;
        max-width: none;
    }

    #about #about-container .secret .point_list li .inner strong,
    #faq #about-container .secret .point_list li .inner strong
    {
        margin-bottom: 20px;
    }

    #about #about-container .secret .point_list li .inner strong span,
    #faq #about-container .secret .point_list li .inner strong span
    {
        font-size: 32px;
        font-size: 2rem;
    }

    #about #about-container .secret .point_list li .inner strong span sup,
    #faq #about-container .secret .point_list li .inner strong span sup
    {
        font-size: 10px;
        font-size: .625rem;
    }

    #about #about-container .secret .point_list li .inner .txt,
    #faq #about-container .secret .point_list li .inner .txt
    {
        font-size: 13px;
        font-size: .8125rem;
    }

    #about #about-container .secret .point_list li .inner .txt sup,
    #faq #about-container .secret .point_list li .inner .txt sup
    {
        font-size: 10px;
        font-size: .625rem;
    }

    #about #about-container .secret .bottom-msg,
    #faq #about-container .secret .bottom-msg
    {
        font-size: 22px;
        font-size: 1.375rem;
    }

    #about #about-container .secret .bottom-msg-small,
    #faq #about-container .secret .bottom-msg-small
    {
        margin-top: 30px;
    }

    footer + .fixed-banner.sub
    {
        z-index: 500;
    }

    footer + .fixed-banner.sub img
    {
        width: 100%;
        margin: 0 auto;
        padding: 10px;
    }

    footer + .fixed-banner.sub span
    {
        right: 10px;

        width: 32px;
        height: 32px;
    }

    footer + .fixed-banner.sub span:before
    {
        width: 12px;
        height: 2px;
    }

    footer + .fixed-banner.sub span:after
    {
        width: 12px;
        height: 2px;
    }

    #faq
    {
        margin-bottom: 30px;
    }

    #faq #faq-container:before
    {
        height: 30vh;

        background-position: 100% bottom;
    }

    #faq #faq-container .faq-area .content-heading,
    #faq #faq-container .faq-area #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #voice-faq .content #faq #faq-container .faq-area h2,
    #faq #faq-container .faq-area #container #index-container #wide-area #feature .content#feature-area h2,
    #container #index-container #wide-area #feature .content#feature-area #faq #faq-container .faq-area h2
    {
        margin-top: -2vh;
    }

    #faq #faq-container .faq-area .btn_anchor
    {
        width: 90%;
        margin: 0 auto;
    }

    #faq #faq-container .faq-area .btn_anchor ul li
    {
        width: 100%;
        margin-top: -10px;
        margin-right: 0;
    }

    #faq #faq-container .faq-area .btn_anchor ul li a
    {
        font-size: 14px;
        font-size: .875rem;

        padding: 30px 0;
    }

    #faq #faq-container .faq-area .btn_anchor ul li a:before
    {
        top: 40%;
        right: 45px;
    }

    #faq #faq-container .faq-area .faq-box
    {
        margin-top: 50px;
    }

    #faq #faq-container .faq-area .faq-box#uv_item h3
    {
        padding-bottom: 140px;
    }

    #faq #faq-container .faq-area .faq-box#uv_item h3:before
    {
        bottom: 0;
        left: 13%;
    }

    #faq #faq-container .faq-area .faq-box#uv_item h3:after
    {
        right: 13%;
        bottom: 0;
    }

    #faq #faq-container .faq-area .faq-box h3 strong
    {
        font-size: 27px;
        font-size: 1.6875rem;
    }

    #faq #faq-container .faq-area .faq-box h3 small
    {
        font-size: 16px;
        font-size: 1rem;

        margin-top: 10px;
    }

    #faq #faq-container .faq-area .faq-box .qanda
    {
        width: 90%;
        margin: 25px auto 0;
    }

    #faq #faq-container .faq-area .faq-box .qanda ul
    {
        padding-bottom: 20px;
    }

    #faq #faq-container .faq-area .faq-box .qanda ul li
    {
        width: 90%;
    }

    #faq #faq-container .faq-area .faq-box .qanda ul li:first-child
    {
        margin-bottom: 10px;
        padding: 20px;
    }

    #faq #faq-container .faq-area .faq-box .qanda ul li:first-child:before
    {
        font-size: 34px;
        font-size: 2.125rem;
    }

    #faq #faq-container .faq-area .faq-box .qanda ul li:first-child:after
    {
        bottom: -15px;
        left: 20px;
    }

    #faq #faq-container .faq-area .faq-box .qanda ul li:first-child span
    {
        font-size: 14px;
        font-size: .875rem;

        padding-right: 20px;
        padding-left: 10px;
    }

    #faq #faq-container .faq-area .faq-box .qanda ul li:first-child span:before
    {
        right: 0;
    }

    #faq #faq-container .faq-area .faq-box .qanda ul li:last-child
    {
        margin-bottom: 10px;
        padding: 20px;

        background-image: url(../images/faq/faq_a_long.png);
    }

    #faq #faq-container .faq-area .faq-box .qanda ul li:last-child:before
    {
        font-size: 34px;
        font-size: 2.125rem;
    }

    #faq #faq-container .faq-area .faq-box .qanda ul li:last-child span
    {
        font-size: 14px;
        font-size: .875rem;

        padding-left: 10px;
    }

    #feature-container #fv-area .mainttl,
    .product-content #fv-area .mainttl,
    #about #fv-area .mainttl,
    #faq #fv-area .mainttl
    {
        top: 45px;
    }

    #feature-container #fv-area .mainttl strong:first-child,
    .product-content #fv-area .mainttl strong:first-child,
    #about #fv-area .mainttl strong:first-child,
    #faq #fv-area .mainttl strong:first-child
    {
        font-size: 15px;
        font-size: .9375rem;

        letter-spacing: .1rem;
    }

    #feature-container #fv-area .mainttl strong,
    .product-content #fv-area .mainttl strong,
    #about #fv-area .mainttl strong,
    #faq #fv-area .mainttl strong
    {
        font-size: 20px;
        font-size: 1.25rem;

        display: inline-block;

        margin: 0 auto;

        text-align: center;
        white-space: nowrap;
        letter-spacing: .1rem;

        color: #5a3928;
        text-shadow: 0 0 0 #f8f5f0;
    }

    #feature-container #fv-area .mainttl strong:before,
    .product-content #fv-area .mainttl strong:before,
    #about #fv-area .mainttl strong:before,
    #faq #fv-area .mainttl strong:before
    {
        height: 10px;
    }

    #feature-container #fv-area .mainttl strong sup,
    .product-content #fv-area .mainttl strong sup,
    #about #fv-area .mainttl strong sup,
    #faq #fv-area .mainttl strong sup
    {
        font-size: 11px;
        font-size: .6875rem;
    }

    #feature-container #fv-area .mainttl + .loop,
    .product-content #fv-area .mainttl + .loop,
    #about #fv-area .mainttl + .loop,
    #faq #fv-area .mainttl + .loop
    {
        top: 125px;
        right: auto;
        bottom: auto;
        left: 40px;

        width: 100px;
        height: 100px;
    }

    #feature-container #fv-area .mainttl + .loop:after,
    .product-content #fv-area .mainttl + .loop:after,
    #about #fv-area .mainttl + .loop:after,
    #faq #fv-area .mainttl + .loop:after
    {
        top: -13px;
        left: -10.25px;

        width: 120.5px;
        height: 126px;
    }

    #feature-container #fv-area .mainttl + .loop p:before,
    .product-content #fv-area .mainttl + .loop p:before,
    #about #fv-area .mainttl + .loop p:before,
    #faq #fv-area .mainttl + .loop p:before
    {
        width: 22px;
        height: 16px;
        margin-bottom: 6px;
    }

    #feature-container #fv-area .mainttl + .loop p span,
    .product-content #fv-area .mainttl + .loop p span,
    #about #fv-area .mainttl + .loop p span,
    #faq #fv-area .mainttl + .loop p span
    {
        font-size: 10px;
        font-size: .625rem;

        margin-bottom: 1px;

        white-space: nowrap;
    }

    #feature-container #fv-area .mainttl + .loop p strong,
    .product-content #fv-area .mainttl + .loop p strong,
    #about #fv-area .mainttl + .loop p strong,
    #faq #fv-area .mainttl + .loop p strong
    {
        font-size: 18px;
        font-size: 1.125rem;

        margin-bottom: 2px;
    }

    #feature-container #fv-area .mainttl + .loop p small,
    .product-content #fv-area .mainttl + .loop p small,
    #about #fv-area .mainttl + .loop p small,
    #faq #fv-area .mainttl + .loop p small
    {
        font-size: 10px;
        font-size: .625rem;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .fukidashi,
    .product-content #fv-area .absolute-area .absolute-area__info .fukidashi,
    #about #fv-area .absolute-area .absolute-area__info .fukidashi,
    #faq #fv-area .absolute-area .absolute-area__info .fukidashi
    {
        width: 120px;
        height: 70px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
    .product-content #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
    #about #fv-area .absolute-area .absolute-area__info .fukidashi.gel,
    #faq #fv-area .absolute-area .absolute-area__info .fukidashi.gel
    {
        top: -25%;
        bottom: auto;
        left: 6%;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .fukidashi.milk,
    .product-content #fv-area .absolute-area .absolute-area__info .fukidashi.milk,
    #about #fv-area .absolute-area .absolute-area__info .fukidashi.milk,
    #faq #fv-area .absolute-area .absolute-area__info .fukidashi.milk
    {
        bottom: 57%;
        left: 46%;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .fukidashi span,
    .product-content #fv-area .absolute-area .absolute-area__info .fukidashi span,
    #about #fv-area .absolute-area .absolute-area__info .fukidashi span,
    #faq #fv-area .absolute-area .absolute-area__info .fukidashi span
    {
        font-size: 10px;
        font-size: .625rem;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .fukidashi span strong,
    .product-content #fv-area .absolute-area .absolute-area__info .fukidashi span strong,
    #about #fv-area .absolute-area .absolute-area__info .fukidashi span strong,
    #faq #fv-area .absolute-area .absolute-area__info .fukidashi span strong
    {
        font-size: 12px;
        font-size: .75rem;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info figure,
    .product-content #fv-area .absolute-area .absolute-area__info figure,
    #about #fv-area .absolute-area .absolute-area__info figure,
    #faq #fv-area .absolute-area .absolute-area__info figure
    {
        max-width: 50%;
        margin: 0 auto 10px 0;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info figcaption,
    .product-content #fv-area .absolute-area .absolute-area__info figcaption,
    #about #fv-area .absolute-area .absolute-area__info figcaption,
    #faq #fv-area .absolute-area .absolute-area__info figcaption
    {
        margin-left: 0;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info figcaption strong,
    .product-content #fv-area .absolute-area .absolute-area__info figcaption strong,
    #about #fv-area .absolute-area .absolute-area__info figcaption strong,
    #faq #fv-area .absolute-area .absolute-area__info figcaption strong
    {
        font-size: 12px;
        font-size: .75rem;

        margin-bottom: 10px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info figcaption strong:before,
    .product-content #fv-area .absolute-area .absolute-area__info figcaption strong:before,
    #about #fv-area .absolute-area .absolute-area__info figcaption strong:before,
    #faq #fv-area .absolute-area .absolute-area__info figcaption strong:before
    {
        width: 17.5rem;
        height: 6.5px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .loop,
    .product-content #fv-area .absolute-area .absolute-area__info .loop,
    #about #fv-area .absolute-area .absolute-area__info .loop,
    #faq #fv-area .absolute-area .absolute-area__info .loop
    {
        top: -200px;
        right: auto;
        bottom: auto;
        left: 20px;

        width: 98px;
        height: 98px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .loop:after,
    .product-content #fv-area .absolute-area .absolute-area__info .loop:after,
    #about #fv-area .absolute-area .absolute-area__info .loop:after,
    #faq #fv-area .absolute-area .absolute-area__info .loop:after
    {
        top: -13px;
        left: -10.25px;

        width: 118.5px;
        height: 124px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .loop p:before,
    .product-content #fv-area .absolute-area .absolute-area__info .loop p:before,
    #about #fv-area .absolute-area .absolute-area__info .loop p:before,
    #faq #fv-area .absolute-area .absolute-area__info .loop p:before
    {
        width: 22px;
        height: 16px;
        margin-bottom: 10px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .loop p span,
    .product-content #fv-area .absolute-area .absolute-area__info .loop p span,
    #about #fv-area .absolute-area .absolute-area__info .loop p span,
    #faq #fv-area .absolute-area .absolute-area__info .loop p span
    {
        font-size: 10px;
        font-size: .625rem;

        margin-bottom: 1;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .loop p strong,
    .product-content #fv-area .absolute-area .absolute-area__info .loop p strong,
    #about #fv-area .absolute-area .absolute-area__info .loop p strong,
    #faq #fv-area .absolute-area .absolute-area__info .loop p strong
    {
        font-size: 20px;
        font-size: 1.25rem;

        margin-bottom: 5px;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info .loop p small,
    .product-content #fv-area .absolute-area .absolute-area__info .loop p small,
    #about #fv-area .absolute-area .absolute-area__info .loop p small,
    #faq #fv-area .absolute-area .absolute-area__info .loop p small
    {
        font-size: 10px;
        font-size: .625rem;
    }

    #feature-container .about-area,
    .product-content .about-area,
    #about .about-area,
    #faq .about-area
    {
        padding: 65px 0 25px;
    }

    #feature-container .about-area h2,
    .product-content .about-area h2,
    #about .about-area h2,
    #faq .about-area h2
    {
        margin-bottom: 20px;
    }

    #feature-container .about-area h2 span,
    .product-content .about-area h2 span,
    #about .about-area h2 span,
    #faq .about-area h2 span
    {
        font-size: 24px;
        font-size: 1.5rem;

        display: table;

        margin: 0 auto;
        margin-bottom: 8px;
    }

    #feature-container .about-area h2 span::after,
    .product-content .about-area h2 span::after,
    #about .about-area h2 span::after,
    #faq .about-area h2 span::after
    {
        height: 7px;
    }

    #feature-container .about-area .lead,
    .product-content .about-area .lead,
    #about .about-area .lead,
    #faq .about-area .lead
    {
        font-size: 10px;
        font-size: .625rem;
        line-height: 17px;

        margin-bottom: 30px;
    }

    #feature-container .about-area .point_list,
    .product-content .about-area .point_list,
    #about .about-area .point_list,
    #faq .about-area .point_list
    {
        max-width: 300px;
    }

    #feature-container .about-area .point_list::after,
    .product-content .about-area .point_list::after,
    #about .about-area .point_list::after,
    #faq .about-area .point_list::after
    {
        bottom: 539px;

        height: 214px;
    }

    #feature-container .about-area .point_list li,
    .product-content .about-area .point_list li,
    #about .about-area .point_list li,
    #faq .about-area .point_list li
    {
        margin: 0 0 33px;
    }

    #feature-container .about-area .point_list li:nth-child(3),
    .product-content .about-area .point_list li:nth-child(3),
    #about .about-area .point_list li:nth-child(3),
    #faq .about-area .point_list li:nth-child(3)
    {
        margin: 0 0 318px;

        background-color: #f37021;
    }

    #feature-container .about-area .point_list li:nth-child(4),
    .product-content .about-area .point_list li:nth-child(4),
    #about .about-area .point_list li:nth-child(4),
    #faq .about-area .point_list li:nth-child(4)
    {
        background-color: #5a3928;
    }

    #feature-container .about-area .point_list li:nth-child(1)::after,
    .product-content .about-area .point_list li:nth-child(1)::after,
    #about .about-area .point_list li:nth-child(1)::after,
    #faq .about-area .point_list li:nth-child(1)::after
    {
        background: url(../images/feature/point_hikidashi_03.svg) center/100% no-repeat;
    }

    #feature-container .about-area .point_list li:nth-child(2)::before,
    .product-content .about-area .point_list li:nth-child(2)::before,
    #about .about-area .point_list li:nth-child(2)::before,
    #faq .about-area .point_list li:nth-child(2)::before
    {
        right: 5%;
        bottom: 1%;

        background: url(../images/feature/point_flag_04@2x.png) center/100% no-repeat;
    }

    #feature-container .about-area .point_list li:nth-child(2)::after,
    .product-content .about-area .point_list li:nth-child(2)::after,
    #about .about-area .point_list li:nth-child(2)::after,
    #faq .about-area .point_list li:nth-child(2)::after
    {
        right: auto;
        left: 10%;

        background: url(../images/feature/point_hikidashi_06.svg) center/100% no-repeat;
    }

    #feature-container .about-area .point_list li:nth-child(3)::before,
    .product-content .about-area .point_list li:nth-child(3)::before,
    #about .about-area .point_list li:nth-child(3)::before,
    #faq .about-area .point_list li:nth-child(3)::before
    {
        top: 0;
        right: -3%;

        width: 50%;
        height: 32%;

        background: url(../images/feature/point_flag_05@2x.png) center/100% no-repeat;
    }

    #feature-container .about-area .point_list li:nth-child(3)::after,
    .product-content .about-area .point_list li:nth-child(3)::after,
    #about .about-area .point_list li:nth-child(3)::after,
    #faq .about-area .point_list li:nth-child(3)::after
    {
        background: url(../images/feature/point_hikidashi_03.svg) center/100% no-repeat;
    }

    #feature-container .about-area .point_list li:nth-child(4)::after,
    .product-content .about-area .point_list li:nth-child(4)::after,
    #about .about-area .point_list li:nth-child(4)::after,
    #faq .about-area .point_list li:nth-child(4)::after
    {
        top: -22px;
        right: auto;
        bottom: auto;
        left: 10%;

        background: url(../images/feature/point_hikidashi_07.svg) center/100% no-repeat;
    }

    #feature-container .about-area .point_list li:nth-child(5)::before,
    .product-content .about-area .point_list li:nth-child(5)::before,
    #about .about-area .point_list li:nth-child(5)::before,
    #faq .about-area .point_list li:nth-child(5)::before
    {
        top: auto;
        bottom: -9%;
        left: 6%;

        width: 50%;
        height: 35%;

        background: url(../images/feature/point_flag_06@2x.png) center/100% no-repeat;
    }

    #feature-container .about-area .point_list li:nth-child(5)::after,
    .product-content .about-area .point_list li:nth-child(5)::after,
    #about .about-area .point_list li:nth-child(5)::after,
    #faq .about-area .point_list li:nth-child(5)::after
    {
        top: -22px;
        right: 10%;
        bottom: auto;

        background: url(../images/feature/point_hikidashi_08.svg) center/100% no-repeat;
    }

    #feature-container .attention-area,
    .product-content .attention-area,
    #about .attention-area,
    #faq .attention-area
    {
        padding: 30px 0;
    }

    #feature-container .attention-area ol,
    .product-content .attention-area ol,
    #about .attention-area ol,
    #faq .attention-area ol
    {
        max-width: 275px;
    }

    #feature-container .attention-area ol li,
    .product-content .attention-area ol li,
    #about .attention-area ol li,
    #faq .attention-area ol li
    {
        font-size: 10px;
        font-size: .625rem;
        line-height: 17px;

        padding-left: 27px;
    }

    #feature-container .attention-area ol li span,
    .product-content .attention-area ol li span,
    #about .attention-area ol li span,
    #faq .attention-area ol li span
    {
        top: 3px;
    }

    #feature-container .attention-area ol li sup,
    .product-content .attention-area ol li sup,
    #about .attention-area ol li sup,
    #faq .attention-area ol li sup
    {
        -webkit-transform: scale(.8);
            -ms-transform: scale(.8);
                transform: scale(.8);
    }

    #feature-container .item-area,
    .product-content .item-area,
    #about .item-area,
    #faq .item-area
    {
        padding: 45px 0 50px;
    }

    #feature-container .item-area_inner .left-box,
    .product-content .item-area_inner .left-box,
    #about .item-area_inner .left-box,
    #faq .item-area_inner .left-box
    {
        float: none;

        width: 250px;
        margin: 0 auto 30px;
    }

    #feature-container .item-area_inner .left-box .photo,
    .product-content .item-area_inner .left-box .photo,
    #about .item-area_inner .left-box .photo,
    #faq .item-area_inner .left-box .photo
    {
        margin-bottom: 15px;
    }

    #feature-container .item-area_inner .left-box ul,
    .product-content .item-area_inner .left-box ul,
    #about .item-area_inner .left-box ul,
    #faq .item-area_inner .left-box ul
    {
        margin: 0 4px;
    }

    #feature-container .item-area_inner .left-box ul li,
    .product-content .item-area_inner .left-box ul li,
    #about .item-area_inner .left-box ul li,
    #faq .item-area_inner .left-box ul li
    {
        width: 113px;
        margin: 0 4px;
    }

    #feature-container .item-area_inner .right-box,
    .product-content .item-area_inner .right-box,
    #about .item-area_inner .right-box,
    #faq .item-area_inner .right-box
    {
        width: 70%;
    }

    #feature-container .item-area_inner .right-box h1,
    .product-content .item-area_inner .right-box h1,
    #about .item-area_inner .right-box h1,
    #faq .item-area_inner .right-box h1
    {
        font-size: 20px;
        font-size: 1.25rem;

        margin-bottom: 15px;
    }

    #feature-container .item-area_inner .right-box h1 .en,
    .product-content .item-area_inner .right-box h1 .en,
    #about .item-area_inner .right-box h1 .en,
    #faq .item-area_inner .right-box h1 .en
    {
        font-size: 11px;
        font-size: .6875rem;

        margin-bottom: 8px;
    }

    #feature-container .item-area_inner .right-box h2,
    .product-content .item-area_inner .right-box h2,
    #about .item-area_inner .right-box h2,
    #faq .item-area_inner .right-box h2
    {
        font-size: 20px;
        font-size: 1.25rem;

        margin-bottom: 15px;
    }

    #feature-container .item-area_inner .right-box h2 .en,
    .product-content .item-area_inner .right-box h2 .en,
    #about .item-area_inner .right-box h2 .en,
    #faq .item-area_inner .right-box h2 .en
    {
        font-size: 11px;
        font-size: .6875rem;

        margin-bottom: 8px;
    }

    #feature-container .item-area_inner .right-box .price-box,
    .product-content .item-area_inner .right-box .price-box,
    #about .item-area_inner .right-box .price-box,
    #faq .item-area_inner .right-box .price-box
    {
        margin-bottom: 5px;
    }

    #feature-container .item-area_inner .right-box .price-box:after,
    .product-content .item-area_inner .right-box .price-box:after,
    #about .item-area_inner .right-box .price-box:after,
    #faq .item-area_inner .right-box .price-box:after
    {
        width: 100%;
    }

    #feature-container .item-area_inner .right-box .price-box .price,
    .product-content .item-area_inner .right-box .price-box .price,
    #about .item-area_inner .right-box .price-box .price,
    #faq .item-area_inner .right-box .price-box .price
    {
        margin-bottom: 10px;
    }

    #feature-container .item-area_inner .right-box .price-box .price strong,
    .product-content .item-area_inner .right-box .price-box .price strong,
    #about .item-area_inner .right-box .price-box .price strong,
    #faq .item-area_inner .right-box .price-box .price strong
    {
        font-size: 18px;
        font-size: 1.125rem;
    }

    #feature-container .item-area_inner .right-box .price-box .price small,
    .product-content .item-area_inner .right-box .price-box .price small,
    #about .item-area_inner .right-box .price-box .price small,
    #faq .item-area_inner .right-box .price-box .price small
    {
        font-size: 18px;
        font-size: 1.125rem;
    }

    #feature-container .item-area_inner .right-box .price-box .dtl,
    .product-content .item-area_inner .right-box .price-box .dtl,
    #about .item-area_inner .right-box .price-box .dtl,
    #faq .item-area_inner .right-box .price-box .dtl
    {
        font-size: 10px;
        font-size: .625rem;
        line-height: 15px;

        position: static;
        top: auto;
        left: auto;
    }

    #feature-container .item-area_inner .right-box .btn_online.pulldown_block,
    .product-content .item-area_inner .right-box .btn_online.pulldown_block,
    #about .item-area_inner .right-box .btn_online.pulldown_block,
    #faq .item-area_inner .right-box .btn_online.pulldown_block
    {
        width: 100%;
        margin-bottom: 10px;
    }

    #feature-container .item-area_inner .right-box .btn_online.pulldown_block span,
    .product-content .item-area_inner .right-box .btn_online.pulldown_block span,
    #about .item-area_inner .right-box .btn_online.pulldown_block span,
    #faq .item-area_inner .right-box .btn_online.pulldown_block span
    {
        width: 100%;
        padding-left: 20px;

        -webkit-box-pack: left;
        -webkit-justify-content: left;
        -ms-flex-pack: left;
                justify-content: left;
    }

    #feature-container .item-area_inner .right-box .btn_online.pulldown_block span:before,
    .product-content .item-area_inner .right-box .btn_online.pulldown_block span:before,
    #about .item-area_inner .right-box .btn_online.pulldown_block span:before,
    #faq .item-area_inner .right-box .btn_online.pulldown_block span:before
    {
        width: 18px;
        height: 16px;
    }

    #feature-container .item-area_inner .right-box .btn_online.pulldown_block span b,
    .product-content .item-area_inner .right-box .btn_online.pulldown_block span b,
    #about .item-area_inner .right-box .btn_online.pulldown_block span b,
    #faq .item-area_inner .right-box .btn_online.pulldown_block span b
    {
        font-size: 15px;
        font-size: .9375rem;

        letter-spacing: .08rem;
    }

    #feature-container .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap,
    .product-content .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap,
    #about .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap,
    #faq .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap
    {
        width: 100%;
    }

    #feature-container .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a img,
    .product-content .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a img,
    #about .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a img,
    #faq .item-area_inner .right-box .btn_online.pulldown_block .pulldown_wrap .pulldown li a img
    {
        width: 70%;
    }

    #feature-container .item-area_inner .right-box .txt,
    .product-content .item-area_inner .right-box .txt,
    #about .item-area_inner .right-box .txt,
    #faq .item-area_inner .right-box .txt
    {
        margin-bottom: 20px;
    }

    #feature-container .item-area_inner .right-box .txt p,
    .product-content .item-area_inner .right-box .txt p,
    #about .item-area_inner .right-box .txt p,
    #faq .item-area_inner .right-box .txt p
    {
        font-size: 13px;
        font-size: .8125rem;
        line-height: 20px;

        width: 100%;
        margin-bottom: 10px;
    }

    #feature-container .item-area_inner .right-box .txt ul li,
    .product-content .item-area_inner .right-box .txt ul li,
    #about .item-area_inner .right-box .txt ul li,
    #faq .item-area_inner .right-box .txt ul li
    {
        font-size: 11px;
        font-size: .6875rem;
        line-height: 20px;
    }

    #feature-container .item-area_inner .right-box .point_list,
    .product-content .item-area_inner .right-box .point_list,
    #about .item-area_inner .right-box .point_list,
    #faq .item-area_inner .right-box .point_list
    {
        width: 100%;
    }

    #feature-container .item-area_inner .right-box .point_list li,
    .product-content .item-area_inner .right-box .point_list li,
    #about .item-area_inner .right-box .point_list li,
    #faq .item-area_inner .right-box .point_list li
    {
        width: 75px;
        height: 75px;
        margin: 0 12.5px 12.5px 0;
    }

    #feature-container .item-area_inner .right-box .point_list li:nth-child(3n),
    .product-content .item-area_inner .right-box .point_list li:nth-child(3n),
    #about .item-area_inner .right-box .point_list li:nth-child(3n),
    #faq .item-area_inner .right-box .point_list li:nth-child(3n)
    {
        margin-right: 0;
    }

    #feature-container .item-area_inner .right-box .point_list li p,
    .product-content .item-area_inner .right-box .point_list li p,
    #about .item-area_inner .right-box .point_list li p,
    #faq .item-area_inner .right-box .point_list li p
    {
        font-size: 11px;
        font-size: .6875rem;
        line-height: 15px;
    }

    #feature-container .item-area_inner .right-box .point_list li p small,
    .product-content .item-area_inner .right-box .point_list li p small,
    #about .item-area_inner .right-box .point_list li p small,
    #faq .item-area_inner .right-box .point_list li p small
    {
        padding-top: 2px;
    }

    #feature-container .item-area_inner .right-box .heart,
    .product-content .item-area_inner .right-box .heart,
    #about .item-area_inner .right-box .heart,
    #faq .item-area_inner .right-box .heart
    {
        font-size: 11px;
        font-size: .6875rem;
        line-height: 20px;

        width: 100%;
    }

    #feature-container .item-area_inner .right-box .more_btn,
    .product-content .item-area_inner .right-box .more_btn,
    #about .item-area_inner .right-box .more_btn,
    #faq .item-area_inner .right-box .more_btn
    {
        font-size: 11px;
        font-size: .6875rem;
        line-height: 41px;

        width: 100%;
        height: 43px;
    }

    #feature-container .item-area_inner .right-box .more_btn::before,
    .product-content .item-area_inner .right-box .more_btn::before,
    #about .item-area_inner .right-box .more_btn::before,
    #faq .item-area_inner .right-box .more_btn::before,
    #feature-container .item-area_inner .right-box .more_btn::after,
    .product-content .item-area_inner .right-box .more_btn::after,
    #about .item-area_inner .right-box .more_btn::after,
    #faq .item-area_inner .right-box .more_btn::after
    {
        top: 14px;
        left: 20px;

        width: 1px;
        height: 13px;

        border-radius: .5px;
    }

    #feature-container .item-area_inner .right-box .more_box,
    .product-content .item-area_inner .right-box .more_box,
    #about .item-area_inner .right-box .more_box,
    #faq .item-area_inner .right-box .more_box
    {
        padding: 20px 25px;
    }

    #feature-container .item-area_inner .right-box .more_box.mb0,
    .product-content .item-area_inner .right-box .more_box.mb0,
    #about .item-area_inner .right-box .more_box.mb0,
    #faq .item-area_inner .right-box .more_box.mb0
    {
        padding: 0;
    }

    #feature-container .item-area_inner .right-box .more_box h3,
    .product-content .item-area_inner .right-box .more_box h3,
    #about .item-area_inner .right-box .more_box h3,
    #faq .item-area_inner .right-box .more_box h3
    {
        font-size: 17px;
        font-size: 1.0625rem;
    }

    #feature-container .item-area_inner .right-box .more_box h3 strong,
    .product-content .item-area_inner .right-box .more_box h3 strong,
    #about .item-area_inner .right-box .more_box h3 strong,
    #faq .item-area_inner .right-box .more_box h3 strong
    {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.4;

        margin-top: 5px;
    }

    #feature-container .item-area_inner .right-box .more_box p,
    .product-content .item-area_inner .right-box .more_box p,
    #about .item-area_inner .right-box .more_box p,
    #faq .item-area_inner .right-box .more_box p
    {
        font-size: 10px;
        font-size: .625rem;
        line-height: 18px;
    }

    #feature-container .item-area_inner .right-box .more_box small,
    .product-content .item-area_inner .right-box .more_box small,
    #about .item-area_inner .right-box .more_box small,
    #faq .item-area_inner .right-box .more_box small
    {
        font-size: 10px;
        font-size: .625rem;
        line-height: 1.4;
    }

    #feature-container .item-area_inner .right-box .more.open .more_box,
    .product-content .item-area_inner .right-box .more.open .more_box,
    #about .item-area_inner .right-box .more.open .more_box,
    #faq .item-area_inner .right-box .more.open .more_box
    {
        padding: 20px 25px;
    }

    #feature-container .voice-area,
    .product-content .voice-area,
    #about .voice-area,
    #faq .voice-area
    {
        padding: 50px 0;
    }

    #feature-container .voice-area .mommy-movie,
    .product-content .voice-area .mommy-movie,
    #about .voice-area .mommy-movie,
    #faq .voice-area .mommy-movie
    {
        width: 80%;
        margin: 30px auto 80px;
    }

    #feature-container .voice-area h2,
    .product-content .voice-area h2,
    #about .voice-area h2,
    #faq .voice-area h2
    {
        font-size: 12px;
        font-size: .75rem;

        margin-bottom: 40px;
    }

    #feature-container .voice-area h2 span,
    .product-content .voice-area h2 span,
    #about .voice-area h2 span,
    #faq .voice-area h2 span
    {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 18px;

        margin-bottom: 15px;
    }

    #feature-container .voice-area ul,
    .product-content .voice-area ul,
    #about .voice-area ul,
    #faq .voice-area ul
    {
        max-width: 300px;
    }

    #feature-container .voice-area ul li,
    .product-content .voice-area ul li,
    #about .voice-area ul li,
    #faq .voice-area ul li
    {
        width: 300px;
        margin-bottom: 95px;
    }

    #feature-container .voice-area ul li:nth-child(1),
    .product-content .voice-area ul li:nth-child(1),
    #about .voice-area ul li:nth-child(1),
    #faq .voice-area ul li:nth-child(1)
    {
        margin-bottom: 96px;
    }

    #feature-container .voice-area ul li .txt p,
    .product-content .voice-area ul li .txt p,
    #about .voice-area ul li .txt p,
    #faq .voice-area ul li .txt p
    {
        font-size: 12px;
        font-size: .75rem;
        line-height: 17px;

        width: 132px;
    }

    #feature-container .voice-area ul li .name,
    .product-content .voice-area ul li .name,
    #about .voice-area ul li .name,
    #faq .voice-area ul li .name
    {
        font-size: 11px;
        font-size: .6875rem;
        line-height: 15px;
    }

    #feature-container .voice-area ul li .name small,
    .product-content .voice-area ul li .name small,
    #about .voice-area ul li .name small,
    #faq .voice-area ul li .name small
    {
        font-size: 10px;
        font-size: .625rem;
    }

    #feature-container .voice-area ul li .balloon,
    .product-content .voice-area ul li .balloon,
    #about .voice-area ul li .balloon,
    #faq .voice-area ul li .balloon
    {
        width: 97.5px;
        height: 142px;
    }

    #feature-container .voice-area ul li .balloon p,
    .product-content .voice-area ul li .balloon p,
    #about .voice-area ul li .balloon p,
    #faq .voice-area ul li .balloon p
    {
        font-size: 16px;
        font-size: 1rem;
    }

    #feature-container .voice-area ul li .balloon p small,
    .product-content .voice-area ul li .balloon p small,
    #about .voice-area ul li .balloon p small,
    #faq .voice-area ul li .balloon p small
    {
        font-size: 10px;
        font-size: .625rem;
        line-height: 12.7px;

        letter-spacing: .05em;
    }

    #feature-container .voice-area ul li .balloon p span,
    .product-content .voice-area ul li .balloon p span,
    #about .voice-area ul li .balloon p span,
    #faq .voice-area ul li .balloon p span
    {
        font-size: 11px;
        font-size: .6875rem;
    }

    #feature-container .voice-area ul li .balloon p span strong,
    .product-content .voice-area ul li .balloon p span strong,
    #about .voice-area ul li .balloon p span strong,
    #faq .voice-area ul li .balloon p span strong
    {
        font-size: 29px;
        font-size: 1.8125rem;
    }

    #feature-container .voice-area ul li:nth-child(1) .txt,
    .product-content .voice-area ul li:nth-child(1) .txt,
    #about .voice-area ul li:nth-child(1) .txt,
    #faq .voice-area ul li:nth-child(1) .txt
    {
        top: -10px;

        width: 165px;
        height: 124px;
    }

    #feature-container .voice-area ul li:nth-child(1) .name,
    .product-content .voice-area ul li:nth-child(1) .name,
    #about .voice-area ul li:nth-child(1) .name,
    #faq .voice-area ul li:nth-child(1) .name
    {
        top: 126.5px;
        left: 148px;
    }

    #feature-container .voice-area ul li:nth-child(1) .item_photo,
    .product-content .voice-area ul li:nth-child(1) .item_photo,
    #about .voice-area ul li:nth-child(1) .item_photo,
    #faq .voice-area ul li:nth-child(1) .item_photo
    {
        right: 15px;
        bottom: 0;

        width: 36px;
    }

    #feature-container .voice-area ul li:nth-child(1) .balloon,
    .product-content .voice-area ul li:nth-child(1) .balloon,
    #about .voice-area ul li:nth-child(1) .balloon,
    #faq .voice-area ul li:nth-child(1) .balloon
    {
        bottom: -85px;
        left: 20px;
    }

    #feature-container .voice-area ul li:nth-child(1) .balloon p,
    .product-content .voice-area ul li:nth-child(1) .balloon p,
    #about .voice-area ul li:nth-child(1) .balloon p,
    #faq .voice-area ul li:nth-child(1) .balloon p
    {
        top: 15%;
    }

    #feature-container .voice-area ul li:nth-child(2) .txt,
    .product-content .voice-area ul li:nth-child(2) .txt,
    #about .voice-area ul li:nth-child(2) .txt,
    #faq .voice-area ul li:nth-child(2) .txt
    {
        top: 4.5px;
        left: 6px;

        width: 160px;
        height: 90px;
    }

    #feature-container .voice-area ul li:nth-child(2) .name,
    .product-content .voice-area ul li:nth-child(2) .name,
    #about .voice-area ul li:nth-child(2) .name,
    #faq .voice-area ul li:nth-child(2) .name
    {
        top: 127.5px;
        left: 85px;
    }

    #feature-container .voice-area ul li:nth-child(2) .item_photo,
    .product-content .voice-area ul li:nth-child(2) .item_photo,
    #about .voice-area ul li:nth-child(2) .item_photo,
    #faq .voice-area ul li:nth-child(2) .item_photo
    {
        bottom: 18px;
        left: 32px;

        width: 35px;
    }

    #feature-container .voice-area ul li:nth-child(2) .balloon,
    .product-content .voice-area ul li:nth-child(2) .balloon,
    #about .voice-area ul li:nth-child(2) .balloon,
    #faq .voice-area ul li:nth-child(2) .balloon
    {
        right: -4px;
        bottom: -75px;
    }

    #feature-container .voice-area .kome,
    .product-content .voice-area .kome,
    #about .voice-area .kome,
    #faq .voice-area .kome
    {
        font-size: 10px;
        font-size: .625rem;
        line-height: 15px;
    }

    #feature-container .voice-area .mamari,
    .product-content .voice-area .mamari,
    #about .voice-area .mamari,
    #faq .voice-area .mamari
    {
        width: 90%;
        margin: 20px auto 0;
    }

    #feature-container .voice-area .mamari a + a,
    .product-content .voice-area .mamari a + a,
    #about .voice-area .mamari a + a,
    #faq .voice-area .mamari a + a
    {
        margin-top: 10px;
    }

    #feature-container .photo-area,
    .product-content .photo-area,
    #about .photo-area,
    #faq .photo-area
    {
        padding-bottom: 50px;
    }

    .move_balloon
    {
        width: 39px;
    }

    .gif_00
    {
        width: 57.5px;
    }

    .gif_01
    {
        width: 57.5px;
    }

    .gif_02
    {
        width: 100px;
    }

    .gif_03
    {
        width: 45px;
    }

    #feature
    {
        margin-bottom: 40px;
    }

    #feature #feature-container:before,
    #feature .product-content:before,
    #feature .product-content:before,
    #feature #about:before,
    #feature #faq:before
    {
        height: 30vh;
    }

    #feature #feature-container .feature-list .content-heading,
    #feature .product-content .feature-list .content-heading,
    #feature .product-content .feature-list .content-heading,
    #feature #about .feature-list .content-heading,
    #feature #faq .feature-list .content-heading,
    #feature #feature-container .feature-list #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #voice-faq .content #feature #feature-container .feature-list h2,
    #feature .product-content .feature-list #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #voice-faq .content #feature .product-content .feature-list h2,
    #feature #about .feature-list #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #voice-faq .content #feature #about .feature-list h2,
    #feature #faq .feature-list #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #voice-faq .content #feature #faq .feature-list h2,
    #container #index-container #wide-area #feature #feature-container .feature-list .content#feature-area h2,
    #container #index-container #wide-area #feature .content#feature-area #feature-container .feature-list h2,
    #container #index-container #wide-area #feature .product-content .feature-list .content#feature-area h2,
    #container #index-container #wide-area #feature .content#feature-area .product-content .feature-list h2,
    #container #index-container #wide-area #feature #about .feature-list .content#feature-area h2,
    #container #index-container #wide-area #feature .content#feature-area #about .feature-list h2,
    #container #index-container #wide-area #feature #faq .feature-list .content#feature-area h2,
    #container #index-container #wide-area #feature .content#feature-area #faq .feature-list h2
    {
        margin-top: -2vh;
    }

    #feature #feature-container .feature-list .feature-bnr,
    #feature .product-content .feature-list .feature-bnr,
    #feature .product-content .feature-list .feature-bnr,
    #feature #about .feature-list .feature-bnr,
    #feature #faq .feature-list .feature-bnr
    {
        width: 90%;
    }

    #feature #feature-container .feature-list .feature-bnr li,
    #feature .product-content .feature-list .feature-bnr li,
    #feature .product-content .feature-list .feature-bnr li,
    #feature #about .feature-list .feature-bnr li,
    #feature #faq .feature-list .feature-bnr li
    {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    #container.page-feature #feature-container.feature_howto .feature_ttlarea,
    #container.page-feature .feature_howto.product-content .feature_ttlarea,
    #container.page-feature .feature_howto#about .feature_ttlarea,
    #container.page-feature .feature_howto#faq .feature_ttlarea
    {
        height: 360px;
    }

    #container.page-feature #feature-container.feature_howto .feature_ttlarea h1,
    #container.page-feature .feature_howto.product-content .feature_ttlarea h1,
    #container.page-feature .feature_howto#about .feature_ttlarea h1,
    #container.page-feature .feature_howto#faq .feature_ttlarea h1
    {
        top: 62%;
    }

    #container.page-feature #feature-container.feature_howto .feature_ttlarea h1 small,
    #container.page-feature .feature_howto.product-content .feature_ttlarea h1 small,
    #container.page-feature .feature_howto#about .feature_ttlarea h1 small,
    #container.page-feature .feature_howto#faq .feature_ttlarea h1 small
    {
        font-size: 18px;
        font-size: 1.125rem;

        white-space: nowrap;
    }

    #container.page-feature #feature-container.feature_howto .feature_ttlarea h1 span,
    #container.page-feature .feature_howto.product-content .feature_ttlarea h1 span,
    #container.page-feature .feature_howto#about .feature_ttlarea h1 span,
    #container.page-feature .feature_howto#faq .feature_ttlarea h1 span
    {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.2;

        margin-top: 15px;

        white-space: nowrap;
        letter-spacing: .15rem;
    }

    #container.page-feature #feature-container.feature_howto .feature_ttlarea h1 figure,
    #container.page-feature .feature_howto.product-content .feature_ttlarea h1 figure,
    #container.page-feature .feature_howto#about .feature_ttlarea h1 figure,
    #container.page-feature .feature_howto#faq .feature_ttlarea h1 figure
    {
        width: 60px;
    }

    #container.page-feature #feature-container.feature_howto .feature_intro,
    #container.page-feature .feature_howto.product-content .feature_intro,
    #container.page-feature .feature_howto#about .feature_intro,
    #container.page-feature .feature_howto#faq .feature_intro
    {
        width: 80%;
        margin: 50px auto 0;
        padding: 0;
    }

    #container.page-feature #feature-container.feature_howto .feature_intro p span,
    #container.page-feature .feature_howto.product-content .feature_intro p span,
    #container.page-feature .feature_howto#about .feature_intro p span,
    #container.page-feature .feature_howto#faq .feature_intro p span
    {
        font-size: 14px;
        font-size: .875rem;
    }

    #container.page-feature #feature-container.feature_howto .feature_intro p strong,
    #container.page-feature .feature_howto.product-content .feature_intro p strong,
    #container.page-feature .feature_howto#about .feature_intro p strong,
    #container.page-feature .feature_howto#faq .feature_intro p strong
    {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.6;

        margin: 30px auto 0;
    }

    #container.page-feature #feature-container.feature_howto .feature_intro p strong + strong,
    #container.page-feature .feature_howto.product-content .feature_intro p strong + strong,
    #container.page-feature .feature_howto#about .feature_intro p strong + strong,
    #container.page-feature .feature_howto#faq .feature_intro p strong + strong
    {
        margin: 10px auto 0;
    }

    #container.page-feature #feature-container.feature_howto .feature_intro p small,
    #container.page-feature .feature_howto.product-content .feature_intro p small,
    #container.page-feature .feature_howto#about .feature_intro p small,
    #container.page-feature .feature_howto#faq .feature_intro p small
    {
        font-size: 12px;
        font-size: .75rem;
    }

    #container.page-feature #feature-container.feature_howto .feature_intro p small.howto_uv,
    #container.page-feature .feature_howto.product-content .feature_intro p small.howto_uv,
    #container.page-feature .feature_howto#about .feature_intro p small.howto_uv,
    #container.page-feature .feature_howto#faq .feature_intro p small.howto_uv
    {
        font-size: 14px;
        font-size: .875rem;
    }

    #container.page-feature #feature-container.feature_howto .howto-container,
    #container.page-feature .feature_howto.product-content .howto-container,
    #container.page-feature .feature_howto#about .howto-container,
    #container.page-feature .feature_howto#faq .howto-container
    {
        margin-top: 50px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container .howto-circle,
    #container.page-feature .feature_howto.product-content .howto-container .howto-circle,
    #container.page-feature .feature_howto#about .howto-container .howto-circle,
    #container.page-feature .feature_howto#faq .howto-container .howto-circle
    {
        width: 100px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container .howto-circle:before,
    #container.page-feature .feature_howto.product-content .howto-container .howto-circle:before,
    #container.page-feature .feature_howto#about .howto-container .howto-circle:before,
    #container.page-feature .feature_howto#faq .howto-container .howto-circle:before
    {
        width: 100px;
        height: 100px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container .howto-container-ttl span,
    #container.page-feature .feature_howto.product-content .howto-container .howto-container-ttl span,
    #container.page-feature .feature_howto#about .howto-container .howto-container-ttl span,
    #container.page-feature .feature_howto#faq .howto-container .howto-container-ttl span
    {
        font-size: 18px;
        font-size: 1.125rem;

        letter-spacing: .2rem;
    }

    #container.page-feature #feature-container.feature_howto .howto-container .howto-container-ttl strong,
    #container.page-feature .feature_howto.product-content .howto-container .howto-container-ttl strong,
    #container.page-feature .feature_howto#about .howto-container .howto-container-ttl strong,
    #container.page-feature .feature_howto#faq .howto-container .howto-container-ttl strong
    {
        font-size: 32px;
        font-size: 2rem;
        line-height: 1.2;

        margin-top: 15px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container .howto-container-ttl small,
    #container.page-feature .feature_howto.product-content .howto-container .howto-container-ttl small,
    #container.page-feature .feature_howto#about .howto-container .howto-container-ttl small,
    #container.page-feature .feature_howto#faq .howto-container .howto-container-ttl small
    {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.4;

        margin-top: 25px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container .howto-container-ttl small.howto_uv,
    #container.page-feature .feature_howto.product-content .howto-container .howto-container-ttl small.howto_uv,
    #container.page-feature .feature_howto#about .howto-container .howto-container-ttl small.howto_uv,
    #container.page-feature .feature_howto#faq .howto-container .howto-container-ttl small.howto_uv
    {
        font-size: 12px;
        font-size: .75rem;
    }

    #container.page-feature #feature-container.feature_howto .howto-container .howto-container-list,
    #container.page-feature .feature_howto.product-content .howto-container .howto-container-list,
    #container.page-feature .feature_howto#about .howto-container .howto-container-list,
    #container.page-feature .feature_howto#faq .howto-container .howto-container-list
    {
        padding: 0;
    }

    #container.page-feature #feature-container.feature_howto .howto-container .howto-container-list li,
    #container.page-feature .feature_howto.product-content .howto-container .howto-container-list li,
    #container.page-feature .feature_howto#about .howto-container .howto-container-list li,
    #container.page-feature .feature_howto#faq .howto-container .howto-container-list li
    {
        margin-bottom: 80px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container .howto-container-list li:last-child,
    #container.page-feature .feature_howto.product-content .howto-container .howto-container-list li:last-child,
    #container.page-feature .feature_howto#about .howto-container .howto-container-list li:last-child,
    #container.page-feature .feature_howto#faq .howto-container .howto-container-list li:last-child
    {
        margin-bottom: 0;
    }

    #container.page-feature #feature-container.feature_howto .howto-container .howto-container-list li > p,
    #container.page-feature .feature_howto.product-content .howto-container .howto-container-list li > p,
    #container.page-feature .feature_howto#about .howto-container .howto-container-list li > p,
    #container.page-feature .feature_howto#faq .howto-container .howto-container-list li > p
    {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.8;

        width: 80%;
        margin: 40px auto 0;
    }

    #container.page-feature #feature-container.feature_howto .howto-container .howto-container-list li figure,
    #container.page-feature .feature_howto.product-content .howto-container .howto-container-list li figure,
    #container.page-feature .feature_howto#about .howto-container .howto-container-list li figure,
    #container.page-feature .feature_howto#faq .howto-container .howto-container-list li figure
    {
        width: 60%;
        margin: 30px auto 0;
    }

    #container.page-feature #feature-container.feature_howto .howto-container .howto-container-list li figcaption,
    #container.page-feature .feature_howto.product-content .howto-container .howto-container-list li figcaption,
    #container.page-feature .feature_howto#about .howto-container .howto-container-list li figcaption,
    #container.page-feature .feature_howto#faq .howto-container .howto-container-list li figcaption
    {
        font-size: 14px;
        font-size: .875rem;

        width: 80%;
    }

    #container.page-feature #feature-container.feature_howto .howto-container .howto-container-list li figcaption p,
    #container.page-feature .feature_howto.product-content .howto-container .howto-container-list li figcaption p,
    #container.page-feature .feature_howto#about .howto-container .howto-container-list li figcaption p,
    #container.page-feature .feature_howto#faq .howto-container .howto-container-list li figcaption p
    {
        font-size: 14px;
        font-size: .875rem;
    }

    #container.page-feature #feature-container.feature_howto .howto-container .howto-container-list li figcaption p strong:before,
    #container.page-feature .feature_howto.product-content .howto-container .howto-container-list li figcaption p strong:before,
    #container.page-feature .feature_howto#about .howto-container .howto-container-list li figcaption p strong:before,
    #container.page-feature .feature_howto#faq .howto-container .howto-container-list li figcaption p strong:before
    {
        display: none;
    }

    #container.page-feature #feature-container.feature_howto .howto-container .howto-container-list li figcaption p strong span,
    #container.page-feature .feature_howto.product-content .howto-container .howto-container-list li figcaption p strong span,
    #container.page-feature .feature_howto#about .howto-container .howto-container-list li figcaption p strong span,
    #container.page-feature .feature_howto#faq .howto-container .howto-container-list li figcaption p strong span
    {
        color: #f37021;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area,
    #container.page-feature .feature_howto#about .howto-container + .about-area,
    #container.page-feature .feature_howto#faq .howto-container + .about-area
    {
        padding-top: 30px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .point_list li,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .point_list li,
    #container.page-feature .feature_howto#about .howto-container + .about-area .point_list li,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .point_list li
    {
        height: 270px;
        margin-bottom: 15px;
        padding-top: 35px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .point_list li .point_no img,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .point_list li .point_no img,
    #container.page-feature .feature_howto#about .howto-container + .about-area .point_list li .point_no img,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .point_list li .point_no img
    {
        height: 27px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .point_list li .point_list_text span,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .point_list li .point_list_text span,
    #container.page-feature .feature_howto#about .howto-container + .about-area .point_list li .point_list_text span,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .point_list li .point_list_text span
    {
        font-size: 18px;
        font-size: 1.125rem;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .point_list li .point_list_text strong p,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .point_list li .point_list_text strong p,
    #container.page-feature .feature_howto#about .howto-container + .about-area .point_list li .point_list_text strong p,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .point_list li .point_list_text strong p
    {
        font-size: 40px;
        font-size: 2.5rem;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .feature-description,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .feature-description,
    #container.page-feature .feature_howto#about .howto-container + .about-area .feature-description,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .feature-description
    {
        width: 76%;
        margin: 30px auto 0;

        text-align: left;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .feature-description.lastmsg,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .feature-description.lastmsg,
    #container.page-feature .feature_howto#about .howto-container + .about-area .feature-description.lastmsg,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .feature-description.lastmsg
    {
        margin-top: 100px;
        margin-bottom: 60px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .feature-description.lastmsg p,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .feature-description.lastmsg p,
    #container.page-feature .feature_howto#about .howto-container + .about-area .feature-description.lastmsg p,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .feature-description.lastmsg p
    {
        font-size: 18px;
        font-size: 1.125rem;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .feature-description.mt150,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .feature-description.mt150,
    #container.page-feature .feature_howto#about .howto-container + .about-area .feature-description.mt150,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .feature-description.mt150
    {
        margin-top: 80px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .feature-description p,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .feature-description p,
    #container.page-feature .feature_howto#about .howto-container + .about-area .feature-description p,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .feature-description p
    {
        font-size: 14px;
        font-size: .875rem;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-forget p small,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-forget p small,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-forget p small,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-forget p small
    {
        line-height: 1.6;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-forget p strong,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-forget p strong,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-forget p strong,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-forget p strong
    {
        font-size: 22px;
        font-size: 1.375rem;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-forget p strong:before,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-forget p strong:before,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-forget p strong:before,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-forget p strong:before
    {
        font-size: 22px;
        font-size: 1.375rem;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .illust-area-howto,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .illust-area-howto,
    #container.page-feature .feature_howto#about .howto-container + .about-area .illust-area-howto,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .illust-area-howto
    {
        display: block;

        margin: 50px auto;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .illust-area-howto figure,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .illust-area-howto figure,
    #container.page-feature .feature_howto#about .howto-container + .about-area .illust-area-howto figure,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .illust-area-howto figure
    {
        display: block;

        width: 60%;
        margin: 0 auto;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .illust-area-howto figcaption,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .illust-area-howto figcaption,
    #container.page-feature .feature_howto#about .howto-container + .about-area .illust-area-howto figcaption,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .illust-area-howto figcaption
    {
        display: block;

        width: 80%;
        margin: 20px auto 0;
        padding-left: 0;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .illust-area-howto figcaption p,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .illust-area-howto figcaption p,
    #container.page-feature .feature_howto#about .howto-container + .about-area .illust-area-howto figcaption p,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .illust-area-howto figcaption p
    {
        font-size: 14px;
        font-size: .875rem;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .illust-area-howto figcaption p strong:before,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .illust-area-howto figcaption p strong:before,
    #container.page-feature .feature_howto#about .howto-container + .about-area .illust-area-howto figcaption p strong:before,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .illust-area-howto figcaption p strong:before
    {
        display: none;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .illust-area-howto figcaption p strong span,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .illust-area-howto figcaption p strong span,
    #container.page-feature .feature_howto#about .howto-container + .about-area .illust-area-howto figcaption p strong span,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .illust-area-howto figcaption p strong span
    {
        color: #f37021;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution
    {
        margin-top: 120px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution:before,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution:before,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution:before,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution:before
    {
        top: -50px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution.bgedit,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution.bgedit,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution.bgedit,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution.bgedit
    {
        margin-top: 100px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution.bgedit:before,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution.bgedit:before,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution.bgedit:before,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution.bgedit:before
    {
        top: -50px;

        width: 1680px;
        height: 1680px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution.bgedit h3 span,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution.bgedit h3 span,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution.bgedit h3 span,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution.bgedit h3 span
    {
        font-size: 18px;
        font-size: 1.125rem;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution.bgedit h3 strong,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution.bgedit h3 strong,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution.bgedit h3 strong,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution.bgedit h3 strong
    {
        padding-top: 10px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution h3 span,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution h3 span,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution h3 span,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution h3 span
    {
        font-size: 20px;
        font-size: 1.25rem;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution h3 strong,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution h3 strong,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution h3 strong,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution h3 strong
    {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 1.4;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution .howto-caution-description,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution .howto-caution-description,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution .howto-caution-description,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution .howto-caution-description
    {
        font-size: 14px;
        font-size: .875rem;

        width: 66%;
        margin: 40px auto 0;

        text-align: left;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figure,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figure,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figure,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figure
    {
        width: 70%;
        margin: 60px auto 0;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figure.howto_uv .point_list li,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figure.howto_uv .point_list li,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figure.howto_uv .point_list li,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figure.howto_uv .point_list li
    {
        height: 340px;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figure.howto_uv .point_list li .point_list_text strong p,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figure.howto_uv .point_list li .point_list_text strong p,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figure.howto_uv .point_list li .point_list_text strong p,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figure.howto_uv .point_list li .point_list_text strong p
    {
        font-size: 30px;
        font-size: 1.875rem;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figure.howto_uv .point_list li .point_list_text small,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figure.howto_uv .point_list li .point_list_text small,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figure.howto_uv .point_list li .point_list_text small,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figure.howto_uv .point_list li .point_list_text small
    {
        font-size: 15px;
        font-size: .9375rem;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figure.howto_uv + figcaption,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figure.howto_uv + figcaption,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figure.howto_uv + figcaption,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figure.howto_uv + figcaption
    {
        width: 76%;
        margin: 60px auto 0;

        text-align: left;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figure.howto_uv + figcaption strong:before,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figure.howto_uv + figcaption strong:before,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figure.howto_uv + figcaption strong:before,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figure.howto_uv + figcaption strong:before
    {
        display: none;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figure.howto_uv + figcaption strong span,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figure.howto_uv + figcaption strong span,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figure.howto_uv + figcaption strong span,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figure.howto_uv + figcaption strong span
    {
        color: #f37021;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figcaption,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figcaption,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figcaption,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figcaption
    {
        font-size: 14px;
        font-size: .875rem;

        width: 80%;
        margin: 60px auto 0;
    }

    #container.page-feature #feature-container.feature_howto .howto-container + .about-area .howto-caution figcaption strong,
    #container.page-feature .feature_howto.product-content .howto-container + .about-area .howto-caution figcaption strong,
    #container.page-feature .feature_howto#about .howto-container + .about-area .howto-caution figcaption strong,
    #container.page-feature .feature_howto#faq .howto-container + .about-area .howto-caution figcaption strong
    {
        font-size: 14px;
        font-size: .875rem;
    }

    #container.page-feature #f_mamari-container .kv-area
    {
        height: 76vh;

        background-image: url(../images/feature/mamari/kv_mamari_sp.jpg);
    }

    #container.page-feature #f_mamari-container .kv-area h2
    {
        top: auto;
        bottom: 40px;
        left: 40px;

        width: 74.4%;

        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    #container.page-feature #f_mamari-container .intro-area
    {
        width: 100%;
        margin: 40px auto 0;
        padding-bottom: 30%;
    }

    #container.page-feature #f_mamari-container .intro-area:after
    {
        bottom: 0;
        left: 9.5%;

        width: 26%;
        height: 0;
        padding-bottom: 27%;
    }

    #container.page-feature #f_mamari-container .intro-area:before
    {
        right: 9.5%;
        bottom: 0;

        width: 50%;
        max-width: none;
        height: 0;
        padding-bottom: 31%;
    }

    #container.page-feature #f_mamari-container .intro-area .m-ttl small
    {
        font-size: 15px;
        font-size: .9375rem;
    }

    #container.page-feature #f_mamari-container .intro-area .m-ttl span
    {
        font-size: 20px;
        font-size: 1.25rem;

        display: table;
    }

    #container.page-feature #f_mamari-container .intro-area .m-description
    {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.7;

        width: 80%;
        margin: 35px auto 0;

        text-align: left;
    }

    #container.page-feature #f_mamari-container .question-area
    {
        margin: 70px auto 0;
        padding: 50px 0 30px;
    }

    #container.page-feature #f_mamari-container .question-area:before
    {
        top: -35px;

        width: 30%;
        height: 0;
        padding-bottom: 30%;
    }

    #container.page-feature #f_mamari-container .question-area:after
    {
        top: -15px;

        width: 13.3%;
        height: 0;
        padding-bottom: 13.3%;
    }

    #container.page-feature #f_mamari-container .question-area h3
    {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.35;
    }

    #container.page-feature #f_mamari-container .question-area ul
    {
        width: 87.88%;
        margin: 30px auto 0;
    }

    #container.page-feature #f_mamari-container .question-area ul li
    {
        float: none;

        width: 100%;
    }

    #container.page-feature #f_mamari-container .question-area ul li .m-fukidashi:before
    {
        z-index: 10;
        top: -15px;

        height: 33px;

        background-image: url(../images/feature/mamari/icon_mommy.png);
    }

    #container.page-feature #f_mamari-container .message-area
    {
        margin-top: 40px;
    }

    #container.page-feature #f_mamari-container .message-area .message strong,
    #container.page-feature #f_mamari-container .message-area #faq #faq-container .faq-area strong,
    #faq #faq-container #container.page-feature #f_mamari-container .message-area .faq-area strong,
    #container.page-feature #f_mamari-container .message-area #feature #feature-container .feature-list strong,
    #feature #feature-container #container.page-feature #f_mamari-container .message-area .feature-list strong,
    #container.page-feature #f_mamari-container .message-area #feature .product-content .feature-list strong,
    #feature .product-content #container.page-feature #f_mamari-container .message-area .feature-list strong,
    #container.page-feature #f_mamari-container .message-area #feature #about .feature-list strong,
    #feature #about #container.page-feature #f_mamari-container .message-area .feature-list strong,
    #container.page-feature #f_mamari-container .message-area #feature #faq .feature-list strong,
    #feature #faq #container.page-feature #f_mamari-container .message-area .feature-list strong
    {
        font-size: 17px;
        font-size: 1.0625rem;
    }

    #container.page-feature #f_mamari-container .message-area .message strong:before,
    #container.page-feature #f_mamari-container .message-area #faq #faq-container .faq-area strong:before,
    #faq #faq-container #container.page-feature #f_mamari-container .message-area .faq-area strong:before,
    #container.page-feature #f_mamari-container .message-area #feature #feature-container .feature-list strong:before,
    #feature #feature-container #container.page-feature #f_mamari-container .message-area .feature-list strong:before,
    #container.page-feature #f_mamari-container .message-area #feature .product-content .feature-list strong:before,
    #feature .product-content #container.page-feature #f_mamari-container .message-area .feature-list strong:before,
    #container.page-feature #f_mamari-container .message-area #feature #about .feature-list strong:before,
    #feature #about #container.page-feature #f_mamari-container .message-area .feature-list strong:before,
    #container.page-feature #f_mamari-container .message-area #feature #faq .feature-list strong:before,
    #feature #faq #container.page-feature #f_mamari-container .message-area .feature-list strong:before
    {
        height: 8px;
    }

    #container.page-feature #f_mamari-container .message-area .message strong.message-bottom,
    #container.page-feature #f_mamari-container .message-area #faq #faq-container .faq-area strong.message-bottom,
    #faq #faq-container #container.page-feature #f_mamari-container .message-area .faq-area strong.message-bottom,
    #container.page-feature #f_mamari-container .message-area #feature #feature-container .feature-list strong.message-bottom,
    #feature #feature-container #container.page-feature #f_mamari-container .message-area .feature-list strong.message-bottom,
    #container.page-feature #f_mamari-container .message-area #feature .product-content .feature-list strong.message-bottom,
    #feature .product-content #container.page-feature #f_mamari-container .message-area .feature-list strong.message-bottom,
    #container.page-feature #f_mamari-container .message-area #feature #about .feature-list strong.message-bottom,
    #feature #about #container.page-feature #f_mamari-container .message-area .feature-list strong.message-bottom,
    #container.page-feature #f_mamari-container .message-area #feature #faq .feature-list strong.message-bottom,
    #feature #faq #container.page-feature #f_mamari-container .message-area .feature-list strong.message-bottom
    {
        margin: 10px auto 0;
    }

    #container.page-feature #f_mamari-container .mbm-area
    {
        width: 100%;
        margin: 30px auto 0;
    }

    #container.page-feature #f_mamari-container .mbm-area .layout-left
    {
        right: auto;
        left: 0;

        width: 23.1%;
        margin-right: 0;
    }

    #container.page-feature #f_mamari-container .mbm-area .layout-left .layout-inner
    {
        top: 6%;

        width: 160%;

        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    #container.page-feature #f_mamari-container .mbm-area .layout-center
    {
        width: 53.8%;
        margin-right: 0;
    }

    #container.page-feature #f_mamari-container .mbm-area .layout-center:before
    {
        right: -60px;
        bottom: 60px;

        width: 50%;
        height: 0;
        padding-bottom: 50%;
    }

    #container.page-feature #f_mamari-container .layout-bottom
    {
        margin-top: 20px;
    }

    #container.page-feature #f_mamari-container .m_write-area
    {
        width: 100%;
        margin: 35px auto 0;
        padding-top: 40px;
    }

    #container.page-feature #f_mamari-container .m_write-area h3 strong
    {
        font-size: 13px;
        font-size: .8125rem;

        display: block;

        letter-spacing: .03rem;
    }

    #container.page-feature #f_mamari-container .m_write-area h3 span
    {
        font-size: 22px;
        font-size: 1.375rem;

        margin-top: 10px;

        letter-spacing: .05rem;
    }

    #container.page-feature #f_mamari-container .m_write-area h3 span:before
    {
        bottom: -24px;
        left: -30px;
    }

    #container.page-feature #f_mamari-container .m_write-area .description
    {
        font-size: 15px;
        font-size: .9375rem;

        width: 84%;
        margin: 10px auto;
        padding: 0;

        text-align: left;
    }

    #container.page-feature #f_mamari-container .m_write-area .write-kv
    {
        width: 89.3%;
        margin: 50px auto 0;
    }

    #container.page-feature #f_mamari-container .m_write-area .box
    {
        width: 84%;
        margin-top: 40px;
    }

    #container.page-feature #f_mamari-container .m_write-area .box.bottle:before
    {
        display: none;
    }

    #container.page-feature #f_mamari-container .m_write-area .box h4
    {
        font-size: 17px;
        font-size: 1.0625rem;

        margin-bottom: 20px;
        padding: 15px 0;

        letter-spacing: .03rem;

        border-top: 3px dotted #ec7c7c;
        border-bottom: 3px dotted #ec7c7c;
    }

    #container.page-feature #f_mamari-container .m_write-area .box .layout-left
    {
        float: none;

        width: 100%;
    }

    #container.page-feature #f_mamari-container .m_write-area .box .layout-left.between
    {
        margin: 30px 0 20px;
    }

    #container.page-feature #f_mamari-container .m_write-area .box .layout-right
    {
        width: 100%;
        margin-top: 20px;
    }

    #container.page-feature #f_mamari-container .m_write-area .box .layout-right .m-text
    {
        letter-spacing: .01rem;
    }

    #container.page-feature #f_mamari-container .m_write-area .box .layout-right .m-text strong
    {
        line-height: 1.9;

        background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(60%, #fff), color-stop(60%, #ef9e9e), color-stop(80%, #ef9e9e), color-stop(80%, #fff), to(#fff));
        background: linear-gradient(180deg, #fff 0%, #fff 60%, #ef9e9e 60%, #ef9e9e 80%, #fff 80%, #fff 100%);
    }

    #container.page-feature #f_mamari-container .m_write-area .box .layout-right .m-text strong.hl_yellow
    {
        line-height: 1.9;

        background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(60%, #fff), color-stop(60%, #f9cd15), color-stop(80%, #f9cd15), color-stop(80%, #fff), to(#fff));
        background: linear-gradient(180deg, #fff 0%, #fff 60%, #f9cd15 60%, #f9cd15 80%, #fff 80%, #fff 100%);
    }

    #container.page-feature #f_mamari-container .m_write-area .box .layout-right .m-text strong.bdsp
    {
        display: table !important;
    }

    #container.page-feature #f_mamari-container .m_write-area .box .layout-right .m-text + .m-text
    {
        margin-top: 0;
    }

    #container.page-feature #f_mamari-container .m_write-area .box .layout-right .m-notice
    {
        margin-top: 25px;
    }

    #container.page-feature #f_mamari-container .m_write-area .box .l-text
    {
        font-size: 15px;
        font-size: .9375rem;

        text-align: left;
    }

    #container.page-feature #f_mamari-container .m_write-area .box .l-image
    {
        width: 100%;
        margin: 20px auto 20px;
    }

    #container.page-feature #f_mamari-container .m_write-area .l-link
    {
        margin-top: 20px;
    }

    #container.page-feature #f_mamari-container .m_write-area .comment-notice
    {
        line-height: 1.6;

        margin: 40px 0 0 0;

        text-align: center;
    }

    #container.page-feature #f_mamari-container .m_write-area .morerecommend
    {
        margin-top: 60px;
    }

    #container.page-feature #f_mamari-container .m_write-area .morerecommend h4
    {
        font-size: 19px;
        font-size: 1.1875rem;

        text-align: center;
    }

    #container.page-feature #f_mamari-container .m_write-area .morerecommend h4:after
    {
        display: none;
    }

    #container.page-feature #f_mamari-container .m_write-area .morerecommend h4 em
    {
        position: relative;

        display: table;

        margin: 0 auto;
    }

    #container.page-feature #f_mamari-container .m_write-area .morerecommend h4 em:after
    {
        position: absolute;
        z-index: -1;
        bottom: -2px;
        left: 0;

        display: block;

        width: 100%;
        height: 7px;

        content: '';

        background-color: #fdce21;
    }

    #container.page-feature #f_mamari-container .m_write-area .morerecommend h4 em + em
    {
        margin-top: 10px;
    }

    #container.page-feature #f_enquete-container .feature_ttlarea
    {
        height: 420px;

        background-image: url(../images/feature/enquete/kv_sp.jpg);
    }

    #container.page-feature #f_enquete-container .feature_ttlarea h1
    {
        top: 46%;
    }

    #container.page-feature #f_enquete-container .feature_ttlarea h1 small
    {
        font-size: 18px;
        font-size: 1.125rem;

        white-space: nowrap;
        letter-spacing: .2rem;
    }

    #container.page-feature #f_enquete-container .feature_ttlarea h1 span
    {
        font-size: 19px;
        font-size: 1.1875rem;
        font-weight: bold;
        line-height: 1.2;

        margin-top: 15px;

        white-space: nowrap;
        letter-spacing: .05rem;
    }

    #container.page-feature #f_enquete-container .feature_ttlarea h1 span b
    {
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: bold;

        display: block;

        margin-top: 10px;

        color: #f37021;
    }

    #container.page-feature #f_enquete-container .feature_ttlarea h1 figure
    {
        width: 60px;
    }

    #container.page-feature #f_enquete-container .feature-intro
    {
        width: 81.3%;
        margin: 0 auto;
    }

    #container.page-feature #f_enquete-container .feature-intro .icon-enquete
    {
        width: 16%;
        margin: 40px auto 0;
    }

    #container.page-feature #f_enquete-container .feature-intro h2
    {
        font-size: 20px;
        font-size: 1.25rem;

        margin-top: 25px;
    }

    #container.page-feature #f_enquete-container .feature-intro h2 strong
    {
        line-height: 1.2;

        position: relative;

        display: table;

        margin: 0 auto;
    }

    #container.page-feature #f_enquete-container .feature-intro h2 strong:before
    {
        position: absolute;
        top: -10px;
        left: -10px;

        display: block;

        width: 15px;
        height: 20px;

        content: '';

        background-image: url(../images/feature/enquete/kakko_l.png);
        background-size: cover;
    }

    #container.page-feature #f_enquete-container .feature-intro h2 strong:after
    {
        position: absolute;
        right: -10px;
        bottom: -10px;

        display: block;

        width: 15px;
        height: 20px;

        content: '';

        background-image: url(../images/feature/enquete/kakko_r.png);
        background-size: cover;
    }

    #container.page-feature #f_enquete-container .feature-intro h2 strong + strong
    {
        margin-top: 20px;
    }

    #container.page-feature #f_enquete-container .feature-intro .intro-txt
    {
        font-size: 14px;
        font-size: .875rem;

        text-align: left;
    }

    #container.page-feature #f_enquete-container .anchor-link
    {
        display: block;

        width: 81.3%;
        margin: 20px auto 0;
    }

    #container.page-feature #f_enquete-container .anchor-link li
    {
        width: 100%;
        height: 30vw;
        margin-bottom: 10px;

        background: url(../images/feature/bg_point_01.svg) center/30% no-repeat #f37021;
    }

    #container.page-feature #f_enquete-container .anchor-link li:nth-child(even)
    {
        background: url(../images/feature/bg_point_01.svg) center/30% no-repeat #5a3928;
    }

    #container.page-feature #f_enquete-container .anchor-link li:nth-child(2) a:after
    {
        width: 6.54%;
    }

    #container.page-feature #f_enquete-container .anchor-link li:nth-child(3) a:after
    {
        width: 6.54%;
    }

    #container.page-feature #f_enquete-container .anchor-link li:nth-child(4) a:after
    {
        width: 6.84%;
    }

    #container.page-feature #f_enquete-container .anchor-link li a
    {
        height: 30vw;
    }

    #container.page-feature #f_enquete-container .anchor-link li a:after
    {
        left: 50%;

        width: 5.24%;
        height: 0;
        padding-bottom: 4%;

        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }

    #container.page-feature #f_enquete-container .anchor-link li a span
    {
        font-size: 13px;
        font-size: .8125rem;
        line-height: 1.4;

        width: 90%;

        white-space: normal;
    }

    #container.page-feature #f_enquete-container .question-area
    {
        width: 81.3%;
        margin: 40px auto 0;
    }

    #container.page-feature #f_enquete-container .question-area#q2 .graph-area
    {
        margin-top: 20px;
    }

    #container.page-feature #f_enquete-container .question-area#q3 .graph-area
    {
        margin-top: 20px;
    }

    #container.page-feature #f_enquete-container .question-area#q4 .graph-area
    {
        margin-top: 20px;
    }

    #container.page-feature #f_enquete-container .question-area h3 span
    {
        width: 8%;
    }

    #container.page-feature #f_enquete-container .question-area h3 strong
    {
        font-size: 21px;
        font-size: 1.3125rem;

        white-space: nowrap;
        letter-spacing: .05rem;
    }

    #container.page-feature #f_enquete-container .question-area h3 strong:after
    {
        height: 10px;
    }

    #container.page-feature #f_enquete-container .question-area h3 strong + strong
    {
        margin-top: 5px;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area
    {
        display: block;

        margin-top: 15px;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-left
    {
        float: none;

        width: 110%;
        margin-left: -5%;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-left.q2 img
    {
        width: 100%;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-left.q3 img
    {
        width: 100%;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-left.q4 img
    {
        width: 100%;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-left img
    {
        width: 100%;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right
    {
        float: none;

        width: 100%;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner
    {
        width: 100%;
        margin-top: 15px;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q1 span
    {
        font-size: 15px;
        font-size: .9375rem;

        text-align: center;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q1 span strong
    {
        font-size: 35px;
        font-size: 2.1875rem;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q1 span small
    {
        font-size: 12px;
        font-size: .75rem;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q1 b
    {
        font-size: 15px;
        font-size: .9375rem;

        margin-left: 0;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q2 span
    {
        font-size: 16px;
        font-size: 1rem;

        text-align: center;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q2 span strong
    {
        font-size: 27px;
        font-size: 1.6875rem;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q2 span small
    {
        font-size: 12px;
        font-size: .75rem;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q3 span
    {
        font-size: 15px;
        font-size: .9375rem;

        text-align: center;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q3 span strong
    {
        font-size: 35px;
        font-size: 2.1875rem;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q3 span small
    {
        font-size: 13px;
        font-size: .8125rem;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q3 span b
    {
        font-size: 12px;
        font-size: .75rem;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q3 span + span strong
    {
        font-size: 28px;
        font-size: 1.75rem;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q3 span + span b
    {
        font-size: 12px;
        font-size: .75rem;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q4 span
    {
        font-size: 13px;
        font-size: .8125rem;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q4 span strong
    {
        font-size: 27px;
        font-size: 1.6875rem;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .inner .q4 span b
    {
        font-size: 13px;
        font-size: .8125rem;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area
    {
        padding: 15px;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area li
    {
        margin-top: 15px;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area li span
    {
        font-size: 11px;
        font-size: .6875rem;

        width: 65%;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area li strong
    {
        font-size: 11px;
        font-size: .6875rem;

        width: 18%;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .bar-area li small
    {
        font-size: 11px;
        font-size: .6875rem;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .notice
    {
        font-size: 11px;
        font-size: .6875rem;
    }

    #container.page-feature #f_enquete-container .question-area .graph-area .layout-right .notice.nleft
    {
        line-height: 1.4;

        text-align: left;
    }

    #container.page-feature #f_enquete-container .question-area .comment-area
    {
        margin-top: 40px;
    }

    #container.page-feature #f_enquete-container .question-area .comment-area .ttl
    {
        font-size: 15px;
        font-size: .9375rem;
    }

    #container.page-feature #f_enquete-container .question-area .comment-area .ttl:after
    {
        width: 100%;
        height: 0;
        padding-bottom: 2.2%;

        background-image: url(../images/feature/enquete/fukidashi_pk_sp.png);
    }

    #container.page-feature #f_enquete-container .question-area .comment-area .ttl.pk03:after
    {
        width: 100%;
        height: 0;
        padding-bottom: 2.2%;

        background-image: url(../images/feature/enquete/fukidashi_pk_sp.png);
    }

    #container.page-feature #f_enquete-container .question-area .comment-area .ttl.br03:after
    {
        width: 100%;
        height: 0;
        padding-bottom: 2.2%;

        background-image: url(../images/feature/enquete/fukidashi_br_sp.png);
    }

    #container.page-feature #f_enquete-container .question-area .comment-area .parent-comment
    {
        width: 100%;
    }

    #container.page-feature #f_enquete-container .question-area .comment-area .parent-comment li
    {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        padding: 15px;
    }

    #container.page-feature #f_enquete-container .question-area .comment-area .parent-comment li p
    {
        font-size: 13px;
        font-size: .8125rem;
    }

    #container.page-feature #f_enquete-container .question-area .comment-area .parent-comment li small
    {
        font-size: 10px;
        font-size: .625rem;
    }

    #container.page-feature #f_enquete-container .question-area .comment-area .last-msg
    {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.8;

        margin-top: 10px;

        text-align: left;
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner
    {
        margin: 60px auto 0;
        padding: 50px 0 30px;
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner:before
    {
        width: 40%;
        height: 0;
        padding-bottom: 26%;
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner .description b
    {
        font-size: 18px;
        font-size: 1.125rem;

        margin-bottom: 10px;
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner .description strong
    {
        font-size: 20px;
        font-size: 1.25rem;
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner .description small
    {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.6;

        margin-bottom: 10px;
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout
    {
        float: none;

        width: 100%;
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout.right
    {
        float: none;

        width: 100%;
        margin: 0 auto;
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout.right .product-img
    {
        margin: 0 auto;
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout.right .product-img:before
    {
        top: 250px;
        left: 80%;
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout.right .product-img:after
    {
        background-image: url(../images/feature/mamari/icon_bodycare02_sp.png);
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout .product-img
    {
        margin: 0 auto;
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout .product-img:after
    {
        position: absolute;
        z-index: 1;
        top: 20px;
        left: -40%;

        display: block;

        width: 70%;
        padding-bottom: 70%;

        content: '';

        background-image: url(../images/feature/mamari/icon_bodycare_sp.png);
        background-size: cover;
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout .product-txt
    {
        position: static;

        display: block;

        margin-top: 20px;
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout .product-txt a
    {
        position: relative;

        display: block;

        width: 82%;
        height: 90px;
        margin: 0 auto;

        letter-spacing: .1rem;

        opacity: 1;
        background-image: url(../images/feature/mamari/bg_btn.png);
        background-size: 100% 100%;
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout .product-txt a:before
    {
        position: absolute;
        top: 50%;
        right: 30px;

        display: block;

        width: 11px;
        height: 20px;

        content: '';
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);

        background-image: url(../images/common/btn_arrow.png);
        background-size: cover;
    }

    #container.page-feature #f_enquete-container #mommyproduct .inner .product-area .layout .product-txt a small
    {
        font-size: 15px;
        font-size: .9375rem;
        font-weight: bold;

        position: absolute;
        top: 50%;
        left: 10%;

        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);

        color: #fff;
    }

    #container.page-feature #f_enquete-container .message-area
    {
        margin-top: 35px;
    }

    #container.page-feature #f_enquete-container .message-area .msg-txt span
    {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.8;
    }

    #container.page-feature #f_enquete-container .message-area .msg-txt strong
    {
        font-size: 16px;
        font-size: 1rem;
    }

    #container.page-feature #f_enquete-container .message-area .msg-txt small
    {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.8;
    }

    #container.page-feature #f_enquete-container .message-area .overview
    {
        width: 81.3%;
        margin: 35px auto 0;
        padding: 25px;
    }

    #container.page-feature #f_enquete-container .message-area .overview strong
    {
        font-size: 13px;
        font-size: .8125rem;
    }

    #container.page-feature #f_enquete-container .message-area .overview span
    {
        font-size: 11px;
        font-size: .6875rem;
    }

    #container.page-feature #f_enquete-container .message-area .overview small
    {
        font-size: 10px;
        font-size: .625rem;
        font-weight: bold;

        display: block;

        margin-top: 20px;
        margin-bottom: 5px;

        color: #666;
    }

    #container.page-index #wide-area
    {
        padding-top: 75px !important;
    }

    #container.page-index #wide-area #feature
    {
        margin-top: 100px;
    }

    #container #heading-index
    {
        position: absolute;
        z-index: 100;
        top: 0;
        left: 50%;

        display: block;

        width: 115px;
        margin: 30px auto 0;

        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }

    #container #heading-index a
    {
        width: 115px;
    }

    #container #index-container .content .content-heading,
    #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #feature .content#feature-area h2
    {
        font-size: 42px;
        font-size: 2.625rem;

        margin-bottom: 25px;
    }

    #container #index-container .content .content-heading span,
    #container #index-container #wide-area #voice-faq .content h2 span,
    #container #index-container #wide-area #feature .content#feature-area h2 span
    {
        font-size: 12px;
        font-size: .75rem;

        margin-top: 5px;

        letter-spacing: .1rem;
    }

    #container #index-container .content .mommybtn
    {
        width: 100%;
        height: 70px;
    }

    #container #index-container .content .mommybtn:before
    {
        right: 12%;

        width: 8px;
        height: 14px;
    }

    #container #index-container .content .mommybtn span
    {
        font-size: 11px;
        font-size: .6875rem;
    }

    #container #index-container .content .caution
    {
        font-size: 10px;
        font-size: .625rem;
        line-height: 1.6;

        margin-top: 15px;
    }

    #container #index-container #fv-area .fixed-area
    {
        position: static;
        top: 0;

        width: 100%;
        height: 100%;
    }

    #container #index-container #fv-area .fixed-area:before
    {
        position: absolute;
        top: 0;

        width: 100%;
        max-width: none;
        height: 100%;

        background-position: -4px 0;
    }

    #container #index-container #fv-area .fixed-area .bg-slider
    {
        position: absolute;

        width: 100%;
        min-width: none;
        max-width: none;
        height: 100%;
    }

    #container #index-container #fv-area .fixed-area .bg-slider .vegas-slide
    {
        height: 80vh;
    }

    #container #index-container #fv-area .fixed-area .bg-slider .vegas-slide .vegas-slide-inner
    {
        background-position: right 30% !important;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info.bodymilk
    {
        bottom: 10px;
        left: auto;

        width: 100%;
        padding: 0 25px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info.uvcare
    {
        bottom: 10px;
        left: auto;

        width: 100%;
        padding: 0 25px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .fukidashi
    {
        width: 120px;
        height: 70.5px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .fukidashi.gel
    {
        bottom: 85%;
        left: 26%;

        display: block;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .fukidashi.milk
    {
        bottom: 66%;
        left: 92%;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .fukidashi span
    {
        font-size: 10px;
        font-size: .625rem;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .fukidashi span strong
    {
        font-size: 14px;
        font-size: .875rem;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figure.uvcare
    {
        width: 57%;
        margin-bottom: 5px;
        margin-left: -5px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figure.uvcare .body_fukidashi
    {
        top: -25px;
        right: -85px;

        width: 120px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figure.bodymilk
    {
        width: 61%;
        margin-bottom: 5px;
        margin-left: -5px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figure.bodymilk .body_fukidashi
    {
        top: -25px;
        right: -85px;

        width: 120px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figcaption.uvcare
    {
        margin-left: 0;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figcaption.uvcare strong
    {
        font-size: 13px;
        font-size: .8125rem;
        line-height: 1.4;

        margin-bottom: 5px;

        letter-spacing: .03rem;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figcaption.uvcare strong:before
    {
        height: 8px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figcaption.uvcare strong sup
    {
        font-size: 9px;
        font-size: .5625rem;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figcaption.uvcare strong small
    {
        font-size: 9px;
        font-size: .5625rem;

        display: inline-block !important;

        padding-left: 5px;

        color: #fff;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figcaption.uvcare small
    {
        font-size: 10px;
        font-size: .625rem;

        width: 75%;
        max-width: none;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figcaption.uvcare .notice
    {
        font-size: 10px;
        font-size: .625rem;

        position: static;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figcaption.bodymilk
    {
        margin-left: 0;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figcaption.bodymilk strong
    {
        font-size: 13px;
        font-size: .8125rem;
        line-height: 1.4;

        margin-bottom: 5px;

        letter-spacing: .03rem;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figcaption.bodymilk strong:before
    {
        height: 8px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figcaption.bodymilk strong sup
    {
        font-size: 9px;
        font-size: .5625rem;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figcaption.bodymilk strong small
    {
        font-size: 9px;
        font-size: .5625rem;

        display: inline-block !important;

        padding-left: 5px;

        color: #fff;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figcaption.bodymilk small
    {
        font-size: 10px;
        font-size: .625rem;

        width: 65%;
        max-width: none;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info figcaption.bodymilk .notice
    {
        font-size: 10px;
        font-size: .625rem;

        position: static;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare
    {
        right: 8%;
        bottom: 100px;
        left: auto;

        width: 115px;
        height: 120px;
        padding-bottom: 0;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare:after
    {
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare p:before
    {
        width: 28px;
        height: 20px;
        margin: 0 auto 8px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare p span
    {
        font-size: 10px;
        font-size: .625rem;

        margin-bottom: 3px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare p strong
    {
        font-size: 22px;
        font-size: 1.375rem;

        margin-bottom: 5px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.uvcare p small
    {
        font-size: 10px;
        font-size: .625rem;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk
    {
        top: 28%;
        right: 8%;
        bottom: auto;
        left: auto;

        width: 120px;
        height: 120px;
        padding-bottom: 0;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk:after
    {
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk:before
    {
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk p:before
    {
        width: 28px;
        height: 20px;
        margin: 0 auto 8px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk p span
    {
        font-size: 10px;
        font-size: .625rem;

        margin-bottom: 3px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk p strong
    {
        font-size: 22px;
        font-size: 1.375rem;

        margin-bottom: 5px;
    }

    #container #index-container #fv-area .fixed-area .fixed-area__info .loop.bodymilk p small
    {
        font-size: 10px;
        font-size: .625rem;
    }

    #container #index-container #scroll-area
    {
        float: none;

        width: 100%;
        padding-top: 20px;
    }

    #container #index-container #scroll-area #news
    {
        z-index: 100;
        top: auto;
        right: 0;
        bottom: -25px;

        width: 100%;
    }

    #container #index-container #scroll-area #news .news-btn
    {
        position: absolute;
        right: 0;
        bottom: 0;

        width: 26%;
        height: auto;
        padding-bottom: 26%;
    }

    #container #index-container #scroll-area #news .news-btn span
    {
        font-size: 13px;
        font-size: .8125rem;

        top: 53%;

        letter-spacing: .1rem;
    }

    #container #index-container #scroll-area #news .news-btn span:after
    {
        display: none;
    }

    #container #index-container #scroll-area #news ul
    {
        top: -45px;
        right: 5%;

        width: 90%;
        padding: 25px 25px;
    }

    #container #index-container #scroll-area #news ul li
    {
        font-size: 13px;
        font-size: .8125rem;

        letter-spacing: .05rem;
    }

    #container #index-container #scroll-area #news ul li span
    {
        font-size: 11px;
        font-size: .6875rem;

        display: block;

        margin-bottom: 8px;

        letter-spacing: .05rem;
    }

    #container #index-container #scroll-area #news ul li small.genre
    {
        font-size: 10px;
        font-size: .625rem;
    }

    #container #index-container #scroll-area .content .heading-caption
    {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.4;

        letter-spacing: .05rem;
    }

    #container #index-container #scroll-area .content .series
    {
        margin-top: 55px;
        padding: 0;
    }

    #container #index-container #scroll-area .content .series#uv
    {
        margin-top: 55px;
    }

    #container #index-container #scroll-area .content .series#body .product-list .product-list-block .product-image:before
    {
        top: 55%;
        right: -50%;
    }

    #container #index-container #scroll-area .content .series h3
    {
        font-size: 35px;
        font-size: 2.1875rem;
    }

    #container #index-container #scroll-area .content .series h3 span
    {
        font-size: 15px;
        font-size: .9375rem;

        margin-top: 5px;
    }

    #container #index-container #scroll-area .content .series .product-list
    {
        width: 100%;
        max-width: none;
        padding: 0 20px;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block
    {
        display: table;

        width: 49%;
        margin: 20px 2% 0 0;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block:nth-child(even)
    {
        margin-right: 0;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-image
    {
        display: block;

        width: 50%;
        margin: 0 auto;
        padding-bottom: 0;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-image:before
    {
        top: auto;
        right: -50%;
        bottom: 20px;

        width: 64%;
        height: 0;
        padding-bottom: 65%;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-image.new:after
    {
        top: 20%;
        left: -38%;

        width: 54%;
        height: 0;
        padding-bottom: 54%;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-image.new .limited:after
    {
        top: 50%;
        left: -38%;

        width: 54%;
        height: 0;
        padding-bottom: 54%;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-info
    {
        display: block;

        width: auto;
        margin-top: 20px;
        padding-left: 0;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-info.br .p-name
    {
        letter-spacing: 0;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-info .p-name
    {
        margin: 0 auto;
        margin-bottom: 15px;

        text-align: center;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-info .p-name span
    {
        font-size: 15px;
        font-size: .9375rem;

        position: relative;

        display: table;

        margin: 0 auto;
        padding-right: 0;

        text-align: center;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-info .p-name span:before
    {
        position: absolute;
        z-index: -1;
        bottom: -3px;

        display: inline-block;

        width: 100%;
        height: 1vh;

        content: '';

        background-color: #fdce21;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-info .p-name span + span
    {
        padding-top: 8px;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-info .p-name
    {
        font-size: 16px;
        font-size: 1rem;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-info .p-name:before
    {
        display: none;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-info .p-caption
    {
        font-size: 11px;
        font-size: .6875rem;

        margin-bottom: 5px;
    }

    #container #index-container #scroll-area .content#lineup
    {
        margin-top: 50px;
    }

    #container #index-container #scroll-area .content#about,
    #container #index-container #scroll-area .content#faq
    {
        margin-top: 75px;
        margin-bottom: 0;
    }

    #container #index-container #scroll-area .content#about .about-pic,
    #container #index-container #scroll-area .content#faq .about-pic
    {
        width: 85%;
        margin: 30px auto 25px;
    }

    #container #index-container #scroll-area .content#about h3,
    #container #index-container #scroll-area .content#faq h3
    {
        font-size: 22px;
        font-size: 1.375rem;

        margin-bottom: 30px;
    }

    #container #index-container #scroll-area .content#about .about-message span,
    #container #index-container #scroll-area .content#faq .about-message span
    {
        font-size: 14px;
        font-size: .875rem;
    }

    #container #index-container #scroll-area .content#about .about-message strong,
    #container #index-container #scroll-area .content#faq .about-message strong
    {
        font-size: 16px;
        font-size: 1rem;

        margin: 30px auto 30px;
    }

    #container #index-container #scroll-area .content#about .about-message strong .caution,
    #container #index-container #scroll-area .content#faq .about-message strong .caution
    {
        margin-top: 5px;
    }

    #container #index-container #scroll-area .content#about .about-message strong:before,
    #container #index-container #scroll-area .content#faq .about-message strong:before
    {
        font-size: 16px;
        font-size: 1rem;

        top: -15px;
        left: calc(50% - 6.1rem);
    }

    #container #index-container #scroll-area .content#about .about-message strong sup,
    #container #index-container #scroll-area .content#faq .about-message strong sup
    {
        font-size: 10px;
        font-size: .625rem;
    }

    #container #index-container #scroll-area .content#about .mommybtn,
    #container #index-container #scroll-area .content#faq .mommybtn
    {
        width: 80%;
        margin: 30px auto 0;
    }

    #container #index-container #scroll-area .content#about .mommybtn:before,
    #container #index-container #scroll-area .content#faq .mommybtn:before
    {
        right: 40px;
    }

    #container #index-container #scroll-area .content#about .mommy-movie,
    #container #index-container #scroll-area .content#faq .mommy-movie
    {
        width: 100%;
        margin: 50px auto 0;
    }

    #container #index-container #scroll-area .fixed-banner
    {
        z-index: 500;
    }

    #container #index-container #scroll-area .fixed-banner img
    {
        width: 100%;
        margin: 0 auto;
        padding: 10px;
    }

    #container #index-container #scroll-area .fixed-banner span
    {
        right: 10px;

        width: 32px;
        height: 32px;
    }

    #container #index-container #scroll-area .fixed-banner span:before
    {
        width: 12px;
        height: 2px;
    }

    #container #index-container #scroll-area .fixed-banner span:after
    {
        width: 12px;
        height: 2px;
    }

    #container #index-container #wide-area
    {
        padding-top: 50px;
        padding-bottom: 50px;

        background: none;
    }

    #container #index-container #wide-area #voice-faq .content
    {
        display: block;

        width: 100%;
        padding: 0 25px;
    }

    #container #index-container #wide-area #voice-faq .content#voice
    {
        margin-top: 120px;
        padding-bottom: 30px;
    }

    #container #index-container #wide-area #voice-faq .content#voice h2
    {
        position: absolute;
        top: -120px;

        white-space: normal;
    }

    #container #index-container #wide-area #voice-faq .content#voice .voice-block
    {
        padding-top: 40px;
    }

    #container #index-container #wide-area #voice-faq .content#voice .voice-block li
    {
        display: block;

        width: 100%;
        height: 0;
        padding-bottom: 60%;
    }

    #container #index-container #wide-area #voice-faq .content#voice .voice-block li:nth-child(2)
    {
        height: 0;
    }

    #container #index-container #wide-area #voice-faq .content#voice .voice-block li .voice-text
    {
        top: 50%;
        bottom: auto;

        width: 55%;
    }

    #container #index-container #wide-area #voice-faq .content#voice .voice-block li .voice-text .voice-comment
    {
        padding: 20px;
    }

    #container #index-container #wide-area #voice-faq .content#voice .voice-block li .voice-text .voice-comment .voice-comment-text
    {
        font-size: 12px;
        font-size: .75rem;
    }

    #container #index-container #wide-area #voice-faq .content#voice .voice-block li .voice-text .voice-comment-name
    {
        margin-top: 5px;
    }

    #container #index-container #wide-area #voice-faq .content#voice .voice-block li .voice-text .voice-comment-name p
    {
        font-size: 10px;
        font-size: .625rem;

        margin-left: 10px;
    }

    #container #index-container #wide-area #voice-faq .content#voice .voice-block li .voice-text .voice-comment-name p span
    {
        font-size: 11px;
        font-size: .6875rem;
    }

    #container #index-container #wide-area #voice-faq .content#voice .voice-block li .voice-text .voice-comment-name figure
    {
        right: 20px;
        bottom: -5px;

        width: 20%;
    }

    #container #index-container #wide-area #voice-faq .content#faq
    {
        margin-top: 150px;
        padding-bottom: 50px;

        background-position: 100% 0;
    }

    #container #index-container #wide-area #voice-faq .content h2
    {
        position: relative;
        top: -80px;

        margin-top: 0;
    }

    #container #index-container #wide-area #voice-faq .content .faq-block
    {
        padding-top: 0;
    }

    #container #index-container #wide-area #voice-faq .content .faq-block .faq-block-list ul li
    {
        width: 100%;
    }

    #container #index-container #wide-area #voice-faq .content .faq-block .faq-block-list ul li:before
    {
        font-size: 30px;
        font-size: 1.875rem;

        width: 3rem;
    }

    #container #index-container #wide-area #voice-faq .content .faq-block .faq-block-list ul li span
    {
        font-size: 12px;
        font-size: .75rem;
        line-height: 1.6;
    }

    #container #index-container #wide-area #voice-faq .content .faq-block + .mommybtn
    {
        bottom: -30px;

        width: 80%;
        height: 70px;
    }

    #container #index-container #wide-area #feature .content#feature-area h2
    {
        margin-bottom: 20px;
    }

    #container #index-container #wide-area #feature .content#feature-area .slick-box
    {
        width: 95%;
        margin: 0 auto;
    }

    #container #index-container #wide-area #feature .content#feature-area .slick-box.custom .slick-slide
    {
        margin: 5px;
    }

    #container #index-container #wide-area #feature .content#feature-area .slick-box .slick-arrow
    {
        width: 35px;
        height: 38px;
    }

    #container #index-container #wide-area #feature .content#feature-area .slick-box .slick-arrow.next
    {
        right: 0;
    }

    #container #index-container #wide-area #feature .content#feature-area .slick-box .slick-arrow.prev
    {
        left: 0;
    }

    #container #index-container #wide-area #banner
    {
        width: 80%;
        margin: 50px auto 0;
        padding: 0;
    }

    .product-content .bread,
    #about .bread,
    #faq .bread
    {
        width: 100%;
        margin: 110px auto 0;
        padding: 0 20px;
    }

    .product-content .bread ul li,
    #about .bread ul li,
    #faq .bread ul li
    {
        line-height: 1.6;
    }

    .product-content .item-area,
    #about .item-area,
    #faq .item-area
    {
        padding: 45px 0 0;
    }

    .product-content .item-area .item-area_inner .left-box .product-point,
    #about .item-area .item-area_inner .left-box .product-point,
    #faq .item-area .item-area_inner .left-box .product-point
    {
        width: 50%;
    }

    .product-content .item-area .item-area_inner .right-box,
    #about .item-area .item-area_inner .right-box,
    #faq .item-area .item-area_inner .right-box
    {
        width: 70%;
    }

    .product-content .item-area .item-area_inner .right-box .price-box.fouth:after,
    #about .item-area .item-area_inner .right-box .price-box.fouth:after,
    #faq .item-area .item-area_inner .right-box .price-box.fouth:after
    {
        width: 245px;
    }

    .product-content .item-area .item-area_inner .right-box .price-box.product:after,
    #about .item-area .item-area_inner .right-box .price-box.product:after,
    #faq .item-area .item-area_inner .right-box .price-box.product:after
    {
        width: 245px;
    }

    .product-content .item-area .item-area_inner .right-box h1,
    #about .item-area .item-area_inner .right-box h1,
    #faq .item-area .item-area_inner .right-box h1
    {
        line-height: 1.4;
    }

    .product-content .item-area .item-area_inner .right-box h1 strong,
    #about .item-area .item-area_inner .right-box h1 strong,
    #faq .item-area .item-area_inner .right-box h1 strong
    {
        font-size: 11px;
        font-size: .6875rem;
        line-height: 1.4;

        margin-bottom: 15px;

        white-space: normal;
    }

    .product-content .item-area .bm-step,
    #about .item-area .bm-step,
    #faq .item-area .bm-step
    {
        width: 80%;
        margin: 60px auto 40px;
    }

    .product-content .item-area .bm-step:before,
    #about .item-area .bm-step:before,
    #faq .item-area .bm-step:before
    {
        top: -18vw;

        width: 80%;
        padding-bottom: 29.2%;
    }

    .product-content .item-area .bm-step:after,
    #about .item-area .bm-step:after,
    #faq .item-area .bm-step:after
    {
        display: none;
    }

    .product-content .item-area .bm-step .inner .bm-step-ttl,
    #about .item-area .bm-step .inner .bm-step-ttl,
    #faq .item-area .bm-step .inner .bm-step-ttl
    {
        width: 100%;
    }

    .product-content .item-area .bm-step .inner .bm-step-ttl img + img,
    #about .item-area .bm-step .inner .bm-step-ttl img + img,
    #faq .item-area .bm-step .inner .bm-step-ttl img + img
    {
        margin-top: 20px;
    }

    .product-content .item-area .bm-step .inner .bm-step-ttl + p.howto strong,
    #about .item-area .bm-step .inner .bm-step-ttl + p.howto strong,
    #faq .item-area .bm-step .inner .bm-step-ttl + p.howto strong
    {
        font-size: 14px;
        font-size: .875rem;
    }

    .product-content .item-area .bm-step .inner .bm-step-ttl + p.howto span,
    #about .item-area .bm-step .inner .bm-step-ttl + p.howto span,
    #faq .item-area .bm-step .inner .bm-step-ttl + p.howto span
    {
        font-size: 13px;
        font-size: .8125rem;
    }

    .product-content .item-area .bm-step .inner .notice,
    #about .item-area .bm-step .inner .notice,
    #faq .item-area .bm-step .inner .notice
    {
        font-size: 10px;
        font-size: .625rem;

        margin-top: 15px;
        padding: 15px;
    }

    .product-content .item-area.lcn .official_name,
    #about .item-area.lcn .official_name,
    #faq .item-area.lcn .official_name
    {
        font-size: 10px;
        font-size: .625rem;
    }

    .product-content .point-area,
    #about .point-area,
    #faq .point-area
    {
        width: 80%;
        margin: 60px auto;
        padding: 0;
    }

    .product-content .point-area > ul:last-child li:first-child,
    #about .point-area > ul:last-child li:first-child,
    #faq .point-area > ul:last-child li:first-child
    {
        background-color: #f37021 !important;
    }

    .product-content .point-area > ul:last-child li:last-child,
    #about .point-area > ul:last-child li:last-child,
    #faq .point-area > ul:last-child li:last-child
    {
        background-color: #5a3928 !important;
    }

    .product-content .point-area .point_list.bmn .layout_left,
    #about .point-area .point_list.bmn .layout_left,
    #faq .point-area .point_list.bmn .layout_left,
    .product-content .point-area .point_list.bmn .point_list.row .layout_row,
    .product-content .point-area .point_list.row .point_list.bmn .layout_row,
    #about .product-content .point-area .point_list.bmn .point_list.row .layout_row,
    .product-content #about .point-area .point_list.bmn .point_list.row .layout_row,
    #about .product-content .point-area .point_list.row .point_list.bmn .layout_row,
    .product-content #about .point-area .point_list.row .point_list.bmn .layout_row,
    .product-content #about .point-area .point_list.bmn .point_list.row .layout_row,
    #about .product-content .point-area .point_list.bmn .point_list.row .layout_row,
    .product-content #about .point-area .point_list.row .point_list.bmn .layout_row,
    #about .product-content .point-area .point_list.row .point_list.bmn .layout_row,
    #about .point-area .point_list.bmn .point_list.row .layout_row,
    #about .point-area .point_list.row .point_list.bmn .layout_row,
    #about #faq .point-area .point_list.bmn .point_list.row .layout_row,
    #faq #about .point-area .point_list.bmn .point_list.row .layout_row,
    #about #faq .point-area .point_list.row .point_list.bmn .layout_row,
    #faq #about .point-area .point_list.row .point_list.bmn .layout_row,
    #faq .point-area .point_list.bmn .point_list.row .layout_row,
    #faq .point-area .point_list.row .point_list.bmn .layout_row
    {
        background-color: #f37021;
    }

    .product-content .point-area .point_list.bmn .layout_left .point_text,
    #about .point-area .point_list.bmn .layout_left .point_text,
    #faq .point-area .point_list.bmn .layout_left .point_text,
    .product-content .point-area .point_list.bmn .point_list.row .layout_row .point_text,
    .product-content .point-area .point_list.row .point_list.bmn .layout_row .point_text,
    #about .product-content .point-area .point_list.bmn .point_list.row .layout_row .point_text,
    .product-content #about .point-area .point_list.bmn .point_list.row .layout_row .point_text,
    #about .product-content .point-area .point_list.row .point_list.bmn .layout_row .point_text,
    .product-content #about .point-area .point_list.row .point_list.bmn .layout_row .point_text,
    .product-content #about .point-area .point_list.bmn .point_list.row .layout_row .point_text,
    #about .product-content .point-area .point_list.bmn .point_list.row .layout_row .point_text,
    .product-content #about .point-area .point_list.row .point_list.bmn .layout_row .point_text,
    #about .product-content .point-area .point_list.row .point_list.bmn .layout_row .point_text,
    #about .point-area .point_list.bmn .point_list.row .layout_row .point_text,
    #about .point-area .point_list.row .point_list.bmn .layout_row .point_text,
    #about #faq .point-area .point_list.bmn .point_list.row .layout_row .point_text,
    #faq #about .point-area .point_list.bmn .point_list.row .layout_row .point_text,
    #about #faq .point-area .point_list.row .point_list.bmn .layout_row .point_text,
    #faq #about .point-area .point_list.row .point_list.bmn .layout_row .point_text,
    #faq .point-area .point_list.bmn .point_list.row .layout_row .point_text,
    #faq .point-area .point_list.row .point_list.bmn .layout_row .point_text
    {
        padding-bottom: 20px;
    }

    .product-content .point-area .point_list.bmn .layout_left .point_img,
    #about .point-area .point_list.bmn .layout_left .point_img,
    #faq .point-area .point_list.bmn .layout_left .point_img,
    .product-content .point-area .point_list.bmn .point_list.row .layout_row .point_img,
    .product-content .point-area .point_list.row .point_list.bmn .layout_row .point_img,
    #about .product-content .point-area .point_list.bmn .point_list.row .layout_row .point_img,
    .product-content #about .point-area .point_list.bmn .point_list.row .layout_row .point_img,
    #about .product-content .point-area .point_list.row .point_list.bmn .layout_row .point_img,
    .product-content #about .point-area .point_list.row .point_list.bmn .layout_row .point_img,
    .product-content #about .point-area .point_list.bmn .point_list.row .layout_row .point_img,
    #about .product-content .point-area .point_list.bmn .point_list.row .layout_row .point_img,
    .product-content #about .point-area .point_list.row .point_list.bmn .layout_row .point_img,
    #about .product-content .point-area .point_list.row .point_list.bmn .layout_row .point_img,
    #about .point-area .point_list.bmn .point_list.row .layout_row .point_img,
    #about .point-area .point_list.row .point_list.bmn .layout_row .point_img,
    #about #faq .point-area .point_list.bmn .point_list.row .layout_row .point_img,
    #faq #about .point-area .point_list.bmn .point_list.row .layout_row .point_img,
    #about #faq .point-area .point_list.row .point_list.bmn .layout_row .point_img,
    #faq #about .point-area .point_list.row .point_list.bmn .layout_row .point_img,
    #faq .point-area .point_list.bmn .point_list.row .layout_row .point_img,
    #faq .point-area .point_list.row .point_list.bmn .layout_row .point_img
    {
        padding: 0 20px 20px 20px;
    }

    .product-content .point-area .point_list.bmn .layout_left .point_img ul li,
    #about .point-area .point_list.bmn .layout_left .point_img ul li,
    #faq .point-area .point_list.bmn .layout_left .point_img ul li,
    .product-content .point-area .point_list.bmn .point_list.row .layout_row .point_img ul li,
    .product-content .point-area .point_list.row .point_list.bmn .layout_row .point_img ul li,
    #about .product-content .point-area .point_list.bmn .point_list.row .layout_row .point_img ul li,
    .product-content #about .point-area .point_list.bmn .point_list.row .layout_row .point_img ul li,
    #about .product-content .point-area .point_list.row .point_list.bmn .layout_row .point_img ul li,
    .product-content #about .point-area .point_list.row .point_list.bmn .layout_row .point_img ul li,
    .product-content #about .point-area .point_list.bmn .point_list.row .layout_row .point_img ul li,
    #about .product-content .point-area .point_list.bmn .point_list.row .layout_row .point_img ul li,
    .product-content #about .point-area .point_list.row .point_list.bmn .layout_row .point_img ul li,
    #about .product-content .point-area .point_list.row .point_list.bmn .layout_row .point_img ul li,
    #about .point-area .point_list.bmn .point_list.row .layout_row .point_img ul li,
    #about .point-area .point_list.row .point_list.bmn .layout_row .point_img ul li,
    #about #faq .point-area .point_list.bmn .point_list.row .layout_row .point_img ul li,
    #faq #about .point-area .point_list.bmn .point_list.row .layout_row .point_img ul li,
    #about #faq .point-area .point_list.row .point_list.bmn .layout_row .point_img ul li,
    #faq #about .point-area .point_list.row .point_list.bmn .layout_row .point_img ul li,
    #faq .point-area .point_list.bmn .point_list.row .layout_row .point_img ul li,
    #faq .point-area .point_list.row .point_list.bmn .layout_row .point_img ul li
    {
        font-size: 12px;
        font-size: .75rem;

        background-color: #5a3928;
    }

    .product-content .point-area .point_list.bmn + .orange li:first-child,
    #about .point-area .point_list.bmn + .orange li:first-child,
    #faq .point-area .point_list.bmn + .orange li:first-child
    {
        background-color: #5a3928 !important;
    }

    .product-content .point-area .point_list .layout_left .point_img,
    #about .point-area .point_list .layout_left .point_img,
    #faq .point-area .point_list .layout_left .point_img,
    .product-content .point-area .point_list.row .layout_row .point_img,
    #about .product-content .point-area .point_list.row .layout_row .point_img,
    .product-content #about .point-area .point_list.row .layout_row .point_img,
    .product-content #about .point-area .point_list.row .layout_row .point_img,
    #about .product-content .point-area .point_list.row .layout_row .point_img,
    #about .point-area .point_list.row .layout_row .point_img,
    #about #faq .point-area .point_list.row .layout_row .point_img,
    #faq #about .point-area .point_list.row .layout_row .point_img,
    #faq .point-area .point_list.row .layout_row .point_img
    {
        display: block;

        width: 100%;
        max-width: none;
        padding: 20px 20px 0 20px;
    }

    .product-content .point-area .point_list .layout_left .point_img.other.hcc,
    #about .point-area .point_list .layout_left .point_img.other.hcc,
    #faq .point-area .point_list .layout_left .point_img.other.hcc,
    .product-content .point-area .point_list.row .layout_row .point_img.other.hcc,
    #about .product-content .point-area .point_list.row .layout_row .point_img.other.hcc,
    .product-content #about .point-area .point_list.row .layout_row .point_img.other.hcc,
    .product-content #about .point-area .point_list.row .layout_row .point_img.other.hcc,
    #about .product-content .point-area .point_list.row .layout_row .point_img.other.hcc,
    #about .point-area .point_list.row .layout_row .point_img.other.hcc,
    #about #faq .point-area .point_list.row .layout_row .point_img.other.hcc,
    #faq #about .point-area .point_list.row .layout_row .point_img.other.hcc,
    #faq .point-area .point_list.row .layout_row .point_img.other.hcc
    {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .product-content .point-area .point_list .layout_left .point_img.other.hcs,
    #about .point-area .point_list .layout_left .point_img.other.hcs,
    #faq .point-area .point_list .layout_left .point_img.other.hcs,
    .product-content .point-area .point_list.row .layout_row .point_img.other.hcs,
    #about .product-content .point-area .point_list.row .layout_row .point_img.other.hcs,
    .product-content #about .point-area .point_list.row .layout_row .point_img.other.hcs,
    .product-content #about .point-area .point_list.row .layout_row .point_img.other.hcs,
    #about .product-content .point-area .point_list.row .layout_row .point_img.other.hcs,
    #about .point-area .point_list.row .layout_row .point_img.other.hcs,
    #about #faq .point-area .point_list.row .layout_row .point_img.other.hcs,
    #faq #about .point-area .point_list.row .layout_row .point_img.other.hcs,
    #faq .point-area .point_list.row .layout_row .point_img.other.hcs
    {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .product-content .point-area .point_list .layout_left .point_img.other.lc,
    #about .point-area .point_list .layout_left .point_img.other.lc,
    #faq .point-area .point_list .layout_left .point_img.other.lc,
    .product-content .point-area .point_list.row .layout_row .point_img.other.lc,
    #about .product-content .point-area .point_list.row .layout_row .point_img.other.lc,
    .product-content #about .point-area .point_list.row .layout_row .point_img.other.lc,
    .product-content #about .point-area .point_list.row .layout_row .point_img.other.lc,
    #about .product-content .point-area .point_list.row .layout_row .point_img.other.lc,
    #about .point-area .point_list.row .layout_row .point_img.other.lc,
    #about #faq .point-area .point_list.row .layout_row .point_img.other.lc,
    #faq #about .point-area .point_list.row .layout_row .point_img.other.lc,
    #faq .point-area .point_list.row .layout_row .point_img.other.lc
    {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .product-content .point-area .point_list .layout_left .point_img.other.bmc,
    #about .point-area .point_list .layout_left .point_img.other.bmc,
    #faq .point-area .point_list .layout_left .point_img.other.bmc,
    .product-content .point-area .point_list.row .layout_row .point_img.other.bmc,
    #about .product-content .point-area .point_list.row .layout_row .point_img.other.bmc,
    .product-content #about .point-area .point_list.row .layout_row .point_img.other.bmc,
    .product-content #about .point-area .point_list.row .layout_row .point_img.other.bmc,
    #about .product-content .point-area .point_list.row .layout_row .point_img.other.bmc,
    #about .point-area .point_list.row .layout_row .point_img.other.bmc,
    #about #faq .point-area .point_list.row .layout_row .point_img.other.bmc,
    #faq #about .point-area .point_list.row .layout_row .point_img.other.bmc,
    #faq .point-area .point_list.row .layout_row .point_img.other.bmc
    {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .product-content .point-area .point_list .layout_left .point_img.other.lcn,
    #about .point-area .point_list .layout_left .point_img.other.lcn,
    #faq .point-area .point_list .layout_left .point_img.other.lcn,
    .product-content .point-area .point_list.row .layout_row .point_img.other.lcn,
    #about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn,
    .product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn,
    .product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn,
    #about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn,
    #about .point-area .point_list.row .layout_row .point_img.other.lcn,
    #about #faq .point-area .point_list.row .layout_row .point_img.other.lcn,
    #faq #about .point-area .point_list.row .layout_row .point_img.other.lcn,
    #faq .point-area .point_list.row .layout_row .point_img.other.lcn
    {
        width: 100%;
        padding-bottom: 20px;
    }

    .product-content .point-area .point_list .layout_left .point_img.other.lcn ul li,
    #about .point-area .point_list .layout_left .point_img.other.lcn ul li,
    #faq .point-area .point_list .layout_left .point_img.other.lcn ul li,
    .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li,
    #about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li,
    .product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li,
    .product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li,
    #about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li,
    #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li,
    #about #faq .point-area .point_list.row .layout_row .point_img.other.lcn ul li,
    #faq #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li,
    #faq .point-area .point_list.row .layout_row .point_img.other.lcn ul li
    {
        width: calc(50% - 10px);
    }

    .product-content .point-area .point_list .layout_left .point_img.other.lcn ul li:nth-child(3n),
    #about .point-area .point_list .layout_left .point_img.other.lcn ul li:nth-child(3n),
    #faq .point-area .point_list .layout_left .point_img.other.lcn ul li:nth-child(3n),
    .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(3n),
    #about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(3n),
    .product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(3n),
    .product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(3n),
    #about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(3n),
    #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(3n),
    #about #faq .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(3n),
    #faq #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(3n),
    #faq .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(3n)
    {
        margin-right: 10px !important;
    }

    .product-content .point-area .point_list .layout_left .point_img.other.lcn ul li:nth-child(2n),
    #about .point-area .point_list .layout_left .point_img.other.lcn ul li:nth-child(2n),
    #faq .point-area .point_list .layout_left .point_img.other.lcn ul li:nth-child(2n),
    .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(2n),
    #about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(2n),
    .product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(2n),
    .product-content #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(2n),
    #about .product-content .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(2n),
    #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(2n),
    #about #faq .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(2n),
    #faq #about .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(2n),
    #faq .point-area .point_list.row .layout_row .point_img.other.lcn ul li:nth-child(2n)
    {
        margin-right: 0 !important;
    }

    .product-content .point-area .point_list .layout_left .point_img.other ul li p,
    #about .point-area .point_list .layout_left .point_img.other ul li p,
    #faq .point-area .point_list .layout_left .point_img.other ul li p,
    .product-content .point-area .point_list.row .layout_row .point_img.other ul li p,
    #about .product-content .point-area .point_list.row .layout_row .point_img.other ul li p,
    .product-content #about .point-area .point_list.row .layout_row .point_img.other ul li p,
    .product-content #about .point-area .point_list.row .layout_row .point_img.other ul li p,
    #about .product-content .point-area .point_list.row .layout_row .point_img.other ul li p,
    #about .point-area .point_list.row .layout_row .point_img.other ul li p,
    #about #faq .point-area .point_list.row .layout_row .point_img.other ul li p,
    #faq #about .point-area .point_list.row .layout_row .point_img.other ul li p,
    #faq .point-area .point_list.row .layout_row .point_img.other ul li p
    {
        font-size: 10px;
        font-size: .625rem;

        bottom: 4px;
    }

    .product-content .point-area .point_list .layout_left .point_img.other .put,
    #about .point-area .point_list .layout_left .point_img.other .put,
    #faq .point-area .point_list .layout_left .point_img.other .put,
    .product-content .point-area .point_list.row .layout_row .point_img.other .put,
    #about .product-content .point-area .point_list.row .layout_row .point_img.other .put,
    .product-content #about .point-area .point_list.row .layout_row .point_img.other .put,
    .product-content #about .point-area .point_list.row .layout_row .point_img.other .put,
    #about .product-content .point-area .point_list.row .layout_row .point_img.other .put,
    #about .point-area .point_list.row .layout_row .point_img.other .put,
    #about #faq .point-area .point_list.row .layout_row .point_img.other .put,
    #faq #about .point-area .point_list.row .layout_row .point_img.other .put,
    #faq .point-area .point_list.row .layout_row .point_img.other .put
    {
        font-size: 12px;
        font-size: .75rem;

        margin-bottom: 20px;
    }

    .product-content .point-area .point_list .layout_left .lbst-content,
    #about .point-area .point_list .layout_left .lbst-content,
    #faq .point-area .point_list .layout_left .lbst-content,
    .product-content .point-area .point_list.row .layout_row .lbst-content,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content,
    #about .point-area .point_list.row .layout_row .lbst-content,
    #about #faq .point-area .point_list.row .layout_row .lbst-content,
    #faq #about .point-area .point_list.row .layout_row .lbst-content,
    #faq .point-area .point_list.row .layout_row .lbst-content
    {
        display: block;

        width: 100%;
        max-width: none;
        padding-top: 0;
    }

    .product-content .point-area .point_list .layout_left .lbst-content .lbst .lbst-ttl,
    #about .point-area .point_list .layout_left .lbst-content .lbst .lbst-ttl,
    #faq .point-area .point_list .layout_left .lbst-content .lbst .lbst-ttl,
    .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl,
    #about .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl,
    #about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl,
    #faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl,
    #faq .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl
    {
        font-size: 16px;
        font-size: 1rem;

        letter-spacing: .08rem;
    }

    .product-content .point-area .point_list .layout_left .lbst-content .lbst .lbst-ttl strong,
    #about .point-area .point_list .layout_left .lbst-content .lbst .lbst-ttl strong,
    #faq .point-area .point_list .layout_left .lbst-content .lbst .lbst-ttl strong,
    .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl strong,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl strong,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl strong,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl strong,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl strong,
    #about .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl strong,
    #about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl strong,
    #faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl strong,
    #faq .point-area .point_list.row .layout_row .lbst-content .lbst .lbst-ttl strong
    {
        font-size: 21px;
        font-size: 1.3125rem;
    }

    .product-content .point-area .point_list .layout_left .lbst-content .lbst .sec-block > li:last-child,
    #about .point-area .point_list .layout_left .lbst-content .lbst .sec-block > li:last-child,
    #faq .point-area .point_list .layout_left .lbst-content .lbst .sec-block > li:last-child,
    .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child,
    #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child,
    #about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child,
    #faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child,
    #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child
    {
        margin-bottom: 0;
    }

    .product-content .point-area .point_list .layout_left .lbst-content .lbst .sec-block > li:last-child ul li,
    #about .point-area .point_list .layout_left .lbst-content .lbst .sec-block > li:last-child ul li,
    #faq .point-area .point_list .layout_left .lbst-content .lbst .sec-block > li:last-child ul li,
    .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child ul li,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child ul li,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child ul li,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child ul li,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child ul li,
    #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child ul li,
    #about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child ul li,
    #faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child ul li,
    #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block > li:last-child ul li
    {
        padding: 15px 0;
    }

    .product-content .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec,
    #about .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec,
    #faq .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec,
    .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec,
    #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec,
    #about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec,
    #faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec,
    #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec
    {
        float: none;

        width: 100%;
        margin-bottom: 10px;
        padding: 15px 15px 20px 15px;

        background-color: #ffe0ce !important;
    }

    .product-content .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec ul li,
    #about .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec ul li,
    #faq .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec ul li,
    .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li,
    #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li,
    #about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li,
    #faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li,
    #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li
    {
        background: none !important;
    }

    .product-content .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec ul li strong,
    #about .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec ul li strong,
    #faq .point-area .point_list .layout_left .lbst-content .lbst .sec-block .sec ul li strong,
    .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li strong,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li strong,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li strong,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li strong,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li strong,
    #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li strong,
    #about #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li strong,
    #faq #about .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li strong,
    #faq .point-area .point_list.row .layout_row .lbst-content .lbst .sec-block .sec ul li strong
    {
        margin-bottom: 4px;
    }

    .product-content .point-area .point_list .layout_left .lbst-content .put,
    #about .point-area .point_list .layout_left .lbst-content .put,
    #faq .point-area .point_list .layout_left .lbst-content .put,
    .product-content .point-area .point_list.row .layout_row .lbst-content .put,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content .put,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content .put,
    .product-content #about .point-area .point_list.row .layout_row .lbst-content .put,
    #about .product-content .point-area .point_list.row .layout_row .lbst-content .put,
    #about .point-area .point_list.row .layout_row .lbst-content .put,
    #about #faq .point-area .point_list.row .layout_row .lbst-content .put,
    #faq #about .point-area .point_list.row .layout_row .lbst-content .put,
    #faq .point-area .point_list.row .layout_row .lbst-content .put
    {
        line-height: 1.4;
    }

    .product-content .point-area .point_list .layout_left .point_text,
    #about .point-area .point_list .layout_left .point_text,
    #faq .point-area .point_list .layout_left .point_text,
    .product-content .point-area .point_list.row .layout_row .point_text,
    #about .product-content .point-area .point_list.row .layout_row .point_text,
    .product-content #about .point-area .point_list.row .layout_row .point_text,
    .product-content #about .point-area .point_list.row .layout_row .point_text,
    #about .product-content .point-area .point_list.row .layout_row .point_text,
    #about .point-area .point_list.row .layout_row .point_text,
    #about #faq .point-area .point_list.row .layout_row .point_text,
    #faq #about .point-area .point_list.row .layout_row .point_text,
    #faq .point-area .point_list.row .layout_row .point_text
    {
        display: block;

        padding-top: 30px;
        padding-bottom: 40px;
    }

    .product-content .point-area .point_list .layout_left .point_text.bnr,
    #about .point-area .point_list .layout_left .point_text.bnr,
    #faq .point-area .point_list .layout_left .point_text.bnr,
    .product-content .point-area .point_list.row .layout_row .point_text.bnr,
    #about .product-content .point-area .point_list.row .layout_row .point_text.bnr,
    .product-content #about .point-area .point_list.row .layout_row .point_text.bnr,
    .product-content #about .point-area .point_list.row .layout_row .point_text.bnr,
    #about .product-content .point-area .point_list.row .layout_row .point_text.bnr,
    #about .point-area .point_list.row .layout_row .point_text.bnr,
    #about #faq .point-area .point_list.row .layout_row .point_text.bnr,
    #faq #about .point-area .point_list.row .layout_row .point_text.bnr,
    #faq .point-area .point_list.row .layout_row .point_text.bnr
    {
        padding-bottom: 30px;
    }

    .product-content .point-area .point_list .layout_left .point_text:before,
    #about .point-area .point_list .layout_left .point_text:before,
    #faq .point-area .point_list .layout_left .point_text:before,
    .product-content .point-area .point_list.row .layout_row .point_text:before,
    #about .product-content .point-area .point_list.row .layout_row .point_text:before,
    .product-content #about .point-area .point_list.row .layout_row .point_text:before,
    .product-content #about .point-area .point_list.row .layout_row .point_text:before,
    #about .product-content .point-area .point_list.row .layout_row .point_text:before,
    #about .point-area .point_list.row .layout_row .point_text:before,
    #about #faq .point-area .point_list.row .layout_row .point_text:before,
    #faq #about .point-area .point_list.row .layout_row .point_text:before,
    #faq .point-area .point_list.row .layout_row .point_text:before
    {
        height: 360px;
    }

    .product-content .point-area .point_list .layout_left .point_text .point_no,
    #about .point-area .point_list .layout_left .point_text .point_no,
    #faq .point-area .point_list .layout_left .point_text .point_no,
    .product-content .point-area .point_list.row .layout_row .point_text .point_no,
    #about .product-content .point-area .point_list.row .layout_row .point_text .point_no,
    .product-content #about .point-area .point_list.row .layout_row .point_text .point_no,
    .product-content #about .point-area .point_list.row .layout_row .point_text .point_no,
    #about .product-content .point-area .point_list.row .layout_row .point_text .point_no,
    #about .point-area .point_list.row .layout_row .point_text .point_no,
    #about #faq .point-area .point_list.row .layout_row .point_text .point_no,
    #faq #about .point-area .point_list.row .layout_row .point_text .point_no,
    #faq .point-area .point_list.row .layout_row .point_text .point_no
    {
        width: 20%;
        margin: 0 auto 10px;
    }

    .product-content .point-area .point_list .layout_left .point_text strong span,
    #about .point-area .point_list .layout_left .point_text strong span,
    #faq .point-area .point_list .layout_left .point_text strong span,
    .product-content .point-area .point_list.row .layout_row .point_text strong span,
    #about .product-content .point-area .point_list.row .layout_row .point_text strong span,
    .product-content #about .point-area .point_list.row .layout_row .point_text strong span,
    .product-content #about .point-area .point_list.row .layout_row .point_text strong span,
    #about .product-content .point-area .point_list.row .layout_row .point_text strong span,
    #about .point-area .point_list.row .layout_row .point_text strong span,
    #about #faq .point-area .point_list.row .layout_row .point_text strong span,
    #faq #about .point-area .point_list.row .layout_row .point_text strong span,
    #faq .point-area .point_list.row .layout_row .point_text strong span
    {
        font-size: 20px;
        font-size: 1.25rem;

        letter-spacing: .1rem;
    }

    .product-content .point-area .point_list .layout_left .point_text strong sup,
    #about .point-area .point_list .layout_left .point_text strong sup,
    #faq .point-area .point_list .layout_left .point_text strong sup,
    .product-content .point-area .point_list.row .layout_row .point_text strong sup,
    #about .product-content .point-area .point_list.row .layout_row .point_text strong sup,
    .product-content #about .point-area .point_list.row .layout_row .point_text strong sup,
    .product-content #about .point-area .point_list.row .layout_row .point_text strong sup,
    #about .product-content .point-area .point_list.row .layout_row .point_text strong sup,
    #about .point-area .point_list.row .layout_row .point_text strong sup,
    #about #faq .point-area .point_list.row .layout_row .point_text strong sup,
    #faq #about .point-area .point_list.row .layout_row .point_text strong sup,
    #faq .point-area .point_list.row .layout_row .point_text strong sup
    {
        font-size: 10px;
        font-size: .625rem;
    }

    .product-content .point-area .point_list .layout_left .point_text .txt,
    #about .point-area .point_list .layout_left .point_text .txt,
    #faq .point-area .point_list .layout_left .point_text .txt,
    .product-content .point-area .point_list.row .layout_row .point_text .txt,
    #about .product-content .point-area .point_list.row .layout_row .point_text .txt,
    .product-content #about .point-area .point_list.row .layout_row .point_text .txt,
    .product-content #about .point-area .point_list.row .layout_row .point_text .txt,
    #about .product-content .point-area .point_list.row .layout_row .point_text .txt,
    #about .point-area .point_list.row .layout_row .point_text .txt,
    #about #faq .point-area .point_list.row .layout_row .point_text .txt,
    #faq #about .point-area .point_list.row .layout_row .point_text .txt,
    #faq .point-area .point_list.row .layout_row .point_text .txt
    {
        font-size: 13px;
        font-size: .8125rem;

        width: 70%;
        margin: 15px auto 0;
    }

    .product-content .point-area .point_list .layout_left .point_text .txt br,
    #about .point-area .point_list .layout_left .point_text .txt br,
    #faq .point-area .point_list .layout_left .point_text .txt br,
    .product-content .point-area .point_list.row .layout_row .point_text .txt br,
    #about .product-content .point-area .point_list.row .layout_row .point_text .txt br,
    .product-content #about .point-area .point_list.row .layout_row .point_text .txt br,
    .product-content #about .point-area .point_list.row .layout_row .point_text .txt br,
    #about .product-content .point-area .point_list.row .layout_row .point_text .txt br,
    #about .point-area .point_list.row .layout_row .point_text .txt br,
    #about #faq .point-area .point_list.row .layout_row .point_text .txt br,
    #faq #about .point-area .point_list.row .layout_row .point_text .txt br,
    #faq .point-area .point_list.row .layout_row .point_text .txt br
    {
        display: none;
    }

    .product-content .point-area .point_list .layout_left .point_text .txt sup,
    #about .point-area .point_list .layout_left .point_text .txt sup,
    #faq .point-area .point_list .layout_left .point_text .txt sup,
    .product-content .point-area .point_list.row .layout_row .point_text .txt sup,
    #about .product-content .point-area .point_list.row .layout_row .point_text .txt sup,
    .product-content #about .point-area .point_list.row .layout_row .point_text .txt sup,
    .product-content #about .point-area .point_list.row .layout_row .point_text .txt sup,
    #about .product-content .point-area .point_list.row .layout_row .point_text .txt sup,
    #about .point-area .point_list.row .layout_row .point_text .txt sup,
    #about #faq .point-area .point_list.row .layout_row .point_text .txt sup,
    #faq #about .point-area .point_list.row .layout_row .point_text .txt sup,
    #faq .point-area .point_list.row .layout_row .point_text .txt sup
    {
        font-size: 10px;
        font-size: .625rem;
    }

    .product-content .point-area .point_list .layout_left .point_text .txt + a,
    #about .point-area .point_list .layout_left .point_text .txt + a,
    #faq .point-area .point_list .layout_left .point_text .txt + a,
    .product-content .point-area .point_list.row .layout_row .point_text .txt + a,
    #about .product-content .point-area .point_list.row .layout_row .point_text .txt + a,
    .product-content #about .point-area .point_list.row .layout_row .point_text .txt + a,
    .product-content #about .point-area .point_list.row .layout_row .point_text .txt + a,
    #about .product-content .point-area .point_list.row .layout_row .point_text .txt + a,
    #about .point-area .point_list.row .layout_row .point_text .txt + a,
    #about #faq .point-area .point_list.row .layout_row .point_text .txt + a,
    #faq #about .point-area .point_list.row .layout_row .point_text .txt + a,
    #faq .point-area .point_list.row .layout_row .point_text .txt + a
    {
        width: 100%;
        padding: 0 20px;
    }

    .product-content .point-area .point_list.row.heightauto .layout_row,
    #about .point-area .point_list.row.heightauto .layout_row,
    #faq .point-area .point_list.row.heightauto .layout_row
    {
        height: auto;
    }

    .product-content .point-area .point_list.row > li:last-child,
    #about .point-area .point_list.row > li:last-child,
    #faq .point-area .point_list.row > li:last-child
    {
        margin-top: 20px;

        background-color: #f37021;
    }

    .product-content .point-area .point_list.row > li:last-child .point_text .point_icon ul li,
    #about .point-area .point_list.row > li:last-child .point_text .point_icon ul li,
    #faq .point-area .point_list.row > li:last-child .point_text .point_icon ul li
    {
        background-color: #5a3928;
    }

    .product-content .point-area .point_list.row .layout_row,
    #about .point-area .point_list.row .layout_row,
    #faq .point-area .point_list.row .layout_row
    {
        width: 100%;
        max-width: none;
        height: auto;
    }

    .product-content .point-area .point_list.row .layout_row:before,
    #about .point-area .point_list.row .layout_row:before,
    #faq .point-area .point_list.row .layout_row:before
    {
        height: 360px;
    }

    .product-content .point-area .point_list.row .layout_row .point_text,
    #about .point-area .point_list.row .layout_row .point_text,
    #faq .point-area .point_list.row .layout_row .point_text
    {
        padding: 40px 0 40px;
    }

    .product-content .point-area .point_list.row .layout_row .point_text .point_icon ul li,
    #about .point-area .point_list.row .layout_row .point_text .point_icon ul li,
    #faq .point-area .point_list.row .layout_row .point_text .point_icon ul li
    {
        width: 28%;
        height: auto;
        padding-bottom: 20%;
    }

    .product-content .point-area .point_list.row .layout_row .point_text .point_icon ul li span,
    #about .point-area .point_list.row .layout_row .point_text .point_icon ul li span,
    #faq .point-area .point_list.row .layout_row .point_text .point_icon ul li span
    {
        font-size: 10px;
        font-size: .625rem;
        line-height: 1.4;
    }

    .product-content .point-area .point_list.row .layout_row .point_text .point_icon ul.single li,
    #about .point-area .point_list.row .layout_row .point_text .point_icon ul.single li,
    #faq .point-area .point_list.row .layout_row .point_text .point_icon ul.single li
    {
        width: 57%;
        height: 30px;
    }

    .product-content .point-area .point_list.row .layout_row .point_text .point_icon .put,
    #about .point-area .point_list.row .layout_row .point_text .point_icon .put,
    #faq .point-area .point_list.row .layout_row .point_text .point_icon .put
    {
        font-size: 14px;
        font-size: .875rem;
    }

    .product-content .point-area .point_list.row + .point_list .layout_left,
    #about .point-area .point_list.row + .point_list .layout_left,
    #faq .point-area .point_list.row + .point_list .layout_left,
    .product-content .point-area .point_list.row + .point_list .point_list.row .layout_row,
    .product-content .point-area .point_list.row .point_list.row + .point_list .layout_row,
    #about .product-content .point-area .point_list.row + .point_list .point_list.row .layout_row,
    .product-content #about .point-area .point_list.row + .point_list .point_list.row .layout_row,
    #about .product-content .point-area .point_list.row .point_list.row + .point_list .layout_row,
    .product-content #about .point-area .point_list.row .point_list.row + .point_list .layout_row,
    .product-content #about .point-area .point_list.row + .point_list .point_list.row .layout_row,
    #about .product-content .point-area .point_list.row + .point_list .point_list.row .layout_row,
    .product-content #about .point-area .point_list.row .point_list.row + .point_list .layout_row,
    #about .product-content .point-area .point_list.row .point_list.row + .point_list .layout_row,
    #about .point-area .point_list.row + .point_list .point_list.row .layout_row,
    #about .point-area .point_list.row .point_list.row + .point_list .layout_row,
    #about #faq .point-area .point_list.row + .point_list .point_list.row .layout_row,
    #faq #about .point-area .point_list.row + .point_list .point_list.row .layout_row,
    #about #faq .point-area .point_list.row .point_list.row + .point_list .layout_row,
    #faq #about .point-area .point_list.row .point_list.row + .point_list .layout_row,
    #faq .point-area .point_list.row + .point_list .point_list.row .layout_row,
    #faq .point-area .point_list.row .point_list.row + .point_list .layout_row
    {
        background-color: #5a3928;
    }

    .product-content .point-area .point_list.row + .point_list .layout_left .point_img ul li,
    #about .point-area .point_list.row + .point_list .layout_left .point_img ul li,
    #faq .point-area .point_list.row + .point_list .layout_left .point_img ul li,
    .product-content .point-area .point_list.row + .point_list .point_list.row .layout_row .point_img ul li,
    .product-content .point-area .point_list.row .point_list.row + .point_list .layout_row .point_img ul li,
    #about .product-content .point-area .point_list.row + .point_list .point_list.row .layout_row .point_img ul li,
    .product-content #about .point-area .point_list.row + .point_list .point_list.row .layout_row .point_img ul li,
    #about .product-content .point-area .point_list.row .point_list.row + .point_list .layout_row .point_img ul li,
    .product-content #about .point-area .point_list.row .point_list.row + .point_list .layout_row .point_img ul li,
    .product-content #about .point-area .point_list.row + .point_list .point_list.row .layout_row .point_img ul li,
    #about .product-content .point-area .point_list.row + .point_list .point_list.row .layout_row .point_img ul li,
    .product-content #about .point-area .point_list.row .point_list.row + .point_list .layout_row .point_img ul li,
    #about .product-content .point-area .point_list.row .point_list.row + .point_list .layout_row .point_img ul li,
    #about .point-area .point_list.row + .point_list .point_list.row .layout_row .point_img ul li,
    #about .point-area .point_list.row .point_list.row + .point_list .layout_row .point_img ul li,
    #about #faq .point-area .point_list.row + .point_list .point_list.row .layout_row .point_img ul li,
    #faq #about .point-area .point_list.row + .point_list .point_list.row .layout_row .point_img ul li,
    #about #faq .point-area .point_list.row .point_list.row + .point_list .layout_row .point_img ul li,
    #faq #about .point-area .point_list.row .point_list.row + .point_list .layout_row .point_img ul li,
    #faq .point-area .point_list.row + .point_list .point_list.row .layout_row .point_img ul li,
    #faq .point-area .point_list.row .point_list.row + .point_list .layout_row .point_img ul li
    {
        background: none;
    }

    .product-content .point-area .renewal,
    #about .point-area .renewal,
    #faq .point-area .renewal
    {
        margin-bottom: 20px;
    }

    .product-content .content#voice .mamas-comment span,
    #about .content#voice .mamas-comment span,
    #faq .content#voice .mamas-comment span
    {
        font-size: 18px;
        font-size: 1.125rem;
    }

    .bnr_uvseries a
    {
        width: 88%;
    }

    .imagearea
    {
        width: 100%;
        margin-top: 50px;
    }
}

@media only screen and (max-width: 767px) and (max-width: 767px)
{
    #faq #faq-container .faq-area .btn_anchor
    {
        padding-top: 10px;
    }
}

@media only screen and (max-width: 349px)
{
    #feature-container #fv-area .absolute-area .absolute-area__info figcaption strong,
    .product-content #fv-area .absolute-area .absolute-area__info figcaption strong,
    #about #fv-area .absolute-area .absolute-area__info figcaption strong,
    #faq #fv-area .absolute-area .absolute-area__info figcaption strong
    {
        font-size: 11px;
        font-size: .6875rem;
    }

    #feature-container #fv-area .absolute-area .absolute-area__info figcaption strong:before,
    .product-content #fv-area .absolute-area .absolute-area__info figcaption strong:before,
    #about #fv-area .absolute-area .absolute-area__info figcaption strong:before,
    #faq #fv-area .absolute-area .absolute-area__info figcaption strong:before
    {
        width: 16.5rem;
    }

    #feature-container .about-area .item_nav li .txt h3 span,
    .product-content .about-area .item_nav li .txt h3 span,
    #about .about-area .item_nav li .txt h3 span,
    #faq .about-area .item_nav li .txt h3 span
    {
        font-size: 13px;
        font-size: .8125rem;
    }

    #feature-container .about-area .item_nav li .txt p,
    .product-content .about-area .item_nav li .txt p,
    #about .about-area .item_nav li .txt p,
    #faq .about-area .item_nav li .txt p
    {
        font-size: 11px;
        font-size: .6875rem;
        line-height: 14px;
    }

    #feature-container .about-area .item_nav li .txt p strong,
    .product-content .about-area .item_nav li .txt p strong,
    #about .about-area .item_nav li .txt p strong,
    #faq .about-area .item_nav li .txt p strong
    {
        font-size: 10px;
        font-size: .625rem;
    }
}

@media only screen and (max-width: 320px)
{
    .product-content .item-area .item-area_inner .right-box,
    #about .item-area .item-area_inner .right-box,
    #faq .item-area .item-area_inner .right-box
    {
        width: 80%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1387px) and (max-height: 768px)
{
    #notfound .notfound-btn span
    {
        font-size: 12px;
        font-size: .75rem;
    }

    #container #index-container .content .content-heading,
    #container #index-container #wide-area #voice-faq .content h2,
    #container #index-container #wide-area #feature .content#feature-area h2
    {
        margin-bottom: 4vh;
    }

    #container #index-container .content .mommybtn span
    {
        font-size: 12px;
        font-size: .75rem;
    }

    #container #index-container #scroll-area .content .series#uv
    {
        margin-top: 5vh;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-info .p-name
    {
        font-size: 16px;
        font-size: 1rem;

        letter-spacing: 0;
    }

    #container #index-container #scroll-area .content .series .product-list .product-list-block .product-info .p-caption
    {
        font-size: 12px;
        font-size: .75rem;
    }
}

@media screen and (orientation: portrait)
{
    #feature-container #fv-area,
    .product-content #fv-area,
    #about #fv-area,
    #faq #fv-area
    {
        background: url(../images/feature/bg_main.jpg) 50% top/cover no-repeat;
    }

    #feature-container #fv-area .absolute-area,
    .product-content #fv-area .absolute-area,
    #about #fv-area .absolute-area,
    #faq #fv-area .absolute-area
    {
        background: url(../images/feature/bg_main_inner_sp@2x.png) 18% bottom/auto 100% no-repeat;
    }
}