/*!
 * ress.css • v2.0.2
 * MIT License
 * github.com/filipelinhares/ress
 */


/* # =================================================================
   # Global selectors
   # ================================================================= */

html {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    /* Prevent adjustments of font size after orientation changes in iOS */
    word-break: break-word;
    -moz-tab-size: 4;
    tab-size: 4;
}

*,
 ::before,
 ::after {
    background-repeat: no-repeat;
    /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
    box-sizing: inherit;
}

 ::before,
 ::after {
    text-decoration: inherit;
    /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
    vertical-align: inherit;
}

* {
    padding: 0;
    /* Reset `padding` and `margin` of all elements */
    margin: 0;
}


/* # =================================================================
     # General elements
     # ================================================================= */

hr {
    overflow: visible;
    /* Show the overflow in Edge and IE */
    height: 0;
    /* Add the correct box sizing in Firefox */
}

details,
main {
    display: block;
    /* Render the `main` element consistently in IE. */
}

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

small {
    font-size: 80%;
    /* Set font-size to 80% in `small` elements */
}

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

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

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

a:active,
a:hover {
    outline-width: 0;
    /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    /* Specify the font family of code elements */
}

pre {
    font-size: 1em;
    /* Correct the odd `em` font sizing in all browsers */
}

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


/* https://gist.github.com/unruthless/413930 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}


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

input {
    border-radius: 0;
}


/* Replace pointer cursor in disabled elements */

[disabled] {
    cursor: default;
}

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

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

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

textarea {
    overflow: auto;
    /* Internet Explorer 11+ */
    resize: vertical;
    /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    /* Specify font inheritance of form elements */
}

optgroup {
    font-weight: bold;
    /* Restore the font weight unset by the previous rule */
}

button {
    overflow: visible;
    /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
    text-transform: none;
    /* Firefox 40+, Internet Explorer 11- */
}


/* Apply cursor pointer to button elements */

button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
    cursor: pointer;
    color: inherit;
}


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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}


/* Replace focus style removed in the border reset above */

button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    outline: 1px dotted ButtonText;
}

button,
html [type="button"],

/* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */

[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* Correct the inability to style clickable types in iOS */
}


/* Remove the default button styling in all browsers */

button,
input,
select,
textarea {
    background-color: transparent;
    border-style: none;
}


/* Style select like a standard input */

select {
    -moz-appearance: none;
    /* Firefox 36+ */
    -webkit-appearance: none;
    /* Chrome 41+ */
}

select::-ms-expand {
    display: none;
    /* Internet Explorer 11+ */
}

select::-ms-value {
    color: currentColor;
    /* Internet Explorer 11+ */
}

legend {
    border: 0;
    /* Correct `color` not being inherited in IE 8/9/10/11 */
    color: inherit;
    /* Correct the color inheritance from `fieldset` elements in IE */
    display: table;
    /* Correct the text wrapping in Edge and IE */
    max-width: 100%;
    /* Correct the text wrapping in Edge and IE */
    white-space: normal;
    /* Correct the text wrapping in Edge and IE */
    max-width: 100%;
    /* Correct the text wrapping in Edge 18- and IE */
}

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


/* # =================================================================
     # Specify media element style
     # ================================================================= */

img {
    border-style: none;
    /* Remove border when inside `a` element in IE 8/9/10 */
}


/* Add the correct vertical alignment in Chrome, Firefox, and Opera */

progress {
    vertical-align: baseline;
}

svg:not([fill]) {
    fill: currentColor;
}


/* # =================================================================
     # Accessibility
     # ================================================================= */


/* Hide content from screens but not screenreaders */

@media screen {
    [hidden~="screen"] {
        display: inherit;
    }
    [hidden~="screen"]:not(:active):not(:focus):not(:target) {
        position: absolute !important;
        clip: rect(0 0 0 0) !important;
    }
}


/* Specify the progress cursor of updating elements */

[aria-busy="true"] {
    cursor: progress;
}


/* Specify the pointer cursor of trigger elements */

[aria-controls] {
    cursor: pointer;
}


/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */

[aria-disabled] {
    cursor: default;
}

@font-face {
    font-family: "utsukushi";
    src: url("font/02UtsukushiMincho.ttf") format("woff");
}

