@charset "UTF-8";

#auna abbr,
#auna address,
#auna article,
#auna aside,
#auna audio,
#auna b,
#auna blockquote,
#auna body,
#auna canvas,
#auna caption,
#auna cite,
#auna code,
#auna dd,
#auna del,
#auna details,
#auna dfn,
#auna div,
#auna dl,
#auna dt,
#auna em,
#auna fieldset,
#auna figcaption,
#auna figure,
#auna footer,
#auna form,
#auna h1,
#auna h2,
#auna h3,
#auna h4,
#auna h5,
#auna h6,
height #auna header,
#auna hgroup,
#auna html,
#auna i,
#auna iframe,
#auna img,
#auna ins,
#auna kbd,
#auna label,
#auna legend,
#auna li,
#auna mark,
#auna menu,
#auna nav,
#auna object,
#auna ol,
#auna p,
#auna pre,
#auna q,
#auna samp,
#auna section,
#auna small,
#auna span,
#auna strong,
#auna sub,
#auna summary,
#auna sup,
#auna table,
#auna tbody,
#auna td,
#auna tfoot,
#auna th,
#auna thead,
#auna time,
#auna tr,
#auna ul,
#auna var,
#auna video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: rgba(0, 0, 0, 0);
}

#auna li {
    list-style: none;
}

#auna body {
    line-height: 1;
}

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

#auna nav ul {
    list-style: none;
}

#auna blockquote,
#auna q {
    quotes: none;
}

#auna blockquote:after,
#auna blockquote:before,
#auna q:after,
#auna q:before {
    content: "";
    content: none;
}

#auna a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: rgba(0, 0, 0, 0);
    text-decoration: none;
}

#auna ins {
    text-decoration: none;
}

#auna ins,
#auna mark {
    background-color: #ff9;
    color: #000;
}

#auna mark {
    font-style: italic;
    font-weight: 700;
}

#auna del {
    text-decoration: line-through;
}

#auna #qa,
#auna #p-use {
    margin-top: -14px;
    padding-top: 64px;
    position: relative;
    z-index: 1;
}

#auna #p-use {
    padding-top: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 2%);
}

@media screen and (min-width: 768px) {
    #auna #p-use {
        margin-top: 40px;
    }
}

#auna abbr[title],
#auna dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

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

#auna hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

#auna img,
#auna input,
#auna select {
    vertical-align: bottom;
}

#auna body {
    font-family: Noto Sans JP, sans-serif;
    color: #473411;
}

#auna body.is-fixed {
    overflow: hidden;
}

#auna img {
    max-width: 100%;
    display: block;
}

#auna .js-scrollAnimation {
    opacity: 0 !important;
    transition: opacity 1s ease;
}

#auna .js-scrollAnimation.is-animated {
    opacity: 1 !important;
}

#auna sup {
    vertical-align: super;
    font-size: smaller;
}

#auna .l-footer {
    padding: 28px 0 20px;
    background-color: #eab7c0;
    opacity: 1 !important;
    position: relative;
    z-index: 1;
}

#auna .l-footer_cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#auna .l-footer_contHead {
    width: 24%;
    margin: 0 20px 0 0;
}

#auna .l-footer_contBody {
    display: flex;
    justify-content: center;
}

#auna .l-footer_logo {
    width: 69%;
    margin: 0 0 8px;
}

#auna .l-footer_phone {
    width: 244px;
}

#auna .l-footer_copy {
    width: 29%;
    margin: 20px auto 0;
}

#auna .l-footer_box {
    padding: 0 1.6vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

#auna .l-footer_box + .l-footer_box {
    border-left: 1px solid #473411;
}

#auna .l-footer_box:first-child {
    padding: 0 3% 0 0;
}

#auna .l-footer_box--info {
    display: flex;
    align-items: flex-start;
}

#auna .l-footer_boxInner + .l-footer_boxInner {
    margin: 0 0 0 12px;
}

#auna .l-footer_lead {
    font-size: 16px;
}

#auna .l-footer_text {
    font-size: 16px;
    font-weight: 300;
}

#auna .l-footer_text + .l-footer_text {
    padding: 8px 0 0;
}

#auna .l-footerFixed {
    width: 9%;
    box-sizing: border-box;
    position: fixed;
    right: 36px;
    bottom: 7%;
    z-index: 9998;
    opacity: 0;
    transition: opacity 0.3s ease;
}

#auna .l-footerFixed.is-view {
    opacity: 1;
}

#auna .l-footerFixed_link {
    width: 100%;
    height: 100%;
    padding: 19% 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

#auna .l-footerFixed_ico {
    display: block;
}

#auna .l-footerFixed_ico--buy {
    width: 110px;
    height: 70px;
    background: url(../../images/auna/ico_buy.svg) no-repeat 50%;
    background-size: contain;
}

#auna .l-footerFixed_ico--top {
    width: 70px;
    height: 60px;
    background: url(../../images/auna/ico_pagetop.svg) no-repeat 50%;
    background-size: contain;
}

#auna .l-hd {
    padding: 36px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    z-index: 9999;
}

#auna .l-hd,
#auna .l-hd_nav {
    position: fixed;
    top: 0;
    right: 0;
}

#auna .l-hd_nav {
    height: 100vh;
    background-color: rgba(234, 183, 192, 0.9);
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

#auna .l-hd_nav.is-view {
    z-index: 1;
    opacity: 1;
    pointer-events: auto;
    width: 100vw;
}

#auna .l-hdNav {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    flex-flow: column;
    align-items: center;
}

#auna .l-hdNav,
#auna .l-hdNav_list {
    display: flex;
    justify-content: center;
}

#auna .l-hdNav_cont {
    display: flex;
    flex-direction: column;
    height: 80vh;
    justify-content: space-around;
}

#auna .l-hdNav_link {
    padding: 0 0 8px;
    display: inline-block;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0.1em;
    color: #4F2F2B;
    position: relative;
}

#auna .l-hdNav_link:before {
    width: 100%;
    background-color: #fff;
    z-index: 1;
}

#auna .l-hdNav_link:after,
#auna .l-hdNav_link:before {
    content: "";
    height: 2px;
    position: absolute;
    top: 100%;
    left: 0;
}

#auna .l-hdNav_link:after {
    width: 0;
    background-color: #bd3856;
    z-index: 2;
}

#auna .l-hdHamburger {
    width: 100px;
    height: 100px;
    padding: 32px 28px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #e198a6;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

#auna .l-hdHamburger.is-active {
    background-color: #fff;
}

#auna .l-hdHamburger.is-active .l-hdHamburger_line--top {
    background-color: #e198a6;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

#auna .l-hdHamburger.is-active .l-hdHamburger_line--mid {
    background-color: #e198a6;
    opacity: 0;
}

#auna .l-hdHamburger.is-active .l-hdHamburger_line--btm {
    background-color: #e198a6;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

#auna .l-hdHamburger_line,
#auna .l-hdHamburger_line--btm,
#auna .l-hdHamburger_line--mid,
#auna .l-hdHamburger_line--top {
    width: 46px;
    height: 2px;
    background-color: #e198a6;
    border-radius: 50px;
    position: absolute;
    left: 50%;
}

#auna .l-hdHamburger_line--top {
    top: 33%;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

#auna .l-hdHamburger_line--mid,
#auna .l-hdHamburger_line--top {
    transform: translateX(-50%);
}

#auna .l-hdHamburger_line--mid {
    top: 50%;
    transition: background-color 0.3s ease;
}

#auna .l-hdHamburger_line--btm {
    top: 67%;
    transform: translateX(-50%);
    transition: background-color 0.3s ease, transform 0.3s ease;
}

#auna .l-wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
}

#auna .p-guide {
    margin: 80px 0 160px;
}

#auna .p-guide_heading {
    width: 100%;
    margin: 0 0 48px;
}

#auna .p-guideStory {
    width: 100%;
    position: relative;
    z-index: 1;
}

#auna .p-guideStory_pic {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#auna .p-guideStory_pic img {
    width: 100%;
}

#auna .p-guideStory_note {
    margin: -4% 0 0;
    padding: 0 22% 0 2em;
    font-size: 16px;
    line-height: 1.8;
    text-indent: -1em;
}

#auna .p-guideStory_btn {
    width: 314px;
    position: absolute;
    bottom: -50px;
    left: 36px;
    z-index: 2;
}

#auna .p-guideStory_link {
    width: 100%;
    padding: 24px 0 24px 24px;
    display: block;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-align: center;
    color: #473411;
    background-color: #f1cfd5;
    border: 3px solid #f1cfd5;
    border-radius: 6px;
    position: relative;
}

#auna .p-guideStory_link,
#auna .p-guideStory_link:after {
    box-sizing: border-box;
}

#auna .p-guideStory_link:after {
    content: "";
    width: 16px;
    height: 16px;
    border-right: 2px solid #473411;
    border-bottom: 2px solid #473411;
    position: absolute;
    top: 50%;
    left: 28px;
    z-index: 2;
    transform: translateY(-50%) rotate(-45deg);
}

#auna .p-hero {
    position: relative;
    z-index: 1;
}

#auna .p-hero_bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

#auna .p-hero_bg img {
    width: 100%;
}

#auna .p-hero_about {
    width: 67%;
    margin: 0 auto;
    padding: 0 0 7%;
}

#auna .p-heroTop {
    width: 100%;
    margin: 0 auto;
    padding: 5% 2% 2%;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
}

