@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

/*******************************************
*** CSS Document - RESET
********************************************/
html {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    position: relative;
    word-wrap: break-word;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow-x: hidden;
}

/* box-sizing */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

dl,
dt,
dd,
ol,
ul,
li {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
section {
    font-size: 100%;
    margin: 0;
    padding: 0;
}

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

/* input */
input,
select,
textarea,
button {
    vertical-align: middle;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

/* link */

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}

a,
a:link {
    color: #000;
}

::selection {
    background: rgba(219, 55, 22, .5);
}

/*******************************************
*** Utillity Setting
********************************************/
.center {
    text-align: center;
}

.centering_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
#point02 .bg-color{
    padding: 2rem 1rem;
}
#point02 .video-wrap{
    width: 100%;
    margin: 3rem auto;
}
#point02 .video-wrap .video{
    max-width: 450px;
    margin: 0 auto;
}
#point02 .centering_wrap{
    display: block;
    text-align: center;
}
#point02 .centering_wrap img{
    width: 100%;
    max-width: 700px;
}
#point02 .centering_wrap p{
    text-align: left;
    margin-top: 1rem;
}

.sp_only {
    display: none;
}

.sp_fluid {
    width: 100%;
    max-width: 768px;
}

.img-fluid {
    width: 100%;
}

.google-map {
    height: 0;
    overflow: hidden;
    aspect-ratio: 16/9;
    position: relative;
}

.google-map iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

/* 全幅ラップ */
.overall_wrap {
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
    overflow: hidden;
}

@media screen and (max-width:768px) {
    .sp_only {
        display: block !important;
    }

    .pc_only {
        display: none !important;
    }
}

.my-2r {
    margin: 2rem auto;
}

.my-4r {
    margin: 4rem auto;
}

.mt-4r {
    margin-top: 4rem;
}

.mb-4r {
    margin-bottom: 4rem;
}

.pd-1r {
    padding: 1rem;
}

.pd-2r {
    padding: 2rem;
}

/*******************************************
*** Font Style
********************************************/
html {
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.6;
    color: #200604;
}

h1,
h2 {
    font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
    font-size: 2rem;
    font-weight: 800;
    font-style: normal;
    text-align: center;
}

h2>span {
    font-size: 1.3rem;
}

h2>span.h2_sub {
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    color: #adadaa;
    font-weight: 600;
}

h3 {
    text-align: center;
}

@media screen and (max-width:768px) {
    .ttl01 {
        font-size: 0.9375rem;
    }
}

#point02 h3,
#point03 h3 {
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    font-style: normal;
    text-align: center;
}
#point02 h3 .sup, #point03 h3 .sup{
    font-size: 40%;
    position: relative;
    vertical-align: top;
    top: 0.4rem;
}

#point02 .lead_title {
    font-size: 1.8rem;
}

h4 {
    font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
    font-size: 2rem;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 2rem;
}

#point02 h4 {
    font-weight: 900;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

h5 span {
    font-size: 1.8rem;
    color: #1b968c;

}

span.label {
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 800;
    font-size: 1.2rem;
    padding: .5rem 1rem;
    color: #fff;
    background: var(--main-color);
    line-height: 3;
    text-wrap: nowrap;
}

p {
    color: #000;
    margin: 0;
}

p.lead {
    font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
    html {
        font-size: 3vw;
    }

    #point03 h3 {
        font-size: 1.9rem;
    }
}

.caption {
    font-size: .8rem;
}

