@charset "shift_jis";
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*  ---------------------------------------------- +base & parts   */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@font-face {
    font-family: 'SourceHanSans';
	font-display: block;
    font-style: normal;
    font-weight: 500;
	src: url(../../pc/fonts/SourceHanSans/SourceHanSansJP-Medium.woff2) format('woff2'),
		 url(../../pc/fonts/SourceHanSans/SourceHanSansJP-Medium.woff) format('woff'),
		 url(../../pc/fonts/SourceHanSans/SourceHanSansJP-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'SourceHanSans';
	font-display: block;
    font-style: normal;
    font-weight: 700;
	src: url(../../pc/fonts/SourceHanSans/SourceHanSansJP-Bold.woff2) format('woff2'),
		 url(../../pc/fonts/SourceHanSans/SourceHanSansJP-Bold.woff) format('woff'),
		 url(../../pc/fonts/SourceHanSans/SourceHanSansJP-Bold.otf) format('opentype');
}
/********************

   common

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

#hibanonnon_lp {
	--font-base: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	--font-SourceHanSans: "SourceHanSans" ,sans-serif;

	--color-black: #333;
	--color-blue01: rgba(95,128,255,1.0);
	--color-blue01-opa015: rgba(95,128,255,0.15);
	--color-gray01: #666;
	--color-gray02: #808080;

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

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

#hibanonnon_lp h2 {
	color: #4d4d4d;
	font-size: 1.04rem;
	font-weight: 700;
	margin: 0;
	line-height: 1.86;
	letter-spacing: 0.19em;
}

#hibanonnon_lp h3 {
	font-size: 0.94rem;
	font-weight: 700;
	margin: 0;
	line-height: 1.44;
	text-align: center;
	letter-spacing: 0.1em;
}

#hibanonnon_lp p {
	font-size: 0.81rem;
	line-height: 1.92;
	letter-spacing: 0.1em;
}

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

#hibanonnon_lp figure {
	margin: 0;
}


/********************
   parts
*********************/
#hibanonnon_lp .contents_wrapper {
	position: relative;
	width: 21rem;
	max-width: 660px;
	margin-right: auto;
	margin-left: auto;
}

#hibanonnon_lp .flex_base {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
#hibanonnon_lp .flex_base.flex_wrap {
	flex-wrap: wrap;
}

#hibanonnon_lp .attention_text {
	color: var(--color-gray01);
	font-size: 0.72rem;
	text-align: left;
}


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


#hibanonnon_lp .bg_visual,
#hibanonnon_lp .bg_visual img {
	width: 100%;
	height: auto;
}


#hibanonnon_lp .heading_deco01 {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	min-width: 15rem;
	margin-left: auto;
	margin-right: auto;
}
#hibanonnon_lp .heading_deco01::before,
#hibanonnon_lp .heading_deco01::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transform-origin: center center;
	background-image: url(../img/deco/heading_deco01-sp@2x.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 1.56rem;
	height: calc(1.56rem * (88/49));
}
#hibanonnon_lp .heading_deco01::before {
	left: -2.8rem;
}
#hibanonnon_lp .heading_deco01::after {
	right: -2.8rem;
	transform: translateY(-50%) rotate(180deg);
}

#hibanonnon_lp .emphasis_text01 {
	--color: rgba(95, 128, 255, 0.2);
	position: relative;
	display: inline;
	padding: 0 0 0.1rem;
	font-size: 1.0em;
	background: linear-gradient( transparent 0%, transparent 50%, var(--color) 50%,var(--color) 100%,transparent 100%);
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*  ---------------------------------------------- +landing  */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/********************
   fv
*********************/
#hibanonnon_lp #fv {
	position: relative;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	z-index: 100;
}

#hibanonnon_lp #fv .fv_img img {
	width: 100%;
	height: auto;
}

#hibanonnon_lp #fv .fv_wrapper {
	position: absolute;
	bottom: 0.77rem;
	left: 50%;
	transform: translateX(-50%);
}