#auna .p-heroTop_attention {
    /*
    position: absolute;
    left: -210px;
    top: 100px;
*/
    padding-top: 150px;
    width: 200px;
}

#auna .p-heroTop_img {
    width: 26%;
    display: flex;
    align-items: flex-end;
    margin-right: 40px;
}

#auna .p-heroTop_logo {
    padding-top: 30px;
    width: 87%;
    position: relative;
    margin: 0 auto;
}

#auna .p-heroTop_logo .p-heroTop_logo_text {
    width: 80%;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

#auna .p-heroTop_9free {
    margin-top: 50px;
    max-width: 600px;
}

#auna .p-heroTop_pioneerCation {
    font-size: 11px;
    text-align: right;
    padding-right: 36px;
}

#auna .p-heroCont_box {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

#auna .p-heroCont_box:after {
    content: "";
    width: 100%;
    height: 180%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.5;
}

#auna .p-heroNav {
    position: fixed;
    z-index: 100;
    width: 100%;
    padding: 20px 0 20px;
    background: #bd3856;
    top: 0;
}

#auna .p-heroNav_cont {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#auna .p-heroNav_list {
    box-sizing: border-box;
    flex: 1 1;
}

#auna .p-heroNav_list--flex {
    flex: 1.5 1;
}

#auna .p-heroNav_list + .p-heroNav_list {
    border-left: 1px solid #fff;
}

#auna .p-heroNav_link {
    width: 100%;
    box-sizing: border-box;
    display: block;
    text-align: center;
}

#auna .p-heroNav_linkIco {
    width: 17px;
    margin: 0 auto 8px;
    display: block;
}

#auna .p-heroNav_linkText {
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.018em;
    color: #fff;
    position: relative;
}

#auna .p-heroNav_linkText:before {
    content: "";
    width: 0;
    left: 50%;
    transition: all 0.3s ease;
    border-bottom: 1px solid #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    display: block;
    bottom: 0;
}

#auna .p-heroNav_link:hover .p-heroNav_linkText::before {
    width: 100%;
}

#auna .p-heroNav_linkText:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    opacity: 0;
}

#auna .p-heroMedia {
    padding: 0 0 132px;
    display: flex;
    align-items: flex-start;
}

#auna .p-heroMedia_box {
    flex: 1 1;
    margin-top: 30px;
}

#auna .p-heroMedia_heading {
    width: 63%;
    padding: 0 0 40px;
}

#auna .p-heroMedia_heading span {
    font-size: 24px;
}

#auna .p-heroMedia_text {
    font-size: 20px;
    line-height: 1.9;
    color: #555555;
}

#auna .p-heroMedia_text sup {
    font-size: 16px;
}

#auna .p-heroFree_box {
    position: relative;
    text-align: center;
}

#auna .p-heroFree_bk {
    position: relative;
    z-index: 0;
    opacity: 0.8;
}

#auna .p-heroFree_text {
    position: absolute;
    z-index: 1;
    width: 78%;
    left: 50%;
    top: 53%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}

#auna .p-heroMedia_pic {
    width: 80%;
    margin: 0 0 0 6%;
}

#auna .p-heroNote {
    padding: 28px 0 0;
}

#auna .p-heroNote_list {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.8;
    color: #555555;
}

#auna .p-story {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

#auna .p-story:after {
    content: "";
    width: 120vw;
    height: 100%;
    margin: 0 0 0 -10vw;
    box-shadow: inset 0 0 34px 10px #e49fac;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

#auna .p-storyCont {
    width: 100%;
    margin: 0 auto;
    padding: 152px 0 0;
    position: relative;
}

#auna .p-storyCont_water,
#auna .p-storyCont_water01,
#auna .p-storyCont_water02,
#auna .p-storyCont_water03,
#auna .p-storyCont_water04 {
    position: absolute;
}

#auna .p-storyCont_water01 {
    width: 6%;
    top: 6.5%;
    right: 10%;
}

#auna .p-storyCont_water02 {
    width: 5%;
    top: 47%;
    right: 1%;
}

#auna .p-storyCont_water03 {
    width: 17%;
    top: 53%;
    left: 0;
}

#auna .p-storyCont_water04 {
    width: 3%;
    top: 97%;
    right: 9%;
}

#auna .p-storyCont_pic,
#auna .p-storyCont_pic--left,
#auna .p-storyCont_pic--right {
    position: absolute;
}

#auna .p-storyCont_pic--left {
    width: 18%;
    top: 12.5%;
    left: 5%;
}

#auna .p-storyCont_pic--right {
    width: 25%;
    top: 16%;
    right: 0;
}

#auna .p-storyCont_heading {
    width: 47%;
    margin: 0 auto 10%;
}

#auna .p-storyCont_lead {
    padding: 0 0 8%;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
}

#auna .p-storyCont_lead sup {
    font-size: 20px;
}

#auna .p-storyCont_text {
    font-size: 32px;
    font-weight: 300;
    line-height: 2.6;
    text-align: center;
}

#auna .p-storyCont_img {
    padding: 12% 0 0;
}

#auna .p-storyMedia {
    width: 100%;
    margin: 0 auto;
    padding: 7% 20px 0;
    box-sizing: border-box;
}

#auna .p-storyMedia_cont {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}

#auna .p-storyMedia_cont + .p-storyMedia_cont {
    margin: 9% 0 0;
}

#auna .p-storyMedia_pic--right {
    width: 50%;
    margin: 0 0 0 2.3%;
}

#auna .p-storyMedia_pic--left {
    width: 64%;
    margin: 0 2.3% 0 0;
}

#auna .p-storyMedia_box {
    flex: 1 1;
    position: relative;
    z-index: 1;
}

#auna .p-storyMedia_text {
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 300;
    line-height: 3;
}

#auna .p-storyMedia_text sup {
    font-size: 12px;
}

#auna .p-storyMedia_text--left {
    padding: 0 0 0 24%;
}

#auna .p-storyMedia_text--right {
    padding: 0 18% 0 0;
}

#auna .p-storyMedia_rect,
#auna .p-storyMedia_rect--left,
#auna .p-storyMedia_rect--right {
    width: 28%;
    height: 19vw;
    background-color: #fdede9;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

#auna .p-storyMedia_rect--right {
    right: -3%;
    bottom: 0;
}

#auna .p-storyMedia_rect--left {
    left: -3%;
    bottom: 6%;
}

#auna .p-storyMedia_water {
    width: 6%;
    position: absolute;
    right: -1%;
    bottom: 22%;
}

#auna .p-storyNote {
    padding: 60px 0 80px;
}

#auna .p-storyNote_list {
    padding: 0 0 0 1.4em;
    text-indent: -1.4em;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
}

#auna .p-storyMessage {
    padding: 4% 4% 4% 7.3%;
    box-sizing: border-box;
    background-color: #fdede9;
    border-radius: 12px;
}

#auna .p-storyMessage_heading {
    width: 77%;
    margin: 0 auto 54px;
}

#auna .p-storyMessage_cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#auna .p-storyMessage_cont2 {
    margin-top: 40px;
}

#auna .p-storyMessage_pic {
    width: 30%;
    margin: 0 7% 0 0;
}

#auna .p-storyMessage_box {
    box-sizing: border-box;
    flex: 1 1;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    position: relative;
}

#auna .p-storyMessage_box:before {
    content: "";
    width: 24px;
    height: 40px;
    background-color: #fdede9;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    position: absolute;
    top: 47%;
    left: -13px;
    transform: translateY(-50%) skew(20deg, 10deg) rotate(-10deg);
}

#auna .p-storyMessage_subttl {
    padding: 0 0 12px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.15em;
    text-align: center;
}

#auna .p-storyMessage_cap {
    padding: 12px 0 0;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.15em;
    text-align: center;
}

#auna .p-storyMessage_kome {
    padding: 12px 0 0;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.15em;
    text-align: right;
}

#auna .p-storyMessage_text {
    padding: 0 0 7% 7%;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 300;
    line-height: 2;
}

#auna .p-storyMessage_text span {
    font-weight: 700;
    color: #bd3856;
}

#auna .p-feature_cont {
    position: relative;
}

#auna .p-feature_img {
    width: 70%;
}

#auna .p-feature_pic {
    position: relative;
    z-index: 1;
}

#auna .p-feature_picItem {
    width: 18%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#auna .p-feature_list {
    max-width: 1450px;
    width: 100%;
    position: absolute;
    top: 35%;
    left: 0;
    transform: translateY(-50%);
}

#auna .p-feature_listItem {
    width: 60%;
    padding: 16px 6.7% 16px 13%;
    box-sizing: border-box;
    background-color: rgba(228, 159, 172, 0.25);
}

#auna .p-feature_listItem + .p-feature_listItem {
    margin: 32px 0 0;
}

#auna .p-feature_listItem--01 .p-feature_listInner {
    width: 91%;
}

#auna .p-feature_listItem--02 {
    width: 42%;
}

#auna .p-feature_listItem--02 .p-feature_listInner {
    width: 121%;
}

#auna .p-feature_listItem--03 {
    width: 37%;
}

#auna .p-feature_listItem--03 .p-feature_listInner {
    width: 100%;
}

#auna .p-feature_listItem--star {
    width: 100%;
    padding: 0 0 0 13%;
    font-size: 16px;
    line-height: 1.6;
    background: none;
}

#auna .p-feature_listInner {
    display: block;
}

#auna .p-featureInfo {
    padding: 0 0 60px;
    position: relative;
    overflow: hidden;
}