.highlight {
    background: linear-gradient(transparent 40%, #f9e165 40%);
}

.heavy {
    font-weight: 900 !important;
}

.bold {
    font-weight: 800 !important;
}

.normal {
    font-weight: 400 !important;
}

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

.right {
    text-align: right !important;
}

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

/*******************************************
*** Layout Style
********************************************/
main>section {
    /*padding: 4rem 0;*/
	padding: 0;
}

.inner_wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.media_sec_box {
    margin-bottom: 4.5rem;
    padding-top: 3.75rem;
    padding-bottom: 4.0625rem;
    background: url(../images/media_sec_bg.jpg) no-repeat center center;
    background-size: cover;
}

.media_sec_box_txt {
    padding-bottom: 2rem;
}

.contents_wrap {
    position: relative;
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
}

.contents_wrap_modifier {
    padding-bottom: 2rem;
}

.flex_wrap {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.reverse_row_wrap {
    flex-direction: row-reverse;
}

.reverse_col_wrap {
    flex-direction: column-reverse;
}

.flex-col2,
.flex-col3,
.flex-col4,
.flex-col5,
.flex-onethird,
.flex-twothird,
.flex-threefirst {
    flex-wrap: wrap;
}

.flex-col2>* {
    width: calc((100% / 2) - (1rem / 2));
}

.flex-col3>* {
    width: calc((100% / 3) - (2rem / 3));
}

.flex-col4>* {
    width: calc((100% / 4) - (3rem / 4));
}

.flex-col5>* {
    width: calc((100% / 5) - (4rem / 5));
}

.flex-onethird>*:first-child {
    width: calc(40% - (1rem / 2));
}

.flex-onethird>*:last-child {
    width: calc(60% - (1rem / 2));
}

.flex-threefirst>*:first-child {
    width: calc(60% - (1rem / 2));
}

.flex-threefirst>*:last-child {
    width: calc(40% - (1rem / 2));
}

.flex-twothird>*:first-child {
    width: calc((100% * (2 / 3)) - (1rem / 2));
}

.flex-twothird>*:last-child {
    width: calc((100% / 3) - (1rem / 2));
}

@media screen and (max-width: 1200px) {
    .inner_wrap {
        padding: 0 1rem;
    }
}

@media screen and (max-width: 768px) {

    .flex-col2>*,
    .flex-col3>* {
        width: 100%;
    }

    .flex-col4>* {
        width: calc(100% / 2);
    }

    .flex-col5>* {
        width: calc(100% / 3);
    }

    .flex-onethird>*:first-child,
    .flex-onethird>*:last-child,
    .flex-twothird>*:first-child,
    .flex-twothird>*:last-child,
    .flex-threefirst>*:first-child,
    .flex-threefirst>*:last-child {
        width: 100%;
    }

    .media_sec_box_txt {
        margin-left: 2px;
    }
}

@media screen and (max-width: 460px) {
    .flex-col5 {
        width: calc(100% / 2);
    }
}

/*******************************************
*** Custom prop
********************************************/
:root {
    --main-color: #db3716;
    --bg-color: #f0efeb;
    --grey-color: #adadaa;
    --shadow: rgba(0, 0, 0, .2);
}

/*******************************************
*** Header & Footer
********************************************/
header {
    position: relative;
    background: linear-gradient(90deg, #691a17 0%, #db3716 100%);
    line-height: 0;
}

header img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

header p.caption {
    position: absolute;
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    bottom: 1rem;
}

/*******************************************
*** Contents Style
********************************************/
.bg-color {
    background-color: var(--bg-color);
}

.bg-color-brand {
    background-color: var(--main-color);
}

.wht-bg {
    background: #fff;
}

.brand-color {
    color: var(--main-color);
}

#authority .cv_btn_add_wrap{
    margin: 0 auto 3rem;
}

.authority {
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
}

.authority>img {
    display: block;
    margin: 0 auto 2rem;
}

.satisfaction {
    margin: 2rem auto;
}

.satisfaction.flex_wrap {
    width: 600px;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 10px;
}

.satisfaction.flex_wrap li {
    width: 280px;
}

@media screen and (max-width: 768px) {
    .satisfaction {
        flex-wrap: wrap;
    }

    .satisfaction.flex_wrap {
        width: 100%;
        gap: 0 4%;
    }

    .satisfaction.flex_wrap li {
        width: 48%;
    }

    /* .satisfaction li{
        width: calc((100% / 2) - ( 1rem / 2));
    } */
}

.point_wrap,
.sub-point_wrap {
    margin: 6rem auto;
}
.point_label {
    justify-content: center;
}

.point_subtext {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f7f7f5;
    padding: 2rem;
    margin-top: 2rem;
    margin-bottom: .5rem;
}

#point02 h3{
    margin-bottom: 3rem;
}
#point02 .point_wrap .flex_wrap {
    margin: 0 auto;
    flex-wrap: wrap;
}
.video.ems-video{
    max-width: 450px;
    margin: 0 auto -2rem;
}
#point02 .point_wrap .flex_wrap .box{
    width: 100%;
    margin-bottom: 2rem;
}
#point02 .point_wrap .flex_wrap .box.bg-color{
    text-align: center;
    width: 100%;
    padding: 1.5rem;
}
#point02 .bg-color .lead_title::before{
    display: none;
}
@media screen and (min-width: 769px){
    #point02 .bg-color{
        margin: 2rem 1rem 1rem;
    }
    #point02 .point_wrap .flex_wrap .box{
        width: 45%;
    }
    #point02 .point_wrap .flex_wrap .box.bg-color{
        width: 49%;
    }
}

.sub-point_wrap {
    margin: 4rem auto;
    padding: 3rem;
}

.sub-point_wrap .flex_wrap {
    gap: 3rem;
}

.sub-point_wrap .flex_wrap>div {
    width: calc(50% - (3rem / 2))
}

.sub-point_wrap h5 {
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 2rem;
}

.sub-point_wrap h6 {
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0;
}

.sub-point_wrap p {
    margin-bottom: 0.5rem;
}

.contents_wrap h3 {
    position: relative;
}

.contents_wrap h3:first-child:before {
    display: block;
    margin-bottom: 3rem;
}

#point01 .contents_wrap h3:first-child:before {
    content: url(../images/ttl_point01.webp);
}

#point02 .contents_wrap h3:first-child:before {
    content: url(../images/ttl_point02.webp);
}

#point03 .contents_wrap h3:first-child:before {
    content: url(../images/ttl_point03.webp);
}

.point02_graph {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

@media screen and (min-width: 769px) {
    #point02 .flex-onethird .centering_wrap {
        width: 56%;
    }
}

#point02 .flex-onethird .caption {
    width: 100%;
}

section#point03 {
    padding-bottom: 0;
}

#point03 .fixed_image {
    background: no-repeat url(../images/bg_point03.webp)center;
    background-attachment: fixed;
    background-size: cover;
}
#feature h5 {
    margin-bottom: 2rem;
}

.purchase_btn {
    margin-bottom: 4rem;
}

