@charset "Shift-jis";

@font-face {
    font-family: 'ShipporiMincho';
	font-display: block;
    font-style: normal;
    font-weight: 600;
	src: url('./fonts/ShipporiMincho/ShipporiMincho-SemiBold__limited.woff') format('woff'),
		 url('./fonts/ShipporiMincho/ShipporiMincho-SemiBold__limited.ttf') format('truetype');
}

@font-face {
    font-family: 'SourceHanSans';
	font-display: block;
    font-style: normal;
    font-weight: 500;
	src: url('./fonts/SourceHanSansJP/SourceHanSansJP-Medium__limited.woff') format('woff'),
		 url('./fonts/SourceHanSansJP/SourceHanSansJP-Medium__limited.otf') format('opentype');
}

#landing ol,#landing li { list-style: none!important; margin-left: 0!important;}

/* 汎用クラス */
.mt0 { margin-top: 0px !important;}
.mb0 { margin-bottom: 0px !important;}
.pt0 { padding-top: 0px !important;}
.pb0 { padding-bottom: 0px !important;}
.mt5 { margin-top: 5px !important;}
.mb5 { margin-bottom: 5px !important;}
.pt5 { padding-top: 5px !important;}
.pb5 { padding-bottom: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mb10 { margin-bottom: 10px !important;}
.pt10 { padding-top: 10px !important;}
.pb10 { padding-bottom: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mb15 { margin-bottom: 15px !important;}
.pt15 { padding-top: 15px !important;}
.pb15 { padding-bottom: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mb20 { margin-bottom: 20px !important;}
.pt20 { padding-top: 20px !important;}
.pb20 { padding-bottom: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mb25 { margin-bottom: 25px !important;}
.pt25 { padding-top: 25px !important;}
.pb25 { padding-bottom: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mb30 { margin-bottom: 30px !important;}
.pt30 { padding-top: 30px !important;}
.pb30 { padding-bottom: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mb35 { margin-bottom: 35px !important;}
.pt35 { padding-top: 35px !important;}
.pb35 { padding-bottom: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mb40 { margin-bottom: 40px !important;}
.pt40 { padding-top: 40px !important;}
.pb40 { padding-bottom: 40px !important;}

.marker { background-color: #ffff00;}

header , footer{
	max-width: 750px !important;
	margin: auto;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*  ---------------------------------------------- +landing  */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ▼コンテンツ用スタイル 編集可能領域ここから▼ --------------------------------------------------------------------------------------------*/
/********************

   common

*********************/
html {
	font-size: 16px;
	font-size: clamp(10px,4.25vw,32px)!important;/*1rem 32px/ basic_width-750px*/
}

#CoolRichBra_lp {
	--font-base: 'SourceHanSans' , "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	--font-ShipporiMincho: 'ShipporiMincho', serif;
	--font-SourceHanSans: 'SourceHanSans', sans-serif;

	--color-black01: #000;
	--color-brown01: #231815bb;
	--color-gray01: #4d4d4d;
	--color-gray02: #666;
	--color-blue01: #1c8bd9;

	position: relative;
	width: auto;
	height: auto;
	background-color: transparent;
	font-weight: 500;
	overflow: hidden;
	text-align: center;
	font-size: 1rem;
	font-family: var(--font-base);
	color: var(--color-black);
	letter-spacing: 0em;
}

#CoolRichBra_lp * {
	box-sizing: border-box;
}

#CoolRichBra_lp h2 {
	font-size: 1.1rem;
	white-space: nowrap;
	font-weight: 700;
	font-family: var(--font-ShipporiMincho);
	margin: 0;
	line-height: 1.5;
	letter-spacing: 0.05em;
}

#CoolRichBra_lp h3 {
	font-size: 1rem;
	font-weight: 700;
	margin: 0;
	line-height: 1.44;
	text-align: center;
}

#CoolRichBra_lp p {
	font-size: 0.87rem;
	line-height: 1.628;
	letter-spacing: 0;
	letter-spacing: 0.16em;
}

#CoolRichBra_lp img {
	max-width: 100%;
	width: 100%;
	height: auto;
}


/********************
   parts
*********************/
#CoolRichBra_lp .contents_wrapper {
	position: relative;
	width: 20.5rem;
	max-width: 700px;
	margin-right: auto;
	margin-left: auto;
}

#CoolRichBra_lp .flex_base {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#CoolRichBra_lp .flex_base.flex_wrap {
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 0.1rem;
	-moz-column-gap: 0.7rem;
	     column-gap: 0.7rem;
}

#CoolRichBra_lp .attention_text {
	color: var(--color-brown01);
	font-size: 0.644rem;
	font-weight: 500;
	line-height: 1.44;
	letter-spacing: 0.05em;
}