#hibanonnon_lp #fv .fv_inner {
	background-image: url(../img/deco/fv_text_bg-sp@2x.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 19rem;
	height: 19rem;
	margin: 0 auto;
	text-align: center;
	color: var(--color-black);
}

#hibanonnon_lp #fv .fv_list {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	top: -0.7rem;
	margin-bottom: -0.1rem;
}

#hibanonnon_lp #fv .fv_list .item {
	position: relative;
	width: 5rem;
	font-size: 0.7rem;
	line-height: 1.1;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #fff;
	text-align: center;
}
#hibanonnon_lp #fv .fv_list .item:nth-of-type(1) {
	left: 1px;
}
#hibanonnon_lp #fv .fv_list .item:nth-of-type(2) {
	left: -1px;
}

#hibanonnon_lp #fv p,
#hibanonnon_lp #fv h1 {
	line-height: 1;
}
#hibanonnon_lp #fv .fv_lead .sub {
	display: block;
	font-size: 0.86rem;
	letter-spacing: -0.02em;
	color: var(--color-gray02);
	margin: 0 auto 0.5rem;
}
#hibanonnon_lp #fv .fv_lead {
	font-size: 1.04rem;
	font-weight: 700;
	letter-spacing: 0.082em;
	margin-bottom: 1rem;
	line-height: 1;
}
#hibanonnon_lp #fv .fv_lead .strong {
	position: relative;
	top: 0.17em;
	left: -0.19rem;
	font-size: 1.66rem;
	letter-spacing: -0.06em;
	color: var(--color-blue01);
}

#hibanonnon_lp #fv .fv_tit span {
	display: block;
	font-size: 0.92rem;
	letter-spacing: -0.01em;
	margin-bottom: 0.18rem;
}
#hibanonnon_lp #fv .fv_tit {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	border-top: 1.3px solid var(--color-blue01);
	padding-top: 0.73rem;
	font-size: 1.96rem;
	font-weight: 700;
	letter-spacing: -0.08em;
	color: var(--color-blue01);
}

#hibanonnon_lp #fv .attention_text {
	margin-top: -1.1rem;
	font-size: 0.69rem;
	letter-spacing: 0.02em;
	line-height: 1.5;
	color: var(--color-black);
}



/********************
   cp_ofr
*********************/
#hibanonnon_lp .cp_ofr {
	--color-red: #952d5c;
	position: relative;
	z-index: 90;
	background: var(--color-blue01);
	padding: 2.5rem 0 2.2rem;
}


#hibanonnon_lp .cp_ofr .contents_wrapper {
	width: 20rem;
}

#hibanonnon_lp .cp_ofr .cp_box {
	background: #fff;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0.1rem 1.8rem 2.56rem;
}

#hibanonnon_lp .cp_ofr .contents_block {
	position: relative;
	align-items: center;
	justify-content: space-between;
	padding: 1.9rem 0;
}

#hibanonnon_lp .cp_ofr .contents_block:nth-of-type(n+2) {
	border-top: 0.092rem solid var(--color-blue01);
	padding-top: 2.2rem;
	padding-bottom: 2.29rem;
}

#hibanonnon_lp .cp_ofr .contents_block .img_block {
	width: 54%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.3rem;
	text-align: center;
}

#hibanonnon_lp .cp_ofr .contents_block:nth-of-type(2) .img_block {
	width: 62%;
}
#hibanonnon_lp .cp_ofr .contents_block:nth-of-type(3) .img_block {
	width: 78.3%;
}

#hibanonnon_lp .cp_ofr .text_block {
	position: relative;
	left: 0.17rem;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#hibanonnon_lp .cp_ofr .text_block p,