.purchase_btn a {
    display: block;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 800;
    color: #fff;
    line-height: 1;
    padding: 1rem 0;
    border-radius: 100vh;
    background: linear-gradient(#e53714 0%, #b62204 100%);
    border:2px solid #b62204;
    position: relative;
}

.purchase_btn a:hover {
    opacity: .8;
    transition: all .8s ease;
}
.purchase_btn a::after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    height: 5px;
    width: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.link_underline {
    text-decoration: underline;
}

.title_bar {
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: 700;
    color: var(--main-color);
    margin-bottom: 2rem;
    text-align: center;
}

.title_bar02 {
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 44px;
    color: var(--main-color);
    margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
    .title_bar02 {
        font-size: 24px;
        margin-bottom: 30px;
    }
}

.title_border {
    padding: 6px 0;
    background: var(--main-color);
    color: #fff;
    font-weight: 600;
    font-size: min(3.2rem, var(--18px));
}

.basic_list {
    padding: 1rem;
}

.basic_list li {
    position: relative;
    padding: 2px 0 2px 1rem;
}

.basic_list li:before {
    content: "・";
    position: absolute;
    top: 2px;
    left: 0;
}

footer {
    padding: 0 0 10rem;
    width: 95%;
    margin: 0 auto;
}
footer .footer_menu_wrap{
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}
footer .footer_menu {
    padding: 10px 0;
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}
footer .footer_menu a {
    display: inline-block;
    padding: 3px 0;
    font-weight: 600;
    vertical-align: middle;
}

footer .footer_menu a:after {
    content: "";
    display: inline-block;
    margin: 0 5px 0 10px;
    width: 1px;
    height: 15px;
    background: #000;
    transform: translateY(2px);
}

.copyright {
    margin-top: 2rem;
}
.copyright .flex_wrap{
    max-width: 820px;
    margin: 0 auto;
}
.copyright .logo {
    text-align: left;
}

.copyright .text {
    font-size: .8rem;
    text-align: right;
}

footer .footer_menu a:last-child:after {
    content: none;
}

@media screen and (max-width: 768px) {
    footer{
        padding: 0 0 6rem;
    }
    footer .footer_menu a:after{
        height: 12px;
        margin: 0 5px 0 8px;
    }
    .copyright .logo,
    .copyright .text {
        text-align: center;
    }
}

.video {
    margin: 0;
}

.video video {
    width: 100%;
}

.notice {
    text-align: left;
    font-size: 12px;
}

/*******************************************
*** grid
********************************************/
.grid-container-01 {
    margin-bottom: 3rem;
    display: grid;
    grid-template-columns: 298px 485px;
    gap: 3.125rem;
}

@media screen and (max-width: 768px) {
    .grid-container-01 {
        grid-template-columns: 1fr;
        max-width: 100%;
    }

    .grid-container-01 .make-left-column {
        order: 2;
    }

    .grid-container-01 .make-right-column {
        order: 1;
        margin-bottom: -0.5rem;
    }
}

.grid-container-02 {
    display: grid;
    grid-template-columns: 1fr;
}

.grid-container-02 .left-column {
    margin-bottom: 0.9rem;
}

@media screen and (max-width: 768px) {
    .grid-container-02 {
        grid-template-columns: 149px auto;
        gap: 0.7875rem;
    }

    .grid-container-02 .left-column {
        margin-bottom: 0;
    }
}

/*******************************************
*** compornent Style
********************************************/
.ttl01 {
    font-weight: bold;
    margin-bottom: 2.5rem;
    padding: .5rem 1rem;
    font-size: 1.5625rem;
    color: #fff;
    background-color: var(--main-color);
}

.ttl02 {
    font-family: YuMincho, serif;
    font-weight: bold;
    font-size: 2.125rem;
    text-align: center;
    color: #db3717;
    margin-bottom: 0.5rem;
}

.make-artist {
    margin-bottom: -0.25rem;
    font-size: 0.8125rem;
    font-weight: 500;
}

.make-name {
    font-weight: 500;
    font-size: 2rem;
    color: #200604;
    margin-bottom: 1rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #200604;
}

@media screen and (max-width: 768px) {
    .make-artist {
        margin-bottom: 0.2rem;
        font-size: 11px;
    }

    .make-name {
        font-size: 24px;
    }

    .ttl01 {
        font-size: 15px;
    }

    .ttl02 {
        font-size: 24px;
    }
}

/*******************************************
*** video Style
********************************************/
.video-container {
    text-align: center;
    margin: 0;
    padding-top: 2rem;
    padding-bottom: 0;
}

.video-container video {
    width: 100%;
    max-width: 600px;
}

/*******************************************
*** fixed btn Style
********************************************/
html {
    scroll-behavior: smooth;
}

#floating-banner {
    position: fixed;
    bottom: 20px;
    right: 20px;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    z-index: 1000;
}

#floating-banner a:hover {
    opacity: .8;
    transition: all .8s ease;
}

#floating-banner img {
    height: auto;
}

#floating-banner .pc-banner img {
    max-width: 240px;
}

.pc-banner,
.pc-only {
    display: block;
}

.sp-banner,
.sp-only {
    display: none;
}

@media (max-width: 768px) {
    #floating-banner {
        position: fixed;
        bottom: 0;
        right: 0;
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
        z-index: 1000;
    }

    .pc-banner,
    .pc-only {
        display: none;
    }

    .sp-banner,
    .sp-only {
        display: block;
    }

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

/*******************************************
*** rakuten_btn Style
********************************************/
.rakuten_btn {
    margin-bottom: 4rem;
}

.rakuten_btn a {
    display: block;
    text-align: center;
    font-size: 2rem;
    font-weight: 800;
    color: var(--main-color);
    line-height: 1;
    padding: 1rem 0;
    border-radius: 100vh;
    border: 1px solid var(--main-color);
    background: #FFF;
}

.rakuten_btn a:hover {
    opacity: .8;
    transition: all .8s ease;
}

/*******************************************
*** liftlogy-area Style
********************************************/
main>section.liftlogy-area {
    padding-top: 0;
}

.liftlogy-box {
    position: relative;
}

.liftlogy-box h2.ttl-liftlogy {
    position: absolute;
    padding-top: 14.322916666666666vw;
    font-weight: 500;
    letter-spacing: 0.03em;
    color: #000;
    text-align: left;
    padding-left: 141px;
    font-size: 0rem;
}

h2>span.sub01 {
    font-size: 2.7604166666666665vw;
    line-height: 0.2;
    padding-left: 0.5vw;
}