#CoolRichBra_lp .bg_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#CoolRichBra_lp .bg_img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}


#CoolRichBra_lp .color-red {
	color: var(--color-red);
}




/********************

   main

*********************/
/********************
   fv
*********************/
#CoolRichBra_lp .fv {
	position: relative;
	width: 100%;
	height: auto;
	background: #fff;
	background: #c2bfba;
	margin-right: auto;
	margin-left: auto;
	z-index: 100;
}

#CoolRichBra_lp .fv_img {
	position: relative;
	width: 100%;
}
#CoolRichBra_lp .fv_img img {
	width: 100%;
}


#CoolRichBra_lp .fv_wrapper {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 96%;
	height: 100%;
}

#CoolRichBra_lp .fv_inner {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	text-align: right;
	margin-top: 0.7rem;
	margin-left: auto;
	margin-right: 0;
}

#CoolRichBra_lp .fv_label img {
	width: 8.6rem;
}

#CoolRichBra_lp .fv_tit img {
	position: relative;
	right: -1rem;
	width: 17.3rem;
}

#CoolRichBra_lp .fv_logo img {
	position: relative;
	right: -0.4rem;
	width: 15.6rem;
}

#CoolRichBra_lp .fv .attention_text {
	margin-top: 0em;
	margin-right: 1em;
	font-weight: 500;
	letter-spacing: 0.082em;
}



/********************
   cp_ofr
*********************/
#CoolRichBra_lp .cp_ofr {
	--color-red: #C92A2A;
	position: relative;
	padding: 2rem 0 2.5rem;
	z-index: 90;
}

#CoolRichBra_lp .cp_ofr .cp_box {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 1.4rem 1.56rem 1.9rem;
	background: #fff;
	box-shadow: 0 0 0.4rem 0 rgba(0, 0, 0, 0.2);
}

#CoolRichBra_lp .cp_box .contents_block .img_block {
	width: 100%;
	flex-wrap: wrap;
	text-align: center;
	row-gap: 0.1rem;
}

#CoolRichBra_lp .cp_box .contents_block .img_block figure {
	margin: 0 -.63rem .89rem auto;
}


#CoolRichBra_lp .cp_box .text_block {
	text-align: left;
}
#CoolRichBra_lp .cp_box p,
#CoolRichBra_lp .cp_box h2 {
	font-weight: 700;
	line-height: 1.1;
	white-space: nowrap;
}

#CoolRichBra_lp .cp_box .name {
	margin-bottom: 0.82em;
	font-size: 1.25rem;
	font-family: var(--font-ShipporiMincho);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.05em;
}
#CoolRichBra_lp .cp_box .name span {
	font-size: 1.44rem;
	letter-spacing: 0;
}

#CoolRichBra_lp .cp_box .label {
	color: #fff;
	font-size: 0.77rem;
	margin-bottom: 1.4em;
}


#CoolRichBra_lp .cp_box .price_block {
	margin-top: 0;
	margin-bottom: 1.1rem;
	color: var(--color-red);
	font-family: var(--font-ShipporiMincho);
}



#CoolRichBra_lp .cp_ofr .cp_ofr_btn  {
	width: 100%;
	height: 3.4rem;
	margin-left: auto;
	margin-right: auto;
	box-shadow:  0.28rem 0.28rem 0.28rem 0 rgba(0, 0, 0, 0.15);
}
#CoolRichBra_lp .cp_ofr .cp_ofr_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 1.15rem;
	font-family: var(--font-NotoSans);
}
#CoolRichBra_lp .cp_ofr_btn .btn_arrow_ {
	width: 0.82rem;
	height: 0.82rem;
	border-width: 0.17rem;
	margin-right: 0.7rem;
}


#CoolRichBra_lp .cp_ofr .attention_text{
	margin-top: 1em;
	text-align: left;
}




/********************
    sales_performance
*********************/
#CoolRichBra_lp .sales_performance {
	position: relative;
	top: -0.1rem;
	z-index: 1;
	text-align: left;
	padding: 1.8rem 0 1.6rem;
	background: linear-gradient(60deg, rgba(217, 224, 241, 0.4) 8.65%, rgba(255, 255, 255, 1) 100%);
	background-size: cover;
}

