/*.Bnr, .Bnr__img, .Bnr2{
    display:none !important;
    opacity:0  !important;
}*/
.Bnr, .Bnr2{
    display:none !important;
    opacity:0  !important;
}
.bomb_mark {
    position: absolute;
    top: 5%;
    left: 8%;
    z-index: 5;
}
.starburst {
display: block;
width: 6em;
height: 6em;
line-height: 1.5em;
background:#e9e556;
-webkit-transform: rotate(-80deg);
-moz-transform: rotate(-45deg);
rotation: -45deg;
position: relative;
top: 3em;
left: 3em;
text-align: center;
text-decoration: none;
color: #41446b;
font-size: 1.5rem;
font-weight: bold;
}
.starburst span {
display: block;
width: 6em;
height: 6em;
background: #e9e556;
-webkit-transform: rotate(11.25deg);
-moz-transform: rotate(11.25deg);
rotation: 11.25deg;
}
.starburst div {
padding-top: 22px;
}
.starburst p:first-child{
font-size: 0.6em;
padding-bottom: 0;
}
@media screen and (max-width: 480px){
	.starburst {
width: 5em;
height: 5em;
top: 0em;
left: 0em;
font-size: 1.2rem;
}
.starburst span {
width: 5em;
height: 5em;
}
.starburst div {
padding-top: 12px;
}
.starburst p:first-child{
font-size: 0.5em;

}
.bomb_mark {
    top: 2%;
    left: 38%;
}
}

main{
padding-bottom:5%;
}
.subscription_wrap{
background:#fff;
}
.subscription_wrap article img{
width:100%;
}
.logo_mark{
    max-width:300px;
    margin:0 auto;
}
.subscription_wrap article{
    background: none;
    padding: 0;
    margin: 0% auto;
    max-width:1180px;
}
h3.kazari {
	
	margin-top:5%;
}
h3.kazari span{
	color:#000;
}
.subscription_wrap .flexbox{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    text-align: left;
}/*
.subscription_wrap h2{
margin: 5% auto ;
color:#d8c066;
}*/
.subscription_wrap .flexbox p{
line-height: 2;
    padding-bottom: 0px;
}
/*
.subscription_wrap h3{
font-size:2em;
margin: 2% auto ;
color:#5fbcd4;
font-family: "Sawarabi Mincho";
}*/
.inner_wrap{
    padding: 1% 0 5%;
}

.subscription{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
	position: relative;
    height: 100vh;
    top: -80px;
}
p.cam_catch {
    font-size: 1.8em;
    font-weight: bold;
}
.area_main {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}
.main_midashi span{
	font-weight:bold;
}
.subscription .type {
    max-width: 600px;
    margin: 2% auto;
    position: absolute;
    bottom: 0;
    left: 3%;
    /* transform: translate(0, -50%); */
}
.small {
    font-size: 0.7em;
}
.towel .task {
margin:0;
}
figure.cover {
    background: rgba(0, 0, 0, 0.5);
    position: relative;
    left: 0;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    margin: 0;
}
h3.lp_point {
    font-size: 4em;
    color: #cdb660;
    margin: 0;
    line-height: 1;
}
p.lp_point_cap {
    color: #cdb660;
}