h2>span.sub02 {
    font-size: 4.166666666666666vw;
}

.lift-image {
    margin-bottom: 90px;
}

.lift-banner {
    margin-bottom: 60px;
}

a.lift-btn {
    margin-bottom: 63px;
    padding: 10px;
    min-height: 80px;
    background: #79a3be;
    display: grid;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    border-radius: 39.5px;
}

a.lift-btn:hover {
    opacity: .8;
    transition: all .8s ease;
}

.lift-video-container {
    padding-top: 0;
    max-width: 600px;
    margin: 0 auto 60px;
}

.movie-area {
    max-width: 600px;
    position: relative;
    padding-bottom: 56.25%;
}

.movie-area iframe {
    right: 0;
    left: 0;
}


/*******************************************
*** special-collaboration-set Style
********************************************/


.section-special-collaboration-set {
    color: #1e1e1e;
}







/*イントロテキスト*/
.section-special-collaboration-set__introductory-text-area {
    background-color: #f0efeb;
    text-align: center;
    padding: 100px 20px 90px;
}

@media screen and (max-width:768px) {
    .section-special-collaboration-set__introductory-text-area {
        padding: 45px 20px 45px;
    }
}

.section-special-collaboration-set__introductory-text-area__limited-quantity-text {
    margin-bottom: 20px;
}

.section-special-collaboration-set__introductory-text-area__limited-quantity-text span {
    color: #bb5495;
    padding: 6px;
    border: solid 1px #bb5495;
    display: inline;
    font-size: 34px;
    font-family: 'Noto Serif JP', sans-serif;
}

@media screen and (max-width:768px) {
    .section-special-collaboration-set__introductory-text-area__limited-quantity-text span {
        /*font-size:20px;*/
        font-size: 6.25vw;
    }
}

.section-special-collaboration-set__introductory-text-area__title {
    color: #1e1e1e;
    font-size: 44px;
    font-weight: bold;
}

.section-special-collaboration-set__introductory-text-area__title b {
    font-size: 54px;
    display: block;
}

@media screen and (max-width:768px) {
    .section-special-collaboration-set__introductory-text-area__title {
        color: #1e1e1e;
        /*font-size:14px;*/
        font-size: 3.5vw;
        font-weight: bold;
    }

    .section-special-collaboration-set__introductory-text-area__title b {
        /*font-size:30px;*/
        font-size: 9vw;
        display: block;
    }
}


/**/
.white-space--nowrap {
    white-space: nowrap;
}




.section-special-collaboration-set__collaboration-details-area {
    background: #f0efeb;
}

/*.section-special-collaboration-set__collaboration-details-area__image-area{
    max-width:1000px;
    display:grid;
    grid-template-columns: 1fr 60px 1fr;
    gap: 8px;
    align-items: center;
    margin:0px auto 60px;
}*/
.section-special-collaboration-set__collaboration-details-area__image-area {
    max-width: 1000px;
    display: grid;
    grid-template-columns: 1fr 60px 1fr;
    grid-template-rows: 100px 1fr;
    gap: 8px;
    align-items: center;
    justify-items: center;
    margin: 0px auto;
    padding: 60px 0px;
}



@media screen and (max-width:768px) {
    .section-special-collaboration-set__collaboration-details-area__image-area {
        width: 100%;
        padding: 60px 12px;
        grid-template-rows: 60px 1fr;
        grid-template-columns: 1fr 20px 1fr;
    }

    .section-special-collaboration-set__collaboration-details-area__image-area img {
        width: 100%;
    }
}







.section-special-collaboration-set__collaboration-details-area__about-femmue-title {
    font-size: 34px;
    margin-bottom: 30px;
    color: #cf8eb7;
    font-family: 'Noto Serif JP', sans-serif;
}

@media screen and (max-width:768px) {
    .section-special-collaboration-set__collaboration-details-area__about-femmue-title {
        /*font-size:30px;*/
        font-size: 9vw;
    }
}

.section-special-collaboration-set__collaboration-details-area__about-femmue-text {
    font-family: 'Noto Serif JP', sans-serif;
    line-height: 2.4em;
}

@media screen and (max-width:768px) {
    .section-special-collaboration-set__collaboration-details-area__about-femmue-text {
        /*font-size:14px;*/
        font-size: 3.5vw;
    }
}

.section-special-collaboration-set__collaboration-details-area__about-femmue-text p:first-child {
    margin-bottom: 30px;
}

@media screen and (max-width:768px) {
    .section-special-collaboration-set__collaboration-details-area__about-femmue-text p:first-child {
        margin-bottom: 0px;
    }
}








.section-special-collaboration-set .section-sheet-mask {
    background: url(../images/dream-glow-mask-bg-pc.jpg) no-repeat right center;
    background-size: cover;
}

@media screen and (max-width:768px) {
    .section-special-collaboration-set .section-sheet-mask {
        background: url(../images/dream-glow-mask-bg.jpg) no-repeat right bottom;
        background-size: contain;
        background-color: #d5eeff;
    }
}


.section-sheet-mask__introductory-text-area {
    margin-bottom: 80px;
}

.section-sheet-mask__title {
    font-family: 'Noto Serif JP', sans-serif;
    font-size: 28px;
    margin-bottom: 19px;
}

.section-sheet-mask__title__kome {
    font-size: 60%;
    vertical-align: top;
}

@media screen and (max-width:768px) {
    .section-sheet-mask__title {
        /*font-size:22px;*/
        font-size: 6vw;
    }
}

.section-sheet-mask__introductory-text {
    font-size: 18px;
    margin-bottom: 24px;
}