#CoolRichBra_lp .sales_performance .bg_deco img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	opacity: 0.9;
}

#CoolRichBra_lp .sales_performance .contents_wrapper {
	width: 100%;
}

#CoolRichBra_lp .sales_performance .heading {
	position: relative;
	margin-bottom: 3.47rem;
	color: var(--color-blue01);
	text-align: center;
	font-size: 0.96rem;
	line-height: 1.5;
}
#CoolRichBra_lp .sales_performance .heading::after {
	content: "";
	position: absolute;
	top: calc(100% + 0.69rem);
	left: 50%;
	transform: translateX(-50%);
	background-image: url(../img/deco/sales_performance__arrow-sp@2x.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 7.7rem;
	height: calc(7.7rem * (47/246));
}

#CoolRichBra_lp .sales_performance .text {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	color: var(--color-gray01);
	text-align: center;
	font-size: 0.92rem;
	letter-spacing: -0.06em;
	font-weight: 500;
	font-family: var(--font-ShipporiMincho);
}
#CoolRichBra_lp .sales_performance .text strong {
	position: relative;
	left: -0.29rem;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: -1rem;
}

#CoolRichBra_lp .sales_performance .text .abs {
	position: absolute;
	width: 6.9rem;
	top: -3.47rem;
	right: 0.5rem;
}

#CoolRichBra_lp .sales_performance .attention_text {
	margin-top: 0.5em;
	display: block;
	text-align: right;
	font-family: var(--font-base);
	font-weight: 700;
}


/*** type 02 ***/
#CoolRichBra_lp .sales_performance[data-type="02"] .label {
	width: 15rem;
	margin: 0 auto;
	text-align: center;
	margin-top: 0.18rem;
}

#CoolRichBra_lp .sales_performance[data-type="02"] .attention_text {
	text-align: center;
	font-size: 0.56rem;
	letter-spacing: 0.1em;
	margin-top: 1.5rem;
}



/********************
    movie
*********************/
#CoolRichBra_lp .movie {
	position: relative;
	z-index: 80;
	padding-top: 2rem;
	padding-bottom: 3.1rem;
	background-image: url(../img/deco/bg_deco01-sp@2x.png);
	background-repeat: no-repeat;
	background-size: cover;
}

#CoolRichBra_lp .movie .contents_wrapper {
	position: relative;
}

#CoolRichBra_lp .movie .heading {
	position: relative;
	width: 4rem;
	margin: 0 auto 1rem;
	font-size: 0.92rem;
	letter-spacing: 0.1em;
	color: #fff;
}

#CoolRichBra_lp .movie .youtube_box {
	width: 95%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	z-index: 100;
}
#CoolRichBra_lp .movie iframe {
	width: 96.66%;
	height: 80vw;
	border: none;
	background: #cbcbcb;
}

/********************
    worry
*********************/
#CoolRichBra_lp .worry {
	position: relative;
	text-align: center;
	padding: 4rem 0 2.7rem;
}

#CoolRichBra_lp .worry .heading {
	width: 15.6rem;
	margin: 0 auto 1.3rem;
	font-family: var(--font-ShipporiMincho);
}


#CoolRichBra_lp .worry .worry_list {
	position: relative;
	width: 100%;
	margin-bottom: 7.7rem;
}
#CoolRichBra_lp .worry .worry_list::after {
	content: "";
	position: absolute;
	top: calc(100% + 2.5rem);
	left: 50%;
	transform: translateX(-50%);
	background-image: url(../img/deco/worry__arrow-sp@2x.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 8.2rem;
	height: calc(8.2rem * (76/246));
}

#CoolRichBra_lp .worry_list .listitem {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-repeat: no-repeat;
	background-size: contain;
	padding-bottom: 0.28rem;
	font-family: var(--font-ShipporiMincho);
	font-size: 0.96rem;
	font-weight: 700;
	line-height: 1.44;
}