#hibanonnon_lp .cp_ofr .text_block h2 {
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0.02em;
	white-space: nowrap;
}
#hibanonnon_lp .cp_ofr .name .cate {
	font-size: 0.92rem;
	display: block;
	margin-bottom: 0.28rem;
}
#hibanonnon_lp .cp_ofr .name {
	position: relative;
	font-size: 1.56rem;
	margin-top: 0.1em;
	margin-bottom: 1.17rem;
}
#hibanonnon_lp .cp_ofr .name .huki {
	position: absolute;
	width: 4.73rem;
	top: -0.39rem;
	right: 1.4rem;
}
#hibanonnon_lp .cp_ofr .name .huki2 {
	position: absolute;
	width: 6.51rem;
	top: -0.39rem;
	right: 0.6rem;
}
#hibanonnon_lp .cp_ofr .type {
	font-size: 1.14rem;
	letter-spacing: 0.04em;
}

#hibanonnon_lp .cp_ofr .origin_price {
	font-size: 0.84rem;
	margin-bottom: 0.56em;
}

#hibanonnon_lp .cp_ofr .price_block {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: var(--color-red);
}
#hibanonnon_lp .cp_ofr .price_block .price_tit {
	--border: 0.082rem solid var(--color-red);
	display: block;
	border-top: var(--border);
	border-bottom: var(--border);
	font-size: 0.96rem;
	line-height: 1.2;
	padding: 0.244em 0.4em;
	margin-right: 0.73rem;
}
#hibanonnon_lp .cp_ofr .price_block .price {
	position: relative;
	top: -0.039em;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 3.37rem;
	letter-spacing: -0.027em;
}
#hibanonnon_lp .cp_ofr .price_block .unit {
	position: relative;
	top: 0.13em;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 0.86rem;
	letter-spacing: 0;
	margin-left: 0.27rem;
}
#hibanonnon_lp .cp_ofr .price_block .unit .tax {
	display: inline-block;
	font-size: 1em;
}
#hibanonnon_lp .cp_ofr .price_block .unit .yen {
	display: inline-block;
	font-size: 2.1em;
	margin-top: -0.04rem;
}

#hibanonnon_lp .cp_ofr .cp_ofr_btn  {
	width: 97.1%;
	height: 2rem;
	margin-left: auto;
	margin-right: auto;
}
#hibanonnon_lp .cp_ofr .cp_ofr_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}



/********************
    movie
*********************/
#hibanonnon_lp #movie {
	position: relative;
	z-index: 80;
	background: var(--color-blue01);
	padding-top: 0.82rem;
	padding-bottom: 2.2rem;
}

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

#hibanonnon_lp #movie .heading {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.92rem;
	margin-bottom: 0.82rem;
	letter-spacing: 0.1em;
	color: #fff;
}
#hibanonnon_lp #movie .heading::before {
	content: "";
	position: relative;
	top: -0.04rem;
	display: inline-block;
	background-image: url(../img/deco/check_mark-sp@2x.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 1rem;
	height: calc(1rem * (36/38));
	margin-right: 0.62rem;
}

#hibanonnon_lp #movie .youtube_box {
	width: 82%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	z-index: 100;
}
#hibanonnon_lp #movie .youtube_box::before {
	content: "";
	position: relative;
	display: block;
	padding-top: 100%;
}
#hibanonnon_lp #movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/********************
    worry
*********************/
#hibanonnon_lp .worry {
	position: relative;
	padding: 3.6rem 0 3.8rem;
	z-index: 10;
	background-color: var(--color-blue01);
	background-image: url(../img/worry_bg-sp@2x.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#hibanonnon_lp .worry .heading {
	text-align: center;
	margin-bottom: 1rem;
}

#hibanonnon_lp .worry .heading_block {
	position: relative;
	margin-bottom: 2.5rem;
}
#hibanonnon_lp .worry .heading_block .img_block {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 4.4rem;
}


#hibanonnon_lp .worry .worry_list {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#hibanonnon_lp .worry .worry_list .item {
	--aspect: 124/603;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.96rem;
	font-weight: 700;
	margin-bottom: 0.82rem;
	background-image: url(../img/deco/worry_list_1line_bg-sp@2x.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 18.8rem;
	height: calc(18.8rem * var(--aspect));
	padding: 0.3rem;
	padding-top: 0.18rem;
	margin-left: auto!important;
	margin-right: auto;
	color: var(--color-black);
}