@media screen and (max-width:768px) {
    .section-sheet-mask__introductory-text {
        /*font-size:14px;*/
        font-size: 3.5vw;
    }

    .section-sheet-mask__introductory-text-tubaki {
        /*font-size:12px;*/
        font-size: 3vw;
    }
}

.section-sheet-mask__mask-image {
    margin-bottom: 20px;
}

.section-sheet-mask__mask-image,
.section-sheet-mask__mask-image img {
    width: 100%;
}


















.product-details-table {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 8px;
}

@media screen and (max-width:768px) {
    .product-details-table {
        margin-bottom: 14px;
        grid-template-columns: 18vw 1fr;
    }
}

.product-details-table__th-text {
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    line-height: 1em;
}


.section-sheet-mask__inner-wrapper {
    max-width: 820px;
    margin: 0px auto;
    padding: 50px 0px 170px;
}

@media screen and (max-width:768px) {
    .section-sheet-mask__inner-wrapper {
        margin: 0px auto;
        padding: 50px 24px 170px;
    }
}

.all-ingredients-button {
    padding-top: 14px;
}

.all-ingredients-button span {
    background: #001247;
    color: #fff;
    border-radius: 18px;
    text-align: center;
    display: block;
    position: relative;
    line-height: 2em;
    font-size: 16px;
}

@media screen and (max-width:768px) {
    .all-ingredients-button span {
        /*font-size:16px;*/
        font-size: 4vw;
    }
}

.all-ingredients-button span::after {
    content: "+";
    position: absolute;
    right: 10px;
    top: 0px;
}

/*アコーディオンが開かれた場合*/
.all-ingredients-button span.up {
    border: 2px solid #001247;
    background: #fff;
    border-radius: 18px;
    color: #001247;
    position: relative;
}

.all-ingredients-button span.up::after {
    content: "-";
    position: absolute;
    right: 10px;
    top: 0px;
}



.c-accordion.is-open .all-ingredients-button span {
    border: 2px solid #001247;
    background: #fff;
    border-radius: 18px;
    color: #001247;
    position: relative;
}

.c-accordion.is-open .all-ingredients-button span::after {
    content: "-";
    position: absolute;
    right: 10px;
    top: 0px;
}







.all-ingredients-text {
    position: absolute;
    border: 2px solid #001247;
    background: #fff;
    color: #3f3f3f;
    max-width: 820px;
    padding: 8px;
    font-size: 11px;
    margin-top: 14px;
}

@media screen and (max-width:768px) {
    .all-ingredients-text {
        position: relative;
    }
}





.section-special-collaboration-set .accordion-js_inner {
    padding-top: 14px;
}




.dream-glow-mask-mv-area {
    background: url(../images/dream-glow-mask-mv-pc.jpg) no-repeat right center;
    background-size: cover;
    height: 700px;
}

@media screen and (max-width:768px) {
    .dream-glow-mask-mv-area {
        background: url(../images/dream-glow-mask-mv.jpg) no-repeat right center;
        background-size: cover;
        height: 200px;
    }
}

.section-collaboration-product-price-area {
    padding: 0px 24px;
}

@media screen and (max-width:768px) {
    .section-collaboration-product-price-area {
        padding: 0px 12px;
    }
}

.section-collaboration-product-price-area__inner-wrapper {
    max-width: 820px;
    margin: 64px auto 0px;
}

@media screen and (max-width:768px) {
    .section-collaboration-product-price-area__inner-wrapper {
        margin: 14px auto 0px;
        padding: 0px;
    }
}









.section-special-collaboration-set__collaboration-details-dream-glow-mask-name {
    text-align: center;
    font-size: 20px;
}

.section-special-collaboration-set__collaboration-details-dream-glow-mask-name img {
    width: 230px;
}

.section-special-collaboration-set__cross-icon {
    width: 40px;
}

.section-special-collaboration-set__cross-icon img {
    width: 100%;
}

@media screen and (max-width:768px) {
    .section-special-collaboration-set__collaboration-details-dream-glow-mask-name {
        /*font-size:16px;*/
        font-size: 4.5vw;
    }

    .section-special-collaboration-set__collaboration-details-dream-glow-mask-name img {
        width: 150px;
    }

    .section-special-collaboration-set__collaboration-details-liftlogy-series-name {
        /*font-size:16px;*/
        font-size: 4.5vw;
    }

    .section-special-collaboration-set__cross-icon {
        width: 14px;
    }
}

.section-special-collaboration-set__collaboration-details-liftlogy-series-name {
    color: #000000;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
    white-space: nowrap;
}

@media screen and (max-width:768px) {
    .section-special-collaboration-set__collaboration-details-dream-glow-mask-name {
        /*font-size:16px;*/
        font-size: 3vw;
    }

    .section-special-collaboration-set__collaboration-details-dream-glow-mask-name img {
        width: 150px;
    }

    .section-special-collaboration-set__collaboration-details-liftlogy-series-name {
        /*font-size:16px;*/
        font-size: 4.5vw;
    }
}

.section-special-collaboration-set__collaboration-details-area__dream-glow-mask-area {
    display: grid;
    grid-template-rows: 160px 1fr;
    gap: 8px;
    align-items: center;
    justify-items: center;
}

.section-special-collaboration-set__collaboration-details-area__liftlogy-series-area {
    display: grid;
    grid-template-rows: 160px 1fr;
    gap: 8px;
    align-items: center;
    justify-items: center;
}

.section-special-collaboration-set__dream-glow-mask-name {
    text-align: center;
    font-size: 10px;
}

@media screen and (max-width:768px) {
    .section-special-collaboration-set__dream-glow-mask-name {
        text-align: center;
        font-size: 2vw;
    }
}