.towel p {
    margin-top: 5%;
	font-weight:bold;
}
.bg_blue{
background: #d8eef4 /*#5fbcd4*/;
position: relative;
padding: 10% 0 5%;
}
.bg_blue:before{
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    border-top: 100px solid #fff;
    border-right: 50vw solid transparent;
    border-left: 50vw solid transparent;
    z-index: 1;
}
.next{
	margin: 5% auto 0;
	color:#68c0d4 !important;
}
.column-1 {
	margin-bottom:3%;
}
.review_lp {
    max-width: 680px;
    list-style-type: none;
    margin: 2rem auto;
    padding: 0 1.5rem;
   }
   .review_lp li {
    display: grid;
    grid-template-columns: 100px 150px 1fr;
    gap: 1.5rem;
    border-top: 1px solid #ccc;
    padding: 1rem 0;
   }
   .review_lp li:last-child {
    border-bottom: 1px solid #ccc;
   }
   .review_lp .user,
   .review_lp .item {
    max-width: 100%;
   }
   .review_lp .user {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: solid 1px #eee;
   }
   .review-area {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
   }
   .review-area p {
    margin: 0;
   }
   .review-area .name,
   .review-area .date,
   .review_lp a {
    font-size: 0.8rem;
   }
   .review-area .star5:before {
    content: '★★★★★';
    font-size: 1.2rem;
    background: #ffcc01;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
   }
   .review-area .star4-5:before {
    content: '★★★★★';
    font-size: 1.2rem;
    background: linear-gradient(to right, #ffcc01 90%, #d9d9d9 91%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
   }
   .review-area .star4:before {
    content: '★★★★★';
    font-size: 1.2rem;
    background: linear-gradient(to right, #ffcc01 80%, #d9d9d9 81%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
   }
   .review-area .star3-5:before {
    content: '★★★★★';
    font-size: 1.2rem;
    background: linear-gradient(to right, #ffcc01 70%, #d9d9d9 71%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
   }
   .review-area .star3:before {
    content: '★★★★★';
    font-size: 1.2rem;
    background: linear-gradient(to right, #ffcc01 60%, #d9d9d9 61%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
   }
   .review-area .comment {
    text-align: justify;
    position: relative;
    word-wrap: break-word;
    /*overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;*/
    -webkit-box-orient: vertical;
   }
   .review_lp a {
    text-align: center;
   }
   .company{
    width:100%;
   }

   .subscription_wrap .flexbox li{
	width: 30%;
    list-style: none;
    text-align: center;
    margin: 1.5%;
}

@media screen and (max-width: 480px){
/*.subscription_wrap h3 {
    font-size: 1.2em;
}*/
.subscription_wrap .flexbox{
    margin:0 auto;
    width:90%;
}
.subscription_wrap .flexbox div img{
    width:90%;
    display:block;
    margin:0 auto 5%;
}
.subscription_wrap section{
    height: 100%;
}
.subscription_wrap .vcatch{
    top: 75%;
    transform: translateY(-50%) translateX(-50%);
}
p.cam_catch {
    font-size: 1.2em;
    font-weight: bold;
}
.logo_mark{
    max-width:180px;
    margin:0 auto;
}
.subscription {
height: 100vh;
    position: relative;
	margin-top: 80px;
	background-size: 500px;
    background-position-y: 0;
}
.area_main {
	border-radius: 50% 50% 0 0;
    width: 100%;
        height: 400px;
        margin: 0 auto;
        position: absolute;
        top: 28%;
        left: 0;
        transform: none;
    }
	.area_main h1 {
        font-size: 1.2em;
        padding: 13% 0 0;
    }
	.area_main .main_midashi {
        font-size: 0.9em;
        line-height: 1.8;
        margin: 0% auto;
    }
	.subscription .type{
		width: 100%;
		bottom:0;
        left:0%;
		margin: 10% auto 0;
		z-index: 3;
	}
	.task {
        width: 160px;
        height: 160px;
    }
	figure.cover {
    background: rgba(0, 0, 0, 0.5);
    position: relative;
    left: 0;
    border-radius: 50%;
    width: 160px;
    height: 160px;
    margin: 0;
}
.bg_blue:before {
	border-top: 30px solid #fff;
}
.review_lp li {
    display: block;
}
.subscription_wrap .flexbox li{
	width: 100%;
}
}
.cam_bg {
    max-width: 800px;
    padding-bottom: 3%;
    margin: 0 auto;
}
.cam_bg div {
    background: #fff;
    background-color: #fce28d;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255, 255, 255, .2) 10px, rgba(255, 255, 255, .2) 20px);
    background-attachment: fixed;
    border-radius: 10px;
    padding: 5% 0 2%;
}
.cam_bg h4 {
    color: #009cad;
    font-size: 1.9em;
}
.cam_bg p {
    margin-top: 3%;
}
@media screen and (max-width: 480px){
    .large {
        font-size: 1.9em;
    }
}

.task h3 {
    font-size: 1.6em;
}
.next{
	background: #fff;
    margin: 0 auto 0 !important;
    padding: 10% 0 0 0;
    width: 100%;
	font-size: 2.5em;
	position: relative;
}
.next span{
	/*color: #FFFF99;*/
}
/*
.next:before {
content: "";
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    border-top: 100px solid #d8eef4;
    border-right: 50vw solid transparent;
    border-left: 50vw solid transparent;
    z-index: 1;
}*/
#area_service .towel-1 {
    background-image: url(https://www.shirofuwabin.jp/contents/wp-content/uploads/2025/02/28599985_s.jpg);
}
#area_service .towel-2 {
    background-image: url(https://www.shirofuwabin.jp/contents/wp-content/uploads/2024/05/29175707_s.jpg);
}
#area_service .towel-3 {
    background-image: url(https://www.shirofuwabin.jp/contents/wp-content/uploads/2025/02/24903723_s.jpg);
}
#area_service .towel-4 {
    background-image: url(https://www.shirofuwabin.jp/contents/wp-content/uploads/2024/09/30448674_s.jpg);
}
#area_service .towel p {
    margin-top: 5%;
	font-weight:bold;
}
@media screen and (max-width: 480px) {
    .bomb_mark {
        top: 2%;
        left: 3%;
    }
	.subscription .type {
		width: 90%;
	}

.next{
	font-size: 1.3em;
}
.bg_service:before {
    border-top: 30px solid #68c0d4;
}/*
.next:before {
    border-top: 30px solid #d8eef4;
}*/
.task h3 {
    font-size: 1em;
}
}