#hibanonnon_lp .worry .worry_list .item:nth-of-type(1) {
	--aspect: 165/603;
	background-image: url(../img/deco/worry_list_2line_bg-sp@2x.png);
}



/********************
    recommend
*********************/
#hibanonnon_lp .recommend {
	position: relative;
	background-color: var(--color-blue01);
}

#hibanonnon_lp .recommend .heading {
	position: relative;
	margin: 0;
	color: #fff;
	font-size: 1.04rem;
	padding: 1.3rem;
	line-height: 1.6;
	letter-spacing: 0.2em;
}

#hibanonnon_lp .recommend .heading::after {
	content: "";
	position: absolute;
	bottom: 1px;
	left: 50%;
	transform: translateX(-50%) translateY(100%);
	background-color: var(--color-blue01);
	width: 1.7rem;
	height: 0.76rem;
	-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0%);
	        clip-path: polygon(0 0, 50% 100%, 100% 0%);
}

#hibanonnon_lp .recommend .outer {
	padding: 1.8rem 0 1.4rem;
	background-image: url(../img/recommned_bg-sp@2x.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#hibanonnon_lp .recommend .name {
	font-size: 0.82rem;
	letter-spacing: 0.11em;
	line-height: 1.62;
	text-align: left;
	color: #fff;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: 1.1rem;
	margin-right: auto;
	margin-bottom: 0.82rem;
}
#hibanonnon_lp .recommend .name span {
	position: relative;
	left: -0.13em;
	font-size: 1.66rem;
	letter-spacing: -0.031em;
	line-height: 1.5;
}


#hibanonnon_lp .recommend .target_wrapper {
	width: 12.5rem;
	height: auto;
	margin-left: 0.1rem;
	padding: 0.96rem 1.3rem 0.56rem;
	border-radius: 0.5rem;
	background: #fff;
	color: var(--color-gray02);
}

#hibanonnon_lp .recommend .target_wrapper .tit {
	font-size: 0.86rem;
	letter-spacing: 0.2em;
	margin-bottom: 0.76rem;
}

#hibanonnon_lp .recommend .target_list {
	justify-content: space-between;
}

#hibanonnon_lp .recommend .target_list .item {
	width: 29%;
	margin-bottom: 0.32rem;
}

#hibanonnon_lp .recommend .target_list figcaption {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 0.7rem;
	margin-top: 0.05rem;
	letter-spacing: 0.05em;
	line-height: 1.25;
	white-space: nowrap;
}

#hibanonnon_lp .recommend .target_wrapper .attention_text {
	font-size: 0.644rem;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-align: center;
	margin-top: 0.37rem;
}



/********************
    points
*********************/
#hibanonnon_lp .points {
	position: relative;
	padding: 3.7rem 0 3.2rem;
}

#hibanonnon_lp .points .heading {
	position: relative;
	margin-bottom: 2.44rem;
}


#hibanonnon_lp .point:nth-of-type(n+2) {
	margin-top: 3.2rem;
}
#hibanonnon_lp .point .contents_block {
	width: 19.2rem;
	margin-left: auto;
	margin-right: auto;
}

#hibanonnon_lp .point .text_block {
	width: 18.6rem;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#hibanonnon_lp .point .tit {
	position: relative;
	padding-left:3.7rem;
	margin-top: 3.4rem;
	margin-bottom: 1.6rem;
	font-size: 0.96rem;
	letter-spacing: 0.2rem;
	text-align: left;
	color: var(--color-blue01);
}
#hibanonnon_lp .point .tit .num_box {
	position: absolute;
	top: -1.4rem;
	left: 0;
	font-size: 0.7rem;
	letter-spacing: -0.08em;
	text-align: center;
	line-height: 1;
}
#hibanonnon_lp .point .tit .num_box::after {
	content: "";
	position: absolute;
	bottom: -1.7rem;
	left: 1.3rem;
	width: 3.9rem;
	height: 1.4px;
	transform: rotate(-57deg);
	transform-origin: left center;
	background: var(--color-blue01);
}
#hibanonnon_lp .point .tit .num_box span {
	display: block;
	font-size: 1.18rem;
}