.section-special-collaboration-set__collaboration-details-area__text-area {
    max-width: 820px;
    margin: 0px auto;
    text-align: center;
    padding-bottom: 64px;
}

@media screen and (max-width:768px) {
    .section-special-collaboration-set__collaboration-details-area__text-area {
        padding: 0px 24px 64px;
    }
}

.section-special-collaboration-set__collaboration-details-area__about-femmue-title {
    color: #cf8eb7;
}






.section-special-collaboration-set__collaboration-details-title-area {
    display: grid;
    grid-template-rows: 1fr;
    justify-items: center;
    align-items: center;
    gap: 8px;
    grid-template-columns: 1fr 60px 1fr;
    width: 100%;
}

.section-special-collaboration-set__collaboration-details-image-area {
    display: grid;
    grid-template-rows: 1fr;
    justify-items: center;
    align-items: center;
    gap: 8px;
    grid-template-columns: 1fr 60px 1fr;
    width: 100%;
}


















/*シートマスク*/
.section-sheet-mask__detail-area {
    width: 320px;
}

@media screen and (max-width:768px) {
    .section-sheet-mask__detail-area {
        /*font-size:14px;*/
        font-size: 3.5vw;
        width: 100%;
    }
}








/*セクション　プライス*/
.section-collaboration-product-price-area__set-product-image-text-whopper {
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 8px;
    padding-left: 33px;
}

@media screen and (max-width:768px) {
    .section-collaboration-product-price-area__set-product-image-text-whopper {
        display: grid;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr;
        gap: 8px;
        padding-left: 0px;
        margin-bottom: 20px;
    }
}

.section-collaboration-product-price-area__image-area {
    display: grid;
    grid-template-rows: 1fr 40px 180px;
    justify-items: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
}

@media screen and (max-width:768px) {
    .section-collaboration-product-price-area__image-area {
        grid-template-rows: 1fr;
        justify-items: center;
        align-items: center;
        gap: 8px;
        grid-template-columns: 1fr 20px 1fr;
        width: 100%;
        margin-bottom: 0px;
    }

    .section-collaboration-product-price-area__image-area img {
        width: 100%;
    }
}








.section-collaboration-product-price-area__text-area {
    font-size: 28px;
    font-weight: bold;
    padding-top: 60px;
}

.section-collaboration-product-price-area__set-price {
    padding-top: 80px;
    text-align: right;
}

.section-collaboration-product-price-area__set-price span {
    font-size: 40px;
}

@media screen and (max-width:768px) {
    .section-collaboration-product-price-area__text-area {
        /*font-size:16px;*/
        font-size: 4.5vw;
        font-weight: bold;
        padding-top: 0px;
    }

    .section-collaboration-product-price-area__text-area-dream-glow-mask {
        /*font-size:11px;*/
        font-size: 3vw;
    }

    .section-collaboration-product-price-area__set-price {
        /*font-size:12px;*/
        font-size: 3vw;
        padding-top: 14px;
        text-align: left;
    }

    .section-collaboration-product-price-area__set-price span {
        /*font-size:19px;*/
        font-size: 5vw;
    }
}

.section-collaboration-product-price-area__set-product-whopper li:first-child {
    margin-bottom: 40px;
}


























/*******************************************
*** rental_btn Style
********************************************/
.rental_btn button {
    width: 100%;
    text-align: center;
    font-size: 2rem;
    font-weight: 800;
    color: var(--main-color);
    line-height: 1;
    padding: 1rem;
    border-radius: 100vh;
    border: 1px solid var(--main-color);
    cursor: pointer;
    background: #fff;
}

.rental_btn button span {
    padding-right: 66px;
    background: url(../images/icon_arrow_red_pc.png) no-repeat right center;
    background-size: 39px 23px;
}

.rental_btn button span.up {
    background: url(../images/icon_arrow_red_up_pc.png) no-repeat right center;
    background-size: 39px 23px;
}

.rental_btn button:hover {
    opacity: .8;
    transition: all .8s ease;
}

/*******************************************
*** rental_area
********************************************/
.rental_area {
    max-width: 758px;
    margin: auto;
    padding-bottom: 25px;
    border-radius: 20px;
    background: #FFF;
}

.rental_area img {
    max-width: 100%;
}

.accordion-js_inner {
    padding-top: 30px;
    display: none;
}

.period {
    max-width: 698px;
    margin: auto;
}

.period__container {
    display: grid;
    gap: 15px;
    margin-bottom: 25px;
    grid-auto-flow: column;
    align-items: center;
    grid-auto-columns: 1fr;
}

.period__content {
    display: grid;
    align-items: center;
    color: #FFF;
    background: #c5a57c;
    border-radius: 15px;
    padding: 1.5rem 1rem 1rem 1rem;
    text-align: center;
    min-height: 92px;
}

.period__label {
    display: block;
    font-size: 1.375rem;
    line-height: 0.5;
}

.period__value {
    font-size: 1.875rem;
}

.rental-cta__button {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 2rem;
    font-weight: 800;
    color: #fff;
    line-height: 1;
    padding: 1rem 0;
    border-radius: 100vh;
    border: none;
    cursor: pointer;
    background: var(--main-color);
}

.rental-cta__button:hover {
    opacity: .8;
    transition: all .8s ease;
}