#auna .p-featureInfo_text {
    padding: 80px 0 40px;
    font-size: 32px;
    font-weight: 300;
    line-height: 2.68;
    letter-spacing: 0.075em;
    text-align: center;
}

#auna .p-featureInfo_text span {
    font-size: 24px;
}

#auna .p-featureInfo_text sup {
    font-size: 16px;
}

#auna .p-featureInfo_note {
    padding: 0 0 124px;
    font-size: 16px;
}

#auna .p-featureInfo_water,
#auna .p-featureInfo_water01,
#auna .p-featureInfo_water02,
#auna .p-featureInfo_water03,
#auna .p-featureInfo_water04 {
    position: absolute;
    z-index: -1;
}

#auna .p-featureInfo_water01 {
    width: 6%;
    top: 6%;
    left: 10%;
}

#auna .p-featureInfo_water02 {
    width: 5%;
    top: 22%;
    right: 10%;
}

#auna .p-featureInfo_water03 {
    width: 6%;
    top: 49%;
    right: 19%;
}

#auna .p-featureInfo_water04 {
    width: 18%;
    top: 27%;
    right: -11%;
}

#auna .p-featureWork {
    padding: 5% 0 0;
    position: relative;
}

#auna .p-featureWork_heading {
    width: 26%;
    position: absolute;
    top: -32px;
    left: -40px;
}

#auna .p-featureWork_box {
    width: 79%;
    margin: 0 auto;
    padding: 7% 0 5.5%;
    background-color: rgba(228, 159, 172, 0.25);
    position: relative;
}

#auna .p-featureWork_listItem {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.075em;
    color: #bd3856;
}

#auna .p-featureWork_cation {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.075em;
    color: #bd3856;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 79%;
    bottom: -40px;
    text-align: right;
}

#auna .p-detail {
    padding: 10.4% 0 0;
    position: relative;
    overflow: hidden;
}

#auna .p-detail_lead {
    margin: 0 0 16%;
    display: flex;
    justify-content: center;
}

#auna .p-detail_leadText:first-child {
    width: 45%;
    margin: 0 6% 0 0;
}

#auna .p-detail_leadText:last-child {
    width: 26%;
}

#auna .p-detail_cont {
    margin: 0 0 7%;
    display: flex;
    justify-content: center;
}

#auna .p-detail_contBox {
    width: 38%;
}

#auna .p-detail_contBox + .p-detail_contBox {
    margin: 0 0 0 12%;
}

#auna .p-detail_contHead {
    padding: 0 0 16px;
}

#auna .p-detail_contText {
    font-size: 20px;
    font-weight: 400;
    line-height: 2.4;
}

#auna .p-detail_notHead {
    margin: 0 0 32px;
    padding: 16px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(228, 159, 172, 0.25);
}

#auna .p-detail_notHead span {
    width: 29%;
    display: block;
}

#auna .p-detail_water,
#auna .p-detail_water01,
#auna .p-detail_water02,
#auna .p-detail_water03,
#auna .p-detail_water04,
#auna .p-detail_water05 {
    position: absolute;
}

#auna .p-detail_water01 {
    width: 4%;
    top: 8%;
    left: 11%;
}

#auna .p-detail_water02 {
    width: 6%;
    top: 7%;
    right: 8%;
}

#auna .p-detail_water03 {
    width: 4%;
    top: 21%;
    right: 6%;
}

#auna .p-detail_water04 {
    width: 18%;
    top: 12%;
    left: -10%;
}

#auna .p-detail_water05 {
    width: 24%;
    top: 80%;
    right: -13%;
}

#auna .p-use {
    padding: 200px 0 12%;
    position: relative;
    overflow: hidden;
}

#auna .p-use_heading {
    margin: 0 0 24px;
    padding: 2% 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e8c3ca;
}

#auna .p-use_heading span {
    padding: 0 0 0 40px;
    display: block;
}

#auna #delivery {
    border: 20px solid #E49FAC;
    padding: 0 20px;
    margin-bottom: 80px;
}

#auna #delivery .p-delivery {
    max-width: 1100px;
    margin: 0 auto;
}

#auna .p-delivery_btn {
    display: block;
    font-size: 40px;
    line-height: 2;
    color: #fff;
    background: #BD5467;
    text-align: center;
    transition: 0.3s;
    border: 2px solid #BD5467;
    position: relative;
}

#auna .p-delivery_btn:hover {
    background: #fff;
    color: #bd5467;
}

#auna .p-delivery_btn:after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    right: 20%;
    width: 20px;
    height: 20px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
}

#auna .p-delivery_btn:hover:after {
    border-top: 3px solid #bd5467;
    border-right: 3px solid #bd5467;
}

#auna .p-delivery_cation {
    margin-top: 40px;
    margin-bottom: 60px;
}

#auna .h4-qa_cont {
    position: relative;
    padding: 1rem 3rem 1rem 1rem;
    margin-bottom: 1.5rem;
    color: #bd5467;
    font-size: 120%;
    margin-top: 2.5em;
    cursor: pointer;
}

#auna .h4-qa_cont:first-of-type {
    margin-top: 0;
}

#auna .h4-qa_cont:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    content: "";
    background-image: -webkit-repeating-linear-gradient(135deg, #bd5467, #bd5467 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #bd5467, #bd5467 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#auna .p-qa_heading {
    width: 46%;
    margin: 0 auto 54px;
}

#auna .p-qa_wrap {
    max-width: 780px;
    width: 100%;
    margin: 0 auto 52px;
    padding: 40px 30px;
    box-sizing: border-box;
    border: 3px solid #e49fac;
    background: #fff;
}

@media screen and (max-width: 780px) {
    #auna .p-qa_wrap {
        margin: 0 5% 52px;
        width: auto;
    }
}

#auna .p-qa_box {
    width: 100%;
}

#auna .p-qa_box + .p-qa_box {
    margin: 64px 0 0;
}

#auna .p-qa_cont {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#auna .p-qa_cont + .p-qa_cont {
    margin: 36px 0 0;
}

#auna .is-active .p-qa_contPlus:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

#auna .p-qa_contPic--answer {
    margin: 0 0 0 3%;
    padding: 0;
}

#auna .p-qa_contInfo {
    padding: 1% 6% 1% 3%;
    box-sizing: border-box;
    flex: 1 1;
    display: flex;
    align-items: center;
    background-color: #fdede9;
    position: relative;
    cursor: pointer;
}

#auna .p-qa_contInfo--answer {
    background-color: #f5dce1;
}

#auna .p-qa_box + .p-qa_box {
    margin: 32px 0 0;
}

#auna .p-qa_cont + .p-qa_cont {
    margin: 8px 0 0;
}

#auna .p-qa_cont--answer {
    display: none;
}

#auna .p-qa_cont--answer.is-view {
    display: block;
}

#auna .p-qa_contPic {
    display: none;
}

#auna .p-qa_contInfo--answer {
    padding: 2% 0 0;
    background: none;
}

#auna .p-qa_contPlus {
    width: 12px;
    height: 1px;
    right: 4px;
    transform: translateY(-50%);
}

#auna .p-qa_contPlus,
#auna .p-qa_contPlus:after {
    background-color: #473411;
    position: absolute;
    top: 50%;
}

#auna .p-qa_contPlus:after {
    content: "";
    width: 1px;
    height: 12px;
    left: 50%;
    transform: translate(-50%, -50%);
}

#auna .h4-qa_cont .p-qa_contPlus,
#auna .h4-qa_cont .p-qa_contPlus:after {
    background-color: #bd5467;
}

#auna .h4-qa_cont .p-qa_contPlus {
    width: 20px;
    height: 2px;
    right: 15px;
}

#auna .h4-qa_cont .p-qa_contPlus:after {
    content: "";
    width: 2px;
    height: 20px;
}

#auna .p-qa_contIco {
    display: none;
}

#auna .p-qa_contText {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0;
}

#auna .p-qa_contText--answer {
    font-size: 13px;
    text-align: left;
}