#CoolRichBra_lp .worry_list .listitem:nth-of-type(1) {
	background-image: url(../img/deco/worry__huki01-sp@2x.png);
	width: 17.6rem;
	height: calc(17.6rem * (302/562));
	left: -2.1rem;
	z-index: 1;
}
#CoolRichBra_lp .worry_list .listitem:nth-of-type(2) {
	background-image: url(../img/deco/worry__huki02-sp@2x.png);
	width: 18.9rem;
	height: calc(18.9rem * (328/605));
	right: -5.4rem;
	margin-left: auto!important;
	margin-right: 0;
	margin-top: -3.7rem;
	padding-right: 2.2rem;
	z-index: 5;
}
#CoolRichBra_lp .worry_list .listitem:nth-of-type(3) {
	background-image: url(../img/deco/worry__huki03-sp@2x.png);
	width: 14rem;
	height: calc(14rem * (321/456));
	left: -1.3rem;
	margin-top: -5rem;
	z-index: 10;
}
#CoolRichBra_lp .worry_list .listitem:nth-of-type(4) {
	background-image: url(../img/deco/worry__huki04-sp@2x.png);
	width: 17.7rem;
	height: calc(17.7rem * (307/566));
	right: -4.7rem;
	margin-left: auto!important;
	margin-right: 0;
	margin-top: -3.7rem;
	padding-right: 2.44rem;
	z-index: 20;
}
#CoolRichBra_lp .worry_list .listitem:nth-of-type(5) {
	background-image: url(../img/deco/worry__huki05-sp@2x.png);
	width: 17.6rem;
	height: calc(17.6rem * (302/563));
	left: -2rem;
	margin-top: -4.17rem;
	z-index: 15;
}


#CoolRichBra_lp .worry .text {
	width: 15.6rem;
	margin: 0 auto 2.5rem;
	font-size: 1rem;
	font-family: var(--font-ShipporiMincho);
}
#CoolRichBra_lp .merit_list .listitem {
	margin-bottom: 0.4rem;
}




/********************
    before_after
*********************/
#CoolRichBra_lp .before_after {
	position: relative;
	padding: 0.56rem 0 2.7rem;
}

#CoolRichBra_lp .before_after .contents_wrapper {
	width: 100%;
}

#CoolRichBra_lp .before_after .heading {
	position: relative;
	width: 13.9rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2.2rem;
	text-align: center;
}

#CoolRichBra_lp .before_after .img_block {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
}

#CoolRichBra_lp .before_after .img_block figure {
	width: 73.9%;
}
#CoolRichBra_lp .before_after .img_block figure:nth-of-type(2) {
	margin-left: auto;
	margin-right: 0;
	margin-top: 0;
}


#CoolRichBra_lp .before_after .attention_text {
	text-align: center;
	margin-top: 0.69rem;
}





/********************
    points
*********************/
#CoolRichBra_lp .points {
	position: relative;
	z-index: 10;
	padding: 4rem 0 9.3rem;
}

#CoolRichBra_lp .points::after {
	content: "";
	position: absolute;
	bottom: 3.7rem;
	left: 50%;
	transform: translateX(-50%);
	background-image: url(../img/deco/points__arrow-sp@2x.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 7.7rem;
	height: calc(7.7rem * (86/246));
	z-index: 100;
}

#CoolRichBra_lp .points > .points_main_heading {
	width: 14.4rem;
	margin: 0 auto 2.1rem;
	text-align: center;
	line-height: 1.47;
	font-size: 1.3rem;
}
#CoolRichBra_lp .points > .points_lead {
	width: 20rem;
	margin: 0 auto 1rem;
	text-align: center;
	line-height: 1.47;
	font-size: 1rem;
}



#CoolRichBra_lp .points .attention_text {
	display: block;
	font-size: 0.62rem;
	margin-top: 0.96em;
	text-align: left;
}



#CoolRichBra_lp .point {
	margin-top: 4.4rem;
}

#CoolRichBra_lp .point .contents_wrapper {
	width: 21rem;
}

#CoolRichBra_lp .point .point_block {
	justify-content: flex-start;
}

#CoolRichBra_lp .point .text_block {
	text-align: left;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 2.2rem;
	-moz-column-gap: 0.5rem;
	     column-gap: 0.5rem;
}

#CoolRichBra_lp .point .num_box {
	width: 4rem;
}

#CoolRichBra_lp .point .tit {
	width: 10rem;
	margin-top: 1.3rem;
	margin-bottom: 1.06rem;
	line-height: 1.1;
}

#CoolRichBra_lp .point .text_block .inner .text {
	max-width: 16rem;
	color: var(--color-gray02);
	font-size: 0.86rem;
	letter-spacing: 0.2em;
}

#CoolRichBra_lp .point .attention_text {
	margin-top: 1.18rem;
	font-size: 0.7rem;
	letter-spacing: 0.04em;
}

#CoolRichBra_lp .point .img_block {
	position: relative;
}