body {
    max-width: 1280px;
    margin: 0 auto;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

li {
    list-style: none;
}

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

#sena {
    overflow: hidden;
    background-color: #FFFDE8;
}

#sena h3 {
    font-family: utsukushi;
    text-align: center;
    font-size: 32px;
    font-weight: normal;
    margin-top: 40px;
}

#sena h4 {
    margin-top: 20px;
    font-family: utsukushi;
    text-align: center;
    font-size: 64px;
    font-weight: normal;
}

#sena h4 span {
    font-size: 36px;
}

.first,
.second,
.third {
    position: relative;
    overflow: hidden;
}

.third {
    margin-bottom: 34px;
}

.first .img_wrap {
    position: absolute;
    left: 0;
    top: 30px;
    width: 282px;
    text-align: right;
}

.first .img_wrap p {
    font-size: 20px;
}

.second img {
    width: 224px;
    position: absolute;
    right: 0;
    top: 38px;
}

.third img {
    width: 266px;
    position: absolute;
    top: 80px;
    left: 0;
}

#sena .first .text {
    float: right;
    margin-top: 62px;
    width: 406px;
    margin-right: 24px;
}

#sena .second .text {
    float: left;
    margin-top: 64px;
    width: 420px;
    margin-left: 36px;
}

#sena .third .text {
    float: right;
    margin-top: 110px;
    width: 428px;
    margin-right: 22px;
}

#sena .first .text h5 {
    margin-bottom: 26px;
}

#sena .second .text h5 {
    margin-bottom: 34px;
}

#sena .text h5 {
    font-size: 24px;
}

#sena .text h5 span {
    font-size: 32px;
}

#sena .text p {
    font-size: 20px;
    letter-spacing: 5%;
    line-height: 1.4em;
}

a {
    display: inline-block;
}


/* a {
    display: inline-block;
    height: 14px;
    overflow: hidden;
    vertical-align: top;
}

a img {
    height: 14px;
    width: auto;
    vertical-align: top;
} */

.note {
    margin-top: 36px;
    font-size: 20px;
}


/*anxiety*/

#anxiety {
    position: relative;
}

.me {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 800px;
    left: 0;
    color: white;
    font-size: 56px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.asking {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 976px;
    left: 0;
    color: #FBB03B;
    font-size: 40px;
}

#anxiety ul li:first-of-type p {
    font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    position: absolute;
    width: 100%;
    top: 1129px;
    left: 0;
    padding-left: 132px;
    font-size: 32px;
    letter-spacing: 2.22px;
}

#anxiety ul li:nth-of-type(2) p {
    font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    position: absolute;
    width: 100%;
    top: 1243px;
    left: 0;
    padding-left: 132px;
    font-size: 32px;
    letter-spacing: 2.22px;
}

#anxiety ul li:last-of-type p {
    font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    position: absolute;
    width: 100%;
    top: 1395px;
    left: 0;
    padding-left: 132px;
    font-size: 32px;
    letter-spacing: 2.22px;
}

.top {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    position: absolute;
    width: 100%;
    top: 1614px;
    left: 0;
    text-align: center;
    font-size: 36px;
    letter-spacing: 1px;
    color: #6A5724;
}

.top span {
    font-size: 60px;
}

.bottom {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    position: absolute;
    width: 100%;
    top: 1832px;
    left: 0;
    text-align: center;
    font-size: 36px;
    letter-spacing: 1px;
    color: #6A5724;
}

.bottom span {
    font-size: 60px;
}

#catechin {
    position: relative;
}

.caption {
    position: absolute;
    top: 16px;
    left: 0;
    font-size: 28px;
    line-height: 72px;
    width: 100%;
    text-align: center;
    color: white;
    letter-spacing: 2.22px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.caption span {
    font-size: 48px;
    letter-spacing: 3px;
}

.select {
    position: absolute;
    top: 696px;
    width: 100%;
    font-size: 48px;
    padding-left: 34px;
    line-height: 64px;
    letter-spacing: 1.416px;
    color: #3D2B08;
}

.select-text {
    position: absolute;
    top: 840px;
    width: 100%;
    font-size: 26px;
    padding-left: 34px;
    line-height: 36px;
    letter-spacing: -0.4px;
    color: #3D2B08;
}

.check {
    position: absolute;
    top: 960px;
    width: 100%;
    font-size: 22px;
    padding-left: 32px;
    line-height: 20px;
    letter-spacing: -0.6px;
    color: #3D2B08;
}

#support {
    position: relative;
}