#auna .p-qa_contText--answer span {
    font-size: 80%;
}

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

    #auna .sp, .content-asset #auna .sp {
        display: none !important;;
    }

    #auna .pc-inline {
        display: inline;
    }

    #auna .sp-inline {
        display: none;
    }

    #auna main {
        padding-top: 50px;
    }

    #auna .l-footer_contHead {
        max-width: 260px;
    }

    #auna .l-footer_contBody {
        flex: 1 1;
    }

    #auna .l-footer_logo {
        max-width: 197px;
    }

    #auna .l-footer_copy {
        max-width: 430px;
    }

    #auna .l-footer_box--info {
        flex: 1 1;
    }

    #auna .l-footerFixed {
        max-width: 130px;
        min-width: 110px;
        border: 2px solid #bd3856;
        border-radius: 6px;
        overflow: hidden;
    }

    #auna .l-footerFixed_box + .l-footerFixed_box {
        border-top: 2px solid #bd3856;
    }

    #auna .l-footerFixed_link {
        transition: background-color 0.3s ease;
    }

    #auna .l-footerFixed_link:hover {
        background-color: #bd3856;
    }

    #auna .l-footerFixed_link:hover .l-footerFixed_ico--buy {
        background-image: url(../../images/auna/ico_buy_white.svg);
    }

    #auna .l-footerFixed_link:hover .l-footerFixed_ico--top {
        background-image: url(../../images/auna/ico_pagetop_white.svg);
    }

    #auna .l-hdNav_link:after {
        transition: width 0.3s ease;
    }

    #auna .l-hdNav_link:hover:after {
        width: 100%;
    }

    #auna .l-hdHamburger {
        transition: background-color 0.3s ease;
    }

    #auna .l-hdHamburger:hover {
        background-color: #e198a6;
    }

    #auna .l-hdHamburger:hover .l-hdHamburger_line,
    #auna .l-hdHamburger:hover .l-hdHamburger_line--btm,
    #auna .l-hdHamburger:hover .l-hdHamburger_line--mid,
    #auna .l-hdHamburger:hover .l-hdHamburger_line--top {
        background-color: #fff;
    }

    #auna .l-wrap {
        max-width: 1140px;
    }

    #auna .p-guideStory_link {
        transition: background-color 0.3s ease;
    }

    #auna .p-guideStory_link:hover {
        background-color: #fff;
    }

    #auna .p-hero_about {
        max-width: 727px;
    }

    #auna .p-heroTop {
        max-width: 1050px;
    }

    #auna .p-heroTop_img {
        max-width: 246px;
    }

    #auna .p-heroTop_logo {
        max-width: 610px;
    }

    #auna .p-heroTop_otherItem:first-child {
        max-width: 353px;
    }

    #auna .p-heroTop_otherItem:last-child {
        max-width: 246px;
    }

    #auna .p-heroCont_box:after {
        background: -ms-linear-gradient(-90deg, #e1546b 50.15%, #e25c72 55.84%, #e67184 64.47%, #ec93a1 74.97%, #f4c3cb 86.94%, #fff 100%);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1546B', endColorstr='#FFFFFF' ,GradientType=0)";
        background: linear-gradient(180deg, #e1546b 50.15%, #e25c72 55.84%, #e67184 64.47%, #ec93a1 74.97%, #f4c3cb 86.94%, #fff);
        opacity: 0.5;
        border-radius: 1500px 1500px 0 0/0 0 0 0;
        -moz-border-radius: 1500px 1500px 0 0/0 0 0 0;
        -webkit-border-radius: 1500px 1500px 0 0/0 0 0 0;
        filter: alpha(opacity=50);
    }

    #auna .p-heroNav_link .p-heroNav_linkText:after {
        transition: opacity 0.3s ease;
    }

    #auna .p-heroNav_link:hover .p-heroNav_linkText:after {
        opacity: 1;
    }

    #auna .p-heroMedia_heading {
        max-width: 325px;
    }

    #auna .p-heroMedia_pic {
        max-width: 512px;
    }

    #auna .p-heroNote_list {
        text-indent: -1.2em;
        padding: 0 0 0 1.2em;
    }

    #auna .p-storyCont {
        max-width: 1400px;
    }

    #auna .p-storyCont_water01 {
        max-width: 73px;
    }

    #auna .p-storyCont_water02 {
        max-width: 58px;
    }

    #auna .p-storyCont_water03 {
        max-width: 225px;
    }

    #auna .p-storyCont_water04 {
        max-width: 42px;
    }

    #auna .p-storyCont_pic--left {
        max-width: 252px;
    }

    #auna .p-storyCont_pic--right {
        max-width: 340px;
    }

    #auna .p-storyCont_heading {
        max-width: 516px;
    }

    #auna .p-storyMedia {
        max-width: 1450px;
    }

    #auna .p-storyMedia_cont {
        max-width: 1350px;
    }

    #auna .p-storyMedia_pic--right {
        max-width: 673px;
    }

    #auna .p-storyMedia_pic--left {
        max-width: 700px;
    }

    #auna .p-storyMedia_water {
        max-width: 58px;
    }

    #auna .p-storyMessage {
        margin: 0 0 100px;
    }

    #auna .p-storyMessage_heading {
        text-align: center;
        max-width: 600px;
    }

    #auna .p-storyMessage_pic {
        max-width: 264px;
    }

    #auna .p-feature_cont {
        display: flex;
        justify-content: flex-end;
    }

    #auna .p-feature_picItem {
        max-width: 258px;
    }

    #auna .p-feature_listItem--01 {
        max-width: 910px;
    }

    #auna .p-feature_listItem--01 .p-feature_listInner {
        max-width: 550px;
    }

    #auna .p-feature_listItem--02 {
        max-width: 724px;
    }

    #auna .p-feature_listItem--02 .p-feature_listInner {
        max-width: 405px;
    }

    #auna .p-feature_listItem--03 {
        max-width: 600px;
    }

    #auna .p-feature_listItem--03 .p-feature_listInner {
        max-width: 257px;
    }

    #auna .p-featureInfo_water01 {
        max-width: 80px;
    }

    #auna .p-featureInfo_water02 {
        max-width: 66px;
    }

    #auna .p-featureInfo_water03 {
        max-width: 86px;
    }

    #auna .p-featureInfo_water04 {
        max-width: 269px;
    }

    #auna .p-featureWork {
        display: flex;
        justify-content: flex-end;
    }

    #auna .p-featureWork_heading {
        max-width: 284px;
    }

    #auna .p-featureWork_box {
        max-width: 863px;
    }

    #auna .p-featureWork_list {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #auna .p-featureWork_list + .p-featureWork_list {
        margin: 24px 0 0;
    }

    #auna .p-featureWork_listItem + .p-featureWork_listItem {
        margin: 0 0 0 4%;
    }

    #auna .p-detail_leadText:first-child {
        max-width: 490px;
    }

    #auna .p-detail_leadText:last-child {
        max-width: 280px;
    }

    #auna .p-detail_contBox {
        max-width: 420px;
    }

    #auna .p-detail_notHead span {
        max-width: 312px;
    }

    #auna .p-detail_water01 {
        max-width: 48px;
    }

    #auna .p-detail_water02 {
        max-width: 80px;
    }

    #auna .p-detail_water03 {
        max-width: 48px;
    }

    #auna .p-detail_water04 {
        max-width: 270px;
    }

    #auna .p-detail_water05 {
        max-width: 356px;
    }
}