/*****   1   *****/
#CoolRichBra_lp .point[data-point="01"] {
	margin-top: 2.2rem;
}
#CoolRichBra_lp .point[data-point="01"] .tit {
	width: 7rem;
}
#CoolRichBra_lp .point[data-point="01"] .img_block {
	width: 96%;
}
#CoolRichBra_lp .point[data-point="01"] .img_block .huki {
	position: absolute;
	width: 5.6rem;
	top: -2.44rem;
	right: -1.4rem;
}

#CoolRichBra_lp .point[data-point="01"] .img_block figcaption {
	position: relative;
	padding-left: 0.4em;
	text-align: left;
	margin-bottom: 0.37em;
	font-size: 0.89rem;
	font-family: var(--font-ShipporiMincho);
	font-weight: 700;
}


/*****   2   *****/
#CoolRichBra_lp .point[data-point="02"] .img_block {
	width: 96%;
	margin-left: auto;
	margin-right: 0;
}
#CoolRichBra_lp .point[data-point="02"] .img_block figure {
	padding: 1.9rem 0;
	background: rgba(95, 128, 255, 0.22);
}
#CoolRichBra_lp .point[data-point="02"] .img_block .huki {
	position: absolute;
	width: 4.7rem;
	top: -1.62rem;
	right: -0.56rem;
}


#CoolRichBra_lp .point[data-point="02"] .point_block02 {
	position: relative;
	padding: 2.8rem 0 2.7rem;
	margin-top: 3.2rem;
	background-image: url(../img/deco/point02__block_bg-sp@2x.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#CoolRichBra_lp .point[data-point="02"] .point_block02 .text {
	position: relative;
	width: 13rem;
	margin-left: auto;
	margin-right: -1.3rem;
}


/*****   3   *****/
#CoolRichBra_lp .point[data-point="03"] .point_block .text_block .inner {
	position: relative;
	left: -2rem;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#CoolRichBra_lp .point[data-point="03"] .point_block .text_block .tit {
	width: 9.2rem;
	margin-left: auto;
	margin-right: auto;
}

#CoolRichBra_lp .point[data-point="03"] .point_block .img_block {
	width: 96%;
	margin-left: auto;
	margin-right: 0;
}
#CoolRichBra_lp .point[data-point="03"] .point_block .img_block .huki {
	position: relative;
	text-align: left;
	width: 12.5rem;
	margin-top: -3.2rem;
	margin-left: -0.34rem;
}


#CoolRichBra_lp .point[data-point="03"] .lead {
	width: 19.2rem;
	margin: 3.7rem auto 1.8rem;
}

#CoolRichBra_lp .point[data-point="03"] .point_block02 .img_block {
	width: 82%;
	margin-left: 0;
}
#CoolRichBra_lp .point[data-point="03"] .point_block02 .img_block:nth-of-type(2) {
	margin-left: auto;
	margin-right: 0;
	margin-top: 2.2rem;
}
#CoolRichBra_lp .point[data-point="03"] .point_block02 .img_block .huki img {
	height: 2rem;
	width: auto;
	position: relative;
	text-align: center;
	margin-bottom: -0.56rem;
}



/*****   4   *****/
#CoolRichBra_lp .point[data-point="04"] .point_block {
	flex-direction: row-reverse;
}

#CoolRichBra_lp .point[data-point="04"] .point_block .text_block {
	margin-bottom: 2.8rem;
}

#CoolRichBra_lp .point[data-point="04"] .point_block .tit {
	width: 16rem;
}

#CoolRichBra_lp .point[data-point="04"] .point_block02 {
	margin-top: 2.5rem;
}
#CoolRichBra_lp .point[data-point="04"] .point_block02 .img_block figure {
	width: 82%;
}
#CoolRichBra_lp .point[data-point="04"] .point_block02 .img_block figure:nth-of-type(2) {
	margin-left: auto;
	margin-right: 0;
	margin-top: 0.82rem;
}
#CoolRichBra_lp .point[data-point="04"] .point_block02 .text_block {
	width: 82%;
	text-align: left;
	margin-left: auto;
	margin-right: 0;
	margin-top: 0.77rem;
}

#CoolRichBra_lp .point[data-point="04"] .point_block03 {
	margin-top: 3.4rem;
}
#CoolRichBra_lp .point[data-point="04"] .point_block03 .img_block {
	width: 69%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.1rem;
}

