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


@media screen and (max-width: 960px){}
@media print, screen and (min-width: 961px){}

/*
:root { scroll-padding-top: 275px;}
*/

/*
html { scroll-behavior: smooth;}
*/

.ec_pdp .all_none { display: none;}

@media screen and (max-width: 960px) {
.ec_pdp .sp_none { display: none;}
}
@media print, screen and (min-width: 961px) {
.ec_pdp .pc_none { display: none;}
}

.ec_pdp br.br_pc { display: none;}
.ec_pdp br.br_sp { display: block;}

@media (min-width: 961px) {
.ec_pdp br.br_pc { display: block;}
.ec_pdp br.br_sp { display: none;}
}

.ec_pdp {
/*
  position: relative;
		color: #2D2926;
  font-weight: 400;
*/
}

.ec_pdp.ec_pdp_howtocare {}

@media screen and (max-width: 960px) {
/*
.ec_pdp { margin-bottom: 20vw;}
.ec_pdp.ec_pdp_howtocare { margin-bottom: 15vw !important;}
*/

/*横幅全面*/
.ec_pdp.fullwidth {
  width: 100vw;
  /* transform: translate3d( -20px, 0px, 0px); */
		transform: translate3d( -16px, 0px, 0px);
  /* background: #9DB792; */
}

}
@media print,screen and (min-width: 961px) {}
.ec_pdp p {
		/* color: #6A6A6A; */
		/* font-weight: 400; */
}

/*
.ec_pdp sub {
  vertical-align: bottom;
  position: relative;
  bottom: 0 !important;
}
*/

@media screen and (max-width: 960px) {
.ec_pdp sub {
  font-size: calc(20 / 750* 100vw) !important;
}
}
@media print,screen and (min-width: 961px) {
.ec_pdp sub {
  font-size: 10px !important;
}
}