/* モーダル */
[data-rentify-button][data-rentify-sku="yjfd1n"] {
    display: none;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-content {
    background-color: #fefefe;
    padding: 5px 20px 20px 20px;
    border: 1px solid #888;
    width: 90%;
    max-width: 500px;
    margin: 0;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    padding-bottom: 15px;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal.hidden {
    display: none;
}

/* /モーダル */

/*******************************************
*** utility Style
********************************************/
.mb01 {
    margin-bottom: 1rem;
}

.mb02 {
    margin-bottom: 3rem;
}

.vertical-align-bottom {
    vertical-align: bottom;
}

.f-size01 {
    font-size: 0.9375rem;
}

.f-size02 {
    font-size: 1.25rem;
}

.f-size03 {
    font-size: 0.825rem;
}

.f-size04 {
    font-size: 0.813rem;
}

.f-color01 {
    color: #200604;
}

.f-type01 {
    font-family: Montserrat;
}

.f-type02 {
    font-family: "Noto Sans JP";
}

.f-type03 {
    font-family: "Noto Serif JP";
}

.d-block {
    display: block;
}

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

    .f-size01 {
        font-size: 10px;
    }

    .f-size02 {
        font-size: 14px;
    }

    .f-size03 {
        font-size: 9px;
    }

    .f-size04 {
        font-size: 13px;
    }

    .liftlogy-box h2.ttl-liftlogy {
        padding-top: 21.066666666666666vw;
        padding-left: 20px;
    }

    .ttl-liftlogy {
        max-width: 335px;
        margin: auto;
    }

    h2>span.sub01 {
        line-height: 1;
        font-size: 14px;
        padding-left: 5px;
    }

    h2>span.sub02 {
        line-height: 1.0;
        font-size: 25px;
    }

    .lift-image {
        margin-bottom: 30px;
    }

    .lift-banner {
        margin-bottom: 10px;
    }

    a.lift-btn {
        margin-bottom: 20px;
        padding: 10px;
        min-height: 30px;
        font-size: 1.4rem;
    }

    .lift-video-container {
        margin: 0 auto 30px;
    }

    .rental_btn button span {
        padding-right: 30px;
        background: url(../images/icon_arrow_red_sp.png) no-repeat right center;
        background-size: 22px 13px;
    }

    .rental_btn button span.up {
        background: url(../images/icon_arrow_red_up_sp.png) no-repeat right center;
        background-size: 22px 13px;
    }

    .period {
        padding-left: 15px;
        padding-right: 15px;
    }

    .period__content {
        min-height: 55px;
    }
}

.f-size_annotation01 {
    font-size: 13px;
    vertical-align: top;
}

@media screen and (max-width:768px) {
    .f-size_annotation01 {
        font-size: 10px;
        vertical-align: top;
    }
}










.award-img-area {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    margin-bottom: 50px;
}

@media screen and (max-width:768px) {
    .award-img-area {
        display: flex;
        /* flex-direction: column; */
        justify-content: center;
        align-items: center;
        gap: 30px;
    }
}




.img-box-award2024best-sst {
    max-width: 274px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width:768px) {
    .img-box-award2024best-sst {
        max-width: 526px;
        padding: 0px;
    }
}

.img-box-award2024best-sst img {
    width: 100%;
}

.img-box-no1 {
    max-width: 468px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-box-no1 img {
    width: 100%;
}

@media screen and (max-width:768px) {
    .img-box-no1 {
        width: 100%;
        max-width: 526px;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width:768px) {
    .img-box-no1 img {
        width: 100%;
        height: auto;
    }
}

.award-history-text {
    max-width: 820px;
    text-align: center;
    margin: 0px auto;
}


/**/
.cv_btn_add_wrap {
    max-width: 600px;
    margin: 2rem auto 0rem;
}

.cv_btn_add_wrap a:hover {
    opacity: .8;
    transition: all .8s ease;
}

.cv_btn_add_wrap img {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}

/* .video-flex_wrap {
    display: flex;
    gap: 2%;
    margin-top: 2rem;
    justify-content: center;
}

.video-flex_item video {
    width: 100%;
}

.video-flex_item p{
font-size: 12px;
} */

#satisfaction .video-flex_wrap {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 1rem;
    padding: 1rem;
    scroll-behavior: smooth;
  }
  
#satisfaction .video-flex_item {
    flex: 0 0 auto;
    scroll-snap-align: start;
    min-width: 300px; /* お好みで調整可 */
    box-sizing: border-box;
  }
#satisfaction  video {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.lift-banner a:hover{
    opacity: .8;
    transition: all .8s ease;
}

.video_ttl_red p{
background-color: #dc3614;
color: #ffffff;
font-size: 1.4rem;
padding: 20px;
font-family: "Noto Serif JP", serif;
font-weight: bold;
text-align: center;
max-width: 600px;
margin: 0 auto;
}

@media screen and (max-width:768px) {
    .video-flex_item video {
        width: 100%;
    }
}

.pink_color_box::before{
    content: "";
    background: url(../images/icon_new_color_before.png);
    background-size: cover;
    position: absolute;
    margin: 6px -22px;
    width: 110px;
    height: 56px;
}

.liftlogy_btn_area img{
    width: 100%;
}

.liftlogy_btn_area a:hover{
    opacity: 0.8;
    transition: 0.3s ease;
}

.btn_nb{
margin-top: 16px;
}

@media screen and (max-width:768px) {
    .pink_color_box::before{
        margin: 5px -9px;
        width: 60px;
        height: 30px;
    }
}