#hibanonnon_lp .point .text {
	letter-spacing: 0.1em;
	color: var(--color-gray01);
}

#hibanonnon_lp .point figcaption {
	margin-top: 0.38rem;
	font-size: 0.73rem;
	letter-spacing: 0.1em;
	text-align: left;
	color: var(--color-gray01);
}

#hibanonnon_lp .points .attention_text {
	display: inline-block;
	letter-spacing: 0.1em;
	line-height: 1.9;
	margin-top: 0.1rem;
}




/********************
    locations
*********************/
#hibanonnon_lp .locations {
	position: relative;
	padding: 3.1rem 0 1.9rem;
}

#hibanonnon_lp .locations .heading {
	margin-bottom: 2.1rem;
}

#hibanonnon_lp .locations .location {
	position: relative;
	padding: 1rem ;
	width: 20rem;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);
}


#hibanonnon_lp .locations .img_block {
	margin-bottom: 1.96rem;
}

#hibanonnon_lp .locations .tit {
	color: var(--color-blue01);
	margin: 0 auto 1.5rem;
	letter-spacing: 0.2em;
}
#hibanonnon_lp .locations .text {
	width: 88%;
	margin: 0 auto 1.6rem;
	text-align: left;
	color: var(--color-gray01);
}

#hibanonnon_lp .locations .img_block_sub {
	align-items: stretch;
}

#hibanonnon_lp .locations .huki {
	position: relative;
	background: var(--color-blue01);
	margin: 0;
	padding: 0.69rem 1rem;
	text-align: left;
	color: #fff;
	font-size: 0.77rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 1.56;
}
#hibanonnon_lp .locations .huki::after {
	content: "";
	position: absolute;
	background-color: var(--color-blue01);
	bottom: 50%;
	left: calc(100% - 1px);
	transform: translateY(50%);
	width: 0.5rem;
	height: 0.96rem;
	-webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
	        clip-path: polygon(0 0, 0 100%, 100% 50%);
}

#hibanonnon_lp .locations .location[data-num="01"] .huki {
	width: 7.6rem;
}
#hibanonnon_lp .locations .location[data-num="01"] .img_block_sub .img_wrap {
	flex: 1;
}
#hibanonnon_lp .locations .location[data-num="01"] .img_block_sub img {
	height: 100%;
}

#hibanonnon_lp .locations .location[data-num="02"] {
	margin-top: 4rem;
}
#hibanonnon_lp .locations .location[data-num="02"] .huki {
	position: absolute;
	top: -2.2rem;
	right: 0;
	width: 11.9rem;
}
#hibanonnon_lp .locations .location[data-num="02"] .huki::after {
	bottom: 1px;
	left: 62%;
	transform: translateY(100%);
	width: 1.6rem;
	height: 0.7rem;
	-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0%);
	        clip-path: polygon(0 0, 50% 100%, 100% 0%);
}

#hibanonnon_lp .locations .location[data-num="02"] .img_block_sub img {
	width: 47.6%;
}



/********************
    natural
*********************/
#hibanonnon_lp .natural {
	position: relative;
	padding: 2.2rem 0 2rem;
}

#hibanonnon_lp .natural .heading {
	position: relative;
	margin-bottom: 2.2rem;
}

#hibanonnon_lp .natural .text {
	width: 17.3rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2.2rem;
	text-align: left;
	color: var(--color-gray01);
}

#hibanonnon_lp .natural .list {
	justify-content: space-between;
}

#hibanonnon_lp .natural .list .item {
	--adjust: -1.44rem;
	width: 14.7rem;
	margin-bottom: 0.92rem;
	margin-left: var(--adjust)!important;
	margin-right: auto!important;
}
#hibanonnon_lp .natural .list .item:nth-of-type(2n) {
	margin-left: auto!important;
	margin-right: var(--adjust)!important;
}

#hibanonnon_lp .natural .list figcaption {
	width: 89.4%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: var(--color-blue01);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	margin-top: 0.5rem;
}