#CoolRichBra_lp .point[data-point="04"] .point_block03 .img_block .huki {
	position: absolute;
	width: 7rem;
	top: -2rem;
	right: -2rem;
}

#CoolRichBra_lp .point[data-point="04"] .point_block03 .inner .text {
	text-align: center;
	max-width: 17.6rem;
	margin-left: auto;
	margin-right: auto;
}
#CoolRichBra_lp .point[data-point="04"] .point_block03 .attention_text {
	text-align: center;
}



/*****   5   *****/
#CoolRichBra_lp .point[data-point="05"] .tit {
	width: 18.7rem;
	margin: 0 auto 1.5rem;
}

#CoolRichBra_lp .point[data-point="05"] .box_text {
	text-align: center;
	line-height: 1.86;
	margin-top: 1.1em;
	font-size: 0.84rem;
	color: var(--color-gray02);
}

/* front */
#CoolRichBra_lp .point[data-point="05"] .front_block {
	position: relative;
}
#CoolRichBra_lp .point[data-point="05"] .front_block__main {
	position: static;
	width: 100%;
	padding: 0.56rem;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 0.28rem rgba(0, 0, 0, 0.2);
}

#CoolRichBra_lp .point[data-point="05"] .front_block__box {
	position: relative;
	width: 93%;
	padding: 1.8rem;
	background: #fff;
	border: 1px solid #5f80ff;
	margin-top: 2rem;
	box-shadow: 0 0 0.28rem rgba(0, 0, 0, 0.2);
}
#CoolRichBra_lp .point[data-point="05"] .front_block__box::after {
	content: "";
	position: absolute;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
}

#CoolRichBra_lp .point[data-point="05"] .front_block__box[data-box="01"]::after {
	background-image: url(../img/text/point05__num01-sp@2x.png);
	width: 3.4rem;
	height: calc(3.4rem * (254/103));
	top: -0.7rem;
	left: calc(100% - 1.4rem);
}

#CoolRichBra_lp .point[data-point="05"] .front_block__box[data-box="02"] {
	margin-left: auto;
	margin-right: 0;
}
#CoolRichBra_lp .point[data-point="05"] .front_block__box[data-box="02"]::after {
	background-image: url(../img/text/point05__num02-sp@2x.png);
	width: 5.6rem;
	height: calc(5.6rem * (236/180));
	top: -0.82rem;
	right: calc(100% - 3.28rem);
}

#CoolRichBra_lp .point[data-point="05"] .front_block__box[data-box="03"]::after {
	background-image: url(../img/text/point05__num03-sp@2x.png);
	width: 5rem;
	height: calc(5rem * (233/160));
	top: -0.07rem;
	left: calc(100% - 3.1rem);
}



/* back */
#CoolRichBra_lp .point[data-point="05"] .back_block {
	position: relative;
	margin-top: 3.7rem;
}
#CoolRichBra_lp .point[data-point="05"] .back_block__main {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 0.28rem rgba(0, 0, 0, 0.2);
}

#CoolRichBra_lp .point[data-point="05"] .back_block__box {
	position: relative;
	width: 93%;
	padding: 1.8rem;
	background: #fff;
	border: 1px solid #5f80ff;
	margin-top: 2rem;
	box-shadow: 0 0 0.28rem rgba(0, 0, 0, 0.2);
}
#CoolRichBra_lp .point[data-point="05"] .back_block__box::after {
	content: "";
	position: absolute;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
}

#CoolRichBra_lp .point[data-point="05"] .back_block__box[data-box="01"] {
	margin-left: auto;
	margin-right: 0;
}
#CoolRichBra_lp .point[data-point="05"] .back_block__box[data-box="01"]::after {
	background-image: url(../img/text/point05__num04-sp@2x.png);
	width: 5.6rem;
	height: calc(5.6rem * (223/180));
	top: -0.5rem;
	right: calc(100% - 3.4rem);
}
#CoolRichBra_lp .point[data-point="05"] .back_block__box[data-box="02"]::after {
	background-image: url(../img/text/point05__num05-sp@2x.png);
	width: 5rem;
	height: calc(5rem * (245/172));
	bottom: -3rem;
	left: calc(100% - 4.3rem);
}


#CoolRichBra_lp .point[data-point="05"] .contents_block {
	margin-top: 2.2rem;
}

#CoolRichBra_lp .point[data-point="05"] .contents_block .img_block {
	width: 89%;
	border: 0.4rem solid #5f80ff;
}