@media screen and (max-width: 767px) {
    #auna .pc {
        display: none;
    }

    #auna .sp, .content-asset #auna .sp {
        display: block !important;;
    }

    #auna .pc-inline {
        display: none;
    }

    #auna .sp-inline {
        display: inline;
    }

    #auna .l-footer.is-animated .l-footerFixed {
        position: absolute;
        bottom: 60%;
    }

    #auna .l-footer_cont {
        flex-flow: column;
        align-items: flex-start;
    }

    #auna .l-footer_contHead {
        width: 100%;
        margin: 0;
    }

    #auna .l-footer_contBody {
        width: 100%;
        margin: 32px 0 0;
        justify-content: flex-start;
    }

    #auna .l-footer_logo {
        width: 60%;
        margin: 0 0 12px;
    }

    #auna .l-footer_phone {
        width: 100%;
    }

    #auna .l-footer_copy {
        width: 80%;
    }

    #auna .l-footer_box {
        padding: 0 8px;
    }

    #auna .l-footer_box:first-child {
        width: 40%;
        padding: 0 8px 0 0;
    }

    #auna .l-footer_lead {
        font-size: 14px;
    }

    #auna .l-footer_text {
        font-size: 12px;
        line-height: 1.4;
    }

    #auna .l-footer_text + .l-footer_text {
        padding: 0;
    }

    #auna .l-footerFixed {
        width: auto;
        right: 10px;
        bottom: 20px;
    }

    #auna .l-footerFixed_box {
        width: 48px;
        height: 48px;
        border: 2px solid #bd3856;
        border-radius: 100%;
        overflow: hidden;
    }

    #auna .l-footerFixed_box + .l-footerFixed_box {
        margin: 12px 0 0;
    }

    #auna .l-footerFixed_ico--buy {
        width: 42px;
        height: 42px;
    }

    #auna .l-footerFixed_ico--top {
        width: 32px;
        height: 30px;
    }

    #auna .l-hd {
        padding: 10px;
    }

    #auna .l-hdNav {
        padding: 62px 0;
    }

    #auna .l-hdNav_list + .l-hdNav_list {
        margin: 10vw 0 0;
    }

    #auna .l-hdNav_link {
        font-size: 22px;
    }

    #auna .l-hdNav_link:before {
        height: 1px;
    }

    #auna .l-hdHamburger {
        width: 36px;
        height: 36px;
        padding: 12px;
    }

    #auna .l-hdHamburger_line,
    #auna .l-hdHamburger_line--btm,
    #auna .l-hdHamburger_line--mid,
    #auna .l-hdHamburger_line--top {
        width: 19px;
    }

    #auna .l-wrap {
        width: 90%;
        padding: 0;
    }

    #auna .p-guide {
        margin: 0 0 68px;
    }

    #auna .p-guide_heading {
        margin: 0 0 24px;
    }

    #auna .p-guideStory_note {
        margin: 0;
        padding: 0 5% 0 2em;
        font-size: 12px;
    }

    #auna .p-guideStory_btn {
        width: auto;
        bottom: -26px;
        left: -8px;
    }

    #auna .p-guideStory_link {
        padding: 12px 12px 12px 32px;
        font-size: 13px;
    }

    #auna .p-guideStory_link:after {
        width: 8px;
        height: 8px;
        left: 12px;
    }

    #auna .p-hero_about {
        width: 100%;
        padding: 8px 0 24px;
    }

    #auna .p-heroTop {
        width: 90%;
        padding: 8% 0 2%;
        flex-wrap: wrap;
    }

    #auna .p-heroTop_img {
        width: 100%;
        order: 2;
        margin-right: 0;
        justify-content:center;
        align-items: center;
    }
    
    #auna .p-heroTop_img > img{
        width: 40%;
    }

    #auna .p-heroTop_attention {
        width: 50%;
        padding-top: 0;
    }

    #auna .p-heroTop_box {
        width: 100%;
        order: 1;
    }

    #auna .p-heroTop_9free {
        order: 3;
    }

    #auna .p-heroTop_logo {
        width: 94%;
        padding: 0 0 4%;
        margin-bottom: 5%
    }
    
    #auna .p-heroTop_logo .p-heroTop_logo_text {
        width: 78%;
        top:16%;
    }

    #auna .p-heroTop_note {
        margin: 20px 0 0;
        font-size: 12px;
    }

    #auna .p-heroTop_pioneerCation {
        position: static;
        padding: 0 1em;
        text-align: right;
    }

    #auna .p-heroCont_box:after {
        background: -ms-linear-gradient(-90deg, #e2546b 30.19%, #e35c72 38.15%, #e77184 50.23%, #ed93a1 64.94%, #f5c3cb 81.7%, #fff 100%);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2546B', endColorstr='#FFFFFF' ,GradientType=0)";
        background: linear-gradient(180deg, #e2546b 30.19%, #e35c72 38.15%, #e77184 50.23%, #ed93a1 64.94%, #f5c3cb 81.7%, #fff);
    }

    #auna .p-heroNav {
        padding: 42% 0 28px;
    }

    #auna .p-heroNav_list--flex {
        flex: 1.8 1;
    }

    #auna .p-heroNav_linkIco {
        width: 9px;
        margin: 0 auto 2px;
    }

    #auna .p-heroNav_linkText {
        font-size: 12px;
    }

    #auna .p-heroMedia {
        padding: 0 0 60px;
        flex-flow: column;
    }

    #auna .p-heroMedia_heading {
        margin: 0 auto;
        padding: 24px 0 20px;
        font-size: 22px;
        line-height: 1.8;
        text-align: center;
    }

    #auna .p-heroMedia_heading span {
        font-size: 14px;
    }

    #auna .p-heroMedia_text {
        font-size: 14px;
        text-align: center;
    }

    #auna .p-heroMedia_text sup {
        font-size: 10px;
    }

    #auna .p-heroMedia_pic {
        width: 100%;
        margin: 32px 0 0;
    }

    #auna .p-heroNote {
        padding: 24px 0 0;
    }

    #auna .p-heroNote_list {
        font-size: 12px;
        text-align: center;
    }

    #auna .p-storyCont {
        padding: 80px 0 0;
    }

    #auna .p-storyCont_water01 {
        display: none;
    }

    #auna .p-storyCont_water02 {
        width: 13%;
        top: 28.5%;
    }

    #auna .p-storyCont_water03 {
        width: 27%;
        top: 55%;
        left: -8%;
    }

    #auna .p-storyCont_water04 {
        display: none;
    }

    #auna .p-storyCont_pic--left {
        width: 18%;
        top: 35%;
        left: 6%;
    }



    #auna .p-storyCont_pic--right {
        width: 25%;
        top: 49%;
        right: 1%;
    }

    #auna .p-storyCont_heading {
        width: 80%;
        margin: 0 auto 14%;
    }

    #auna .p-storyCont_lead {
        font-size: 20px;
    }

    #auna .p-storyCont_lead sup {
        font-size: 12px;
    }

    #auna .p-storyCont_text {
        font-size: 16px;
    }

    #auna .p-storyMedia {
        width: 90%;
        padding: 40px 0 0;
    }

    #auna .p-storyMedia_cont {
        flex-flow: column;
    }

    #auna .p-storyMedia_cont + .p-storyMedia_cont {
        margin: 40px 0 0;
    }

    #auna .p-storyMedia_pic {
        width: 100%;
        margin: 0;
        order: 1;
    }

    #auna .p-storyMedia_pic--right {
        margin: -60px 0 0;
    }

    #auna .p-storyMedia_text {
        padding: 0 0 4%;
        order: 0;
        font-size: 15px;
        line-height: 2;
    }

    #auna .p-storyMedia_rect,
    #auna .p-storyMedia_rect--left,
    #auna .p-storyMedia_rect--right,
    #auna .p-storyMedia_water {
        display: none;
    }

    #auna .p-storyNote {
        padding: 12px 0 48px;
    }

    #auna .p-storyNote_list {
        font-size: 10px;
    }

    #auna .p-storyMessage {
        margin: 32px 0 30px;
        padding: 6%;
    }

    #auna .p-storyMessage_heading {
        width: 100%;
        margin: 0 auto 24px;
    }

    #auna .p-storyMessage_cont {
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
    }

    #auna .p-storyMessage_pic {
        margin: 0 7% 12px 0;
    }

    #auna .p-storyMessage_box {
        border: none;
    }

    #auna .p-storyMessage_box:before {
        display: none;
    }

    #auna .p-storyMessage_cap {
        font-size: 10px;

    }

    #auna .p-storyMessage_subttl {
        font-size: 14px;

    }

    #auna .p-storyMessage_pic {
        width: auto;
        margin: 10px 0 20px !important;
    }

    #auna .p-storyMessage_pic img {
        width: 40%;
        margin: 0 auto;
    }

    #auna .p-storyMessage_text {
        padding: 0;
        font-size: 12px;
    }

    #auna .p-feature_img {
        width: 100%;
    }

    #auna .p-feature_picItem {
        display: none;
    }

    #auna .p-feature_list {
        width: 80%;
        top: 42%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #auna .p-feature_listItem {
        width: 100%;
        padding: 8px 12px;
    }

    #auna .p-feature_listItem + .p-feature_listItem {
        margin: 20px 0 0;
    }

    #auna .p-feature_listItem--01 .p-feature_listInner {
        width: 98%;
    }

    #auna .p-feature_listItem--02 {
        width: 84%;
    }

    #auna .p-feature_listItem--02 .p-feature_listInner {
        width: 100%;
    }

    #auna .p-feature_listItem--03 {
        width: 50%;
    }

    #auna .p-feature_listItem--star {
        margin: 0 !important;
        padding: 12px 0 !important;
        font-size: 12px;
    }

    #auna .p-featureInfo {
        padding: 0 0 40px;
    }

    #auna .p-featureInfo_text {
        padding: 32px 0;
        font-size: 14px;
        line-height: 2;
    }

    #auna .p-featureInfo_text span {
        font-size: 12px;
    }

    #auna .p-featureInfo_text sup {
        font-size: 10px;
    }

    #auna .p-featureInfo_note {
        padding: 0 0 32px;
        font-size: 10px;
        text-align: center;
    }

    #auna .p-featureInfo_water01 {
        width: 10%;
        top: 13%;
        left: 0;
    }

    #auna .p-featureInfo_water02,
    #auna .p-featureInfo_water03 {
        display: none;
    }

    #auna .p-featureInfo_water04 {
        width: 21%;
        top: 23%;
        right: -12%;
    }

    #auna .p-featureWork_heading {
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

    #auna .p-featureWork_box {
        width: 100%;
        margin: 12px auto 0;
        padding: 24px 0 12px;
    }

    #auna .p-featureWork_list {
        text-align: center;
    }

    #auna .p-featureWork_listItem {
        font-size: 14px;
        line-height: 1.9;
    }

    #auna .p-featureWork_cation {
        font-size: 10px;
        text-align: center;
        position: static;
        width: 100%;
        margin: 12px auto 0;
        transform: none;
    }

    #auna .p-detail {
        padding: 40px 0 0;
    }

    #auna .p-detail_lead {
        margin: 0 0 45px;
        flex-flow: column;
        align-items: center;
    }

    #auna .p-detail_leadText:first-child {
        width: 71%;
        margin: 0 0 20px;
    }

    #auna .p-detail_leadText:last-child {
        width: 40%;
    }

    #auna .p-detail_cont {
        width: 90%;
        margin: 0 auto 32px;
        display: block;
    }

    #auna .p-detail_contBox {
        width: 100%;
    }

    #auna .p-detail_contBox + .p-detail_contBox {
        margin: 32px 0 0;
    }

    #auna .p-detail_contHead {
        width: 65%;
        margin: 0 auto;
        padding: 0 0 12px;
    }

    #auna .p-detail_contHead--left {
        width: 79%;
    }

    #auna .p-detail_contText {
        font-size: 14px;
        line-height: 1.8;
    }

    #auna .p-detail_notHead {
        margin: 0 0 16px;
        padding: 8px 0;
    }

    #auna .p-detail_notHead span {
        width: 48%;
    }

    #auna .p-detail_water01 {
        width: 34%;
        top: -1%;
        left: -17%;
    }

    #auna .p-detail_water02 {
        width: 31%;
        top: -14%;
        right: -19%;
    }

    #auna .p-detail_water03 {
        display: none;
    }

    #auna .p-detail_water04 {
        width: 12%;
        top: 22%;
        left: 4%;
    }

    #auna .p-detail_water05 {
        display: none;
    }

    #auna .p-use {
        padding: 48px 0 52px;
    }

    #auna .p-use_heading {
        margin: 0 0 20px;
        padding: 8px 0;
    }

    #auna .p-use_heading span {
        width: auto;
        padding: 0;
    }

    #auna #delivery {
        border: 6px solid #E49FAC;
        padding: 0 2vw;
        margin-bottom: 80px;
    }

    #auna .p-delivery_btn {
        font-size: 22px;
    }

    #auna .p-delivery_btn:after {
        right: 10%;
        width: 10px;
        height: 10px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
    }

    #auna .p-delivery_btn:hover:after {
        border-top: 3px solid #bd5467;
        border-right: 3px solid #bd5467;
    }

    #auna .p-delivery_cation {
        margin-top: 20px;
        margin-bottom: 40px;
        font-size: 60%;
    }

    #auna .p-qa_heading {
        width: 80%;
        margin: 0 auto 20px;
    }

    #auna .p-qa_wrap {
        padding: 8% 3%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
    #auna .l-footer_cont {
        flex-flow: column;
        align-items: flex-start;
    }

    #auna .l-footer_contHead {
        width: 100%;
    }

    #auna .l-footer_contBody {
        width: 100%;
        margin: 20px 0 0;
        justify-content: flex-start;
    }

    #auna .l-footer_logo {
        width: 220px;
        max-width: none;
    }

    #auna .l-footer_copy {
        width: 430px;
        max-width: none;
    }

    #auna .p-storyCont_water02 {
        top: 42%;
    }

    #auna .p-storyCont_water03 {
        top: 52%;
        left: -4%;
    }

    #auna .p-storyCont_water04 {
        right: 3%;
    }

    #auna .p-storyCont_lead {
        padding: 0 0 6%;
        font-size: 32px;
    }

    #auna .p-storyCont_lead sup {
        font-size: 16px;
    }

    #auna .p-storyCont_text {
        font-size: 24px;
        line-height: 2;
    }

    #auna .p-featureInfo_text {
        font-size: 24px;
    }

    #auna .p-featureInfo_text span {
        font-size: 18px;
    }

    #auna .p-featureInfo_text sup {
        font-size: 12px;
    }
}