/********************
    voice
*********************/
#hibanonnon_lp .voice {
	position: relative;
	padding: 1.9rem 0 2.9rem;
}

#hibanonnon_lp .voice .heading {
	position: relative;
	margin-bottom: 2.5rem;
}
#hibanonnon_lp .voice .heading_deco01::before,
#hibanonnon_lp .voice .heading_deco01::after {
	top: 62%;
}

#hibanonnon_lp .voice .voice_wrapper {
	position: relative;
	padding-top: 0;
	width: 19.2rem;
	margin-left: auto;
	margin-right: auto;
}
#hibanonnon_lp .voice .voice_wrapper::before {
	content: "";
	position: absolute;
	top: 4.7rem;
	left: 0;
	width: 100vw;
	height: 84%;
	background: var(--color-blue01-opa015);
}

#hibanonnon_lp .voice .contents_block {
	margin-left: 1.1rem;
	position: relative;
	z-index: 10;
}
#hibanonnon_lp .voice .text {
	position: relative;
	width: 100%;
	padding: 1rem 1.19rem;
	background: #fff;
	margin-left: auto;
	margin-right: 0;
	margin-bottom: 0.76rem;
	text-align: left;
	font-size: 0.82rem;
	z-index: 11;
	color: var(--color-gray01);
}

#hibanonnon_lp .voice .contents_block:nth-of-type(1) .img_block {
	width: 18.7rem;
	margin-left: -3rem;
	margin-bottom: -2rem;
}
#hibanonnon_lp .voice .contents_block:nth-of-type(2) .img_block {
	width: 100%;
	text-align: left;
}
#hibanonnon_lp .voice .huki {
	width: 13.7rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.62rem 0.56rem;
	padding-left: 0.86rem;
	margin-bottom: 0.4rem;
	background: var(--color-blue01);
	font-size: 0.77rem;
	font-weight: 700;
	letter-spacing: 0.15em;
	line-height: 1.5;
	text-align: left;
	color: #fff;
}

#hibanonnon_lp .voice .attention_text {
	font-size: 0.6rem;
	line-height: 1.4;
	margin-bottom: 1rem;
}



/********************
    value
*********************/
#hibanonnon_lp .value {
	padding-bottom: 2rem;
}
#hibanonnon_lp .value h2 {
	width: 20rem;
	margin: 0 auto;
}
#hibanonnon_lp .value p {
	width: 20rem;
	margin: -1rem auto 0 auto;
}



/********************
    products_specification
*********************/
#products_specification {
	position: relative;
	padding-top: 3.1rem;
	padding-bottom: 3.7rem;
	background : var(--color-blue01-opa015);
}
#products_specification .contents_wrapper {
	position: relative;
	width: 20rem;
}


/*****   table   *****/
#products_specification table {
	border-collapse: collapse;
	width: 100%;
	text-align: left;
	display: block;
}
#products_specification caption {
	margin-right: auto;
	margin-left: auto;
	align-items: center;
	width: calc(100%);
	height: auto;
	padding: 2.5% 5% 2.8%;
	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 td,#products_specification th {
	display: block;
	width: 100%;
	padding: 1.4% 2.2% 1.3% 3.8%;
	height: auto;
	font-size: 0.84rem;
	border: 1.4px solid #534741;
	color: #000;
	border-bottom-width: 0px;
	font-weight: 400;
}
#products_specification tbody:last-of-type tr:last-of-type td {
	border-bottom-width: 1.4px;
}

#products_specification th {
	background-color: var(--color-gray02);
	color: #fff;
	font-size: 0.86rem;
	font-weight: 700;
	font-family: var(--font-base);
}
#products_specification td {
	background-color: #fff;
	font-size: 0.8rem;
	letter-spacing: 0;
	padding: 2% 3% 2.8%;
}
#products_specification td .bold {
	font-weight: 700;
}

#products_specification .attention_text {
	margin-top: 1.1em;
	padding-left: 0.44em;
	color: #666;
}