#support h5 {
    text-align: center;
    font-size: 36px;
    line-height: 64px;
    letter-spacing: 1.12px;
    font-weight: normal;
    color: #3D2B08;
    position: absolute;
    top: 182px;
    left: 0;
    width: 100%;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#support h5 .big {
    font-size: 60px;
}

#support h5 .small {
    font-size: 20px;
}

#support .component {
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 0;
    position: absolute;
    top: 360px;
    left: 0;
    width: 100%;
    padding: 0 92px;
    color: #3D2B08;
}

#support .component span {
    font-size: 20px;
}

#support .right {
    font-size: 22px;
    letter-spacing: 2px;
    line-height: 28px;
    color: #504637;
    position: absolute;
    top: 730px;
    right: 106px;
}

#support .left {
    font-size: 22px;
    letter-spacing: 2px;
    line-height: 28px;
    color: #504637;
    position: absolute;
    bottom: 356px;
    left: 112px;
}

#support .right span,
#support .left span {
    font-size: 20px;
}

#support ul {
    position: absolute;
    bottom: 102px;
    left: 58px;
}

#support ul li p {
    font-size: 20px;
    letter-spacing: 3.12px;
    line-height: 26px;
    color: #504637;
}

#insta {
    position: relative;
}

#insta .trend {
    font-size: 48px;
    letter-spacing: 0.8px;
    position: absolute;
    top: 145px;
    width: 100%;
    color: #6A3906;
    text-align: center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#insta .trend .insta {
    color: #C64880;
    letter-spacing: 2px;
    font-weight: bold;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

#insta .trend .kana {
    font-size: 32px;
}

.good {
    font-size: 20px;
    letter-spacing: 1.34px;
    position: absolute;
    color: #181818;
    line-height: 20px;
}

.jun {
    top: 952px;
    left: 66px;
}

.comment {
    font-size: 22px;
    letter-spacing: 1.34px;
    position: absolute;
    color: #181818;
    line-height: 20px;
}

.long {
    top: 992px;
    left: 66px;
}

.long-review {
    font-size: 20px;
    letter-spacing: 0.8px;
    position: absolute;
    top: 1038px;
    left: 66px;
    color: #181818;
    line-height: 32px;
}

.long-tag {
    color: #001974;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0.8px;
    position: absolute;
    top: 1240px;
    left: 66px;
}

.second-name {
    top: 1999px;
    left: 60px;
}

#insta .second {
    top: 2037px;
    left: 60px;
}

.second-review {
    font-size: 20px;
    letter-spacing: 0.8px;
    position: absolute;
    top: 2075px;
    left: 60px;
    color: #181818;
    line-height: 32px;
}

.second-tag {
    color: #001974;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0.8px;
    position: absolute;
    top: 2185px;
    left: 60px;
}

.third-good {
    top: 2949px;
    left: 60px;
}

.third-name {
    top: 2988px;
    left: 60px;
}

.third-review {
    font-size: 20px;
    letter-spacing: 0.8px;
    position: absolute;
    top: 3016px;
    left: 60px;
    color: #181818;
    line-height: 32px;
}

.third-tag {
    color: #001974;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0.8px;
    position: absolute;
    top: 3194px;
    left: 60px;
}

.baner {
    position: fixed;
    bottom: 20px;
    width: 1200px;
    left: calc(37% - 347.29px);
    z-index: 1;
    opacity: 0.9;
}

#satisfaction {
    position: relative;
}

#joy {
    position: relative;
}

.joyful {
    position: absolute;
    text-align: center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    width: 100%;
    color: #6C5021;
    font-size: 48px;
    letter-spacing: 0.8px;
    top: 174px;
    line-height: 48px;
}

.joyful span {
    color: #13870C;
    font-size: 80px;
}

.prof {
    color: #A8D17D;
    position: absolute;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 0.8px;
}

.men {
    top: 446px;
    right: 85px;
}

#joy .title {
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 0.8px;
    position: absolute;
    text-align: center;
}

