@charset "UTF-8";

/*--------肌トラブルのサイン--------*/
a[id^="skin"]+div .inner_item {
    background: #fff !important;
    border: 1px solid rgba(163, 163, 163, 0.4);
}

a[id^="skin"]+div .inner_item:nth-of-type(5n-3) {
    border-left: none;
}

a[id^="skin"]+.composite_box01.block_images_17 .inner_item:not(:has(.contents_btn01 ))>a:nth-last-child(2) {
    margin: 20px;
}

a[id^="skin"]+.composite_box01.block_images_17 .inner_item_img img {
    border-radius: 0 !important;
    object-fit: contain !important;
}

a[id^="skin"]+div .inner_item_txt p {
    color: var(--i_txt_color);
}

@media screen and (max-width: 600px) {
	a[id^="skin"]+div .inner_item:nth-of-type(5n-3) {
		border-left: 1px solid rgba(163, 163, 163, 0.4);
		border-top: none;
	}
}

/*-----------吹き出し-------------*/
a#skin+div .heading.block_header_3.align-center {
    overflow: visible;
    padding: 10px 10px 0 10px;
}

a#skin+div .heading.block_header_3.align-center::after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    margin: 0 auto;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid var(--i_main_color);
    position: relative;
    top: 15px;
    z-index: 5;
}

/*-------下部テキスト------------*/
a#tt+section span {
    padding: 0 5px;
}

span.tt2 {
    margin-left: 5px;
}

/*------悩み-------*/
a#worry+section p {
    color: var(--i_txt_color);
}

a#worry+section p:before {
    position: absolute;
    content: "・・・・";
    top: -50px;
    left: 165px;
    font-size: 4.2rem;
    line-height: 1.761905;
    letter-spacing: 0.001em;
    font-weight: 500;
    color: var(--i_main_color);
}

@media screen and (max-width: 800px) {
	a#worry+section p:before {
		top: -30px;
		left: 115px;
		font-size: 2.4rem;
             letter-spacing: 0.08em;
	}
}

@media screen and (max-width: 400px) {
	a#worry+section p:before {
		left: 28.5vw;
	}
}

/*-----------特徴タイトル------------*/
a#features+section .heading.block_header_6.align-center h2.h {
    order: 2;
}

a#features+section .heading.block_header_6.align-center p {
    order: 1;
}


/*---------料金画像----------*/
a#data-sp+section {
	display: none;
}

@media screen and (max-width: 480px) {
	a#data-pc+section {
		display: none;
	}

	a#data-sp+section {
		display: block;
	}
}

/*----------チェックボックス---------*/
a#check+section .inner_item_txt {
    text-indent: 4rem;
    margin-bottom: 10px;
}

a#check+section .inner_item_txt p:before {
	display: block;
    content: "";
    background: url(/common/upload_data/sereno-kasugaicom/image/20250502161558.png);
    width: 30px;
    height: 30px;
    z-index: 5;
    position: absolute;
    background-size: 30px;
    background-repeat: no-repeat;
}

@media screen and (max-width: 400px) {
	a#check+section .inner_item_txt p {
		text-indent: 0;
		padding-left: 4.5rem;
	}
	a#check+section .inner_item_txt p:before {
		display: inline-block;
		margin-left: -40px;
	}
}

/*-----------背景丸---------*/
a#worry+section, a#features+section {
    overflow: visible;
    position: relative;
}

a#worry+section, a#features+section {
    overflow: visible;
}

a#worry+section:before {
    content: "";
    display: block;
    background: url(/common/upload_data/sereno-kasugaicom/image/20250507093819.png) no-repeat;
    background-size: 120px;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 30px;
    left: 65%;
    transform: translateX(-25%) rotate(5deg);
    transform-origin: center;
}

a#features+section:before {
    content: "";
    display: block;
    background: url(/common/upload_data/sereno-kasugaicom/image/20250507100801.png) no-repeat;
    background-size: 170px;
    width: 170px;
    height: 170px;
    position: absolute;
    left: 50%;
    top: 65px;
    transform: translateX(-185%) rotate(10deg);
    transform-origin: center;
    opacity: 0.9;
    pointer-events: none;
}

@media screen and (max-width: 800px) {
    a#worry+section:before {
        background-size: 90px;
        width: 90px;
        height: 90px;
        top: 25px;
        left: 75%;
    }

    a#features+section:before {
        background-size: 130px;
        width: 130px;
        height: 130px;
        top: 65px;
        transform: translateX(-220%) rotate(10deg);
    }
}

@media screen and (max-width: 560px) {
    a#features+section:before {
        left: 70%;
    }
}

@media screen and (max-width: 480px) {
    a#features+section:before {
        left: 85%;
    }
}