#CoolRichBra_lp .point[data-point="05"] .contents_block .text {
	position: relative;
	z-index: 10;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: auto;
	margin-right: 0rem;
	background: #5f80ff;
	color: #fff;
	margin-top: -0.87rem;
	padding: 1rem 2rem;
	text-align: center;
	text-shadow: 0.1rem 0.1rem 0.18rem rgba(0, 0, 0, 0.5);
	border-radius: 0.03rem;
}

#CoolRichBra_lp .point[data-point="05"] .back_block__box[data-box="02"] {
	width: 100%;
	padding: 1.4rem;
	-moz-column-gap: 0.5rem;
	     column-gap: 0.5rem;
	align-items: center;
}
#CoolRichBra_lp .point[data-point="05"] .back_block__box[data-box="02"] > img {
	min-width: 9.6rem;
}

#CoolRichBra_lp .point[data-point="05"] .back_block__box[data-box="02"] p {
	text-align: left;
	margin: 0;
}


/********************
    scene
*********************/
#CoolRichBra_lp .scene {
	padding: 2.28rem 0 3.82rem;
	background-image: url(../img/deco/scene__bg-sp.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
	color: #333;
}


#CoolRichBra_lp .scene .heading {
	margin: 0 auto 0.82rem;
	width: 4.7rem;
}
#CoolRichBra_lp .scene .text {
	margin: 0.6rem auto 2rem;
	text-align: center;
	font-family: var(--font-ShipporiMincho);
	font-weight: 700;
	font-size: 0.89rem;
	line-height: 1;
}
#CoolRichBra_lp .scene .contents_block {
	flex-wrap: wrap;
}
#CoolRichBra_lp .scene .contents_block .box {
	position: relative;
	width: 45.62%;
}
#CoolRichBra_lp .scene .contents_block .box:nth-of-type(-n+2) {
	margin-bottom: 2.182rem;
}
#CoolRichBra_lp .scene .contents_block .label {
	position: absolute;
	top: -0.414rem;
	left: -0.44rem;
	width: 3.87rem;
	height: 1.4rem;
    background: linear-gradient(144deg, #c7ad7e 0%, #dec89f 49%, #f5e2bf 100%);
	box-shadow: 0 15px 14.25px 0.75px rgb(165 140 122 / 16%);
	color: #7e5b1b;
	line-height: 1.4rem;
	text-align: center;
	font-family: var(--font-shippori);
	font-weight: 600;
	font-size: 0.68rem;
	z-index: 3;
}
#CoolRichBra_lp .scene .contents_block .box img {
	position: relative;
	z-index: 2;
	box-shadow: 0 0.62rem 0.66rem 0 rgb(152 141 120 / 30%);
}
#CoolRichBra_lp .scene .contents_block .box::after {
	content: "";
	position: absolute;
	top: 0.362rem;
    left: 0.362rem;
	width: 100%;
	height: 100%;
	border: 0.12rem solid #a38a5e;
    -o-border-image: linear-gradient(to right, #c7ad7e 0%, #e5cda1 25%, #f0ddba 70%, #c7ad7e 100%);
       border-image: linear-gradient(to right, #c7ad7e 0%, #e5cda1 25%, #f0ddba 70%, #c7ad7e 100%);
    border-image-slice: 1;
	z-index: 1;
	box-sizing: border-box;
	box-shadow: 0 0.44rem 0.4rem 0.05rem rgb(165 140 122 / 16%);
}






/********************
    sizes
*********************/
#CoolRichBra_lp .sizes {
	position: relative;
	padding: 3.1rem 0 4rem;
}

#CoolRichBra_lp .sizes .contents_wrapper {
	width: 100%;
}

#CoolRichBra_lp .sizes .heading {
	width: 4.4rem;
	margin: 0 auto 0.92rem;
	padding: 0;
	text-align: center;
}

#CoolRichBra_lp .sizes .lead {
	margin-bottom: 0.82rem;
	font-size: 1.06rem;
	font-family: var(--font-ShipporiMincho);
}

#CoolRichBra_lp .sizes__img_block {
	margin-bottom: 3.4rem;
}


#CoolRichBra_lp .sizes .guarantee_box .text {
	font-family: var(--font-ShipporiMincho);
	font-size: 1.06rem;
	margin: 0 auto 0.05rem;
}





/********************
    how_to
*********************/
#CoolRichBra_lp .how_to {
	position: relative;
	padding: 2.8rem 0 2.9rem;
	background: linear-gradient(60deg, rgba(217, 224, 241, 1) 8.65%, rgba(255, 255, 255, 1) 100%);
	background-size: cover;
}