#joy .men-title {
    top: 684px;
    left: 198px;
}

#joy .text {
    position: absolute;
    font-size: 27px;
    letter-spacing: 0;
    line-height: 32px;
}

#joy .men-text {
    top: 790px;
    left: 94px;
}

.women {
    top: 1578px;
    left: 32px;
}

#joy .women-title {
    top: 1784px;
    left: 190px;
}

#joy .women-text {
    top: 1870px;
    left: 96px;
}

#joy .joy-check {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    width: 100%;
    position: absolute;
    bottom: 88px;
    text-align: center;
    font-size: 22px;
    letter-spacing: 1.12px;
}

#situation {
    position: relative;
}

.example {
    font-size: 32px;
    position: absolute;
    top: 64px;
    left: 0;
    width: 100%;
    text-align: center;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 0;
}

.example span {
    font-size: 48px;
}

.when {
    font-size: 40px;
    position: absolute;
    width: 100%;
    text-align: center;
    line-height: 32px;
    letter-spacing: 0.8px;
    color: #5F3F1A;
    font-weight: bold;
}

.stu1 {
    top: 367.2px;
}

.stu2 {
    top: 959.2px;
}

.when.stu3 {
    top: 1588.2px;
    font-size: 40px;
    position: absolute;
    width: 100%;
    text-align: center;
    line-height: 49px;
    letter-spacing: -3px;
    color: #5F3F1A;
    font-weight: bold;
}

.can {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #5F3F1A;
    font-weight: bold;
    font-size: 26px;
    letter-spacing: 0.8px;
    line-height: 32px;
    font-weight: normal;
}

.stu1-text {
    top: 753.2px;
}

.stu2-text {
    top: 1389.2px;
}

.stu3-text {
    top: 2055.2px;
}

.fukidashi {
    position: absolute;
    width: 100%;
    bottom: 112px;
    text-align: center;
    font-weight: normal;
    color: #FBB03B;
    font-size: 48px;
    letter-spacing: 0.8px;
    line-height: 56px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.fukidashi span {
    font-size: 36px;
}

#faq {
    height: 1678.48px;
    width: 100%;
    padding-top: 92px;
    background-image: url(img/Group\ 247.png);
    background-size: cover;
}

#faq h2 {
    font-size: 48px;
    line-height: 32px;
    letter-spacing: 0.8px;
    color: #513D31;
    text-align: center;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: normal;
}

.wrap {
    text-align: left;
    margin-top: 74px;
    width: 658px;
    margin-left: auto;
    margin-right: auto;
}