/*フローティングバナー*/
#auna .rakutenBack {
    padding-bottom: 150px;
    background: #EAB7BD;
}

#auna .rakutenBnr {
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 100%;
    max-width: 780px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transition: 0.2s opacity;
}

@media screen and (max-width: 1070px) {
    #auna .rakutenBnr {
        width: 60vw;
    }
}

@media screen and (max-width: 768px) {
    #auna .rakutenBnr {
        width: 70vw;
        left: 5vw;
        transform: none;
        -webkit-transform: none;
    }
}

#auna .rakutenBnr:hover {
    opacity: 0.7;
}

@keyframes jello {

    0%,
    11.1%,
    to {
        transform: translateZ(0);
    }

    22.2% {
        transform: skewX(-2.5deg) skewY(-2.5deg);
    }

    33.3% {
        transform: skewX(3.25deg) skewY(3.25deg);
    }

    44.4% {
        transform: skewX(-2.125deg) skewY(-2.125deg);
    }

    55.5% {
        transform: skewX(3.5625deg) skewY(3.5625deg);
    }

    66.6% {
        transform: skewX(-2.78125deg) skewY(-2.78125deg);
    }

    77.7% {
        transform: skewX(1.390625deg) skewY(1.390625deg);
    }

    88.8% {
        transform: skewX(-2.1953125deg) skewY(-2.1953125deg);
    }
}

/*臨時メンテナンス用*/
#auna .maintenanceNotice {
    text-align: center;
    width: 80%;
    margin: 60px auto;
    font-size: 28px;
    background: rgba(255, 255, 255, 0.8);
    border: 3px solid #c94b4b;
    padding: 50px 20px;
    box-sizing: border-box;
}

@media screen and (max-width: 768px) {
    #auna .maintenanceNotice {
        font-size: 18px;
        margin: 0;
        width: 100%;
    }
}

.auna-ff-min {
    font-family: "Noto Serif JP", serif;
}