#feature .flex_wrap{
    flex-wrap: wrap;
}
#feature .flex_wrap figure{
    margin: 0;
}
.feature02 .flex_wrap, .feature03 .flex_wrap, .feature04 .flex_wrap{
    justify-content: center;
    max-width: 820px;
    margin: 0 auto;
}
.feature02 .caution, .feature04 .caution{
    max-width: 820px;
    margin: 0 auto;
}
.feature02 .flex_wrap img, .feature03 .flex_wrap img, .feature04 .flex_wrap img{
    width: 100%;
}
#feature .feature02 .flex_wrap{
    align-items: center;
}
#feature .feature02 .flex_wrap .box{
    margin: 0 0 3rem;
}
.feature02 .flex_wrap .box .bold-note{
    font-size: 1.5rem;
    line-height: 2;
    padding-left: 17px;
}
.feature02 .flex_wrap .box .bold-note .sup{
    font-size: 40%;
    position: relative;
    vertical-align: top;
    top: 0.4rem;
}
#feature .feature03 .flex_wrap figure{
    width: 47%;
    margin-bottom: 2rem;
    text-align: center;
}
.feature03 h4{
    margin-top: 3rem;
    margin-bottom: 2rem;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: 10px;
}
.feature03 .flex_wrap.first{
    gap: 40px;
    align-items: center;
}
.feature03 .flex_wrap .col4{
    width: 95%;
}
.feature03 .flex_wrap .col4 .fs22{
    font-size: 1.5rem;
    margin-bottom: 20px;
}
.feature03 .flex_wrap .col4 .fs20 .sup{
    font-size: 40%;
    position: relative;
    vertical-align: top;
    top: 0.4rem;
}
.feature03 .flex_wrap .col4 .caution{
    font-size: 0.8rem;
    margin-top: 10px;
}
.feature04 .flex_wrap{
    margin-bottom: 2rem;
}
#feature .feature04 .flex_wrap figure{
    width: 47%;
    margin-bottom: 2rem;
    text-align: center;
}
@media screen and (min-width:769px){
    .feature01, .feature02, .feature03, .feature04{
        margin-bottom: 6rem;
    }
    #feature .feature02 .flex_wrap{
        gap: 30px;
    }
    #feature .feature02 .flex_wrap .box{
        width: 45%;
    }
    .feature03 .flex_wrap.first .col4{
        width: 47%;
    }
    .feature03 .flex_wrap.first .col4:first-child{
        width: 45%;
    }
    .feature03 .flex_wrap .col4 .fs22{
        margin-bottom: 30px;
    }
    .feature03 .flex_wrap .col4 .caution{
        margin-top: 20px;
    }
    #feature .feature03 .flex_wrap figure{
        width: 23%;
    }
    #feature .feature04 .flex_wrap figure{
        width: 23%;
    }
}

#purchase{
    max-width: 820px;
}
#purchase .purchase_merit{
    margin-bottom: 3rem;
}
#purchase .contents_wrap{
    padding: 2rem;
    background-color: #fff;
    margin-bottom: 1rem;
}
#purchase .contents_wrap .purchase_btn{
    margin-top: 1rem;
}
.caution_wrap{
    background: #f0efeb;
    padding: 1rem;
    font-size: 80%;
}
.caution_wrap .caution span{
    position: relative;
    display: block;
    padding-left: 1rem;
}
.caution_wrap .caution span.dot:before{
    content: "・";
    position: absolute;
    left: 0;
}
.caution_wrap .caution span.ref:before{
    content: "※";
    position: absolute;
    left: 0;
}
.note > p.caution{
    font-size: 80%;
}
@media screen and (min-width:769px){
    #purchase .contents_wrap{
        padding: 3rem 4rem;
    }
    .purchase_btn a{
        padding: 1.5rem 0;
    }
    .purchase_btn a::after{
        height: 12px;
        width: 12px;
        right: 35px;
    }
}

/* 動画スライダ― */
.swiper-container {
    width: 100%;
    max-width: 820px;
    margin: 3rem auto 0;
    position: relative;
  }
  
  .swiper video {
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
  
  .swiper-pagination {
    text-align: center;
    margin-top: 10px;
    bottom: -30px !important;
  }
  
  .swiper-pagination-bullet {
    background-color: #ccc;
    opacity: 1;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
  }
  .swiper-pagination-bullet-active {
    background: var(--main-color) !important;
  }
  
  @media screen and (max-width:768px){
    .swiper-pagination-clickable .swiper-pagination-bullet{
        width: 8px;
        height: 8px;
    }
  }

#satisfaction #lemon-ugc-liftlogy-202505{
    margin-top: 50px;
}
#satisfaction .note{
    text-align: center;
}


/* guide */
#guide.container {
    padding: 20px 15px 50px;
    background: #FFF;
    color: #333;
}
#guide .guide-wrap{
    max-width: 820px;
    margin: 0 auto;
}
#guide h2{
    font-size: 2.8rem;
    font-weight: 600;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    text-align: center;
    line-height: 0.8;
    margin-bottom: 30px;
}
#guide h2 span{
    font-size: 1.2rem;
    letter-spacing: 2px;
}
#guide h3{
    font-size: 14px;
    border: 1px solid #333;
    border-radius: 5px;
    margin-top: 15px;
    padding: 5px;
    min-height: 50px;
    line-height: 1.5;
    text-align: center;
    font-weight: 600;
    box-sizing: border-box;
    position: relative;
}
#guide h3.one-line{
    display: flex;
    align-items: center;
    justify-content: center;
}
#guide h3.link::after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-48%);
    width: 20px;
    height: 20px;
    background: url(../img/external_link-icon.png);
    background-size: cover;
}
#guide h3 a{
    color: #333;
}
#guide p {
    padding: 5px 0;
}

#guide strong{ 
	font-weight: 600;
}
    
@media screen and (min-width:769px) {
    #guide.container {
        padding: 60px 30px;
    }
    #guide h3{
        min-height: 60px;
        margin-top: 20px;
        font-size: 16px;
    }
    #guide h3.link::after{
        width: 25px;
        height: 25px;
        right: 15px;
    }
}/* min-width:660px */