.q,
.a {
    display: inline-block;
    font-size: 48px;
    text-align: left;
    width: 42px;
    line-height: 36px;
    letter-spacing: 3.12px;
    color: #513D31;
    vertical-align: top;
    margin-right: 30px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.a,
.faq-text:last-of-type {
    margin-top: 26px;
}

.faq-text {
    text-align: left;
    display: inline-block;
    color: #513D31;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 3.12px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#regular {
    position: relative;
}

.regular-title {
    font-size: 64px;
    letter-spacing: 0.8px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 67.2px;
    line-height: 32px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.regular-title span {
    font-size: 48px;
}

.one {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0.8px;
    position: absolute;
    top: 213.46px;
    left: 414.94px;
}

.three {
    font-size: 40px;
    line-height: 32px;
    letter-spacing: 0.8px;
    position: absolute;
    top: 266px;
    left: 356px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.three span {
    font-size: 28px;
    line-height: 32px;
    margin-left: 12px;
}

.discount {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0.8px;
    position: absolute;
    top: 381.46px;
    left: 404.94px;
}

.two {
    color: #FFA53A;
    font-size: 72px;
    line-height: 32px;
    letter-spacing: 0.8px;
    position: absolute;
    left: 332px;
    top: 439.46px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.two span {
    font-size: 28px;
    line-height: 32px;
    margin-left: 19px;
    color: #000;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.nihon {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0.8px;
    position: absolute;
    top: 755.46px;
    left: 480.94px;
}

.nihon-price {
    font-size: 72px;
    line-height: 32px;
    letter-spacing: 0.8px;
    color: #FFA53A;
    position: absolute;
    top: 813.46px;
    left: 409px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.nihon-price span {
    font-size: 28px;
    line-height: 32px;
    margin-left: 4px;
    color: #000;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.two-price {
    font-size: 28px;
    letter-spacing: 0.3px;
    line-height: 32px;
    position: absolute;
    top: 871.44px;
    left: 408px;
}

.merit {
    position: absolute;
    width: 100%;
    top: 1074px;
    text-align: center;
    font-size: 36px;
    line-height: 32px;
    letter-spacing: 0.8px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.top-merit {
    font-size: 40px;
    letter-spacing: 0.8px;
    line-height: 32px;
    color: #FBB03B;
    position: absolute;
    top: 1237.46px;
    width: 100%;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
}

.under-merit {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 40px;
    letter-spacing: 0.8px;
    line-height: 50px;
    color: #FBB03B;
    position: absolute;
    top: 1311.46px;
    width: 100%;
    text-align: center;
}

.batsu {
    width: 227px;
    position: absolute;
    top: 261px;
    z-index: 1;
    left: 353px;
}

.regular-note {
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 0.8px;
    position: absolute;
    left: 42px;
    top: 1585.46px;
}

.regular-note span {
    font-weight: bold;
}

@media(max-width:1200px) {
	.baner {
    position: fixed;
    bottom: 20px;
    width: 750px;
    left: calc(50% - 347.29px);
    z-index: 1;
    opacity: 0.9;
}

    #sena h3 {
        font-family: utsukushi;
        text-align: center;
        font-size: 4.266vw;
        font-weight: normal;
        margin-top: 10.667vw;
    }
    #sena h4 {
        margin-top: 2.66vw;
        font-family: utsukushi;
        text-align: center;
        font-size: 8.533vw;
        font-weight: normal;
        margin-bottom: 13px;
    }
    #sena h4 span {
        font-size: 4.8vw;
    }
    #sena .first .text {
        float: right;
        margin-top: 8.266vw;
        width: 54.133vw;
        margin-right: 3.2vw;
    }
    #sena .second .text {
        float: left;
        margin-top: 8.533vw;
        width: 56vw;
        margin-left: 4.8vw;
    }
    #sena .third .text {
        float: right;
        margin-top: 13.066vw;
        width: 57vw;
        margin-right: 2.933vw;
    }
    #sena .text h5 span {
        font-size: 4.2666vw;
    }
    #sena .text h5 {
        font-size: 3.2vw;
    }
    #sena .text p {
        font-size: 2.6667vw;
    }
    #sena .first .text h5 {
        margin-bottom: 3.466vw;
    }
    #sena .second .text h5 {
        margin-bottom: 4.533vw;
    }
    .first .img_wrap {
        position: absolute;
        left: 0;
        top: 8vw;
        width: 38.4vw;
    }
    .first .img_wrap p {
        font-size: 2.667vw;
    }
    .second img {
        width: 29.866vw;
        top: 5.066vw;
    }
    .third img {
        width: 35.4667vw;
        position: absolute;
        top: 10.667vw;
        left: 0;
    }
    /* a {
        display: inline-block;
        height: 1.866vw;
        overflow: hidden;
        vertical-align: top;
    }
    a img {
        height: 1.866vw;
        width: auto;
        vertical-align: top;
    } */
    .note {
        font-size: 10px;
    }
    .me {
        top: 106.667vw;
        font-size: 7.4667vw;
    }
    .asking {
        top: 130.1333vw;
        font-size: 5.333vw;
    }
    #anxiety ul li:first-of-type p {
        top: 150.5333vw;
        padding-left: 17.6vw;
        font-size: 4.2666vw;
        letter-spacing: 0.296vw;
    }
    #anxiety ul li:nth-of-type(2) p {
        top: 165.733vw;
        padding-left: 17.6vw;
        font-size: 4.2666vw;
        letter-spacing: 0.296vw;
    }
    #anxiety ul li:last-of-type p {
        top: 186vw;
        padding-left: 17.6vw;
        font-size: 4.2666vw;
        letter-spacing: 0.296vw;
    }
    .top {
        top: 215.2vw;
        font-size: 4.8vw;
        letter-spacing: 0.2666vw;
    }
    .top span {
        font-size: 8vw;
    }
    .bottom {
        top: 244.2666vw;
        font-size: 4.8vw;
        letter-spacing: 0.2666vw;
    }
    .bottom span {
        font-size: 8vw;
    }
    .caption {
        position: absolute;
        top: 2.1333vw;
        left: 0;
        font-size: 3.7333vw;
        line-height: 9.6vw;
        width: 100%;
        text-align: center;
        color: white;
        letter-spacing: 0.2666vw;
        font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .caption span {
        font-size: 6.4vw;
        letter-spacing: 0.8vw;
    }
    .select {
        position: absolute;
        top: 92.8vw;
        font-size: 6.4vw;
        padding-left: 4.533vw;
        letter-spacing: 0.208vw;
        line-height: 8.533vw;
    }
    .select-text {
        top: 112vw;
        font-size: 3.4667vw;
        padding-left: 4.533vw;
        line-height: 4.8vw;
        letter-spacing: -0.05333vw;
    }
    .check {
        top: 128vw;
        font-size: 2.93vw;
        padding-left: 4.2666vw;
        line-height: 2.6666vw;
        letter-spacing: -0.08vw;
    }
    #support h5 {
        font-size: 4.8vw;
        line-height: 9.6vw;
        letter-spacing: 0.176vw;
        top: 24.26vw;
    }
    #support h5 .big {
        font-size: 8vw;
    }
    #support h5 .small {
        font-size: 2.667vw;
    }
    #support .component {
        font-size: 3.466vw;
        line-height: 3.46667vw;
        top: 48vw;
        padding: 0 12.267vw;
    }
    #support .component span {
        font-size: 2.667vw;
    }
    #support .right {
        font-size: 2.9333vw;
        letter-spacing: 0.26667vw;
        line-height: 3.733vw;
        color: #504637;
        position: absolute;
        top: 97.333vw;
        right: 14.13333vw;
    }
    #support .left {
        font-size: 2.9333vw;
        letter-spacing: 0.26667vw;
        line-height: 3.73333vw;
        bottom: 47.4667vw;
        left: 14.933vw;
    }
    #support .right span,
    #support .left span {
        font-size: 2.667vw;
    }
    #support ul {
        bottom: 13.6vw;
        left: 7.733vw;
    }
    #support ul li p {
        font-size: 2.667vw;
        letter-spacing: 0.416vw;
        line-height: 3.466vw;
        color: #504637;
    }
    #insta .trend {
        font-size: 6.4vw;
        letter-spacing: 0.1066vw;
        top: 19.33vw;
    }
    #insta .trend .insta {
        letter-spacing: 0.266vw;
    }
    #insta .trend .kana {
        font-size: 4.2666vw;
    }
    #insta .trend .kana {
        font-size: 4.266vw;
    }
    .good {
        font-size: 2.667vw;
        letter-spacing: 0.17866vw;
        line-height: 2.667vw;
    }
    .jun {
        top: 126.933vw;
        left: 8.8vw;
    }
    .comment {
        font-size: 2.9333vw;
        letter-spacing: 0.17866vw;
        line-height: 2.667vw;
    }
    .long {
        top: 132.266vw;
        left: 8.8vw;
    }
    .long-review {
        font-size: 2.667vw;
        letter-spacing: 0.10667vw;
        top: 138.4vw;
        left: 8.8vw;
        line-height: 4.2666667vw;
    }
    .long-tag {
        color: #001974;
        font-size: 2.667vw;
        line-height: 4.2666vw;
        letter-spacing: 0.17866vw;
        position: absolute;
        top: 165.33vw;
        left: 8.8vw;
    }
    .second-name {
        top: 266.533vw;
        left: 8.1vw;
    }
    #insta .second {
        top: 271.6vw;
        left: 8.1vw;
    }
    .second-review {
        font-size: 2.667vw;
        position: absolute;
        top: 276.666vw;
        left: 8.1vw;
        line-height: 4.2666667vw;
        letter-spacing: 0.10667vw;
    }
    .second-tag {
        font-size: 2.667vw;
        line-height: 4.2666vw;
        letter-spacing: 0.17866vw;
        position: absolute;
        left: 8.1vw;
        top: 291.33vw;
    }
    .third-good {
        top: 393.2vw;
        left: 8.1vw;
    }
    .third-name {
        top: 398.4vw;
        left: 8.1vw;
    }
    .third-review {
        font-size: 2.667vw;
        position: absolute;
        top: 276.666vw;
        left: 8.1vw;
        line-height: 4.2666667vw;
        letter-spacing: 0.10667vw;
        top: 402.133vw;
    }
    .third-tag {
        font-size: 2.667vw;
        line-height: 4.2666vw;
        letter-spacing: 0.17866vw;
        position: absolute;
        left: 8.1vw;
        top: 291.33vw;
        top: 425.866vw;
    }
    .baner {
        position: fixed;
        bottom: 20px;
        width: 92%;
        left: 4%;
        z-index: 1;
        opacity: 0.9;
    }
    .joyful {
        font-size: 6.4vw;
        letter-spacing: 0.10667vw;
        top: 23.2vw;
        line-height: 6.4vw;
    }
    .joyful span {
        font-size: 10.667vw;
    }
    .prof {
        font-size: 2.9333vw;
        letter-spacing: 0.10667vw;
    }
    .men {
        top: 59.466vw;
        right: 11.333vw;
    }
    #joy .title {
        font-size: 3.466vw;
        line-height: 4.8vw;
        letter-spacing: 0.10667vw;
    }
    #joy .men-title {
        top: 91.2vw;
        left: 26.4vw;
    }
    #joy .text {
        font-size: 3.6vw;
        line-height: 4.2667vw;
    }
    #joy .men-text {
        top: 105.33vw;
        left: 12.533vw;
    }
    .women {
        top: 210.4vw;
        left: 4.2667vw;
    }
    #joy .women-title {
        top: 237.8666vw;
        left: 25.3333vw;
    }
    #joy .women-text {
        top: 249.333vw;
        left: 12.8666vw;
    }
    #joy .joy-check {
        bottom: 11.7333vw;
        font-size: 2.933vw;
        letter-spacing: 0.14933vw;
    }
    .example {
        font-size: 4.266vw;
        top: 8.5333vw;
        line-height: 8vw;
    }
    .example span {
        font-size: 6.4vw;
    }
    .when {
        font-size: 5.333vw;
        line-height: 4.2667vw;
        letter-spacing: 0.10667vw;
    }
    .stu1 {
        top: 48.96vw;
    }
    .stu2 {
        top: 127.8933vw;
    }
    .when.stu3 {
        top: 211.76vw;
        font-size: 5.333vw;
        line-height: 6.5333vw;
        letter-spacing: -0.4vw;
    }
    .can {
        font-size: 3.466vw;
        letter-spacing: 0.10667vw;
        line-height: 4.266vw;
    }
    .stu1-text {
        top: 100.4266vw;
    }
    .stu2-text {
        top: 185.22667vw;
    }
    .stu3-text {
        top: 274.0266vw;
    }
    .fukidashi {
        bottom: 14.9333vw;
        font-size: 6.4vw;
        letter-spacing: 0.10667vw;
        line-height: 7.4667vw;
    }
    .fukidashi span {
        font-size: 4.8vw;
    }
    #faq {
        height: 223.79733vw;
        padding-top: 12.266vw;
    }
    #faq h2 {
        font-size: 6.4vw;
        line-height: 4.2667vw;
        letter-spacing: 0.10667vw;
    }
    .wrap {
        margin-top: 9.8667vw;
        width: 91.333vw;
    }
    .q,
    .a {
        font-size: 6.4vw;
        width: 5.6vw;
        line-height: 4.8vw;
        letter-spacing: 0.416vw;
        margin-right: 4vw;
    }
    .a,
    .faq-text:last-of-type {
        margin-top: 3.4667vw;
    }
    .faq-text {
        font-size: 3.7333vw;
        line-height: 4.8vw;
        letter-spacing: 0.416vw;
    }
    .regular-title {
        font-size: 8.5333vw;
        letter-spacing: 0.416vw;
        top: 8.96vw;
        line-height: 4.2667vw;
    }
    .regular-title span {
        font-size: 6.4vw;
    }
    .one {
        font-size: 3.733vw;
        line-height: 4.2667vw;
        letter-spacing: 0.416vw;
        top: 28.46vw;
        left: 55.32533vw;
    }
    .three {
        font-size: 5.333vw;
        line-height: 4.26667vw;
        letter-spacing: 0.416vw;
        top: 35.466vw;
        left: 47.4665vw;
    }
    .three span {
        font-size: 3.7333vw;
        line-height: 4.266vw;
        margin-left: 1.6vw;
    }
    .discount {
        font-size: 3.7333vw;
        line-height: 4.266vw;
        letter-spacing: 0.416vw;
        top: 50.861vw;
        left: 53.992vw;
    }
    .two {
        font-size: 9.6vw;
        line-height: 4.266vw;
        letter-spacing: 0.416vw;
        left: 44.266vw;
        top: 58.59vw;
    }
    .two span {
        font-size: 3.7333vw;
        line-height: 4.266vw;
        margin-left: 2.533vw;
    }
    .nihon {
        font-size: 3.733vw;
        line-height: 4.2666vw;
        letter-spacing: 0.416vw;
        top: 100.728vw;
        left: 64.12533vw;
    }
    .nihon-price {
        font-size: 9.6vw;
        line-height: 4.2667vw;
        letter-spacing: 0.416vw;
        top: 108.46133vw;
        left: 54.533vw;
    }
    .nihon-price span {
        font-size: 3.7333vw;
        line-height: 4.2667vw;
        margin-left: 1.0667vw;
    }
    .two-price {
        font-size: 3.7333vw;
        letter-spacing: 0.08vw;
        line-height: 4.2667vw;
        top: 116.192vw;
        left: 54.4vw;
    }
    .merit {
        top: 143.2vw;
        font-size: 4.8vw;
        line-height: 4.2667vw;
        letter-spacing: 0.416vw;
    }
    .top-merit {
        font-size: 5.333vw;
        letter-spacing: 0.416vw;
        line-height: 4.2667vw;
        top: 164.994vw;
        width: 100%;
    }
    .under-merit {
        font-size: 5.333vw;
        letter-spacing: 0.416vw;
        line-height: 6.666vw;
        top: 174.8613vw;
    }
    .regular-note {
        font-size: 3.7333vw;
        line-height: 5.333vw;
        letter-spacing: 0.1066vw;
        left: 5.6vw;
        top: 211.3946vw;
    }
    .batsu {
        width: 30.2666vw;
        position: absolute;
        top: 34.8vw;
        z-index: 1;
        left: 47.0666vw;
    }
}