#CoolRichBra_lp .how_to .contents_wrapper {
	width: 21rem;
}

#CoolRichBra_lp .how_to .heading {
	margin-bottom: 1rem;
	font-size: 1.3rem;
	color: var(--color-blue01);
	text-align: center;
}

#CoolRichBra_lp .how_to .heading_en {
	display: block;
	width: 7.7rem;
	margin: 0 auto 0.7rem;
}

#CoolRichBra_lp .how_to .lead {
	margin-bottom: 2rem;
	color: var(--color-gray01);
	font-size: 0.82rem;
	font-family: var(--font-ShipporiMincho);
}

#CoolRichBra_lp .how_to_block {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}


#CoolRichBra_lp .how_to_list .item {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
#CoolRichBra_lp .how_to_list .item:nth-of-type(1) {
	margin-bottom: 5.18rem;
}
#CoolRichBra_lp .how_to_list .item:nth-of-type(1)::after {
	content: "";
	position: absolute;
	top: calc(100% + 1.3rem);
	left: 50%;
	transform: translateX(-50%);
	width: 2.6rem;
	height: 1.6rem;
	z-index: 10;
	-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
	        clip-path: polygon(0 0, 100% 0, 50% 100%);
	background: #5f80ff;
}

#CoolRichBra_lp .how_to_list .item figcaption {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.3em;
	color: var(--color-gray02);
	font-size: 0.86rem;
	letter-spacing: 0.15em;
}


#CoolRichBra_lp .how_to_block .huki {
	position: absolute;
	width: 9.2rem;
	top: -2.7rem;
	right: -0.82rem;
	z-index: 10;
}




/********************
    color
*********************/
#CoolRichBra_lp .color {
	position: relative;
	padding: 3.1rem 0 4rem;
}


#CoolRichBra_lp .color .heading {
	width: 4rem;
	margin: 0 auto 2.6rem;
}

#CoolRichBra_lp .color_list {
	position: relative;
	justify-content: center;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	-moz-column-gap: 2rem;
	     column-gap: 2rem;
	row-gap: 1.9rem;
}
#CoolRichBra_lp .color_list .listitem {
	width: calc((100% - 4rem)/2);
}

#CoolRichBra_lp .color_list figcaption {
	margin-top: 0.25em;
	color: var(--color-gray01);
	font-size: 0.82rem;
	font-weight: 500;
	font-family: var(--font-ShipporiMincho);
	white-space: nowrap;
}







/********************
    products_specification
*********************/
#products_specification {
	position: relative;
	padding-top: 3rem;
	padding-bottom: 2.9rem;
	background : linear-gradient(60deg, rgba(217, 224, 241, 1) 8.65%, rgba(255, 255, 255, 1) 100%);
}


/*****   table   *****/
#products_specification table {
	border-collapse: collapse;
	width: 100%;
	text-align: left;
	display: block;
}
#products_specification caption {
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	align-items: center;
	width: 100%;
	height: auto;
	padding: 2.32% 6.2% 2.82%;
	box-sizing: border-box;
	margin-bottom: 1rem;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #000;
	background: #fff;
	text-align: left;
}
#products_specification tbody,
#products_specification tr {
	display: block;
	width: 100%;
}
#products_specification td,#products_specification th {
	display: block;
	width: 100%;
	font-weight: 600;
	padding: 1.6% 2.2% 1.1% 4.4%;
	height: auto;
	font-size: 0.84rem;
	color: #000;
	border: 0.062rem solid #534741;
	border-bottom-width: 0;
	font-weight: 400;
	letter-spacing: 0.02em;
}
#products_specification tbody:last-of-type tr:last-of-type td {
	border-bottom-width: 0.062rem;
}

#products_specification th {
	background: #5f80ff;
	color: #fff;
	font-size: 0.86rem;
	font-weight: 500;
	font-family: var(--font-base);
}
#products_specification td {
	background: #fff;
	font-size: 0.82rem;
	letter-spacing: 0;
	padding: 1.4% 3% 2% 4.4%;
}
#products_specification td .bold {
	font-weight: 700;
}

#products_specification .attention_text {
	margin-top: 0.96em;
	color: #231815;
	text-align: left;
	letter-spacing: 0.11em;
}


/* ▲コンテンツ用スタイル 編集可能領域ここまで▲ --------------------------------------------------------------------------------------------*/