.ec_pdp img {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.ec_pdp a {
  opacity: 1;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.ec_pdp a:hover {
  opacity: 0.7;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
}

.pdp_lp_trial .main-content {
    -webkit-font-smoothing: antialiased;
    color: #2d2926;
    font-family: Noto Sans JP,sans-serif;
    font-weight: 500;
    letter-spacing: ;
    /* margin: 170px auto 0; */
    margin: 0 auto 0 auto;
				/* max-width: 1230px; */
				max-width: 960px;
				position: relative;
}

.pdp_lp_trial .main-content img {
    height: auto;
    vertical-align: bottom;
    width: 100%;
}

.pdp_lp_trial .main-content a {
    color: #000;
    text-decoration: none;
}

/*----------------------------------------*/

/*
	body {
	    font-family: 'Noto Sans JP', sans-serif;
        max-width: 1240px;
        margin: 0 auto;
	}
*/
    @media (min-width: 960px) {
        .sp-only  {
            display: none !important;
        }
    }

    @media (max-width: 959px) {
        .pc-only  {
            display: none !important;
        }
    }

    .asterisk {
        font-size: 0.5em;
        vertical-align: super;
    }

    .top {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .top-visual__wrap {
        position: relative;
        width: 100%;
        padding: 0;
    }

    .top-visual,
    .top-visual img {
        display: block;
        width: 100%;
        height: auto;
    }

    @media (min-width: 960px) {
        .top-visual__wrap  {
            padding: 0 20px;
            box-sizing: border-box;
        }
    }

    .top-visual__overlay-badge {
        position: absolute;
        z-index: 1;
        top: 18%;
        left: 69%;
        width: 25%;
        height: auto;
        pointer-events: none;
    }

    @media (min-width: 960px) {
        .top-visual__overlay-badge {
            top: 3.3%;
            left: 3.8%;
            width: 14.5%;
        }
    }

    .top-visual__sp {
        display: flex;
        flex-direction: column;
    }

    .top-visual__sp img {
        width: 100%;
        height: auto;
    }

    /* 角層 */
    .kakusou {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        width: 100%;
        padding: 24px 16px;
    }

    @media (min-width: 960px) {
        .kakusou  {
            width: 960px;
            padding: 0;
            margin: 16px auto;
        }
    }

    .kakusou__text {
        width: 100%;
    }

    @media (min-width: 960px) {
        .kakusou__text  {
            margin: 24px 32px 0 32px;
        }
    }

    .kakusou__text picture img {
        width: 100%;
    }

    .kakusou__model-image {
        width: 100%;
    }

    .kakusou__model-image picture img {
        width: 100%;
    }

    .kakusou__trial {
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
        border: 1px solid #D80C18;
        width: 100%;
    }

    @media (min-width: 960px) {
        .kakusou__trial {
            width: 880px;
            margin-bottom: 32px;
            display: grid;
            grid-template-rows: auto 1fr;
            grid-template-columns: 1fr 1fr;
            grid-template-areas:
                "title title"
                "image offer";
        }
    }

    .kakusou__trial__title {
        width: 100%;
        font-size: 22px;
        font-weight: 500;
        line-height: 1;
        text-align: center;
        vertical-align: middle;
        color: #FFFFFF;
        background-color: #D80C18;
        padding: 16px 0;
    }

    @media (min-width: 960px) {
        .kakusou__trial__title {
            font-size: 24px;
            line-height: 1.4;
            padding-bottom: 14px;
            grid-area: title;
        }
    }

    .kakusou__trial__image {
        width: 100%;
    }

    @media (min-width: 960px) {
        .kakusou__trial__image {
            width: 320px;
            margin: 24px 74px 24px 63px;
            grid-area: image;
        }
    }

    .kakusou__trial__image img {
        width: 100%;
    }

    .kakusou__trial__offer {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    /* トライアルオファー金額 */
    .kakusou__trial__offer picture {
        display: block;
        width: 317px;
        margin: 24px 0;
        max-width: min(317px, 100%);
    }

    .kakusou__trial__offer picture img {
        width: 100%;
    }

    @media (min-width: 960px) {
        .kakusou__trial__offer {
            width: 360px;
            margin: 73px auto 32px 0;
            grid-area: offer;
        }
        .kakusou__trial__offer picture {
            margin: 0 10px 24.2px 6px;
        }
    }

    .btn__black,
    .btn__black:visited,
    .btn__black:hover,
    .btn__black:active,
    .btn__black:focus {
        color: #ffffff;
        background-color: #2D2926;
        border: 1px solid #2D2926;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        text-align: center;
        vertical-align: middle;
        height: 48px;
        width: 328px;
        min-width: 180px;
        max-width: 100%;
    }

    @media (min-width: 960px) {
        .btn__black,
        .btn__black:visited,
        .btn__black:hover,
        .btn__black:active,
        .btn__black:focus {
            width: 360px;
        }
    }

    .offer__note {
        font-size: 10px;
        font-weight: 350;
        text-align: center;
        line-height: 120%;
        vertical-align: middle;
        color: #2D2926;
        margin: 24px 0;
    }

    .offer__official-name {
        font-size: 12px;
        font-weight: 400;
        text-align: center;
        line-height: 150%;
        vertical-align: middle;
        color: #2D2926;
        margin-bottom: 24px;
    }

    .official-label {
        display: inline-block;
        border: 0.5px solid #2D2926;
        padding: 0 2px;
    }

    @media (min-width: 960px) {
        .offer__note {
            font-size: 8px;
            font-weight: 400;
            line-height: 1.4;
            margin: 32px 0 8px 0;
        }
        .offer__official-name {
            font-size: 8px;
            font-weight: 400;
            line-height: 1.4;
        }
        .official-label {
            margin-right: 16px;
        }
    }

    .function {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    @media (min-width: 960px) {
        .function {
            background: linear-gradient(180deg, #FFFFFF, #F6F6F6);
            padding-bottom: 32px;
        }
    }

    .function__title {
        width: 100%;
        padding: 40px 0 4px 0;
    }

    .function__title picture img {
        width: 100%;
    }

    .function__title__black {
        width: 100%;
    }

    .function__title__black img {
        width: 100%;
    }

    .function__bane {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .function__bane__text {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        width: 100%;
        padding: 16px 33px;
        margin: 16px 0;
    }

    .function__bane__question {
        font-size: 22px;
        font-weight: 500;
        text-align: center;
        vertical-align: middle;
        line-height: 100%;
    }

    .function__bane__question .asterisk {
        font-size: 0.8em;
        vertical-align: top;
    }

    .function__bane__answer {
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        line-height: 160%;
    }

    @media (min-width: 960px) {
        .function__bane__text {
            gap: 24px;
            width: 880px;
            padding: 0;
            margin: 24px 0 0 0;
        }
        .function__bane__question {
            font-size: 24px;
            line-height: 140%;
            margin-top: 16px;
        }
        .function__bane__answer {
            font-size: 18px;
        }
    }

    .function__bane__video {
        width: 92%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
				.function__bane__video video {
  				width: 100%;
						height: auto;
				}

    .function__bane__video picture {
        width: 360px;
        display: block;
        margin: 8px 0 64px 0;
    }

    .function__bane__video picture img {
        width: 100%;
    }

    @media (min-width: 960px) {
        .function__bane__video {
            width: 720px;
												margin: 0 auto;
        }

        .function__bane__video picture {
            width: 720px;
            display: block;
            margin: 24px 0 16px 0;
        }
    }
				
				@media screen and (max-width: 960px){
				.function__bane__video {
				    margin-bottom: 60px;
    }
				}
				
				@media print,screen and (min-width: 961px) {
				.function__bane__video {
				    margin-top: 25px;
				    margin-bottom: 20px;
    }
				
				}
				
				

    .function .qa__border {
        /* width: 896px; */
        width: 880px;
								margin: 24px auto;
    }

    .function__niacin {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        gap: 16px;
        padding-bottom: 24px;
        background: linear-gradient(180deg, #FCFCFC, #F6F6F6);
    }

    .function__niacin__top {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .niacin__header__grey {
        width: 100%;
        margin-bottom: -16px;
    }

    .niacin__header__grey img {
        width: 100%;
    }

    .niacin__header {
        width: 100%;
        display: block;
        padding-bottom: 16px;
    }

    .niacin__header img {
        width: 100%;
    }

    .niacin__body {
        width: 100%;
        display: block;
    }

    .niacin__body img {
        width: 100%;
    }

    @media (min-width: 960px) {
        .function__niacin {
            width: 880px;
            gap: 32px;
            padding: 32px 0;
												margin: 0 auto;
            background: none;
        }

        .function__niacin__top {
            gap: 32px;
        }

        .niacin__header {
            width: 760px;
        }

        .niacin__body {
            width: 830px;
        }
    }

    .function .function__niacin .qa__border {
        width: 360px;
        margin: 0;
        max-width: 100%;
    }

    @media (min-width: 960px) {
        .function .function__niacin .qa__border {
            width: 896px;
        }
    }

    .function__niacin__bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        width: 100%;
    }

    .research-history {
        display: grid;
        grid-template-columns: 2fr 3fr;
        grid-template-areas:
            "badge gold"
            "text text";
        margin: 0 18px;
        padding: 16px 0;
    }

    .research-history__badge {
        grid-area: badge;
        height: 100%;
        display: flex;
        justify-content: center;
    }

    .research-history__badge img {
        width: 100%;
        height: auto;
    }

    .research-history__gold {
        grid-area: gold;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .gold-text {
        display: block;
        width: 80%;
    }

    .gold-text img {
        width: 100%;
    }

    .research-history__text {
        grid-area: text;
        font-size: 14px;
        font-weight: 400;
        color: #000000;
        line-height: 1.6;
        vertical-align: middle;
        margin: 0 7px;
    }

    .research-history__note {
        font-size: 8px;
        font-weight: 400;
        color: #000000;
        line-height: 1.4;
        vertical-align: middle;
    }

    @media (min-width: 960px) {
        .function__niacin__bottom {
            gap: 0;
            padding-bottom: 32px;
        }
        .research-history {
            grid-template-columns: 1fr 2fr;
            grid-template-areas:
                "badge gold"
                "badge text";
        }
        .research-history__badge {
            width: 198px;
            margin-right: 32px;
            margin-left: 93px;
        }
        .research-history__gold {
            display: flex;
            align-items: start;
        }
        .gold-text {
            width: 487px;
        }
        .research-history__text {
            width: 457px;
            margin: 0;
        }
    }

    .researcher {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 8px;
        padding: 0 30px;
    }

    .researcher__text {
        font-weight: 400;
        font-size: 16px;
        line-height: 125%;
        vertical-align: middle;
        color: #2D2926;
    }

    .researcher__text >span {
        font-weight: 700;
    }

    .researcher__image {
        width: 134px;
        min-width: 134px;
    }

    .researcher__image img {
        display: block;
        width: 100%;
    }

    .researcher__name {
        font-weight: 400;
        font-size: 14px;
        line-height: 160%;
        text-align: center;
        vertical-align: middle;
        color: #2D2926;
    }

    @media (min-width: 960px){
        .researcher__text {
            width: 502px;
            margin-left: 86px;
        }
    }

    .details {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .renewal {
        width: 100%;
    }

    .renewal picture {
        display: block;
        width: 100%;
    }

    .renewal picture img{
        width: 100%;
    }

    @media (min-width: 960px) {
        .details {
            gap: 16px;
            padding: 16px 0 0 0;
        }
        .renewal {
            width: 960px;
        }
    }

    .award {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding-top: 64px;
    }

    .award__header {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

    .award__title {
        font-size: 28px;
        font-weight: 700;
        line-height: 140%;
        text-align: center;
        vertical-align: middle;
    }

    .award__subtitle {
        font-size: 18px;
        font-weight: 400;
        line-height: 160%;
        text-align: center;
        vertical-align: middle;
    }

    .award picture {
        display: block;
        margin: 40px auto 0 auto;
        max-width: min(360px, 100%);
    }

    .award picture img{
        width: 100%;
    }

    .award__note {
        font-size: 10px;
        font-weight: 350;
        text-align: center;
        line-height: 120%;
        vertical-align: middle;
        color: #2D2926;
        margin: 24px 16px !important;
    }

    @media (min-width: 960px) {
        .award {
            width: 960px;
        }
        .award__title {
            font-size: 36px;
            line-height: 1;
        }
        .award picture {
            width: 760px;
            max-width: 760px;
            margin: 32px 0 0 0;
        }
    }

    .reviews {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    @media (min-width: 960px) {
        .reviews {
            padding: 16px 20px;
        }
    }

    .reviews__bg {
        display: block;
        width: 100%;
        height: auto;
    }

    .reviews__overlay {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        color: #fff;
        text-align: center;
        padding-left: 16px;
    }

    @media (min-width: 960px) {
        .reviews__overlay {
            padding: 16px 20px;
        }
    }

    .reviews__header {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-top: 64px;
        margin-left: -16px;
        gap: 8px;
        color: #2D2926;
    }

    @media (min-width: 960px) {
        .reviews__header {
            gap: 16px;
            margin-left: 0;
        }
    }

    .reviews__title {
        font-size: 28px;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        vertical-align: middle;
    }

    @media (min-width: 960px) {
        .reviews__title {
            font-size: 36px;
        }
    }

    .reviews__subtitle {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.6;
        text-align: center;
        vertical-align: middle;
    }

    @media (min-width: 960px) {
        .reviews__subtitle {
            height: auto;
        }
    }

    .reviews__slider {
        display: block;
        width: 100%;
        bottom: 0;
        position: relative;
        padding-bottom: 80px;
        box-sizing: border-box;
        overflow: visible;
        padding-left: 0;
    }

    .reviews__slider .slick-list {
        padding-right: 18.5%;
        overflow: hidden;
        margin: 0 -4px;
    }

    .reviews__slider .slick-slide {
        margin: 0 4px;
        padding: 0;
        box-sizing: border-box;
        min-width: 0;
    }

    .reviews__slider .slick-dots {
        position: absolute;
        bottom: 8px;
        width: 100%;
        text-align: center;
        margin-left: -8px;
    }

    .slick-dotted.slick-slider {
        margin: 0;
    }

    @media (min-width: 960px) {
        .reviews__slider {
            top: 0;
            width: 960px;
            max-width: 100%;
            padding-left: 0;
            padding-bottom: 112px;
        }
        .reviews__slider .slick-list {
            padding-right: 4%;
            overflow: hidden;
            margin: 0;
        }
        .reviews__slider .slick-slide {
            margin: 0;
        }
        .reviews__slider .slick-dots {
           bottom: 45px;
           margin-left: 0;
        }
    }

    .review-card {
        display: block;
        border-radius: 12px;
    }

    .reviews__note {
        color: #2D2926;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.5;
        position: absolute;
        margin-left: -16px;
        width: 100%;
        bottom: 36px;
    }

    @media (min-width: 960px) {
        .reviews__note {
            font-size: 10px;
            font-weight: 350;
            line-height: 1.2;
            bottom: 80px;
            margin-left: 0;
        }
    }

    .slick-dots li {
        width: 10px !important;
    }

    .slick-dots li button:before {
        content: '';
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #CCCCCC;
        transform: scale(calc(2 / 3));
        transform-origin: center center;
        transition: transform 0.3s ease, background-color 0.3s ease;
    }

    /* アクティブ状態：12px */
    .slick-dots li.slick-active button:before {
        background-color: #A5A5A5;
        transform: scale(1);
    }

    .kakusou-2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 40px 16px 24px 16px;
        gap: 24px;
        width: 100%;
    }

    @media (min-width: 960px) {
        .kakusou-2  {
            width: 960px;
            padding: 40px 40px 32px 40px;
            gap: 0;
        }
    }

    .purchase {
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
        border: 1px solid #D80C18;
        width: 100%;
        gap: 24px;
    }

    @media (min-width: 960px) {
        .purchase {
            gap: 0;
        }
    }

    .purchase__body {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 74px;
        padding: 24px 63px;
    }

    .purchase__product {
        width: 320px;
        height: 320px;
        padding: 40px 24px;
    }

    .purchase__product img {
        width: 100%;
    }

    .purchase__detail {
        display: flex;
        flex-direction: column;
        align-items: end;
        gap: 24px;
    }

    .purchase__detail .offer__official-name {
        margin: 0 auto;
    }

    .purchase__amount {
        width: 275px;
    }

    .purchase__amount img {
        width: 100%;
    }

    .purchase__product__amount {
        width: 323px;
        max-width: min(323px, 100%);
    }

    .purchase__product__amount img {
        width: 100%;
    }

    .skinscan {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 77px;
        position: relative;
        margin: 16px 0;
    }

    .iphone {
        position: absolute;
        left: 28px;
        top: 50%;
        transform: translateY(-50%);
        width: 53px;
        pointer-events: none;
    }

    .iphone img {
        display: block;
        width: 100%;
        height: auto;
    }

    .btn__skinscan {
        color: #2D2926;
        background-color: #FFFFFF;
        border: 1px solid #2D2926;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        height: 77px;
        width: 328px;
        min-width: 180px;
        box-sizing: border-box;
    }

    .skinscan__text {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        position: absolute;
        left: 97px;
        top: 24px;
    }

    .skinscan__regular {
        font-weight: 500;
        font-size: 16px;
        line-height: 1;
    }

    .skinscan__small {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.5;
    }

    .method {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-top: 40px;
    }

    .method__image {
        width: 100%;
    }

    .method__image picture {
        display: block;
        width: 100%;
    }

    .method__image picture img {
        width: 100%;
    }

    .method__detail {
        width: 100%;
    }

    .method__detail img {
        width: 100%;
    }

    @media (min-width: 960px) {
        .method {
            width: 960px;
            margin-top: 16px;
        }
    }

    .howto {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        margin-top: 36px;
        padding: 48px 15px 32px 15px;
        background: linear-gradient(180deg, #F5F5F5, #8F969F);
    }

    .howto__image {
        width: 100%;
        border-radius: 12px;
        overflow: hidden;
    }

    .howto__image picture {
        display: block;
        width: 100%;
    }

    .howto__image picture img {
        width: 100%;
    }

    @media (min-width: 960px) {
        .howto {
            margin: 0;
            padding: 54px auto 54px auto;
            background: linear-gradient(180deg, #F9F9F9, #BBBFC4);
        }
        .howto__image {
            width: 880px;
        }
    }

    .bottom {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .qa {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        padding: 32px 0;
        width: 100%;
    }

    .qa__title {
        font-size: 22px;
        font-weight: 700;
        text-align: center;
        line-height: 1;
        vertical-align: middle;
        margin: 24px 0;
    }

    .qa__qa {
        display: flex;
        flex-direction: column;
        align-items: left;
        width: 100%;
        padding: 0 32px;
    }

    .qa__question {
        font-size: 16px;
        font-weight: 500;
        line-height: 1;
        vertical-align: middle;
        position: relative;
        cursor: pointer;
    }

    /* 横棒 */
    .qa__question::before {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: 14px;
        height: 2px;
        border-radius: 1px;
        background-color: #2D2926;
        transform: translateY(-50%);
    }

    /* 縦棒（アニメーション対象） */
    .qa__question::after {
        content: '';
        position: absolute;
        right: 6px;
        top: 50%;
        width: 2px;
        height: 14px;
        border-radius: 1px;
        background-color: #2D2926;
        transform: translateY(-50%);
        transition: height 0.3s ease;
    }

    /* 開いた状態：縦棒を縮める */
    .qa__question.open::after {
        height: 0;
    }

    .qa__border {
        border: none;
        width: 100%;
        height: 2px;
        background-color: #C6AA76;
        margin: 8px 0;
    }

    .qa__answer {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.4;
        text-align: left;
        vertical-align: middle;
    }

    .qa__note {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.5;
        vertical-align: middle;
    }

    @media (min-width: 960px) {
        .qa {
            width: 960px;
        }
        .qa__title {
            font-size: 36px;
        }
        .qa__qa {
            padding: 16px 32px;
        }
        .qa__question {
            font-size: 18px;
        }
        .qa__border {
            margin: 16px 0;
        }
        .qa__answer {
            font-size: 18px;
            line-height: 1.6;
        }
    }

    .bottom-image {
        width: 100%;
        padding-bottom: 27.58px;
    }

    @media (min-width: 960px) {
        .bottom-image {
            padding: 16px 81.5px 167px 81.5px;
        }
    }

    .bottom-image img {
        width: 100%;
    }



/*------------------------------------------*/
@media screen and (max-width: 960px) {
.main-content .main-visual {
  margin-bottom: 30px !important;
}

.main-content .section_002 {
  padding: 0 16px;
  margin-bottom: 25px;
}

.main-content .section_003 {
  padding: 0 16px;
		margin-bottom: 0;
}


}


@media screen and (min-width: 961px) {
.main-content .main-visual {
  margin-bottom: 30px !important;
}

.main-content .section_002 {
  margin-bottom: 25px;
}

.main-content .section_003 {
  margin-bottom: 40px;
}


}