/*追加コンテンツ用*/
@media screen and (max-width: 767px) {
    #auna .p-use {
        padding-top: 11.3vw;
    }

    #auna .p-use .align-middle {
        align-items: center;
    }

    #auna .p-use-movie {
        margin-top: 5.3vw;
    }

    #auna .p-use-movie-inner {
        text-align: center;
        margin-left: 2.6vw;
        margin-right: 2.6vw;
    }

    #auna .p-use-movie-inner iframe {
        width: 100%;
        max-width: 74.6vw;
        height: 42vw;
    }

    #auna .p-use .cont-box {
        background: #fdf0ef;
        padding: 3.3vw 2.6vw;
        text-align: center;
    }

    #auna .p-use .cont-box__title {
        background: #ef8593;
        color: #fff;
        border-radius: 1000px;
        padding: 0.2vw 1.6vw;
        margin-bottom: 2.6vw;
        display: inline-block;
        font-size: 14px;
        letter-spacing: -0.02em;
        line-height: 1.5;
        font-weight: 400;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use .cont-box__title {
        font-size: 11.2px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use .cont-box__title.is-short {
        letter-spacing: -0.08em;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use .cont-box__text {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 1.6;
        font-weight: 500;
        text-align: left;
        margin-bottom: 3.3vw;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use .cont-box__text {
        font-size: 11.2px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use .cont-box__text01 {
        text-align: left;
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 1.6;
        font-weight: 500;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use .cont-box__text01 {
        font-size: 11.2px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use .cont-box__text02 {
        text-align: left;
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 1.6;
        font-weight: 400;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use .cont-box__text02 {
        font-size: 11.2px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use .cont-box-img {
        width: 40vw;
        margin-left: auto;
        margin-right: auto;
    }

    #auna .p-use .cont-box-img.is-wide {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use .cont-box.is-howto {
        position: relative;
        margin-top: 60vw;
    }

    #auna .p-use .cont-box.is-howto .cont-box-img {
        position: absolute;
        right: 0;
        top: -53.4vw;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use .text-pink {
        color: #ef8593;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use .text-line {
        background: linear-gradient(0deg, rgba(255, 241, 0, 0) 0%, rgba(255, 241, 0, 0) 10%, #fff100 11%, #fff100 32%, rgba(255, 241, 0, 0) 33%);
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use_heading {
        background-color: #f8e7ea;
        box-sizing: border-box;
    }

    #auna .p-use_heading span {
        font-size: 20px;
        letter-spacing: 0.02em;
        line-height: 1;
        font-weight: 300;
        font-weight: 300;
        text-align: center;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use_heading span {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-list {
        margin-left: 5.3vw;
        margin-right: 5.3vw;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-item__title {
        display: flex;
        justify-content: space-between;
        margin-bottom: 2.6vw;
    }

    #auna .p-use-item__title .pad-inline {
        display: none;
    }

    #auna .p-use-item__title .num {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 10.6vw;
        height: 10.6vw;
        background: url(../../images/auna/use-num-bg.png) no-repeat center center;
        background-size: 100% auto;
    }

    #auna .p-use-item__title .num .num-text {
        width: 100%;
        text-align: center;
    }

    #auna .p-use-item__title .text {
        width: calc(100% - 13.3vw);
        font-size: 14px;
        letter-spacing: 0.02em;
        line-height: 1.5;
        font-weight: 600;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use-item__title .text {
        font-size: 11.2px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-item-img01-01 {
        margin-bottom: 5.3vw;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-item-img02 {
        width: 37.3vw;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-item-boxs {
        display: flex;
        justify-content: space-around;
        margin-top: 7.3vw;
        margin-bottom: 4vw;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-item-box {
        width: 60%;
    }

    #auna .p-use-item-box.is-img {
        width: 35%;
        margin-right: 3.3vw;
    }

    #auna .p-use-item-box__text {
        font-size: 12px;
        letter-spacing: 0.02em;
        line-height: 1.5;
        font-weight: 500;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use-item-box__text {
        font-size: 10px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-item-box__text.is-01 {
        width: 58%;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-item-box__textArea {
        position: relative;
        line-height: 0;
    }

    #auna .p-use-item-box__textArea .icon-pink {
        position: absolute;
        right: 0;
        top: -5%;
    }
}

@media screen and (max-width: 767px) and (min-width: 430px) and (max-width: 768px) {
    #auna .p-use-item-box__textArea .icon-pink {
        top: -15%;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-item-box__note {
        font-size: 10px;
        letter-spacing: 0.02em;
        line-height: 1.6;
        font-weight: 600;
        display: inline-block;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use-item-box__note {
        font-size: 10px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-item-box .icon-pink {
        display: flex;
        background: #ef8593;
        border-radius: 50%;
        width: 75px;
        height: 75px;
        justify-content: center;
        color: #fff;
        align-items: center;
        text-align: center;
        font-size: 14px;
        letter-spacing: 0.02em;
        line-height: 1.5;
        font-weight: 500;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use-item-box .icon-pink {
        font-size: 11.2px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-item + .p-use-item {
        margin-top: 8vw;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-column {
        margin-left: 5.3vw;
        margin-right: 5.3vw;
        margin-top: 8vw;
        border: 1px solid #ef8593;
    }

    #auna .p-use-columnInner {
        border: 1px solid #ef8593;
        margin: 1.3vw;
        padding: 3.3vw 2.6vw;
    }

    #auna .p-use-columnInner__title {
        background: #fdf0ef;
        display: inline-block;
        padding: 2vw 2.6vw;
        margin-bottom: 2.6vw;
        box-sizing: border-box;
        font-size: 20px;
        letter-spacing: 0.02em;
        line-height: 1;
        font-weight: 500;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use-columnInner__title {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-columnInner__text {
        font-size: 14px;
        letter-spacing: -0.005em;
        line-height: 1.5;
        font-weight: 400;
        margin-bottom: 3.3vw;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use-columnInner__text {
        font-size: 11.2px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-columnInner-howto .text01 {
        position: relative;
        border-radius: 1000px;
        background: #ef8593;
        color: #fff;
        font-size: 15px;
        letter-spacing: 0.02em;
        line-height: 1;
        font-weight: 400;
        padding: 1vw 3.3vw;
        display: inline-block;
        margin-bottom: 3.3vw;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use-columnInner-howto .text01 {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-columnInner-howto .text01 .text {
        position: relative;
        z-index: 1;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-columnInner-howto .text01:after {
        content: "";
        width: 80vw;
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-block;
        height: 4px;
        background: url(data:image/png;base64,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) repeat-x left center;
        background-size: 12px auto;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-columnInner-howto .text02 {
        border: 1px solid #ef8593;
        color: #ef8593;
        font-size: 15px;
        letter-spacing: 0.02em;
        line-height: 1;
        font-weight: 400;
        padding: 1.3vw 2vw;
        display: inline-block;
        margin-bottom: 2.6vw;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use-columnInner-howto .text02 {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-pu {
        margin-top: 8vw;
    }

    #auna .p-use-pu__title {
        background-color: #f8e7ea;
        display: inline-block;
        padding: 2vw 2.6vw;
        margin-bottom: 6.6vw;
        font-size: 20px;
        letter-spacing: 0.02em;
        line-height: 1;
        font-weight: 300;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use-pu__title {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-pu-list {
        margin-left: 6.6vw;
        margin-right: 6.6vw;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-pu-item {
        position: relative;
    }

    #auna .p-use-pu-item .num {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 10.6vw;
        height: 10.6vw;
        background: url(../../images/auna/use-num-bg.png) no-repeat center center;
        background-size: 100% auto;
        left: -4%;
        top: -6%;
        position: absolute;
    }

    #auna .p-use-pu-item .num .num-text {
        width: 100%;
        text-align: center;
        position: relative;
    }

    #auna .p-use-pu-item-ok {
        background: #fdf0ef;
        padding: 5.3vw 4vw;
        margin-bottom: 4vw;
    }

    #auna .p-use-pu-item-okInner {
        padding-left: 8vw;
        position: relative;
    }

    #auna .p-use-pu-item-okInner:before {
        content: "";
        width: 2.9vw;
        height: 2.9vw;
        border-radius: 50%;
        border: 3px solid #ef8593;
        font-size: 22px;
        letter-spacing: 0em;
        line-height: 1.1;
        font-weight: 600;
        display: inline-block;
        margin-right: 0;
        color: #ef8593;
        position: absolute;
        top: 0;
        left: 2%;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use-pu-item-okInner:before {
        font-size: 17.6px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-pu-item-ok .text01 {
        font-size: 16px;
        letter-spacing: 0.02em;
        line-height: 1.3;
        font-weight: 600;
        color: #d75267;
        margin-bottom: 2.6vw;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use-pu-item-ok .text01 {
        font-size: 12.8px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-pu-item-ok .text02 {
        font-size: 14px;
        letter-spacing: 0.02em;
        line-height: 1.5;
        font-weight: 400;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use-pu-item-ok .text02 {
        font-size: 11.2px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-pu-item-ng {
        padding-left: 4vw;
    }

    #auna .p-use-pu-item-ng .text01 {
        font-size: 16px;
        letter-spacing: 0.02em;
        line-height: 1.3;
        font-weight: 600;
        margin-bottom: 2.6vw;
        display: inline-flex;
        flex-wrap: wrap;
        align-items: flex-start;
        width: 100%;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use-pu-item-ng .text01 {
        font-size: 12.8px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-pu-item-ng .text01:before {
        content: "×";
        font-size: 26px;
        letter-spacing: 0em;
        line-height: 1.1;
        font-weight: 600;
        display: inline-block;
        margin-right: 1.3vw;
        color: #ef8593;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use-pu-item-ng .text01:before {
        font-size: 20.8px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-pu-item-ng .text01 b {
        display: inline-block;
        width: 86%;
        font-size: 16px;
        letter-spacing: 0.02em;
        line-height: 1.8;
        font-weight: 600;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use-pu-item-ng .text01 b {
        font-size: 12.8px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-pu-item-ng .text01 b .text-line {
        padding-bottom: 1.4vw;
        background: linear-gradient(0deg, #ef8593 0%, #ef8593 12%, rgba(255, 241, 0, 0) 13%);
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-pu-item-ng .text01 .text-small {
        font-size: 11px;
        letter-spacing: 0.02em;
        line-height: 1.9;
        font-weight: 500;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-use-pu-item-ng .text01 .text-small {
        font-size: 10px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-use-pu-item + .p-use-pu-item {
        margin-top: 6.6vw;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-qa .cont-box {
        background: #fdf0ef;
        padding: 3.3vw 2.6vw;
        text-align: center;
        margin-top: 3.3vw;
    }

    #auna .p-qa .cont-box__title {
        background: #ef8593;
        color: #fff;
        border-radius: 1000px;
        padding: 0.2vw 1.6vw;
        margin-bottom: 2.6vw;
        display: inline-block;
        font-size: 14px;
        letter-spacing: -0.02em;
        line-height: 1.5;
        font-weight: 400;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-qa .cont-box__title {
        font-size: 11.2px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-qa .cont-box__title.is-short {
        letter-spacing: -0.12em;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-qa .cont-box__text {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 1.6;
        font-weight: 500;
        text-align: left;
        margin-bottom: 3.3vw;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-qa .cont-box__text {
        font-size: 11.2px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-qa .cont-box__text.text-pink {
        color: #ef8593;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-qa .cont-box__text01 {
        text-align: left;
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 1.6;
        font-weight: 500;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-qa .cont-box__text01 {
        font-size: 11.2px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-qa .cont-box__text02 {
        text-align: left;
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 1.6;
        font-weight: 400;
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    #auna .p-qa .cont-box__text02 {
        font-size: 11.2px;
    }
}

@media screen and (max-width: 767px) {
    #auna .p-qa .cont-box-img {
        width: 40vw;
        margin-left: auto;
        margin-right: auto;
    }

    #auna .p-qa .cont-box-img.is-wide {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use {
        background: none;
        padding-top: 60px;
        margin-left: auto;
        margin-right: auto;
        max-width: 780px;
        overflow: visible;
    }
}

@media screen and (min-width: 768px) and (max-width: 780px) {
    #auna .p-use {
        margin-left: 4%;
        margin-right: 4%;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use .align-middle {
        align-items: center;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-movie {
        margin-top: 40px;
    }

    #auna .p-use-movie-inner {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    #auna .p-use-movie-inner iframe {
        max-width: 780px;
        width: 100%;
        height: 439px;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use .cont-box {
        background: #fdf0ef;
        padding: 20px 15px;
        text-align: center;
    }

    #auna .p-use .cont-box__title {
        background: #ef8593;
        color: #fff;
        border-radius: 1000px;
        padding: 5px 20px;
        margin-bottom: 15px;
        display: inline-block;
        font-size: 16px;
        letter-spacing: -0.04em;
        line-height: 1;
        font-weight: 500;
    }

    #auna .p-use .cont-box__text {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 1.5;
        font-weight: 400;
        text-align: left;
        margin-bottom: 15px;
    }

    #auna .p-use .cont-box__text01 {
        text-align: left;
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 1.5;
        font-weight: 400;
    }

    #auna .p-use .cont-box__text02 {
        text-align: left;
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 1.5;
        font-weight: 400;
    }

    #auna .p-use .cont-box-img {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    #auna .p-use .cont-box-img.is-wide {
        width: 100%;
    }

    #auna .p-use .cont-box.is-01 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 15px 15px;
    }

    #auna .p-use .cont-box.is-01 .box:first-child {
        width: 68%;
        text-align: left;
    }

    #auna .p-use .cont-box.is-01 .box:first-child .cont-box__text {
        margin-bottom: 0;
    }

    #auna .p-use .cont-box.is-01 .box:last-child {
        width: 30%;
    }

    #auna .p-use .cont-box.is-howto {
        position: relative;
        text-align: left;
        margin-top: 0px;
    }

    #auna .p-use .cont-box.is-howto .cont-box-img {
        position: absolute;
        top: -72%;
        right: -3%;
        width: 48%;
    }

    #auna .p-use .cont-box.is-howto .cont-box__text01 {
        font-size: 21px;
        letter-spacing: 0em;
        line-height: 1.5;
        font-weight: 500;
        margin-bottom: 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 780px) {
    #auna .p-use .cont-box.is-howto .cont-box__text01 {
        letter-spacing: -0.05em;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use .text-pink {
        color: #ef8593;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use .text-line {
        background: linear-gradient(0deg, rgba(255, 241, 0, 0) 0%, rgba(255, 241, 0, 0) 10%, #fff100 11%, #fff100 32%, rgba(255, 241, 0, 0) 33%);
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use_heading {
        background-color: #f8e7ea;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 80px;
    }

    #auna .p-use_heading span {
        font-weight: 300;
        padding-left: 0;
        text-align: center;
        font-size: 24px;
        letter-spacing: 0.04em;
        line-height: 1;
        font-weight: 500;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-item {
        position: relative;
    }

    #auna .p-use-item__title {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 788px) {
    #auna .p-use-item__title.is-02 {
        max-width: 74%;
    }
}

@media screen and (min-width: 768px) and (max-width: 788px) {
    #auna .p-use-item__title.is-02 .pad-hidden {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-item__title.is-02 .pad-inline {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 788px) {
    #auna .p-use-item__title.is-02 .pad-inline {
        display: inline;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-item__title .num {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        border: 1px solid #fad9da;
    }

    #auna .p-use-item__title .num .num-text {
        width: 104%;
        background: #FFF;
        text-align: center;
        position: relative;
        font-size: 22px;
        letter-spacing: 0.04em;
        line-height: 1;
        font-weight: 400;
    }

    #auna .p-use-item__title .num .num-text:before {
        content: "";
        height: 100%;
        width: 10%;
        position: absolute;
        top: 0;
        left: -1%;
        display: inline-block;
        background: #fff;
    }

    #auna .p-use-item__title .num .num-text:after {
        content: "";
        height: 100%;
        width: 10%;
        position: absolute;
        top: 0;
        right: -5%;
        display: inline-block;
        background: #fff;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-item__title .text {
        width: calc(100% - 100px);
        font-size: 18px;
        letter-spacing: 0.04em;
        line-height: 1.7;
        font-weight: 600;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-item-img01 {
        display: flex;
        justify-content: space-around;
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    #auna .p-use-item-img01-01 {
        margin-bottom: 0;
        width: 68%;
        margin-right: 25px;
    }

    #auna .p-use-item-img01-02 {
        width: 35%;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-item-img02 {
        width: 180px;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        right: 0;
        top: 40px;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-item-boxs {
        display: flex;
        justify-content: space-around;
        flex-wrap: nowrap;
        margin-top: 35px;
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-item-box {
        width: 62%;
    }

    #auna .p-use-item-box.is-img {
        width: 38%;
        margin-right: 25px;
    }

    #auna .p-use-item-box__text {
        font-size: 18px;
        letter-spacing: 0.04em;
        line-height: 1.7;
        font-weight: 600;
    }

    #auna .p-use-item-box__text.is-01 {
        width: 64%;
    }

    #auna .p-use-item-box__textArea {
        position: relative;
        margin-bottom: 15px;
    }

    #auna .p-use-item-box__textArea .icon-pink {
        position: absolute;
        right: 0;
        top: -20px;
    }

    #auna .p-use-item-box__note {
        font-size: 12px;
        letter-spacing: 0.04em;
        line-height: 1.8;
        font-weight: 600;
        display: inline-block;
    }

    #auna .p-use-item-box .icon-pink {
        display: flex;
        background: #ef8593;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        justify-content: center;
        color: #fff;
        align-items: center;
        text-align: center;
        font-size: 18px;
        letter-spacing: 0.04em;
        line-height: 1.5;
        font-weight: 500;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-item + .p-use-item {
        margin-top: 60px;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-column {
        margin-left: auto;
        margin-right: auto;
        margin-top: 80px;
        border: 1px solid #ef8593;
    }

    #auna .p-use-columnInner {
        border: 1px solid #ef8593;
        margin: 10px;
        padding: 45px 40px;
    }
}

@media screen and (min-width: 768px) and (max-width: 780px) {
    #auna .p-use-columnInner {
        padding: 35px 30px;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-columnInner__title {
        background: #fdf0ef;
        display: inline-block;
        padding: 10px 20px;
        margin-bottom: 20px;
        font-size: 30px;
        letter-spacing: 0.04em;
        line-height: 1;
        font-weight: 500;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-columnInner__text {
        font-size: 16px;
        letter-spacing: 0.04em;
        line-height: 2;
        font-weight: 400;
        margin-bottom: 18px;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-columnInner-howto .text01 {
        position: relative;
        border-radius: 1000px;
        background: #ef8593;
        color: #fff;
        font-size: 16px;
        letter-spacing: 0.04em;
        line-height: 1;
        font-weight: 400;
        padding: 8px 25px;
        display: inline-block;
        margin-bottom: 30px;
    }

    #auna .p-use-columnInner-howto .text01 .text {
        position: relative;
        z-index: 1;
    }

    #auna .p-use-columnInner-howto .text01:after {
        content: "";
        width: 682%;
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-block;
        height: 4px;
        background: url(data:image/png;base64,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) repeat-x left center;
        background-size: 12px auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 780px) {
    #auna .p-use-columnInner-howto .text01:after {
        width: 618%;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-columnInner-howto .text02 {
        border: 1px solid #ef8593;
        color: #ef8593;
        font-size: 18px;
        letter-spacing: 0.04em;
        line-height: 1;
        font-weight: 400;
        padding: 5px;
        display: inline-block;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-pu {
        margin-top: 80px;
    }

    #auna .p-use-pu__title {
        background-color: #f8e7ea;
        display: inline-block;
        padding: 15px 0;
        margin-bottom: 80px;
        font-size: 24px;
        letter-spacing: 0.04em;
        line-height: 1;
        font-weight: 300;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }

    #auna .p-use-pu-list {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 890px) {
    #auna .p-use-pu-list {
        margin-left: 3%;
        margin-right: 3%;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-pu-item {
        position: relative;
    }

    #auna .p-use-pu-item .num {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 80px;
        height: 80px;
        background: url(../../images/auna/use-num-bg.png) no-repeat center center;
        background-size: 100% auto;
        left: -6%;
        top: -6%;
        position: absolute;
    }
}

@media screen and (min-width: 768px) and (max-width: 890px) {
    #auna .p-use-pu-item .num {
        width: 70px;
        height: 70px;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-pu-item .num .num-text {
        width: 100%;
        text-align: center;
        position: relative;
        font-size: 22px;
        letter-spacing: 0em;
        line-height: 1;
        font-weight: 400;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-pu-item-ok {
        background: #fdf0ef;
        padding: 30px 35px 30px 35px;
        margin-bottom: 30px;
    }

    #auna .p-use-pu-item-okInner {
        padding-left: 45px;
        position: relative;
    }

    #auna .p-use-pu-item-okInner:before {
        content: "";
        width: 25px;
        height: 25px;
        border-radius: 50%;
        border: 3px solid #ef8593;
        font-size: 32px;
        letter-spacing: 0em;
        line-height: 1.2;
        font-weight: 600;
        display: inline-block;
        margin-right: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    #auna .p-use-pu-item-ok .text01 {
        font-size: 28px;
        letter-spacing: -0.025em;
        line-height: 1.3;
        font-weight: 600;
        color: #d75267;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 780px) {
    #auna .p-use-pu-item-ok .text01 {
        letter-spacing: -0.08em;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-pu-item-ok .text02 {
        font-size: 18px;
        letter-spacing: 0.01em;
        line-height: 1.7;
        font-weight: 400;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-pu-item-ng {
        padding-left: 25px;
    }

    #auna .p-use-pu-item-ng .text01 {
        font-size: 28px;
        letter-spacing: 0.04em;
        line-height: 1.2;
        font-weight: 600;
        margin-bottom: 20px;
        display: inline-flex;
        flex-wrap: wrap;
        align-items: flex-start;
        width: 100%;
    }

    #auna .p-use-pu-item-ng .text01:before {
        content: "×";
        font-size: 62px;
        letter-spacing: 0em;
        line-height: 0.5;
        font-weight: 500;
        display: inline-block;
        margin-right: 15px;
        color: #ef8593;
        transform: translateX(2%);
    }

    #auna .p-use-pu-item-ng .text01 b {
        display: inline-block;
        width: 90%;
        font-size: 28px;
        letter-spacing: 0.04em;
        line-height: 1.5;
        font-weight: 600;
    }

    #auna .p-use-pu-item-ng .text01 b .text-line {
        padding-bottom: 10px;
        background: linear-gradient(0deg, #ef8593 0%, #ef8593 15%, rgba(255, 241, 0, 0) 16%);
    }

    #auna .p-use-pu-item-ng .text01 .text-small {
        font-size: 14px;
        letter-spacing: 0.04em;
        line-height: 3;
        font-weight: 400;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-use-pu-item + .p-use-pu-item {
        margin-top: 60px;
    }
}

@media screen and (min-width: 768px) {
    #auna .p-qa .cont-box {
        background: #fdf0ef;
        padding: 20px 15px;
        text-align: center;
        max-width: 470px;
        margin-top: 25px;
    }

    #auna .p-qa .cont-box__title {
        background: #ef8593;
        color: #fff;
        border-radius: 1000px;
        padding: 5px 20px;
        margin-bottom: 15px;
        display: inline-block;
        font-size: 16px;
        letter-spacing: -0.04em;
        line-height: 1;
        font-weight: 500;
    }

    #auna .p-qa .cont-box__text {
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 1.5;
        font-weight: 400;
        text-align: left;
        margin-bottom: 15px;
    }

    #auna .p-qa .cont-box__text.text-pink {
        color: #ef8593;
    }

    #auna .p-qa .cont-box__text01 {
        text-align: left;
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 1.5;
        font-weight: 400;
    }

    #auna .p-qa .cont-box__text02 {
        text-align: left;
        font-size: 14px;
        letter-spacing: 0em;
        line-height: 1.5;
        font-weight: 400;
    }

    #auna .p-qa .cont-box-img {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    #auna .p-qa .cont-box-img.is-wide {
        width: 100%;
    }

    #auna .p-qa .cont-box.is-01 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 15px 15px;
    }

    #auna .p-qa .cont-box.is-01 .box:first-child {
        width: 68%;
        text-align: left;
    }

    #auna .p-qa .cont-box.is-01 .box:first-child .cont-box__text {
        margin-bottom: 0;
    }

    #auna .p-qa .cont-box.is-01 .box:last-child {
        width: 30%;
    }
}