/* footter 200910 */
.ast_wrapper * {
  border: 0;
  font: 100%/1 sans-serif;
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
.ast_wrapper img {
  vertical-align: top;
}
.ast_wrapper {
  min-width: 700px;
  text-align: center;
  width: 100%;
}
.ast_wrapper a img {
  transition: all 0.3s;
}
.ast_wrapper a:hover img {
  opacity: 0.8;
}

.footer {
  color: #666666;
  padding: 40px 0 150px;
}
.footer a {
  color: #666666;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-decoration: none;
}
.footer_link {
  display: flex;
  justify-content: center;
}
.footer_link li {
  font-size: 22px;
  padding: 0 1em;
}
.footer_link li + li {
  border-left: 1px solid #666666;
}
.footer .logo {
  margin-top: 36px;
}
.copyright {
  font: 16px "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-top: 56px;
}

.column {
  width: 100%;
  text-align: center;
}
.cat1 {
  display: contents;
}
.cat2 {
  display: contents;
}

@media only screen and (max-width: 900px) {
  .ast_wrapper img {
    width:100% !important;
    height: auto !important;
  }
  .ast_wrapper {
    min-width: initial !important;
    width:100%;
  }
  #main_visual {
    margin: 0 -8.222222222222223vw;
  }
  .img02 {
    margin: 50px auto;
      width: 67.4vw;
  }
  .monthly_banner {
    width: 100%;
  }
  .buy_btn {
    bottom: 4.5vw;
    margin-left: -46vw;
    left: 50%;
    position: absolute;
    width: 92vw;
  }

  .footer {
    padding: 4vw 0 16vw;
  }
  .footer_link li {
    font-size: 2.4vw;
  }
  .footer .logo {
    margin: 4vw auto 6.2vw;
    width: 21vw;
  }
  .copyright {
    font-size: 1.8vw;
  }
}


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

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