#test-bible .mainVisual_box{
	position: relative;
}
#test-bible .mainVisual_box .mv_txtu,
#test-bible .mainVisual_box .mv_txtd{
	position: absolute;
	left: 6.3%;
	letter-spacing: 3px;
	color: #ffffff;
}
#test-bible .mainVisual_box .mv_txtu{
	top: 54%;
	font-size: 1.5vw;
	line-height: 1.5;
}
#test-bible .mainVisual_box .mv_txtd {
	bottom: 18%;
	font-size: 1.1vw;
	line-height: 2.3;
}
#test-bible .point_wrap,
#test-bible .howto_wrap {
	width: 80%;
	margin: 25px auto 0;
}
#test-bible .ttl_txt {
font-size: 1.9vw;
    letter-spacing: 1.5px;
    text-align: center;
    margin-bottom: 7%;
    font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: bold;
    font-style: normal;
    color: #a07d47;
}
#test-bible .point_wrap .design_ttl .ttl_dimg {
	height: auto;
	width: 100%;
}
#test-bible .point_wrap .design_ttl {
	margin-top: -4%;
	margin-left: 5px;
	width: 20%;
	position: relative;
}

#test-bible .flex,
#test-bible .flex .flex_item{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
#test-bible .flex{
	justify-content: space-evenly;
}
#test-bible .flex .flex_item span {
	display: block;
	font-size: 1.2vw;
	font-weight: bold;
}
#test-bible .point_wrap .design_ttl:after {
	content: "";
	border-top: 2px solid #231815;
	width: 23vw;
	left: -5px;
	top: 9%;
	position: absolute;
}
#test-bible .flex .flex_item .pos_txt{
	position: absolute;
	font-size: 1.1vw;
	text-align: center;
	color: #fff;
	top: 11%;
	font-weight: bold;
	left: 0;
	right: 10%;
	line-height: 2;
}
#test-bible .flex .left_item .flex_item {
	margin-bottom: 39%;
}
#test-bible .flex .flex_item .design_ttl span{
	font-size: 0.8vw;
}
#test-bible .flex .flex_img {
	width: 25%;
}
#test-bible .flex .flex_img img{
	width: 100%;
}
#test-bible .flex .right_item .flex_item {
	margin-top: 35%;
}
#test-bible .point_wrap .right_item .design_ttl{
	margin-left: 24%;
}
#test-bible .howto_wrap .ttl_txt{
	margin-bottom: 2%;
}
#test-bible .howto_wrap .cap {
	font-size: 1.3vw;
	text-align: center;
}
#test-bible .howto_wrap .flex{
	margin-top: 5%;
}
#test-bible .howto_wrap .left_box li {
	font-size: 1vw;
}
#test-bible .howto_wrap .left_box .flex_ttl{
	font-size: 1.3vw;
}
#test-bible .howto_wrap .left_box .small_txt{
	font-size: 0.8vw;
}
#test-bible .howto_wrap ul li {
	line-height: 2;
}
#test-bible .howto_wrap .left_box li li {
	line-height: 1.3;
	font-size: 0.8vw;
}
#test-bible .howto_wrap .timing{
	margin-bottom: 5%;
}
#test-bible .howto_wrap .skincare .border_txt {
	font-weight: bold;
	border-bottom: 2px solid #000;
}
#test-bible .howto_wrap .left_box li ul{
	margin-top: 15px;
}
#test-bible .howto_wrap .flex{
	justify-content: space-around;
}
/*202201　ページ更新*/
#test-bible .mainVisual_box .mv_txtu small{
	font-size: 16px;
}
#test-bible #main .herb_essence,
#test-bible #main .hw_spray {
    margin: 5% auto;
    width: 80%;
}
#test-bible #main .ttl {
    font-size: 45px;
    text-align: center;
    font-weight: bold;
	font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: bold;
    font-style: normal;
    color: #a07d47;
}
#test-bible #main .Introduction {
    margin: 1.5% auto;
    text-align: center;
}
#test-bible #main .Introduction p {
    font-size: 1.35vw;
	font-family: "a-otf-ryumin-pr6n", serif;
    font-weight: 500;
    font-style: normal;
    color: #a07d47;
	margin: 1% 0 3%;
}
#test-bible #main .Introduction small {
    font-size: 18px;
    margin: 1% 0 3%;
    display: block;
}
#test-bible #main .hw_spray_cont .rd_txt {
    width: 40%;
    text-align: center;
    border-radius: 25px;
    margin: 0 auto 3%;
		    position: relative;
}
#test-bible #main .hw_spray .hw_spray_cont .rd_txt p {
	padding: 5px 0;
	font-size: 26px;
	font-weight: bold;
}
#test-bible #main .hw_spray .component {
    border: 2px solid #70885c;
    border-radius: 10px;
    padding: 20px 15px;
    width: 50%;
    margin: 0 auto;
    background: #f1f2ed;
}
#test-bible #main .component_ttl {
    font-size: 26px;
    font-weight: bold;
    color: #70885c;
    border-bottom: 1px solid #000000;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
#test-bible #main .hw_spray .component_ttl span.rd_txt {
    padding: 3px 12px 0;
}
#test-bible #main .hw_spray .component_ttl small {
    font-weight: normal;
    font-size: 17px;
}
#test-bible #main .hw_spray .component01 {
    margin-bottom: 30px;
}
#test-bible #main .hw_spray .component_txt {
    font-size: 18px;
}
#test-bible #main .hw_spray .hw_spray_cont div.rd_txt:before {
    left: 0;
    right: 0;
    bottom: -38px;
    display: block;
    content: '';
    background-color: #333;
    position: absolute;
    width: 4px;
    height: 25px;
    margin: 0 auto;
}
#test-bible #main .hw_spray .hw_spray_cont div.rd_txt:after {
    display: block;
    content: '';
    background-color: #333;
    border-radius: 10px;
    position: absolute;
    width: 28px;
    height: 4px;
    left: 0;
    right: 0;
    bottom: -27px;
    margin: 0 auto;
}
#test-bible #main .hw_spray .rd_txt {
    background: #000000;
    color: #ffffff;
}
#test-bible #main .component_ttl .rd_txt {
    font-size: 20px;
}
#test-bible #main .hw_spray .flx {
    display: flex;
    width: 50%;
    margin: 3% auto;
    justify-content: space-between;
}
#test-bible #main .hw_spray .flx .flx_content {
    text-align: center;
    width: calc(90% / 3);
}
#test-bible #main .hw_spray .flx .flx_bdr_txt {
    font-size: 18px;
    color: #70886c;
    font-weight: bold;
    padding: 15px 0;
    border-top: 3px solid #70885c;
    border-bottom: 3px solid #70885c;
    margin-bottom: 20px;
}
#test-bible #main .hw_spray .flx .flx_txt {
    font-size: 16px;
    font-weight: 500;
}
#test-bible #main .item {
    text-align: center;
		margin-bottom: 3%;
}
@media (max-width: 767px){
	#test-bible .point_wrap,
	#test-bible .howto_wrap{
		width: 95%;
	}
	#test-bible .point_wrap .flex,
	#test-bible .howto_wrap .flex{
		display: block;
	}
	#test-bible .flex .flex_item .pos_txt{
		font-size: 13px;
	}
	#test-bible .flex .flex_item span{
		font-size: 16px;
	}
	#test-bible .flex .left_item .flex_item.sp{
		display: -webkit-flex;
		display: -ms-flex;
		display: flex !important;
	}
	#test-bible .point_wrap .design_ttl:after{
		width: 90vw;
	}
	#test-bible .flex .left_item .flex_item{
		margin-bottom: 12%;
	}
	#test-bible .flex .flex_item .pos_txt span {
		font-size: 10px;
	}
	#test-bible .flex .left_item .flex_item .item_txt {
		font-size: 12px;
	}
	#test-bible .ttl_txt{
		font-size: 18px;
	}
	#test-bible .flex .flex_img {
		width: 100%;
		text-align: center;
		margin: 20% 0 20%;
	}
	#test-bible .flex .flex_img img {
		width: auto;
		height: 60vw;
		margin: 0 auto;
	}
	#test-bible .howto_wrap .left_box .flex_ttl,
	#test-bible .howto_wrap .left_box li{
		font-size: 100%;
	}
	#test-bible .howto_wrap{
		margin: 0 auto;
	}
	#test-bible .howto_wrap .cap{
		font-size: 13px;
	}
	#test-bible .howto_wrap .left_box .small_txt,
	#test-bible .howto_wrap .left_box li li {
		font-size: 11px;
	}
	#test-bible .howto_wrap .skincare {
		margin: 10% 0;
	}
	#test-bible .howto_wrap .right_box {
		text-align: center;
	}
	#test-bible .howto_wrap .right_box img{
		width: 50%;
	}
	#test-bible .mainVisual_box .mv_txtd {
    font-size: 7px;
        line-height: 3vw;
}
/*202201 ページ更新*/
#test-bible .mainVisual_box .mv_txtd{
	bottom: 10%;
}
#test-bible .mainVisual_box .mv_txtu small {
    font-size: 1vw;
}
#test-bible .mainVisual_box .mv_txtu {
    line-height: 1.5;
}
#test-bible #main .hw_spray .item{
	margin: 12% 0;
}
#test-bible #main .hw_spray .item img {
	width: auto;
	height: 60vw;
	margin: 0 auto;
}
#test-bible #main .hw_spray .ttl {
    font-size: 7vw;
    margin: 20% 0 3%;
}
#test-bible #main .hw_spray{
	width: 90%;
}
#test-bible #main .hw_spray .Introduction p,
#test-bible #main .hw_spray .hw_spray_cont .rd_txt p,
#test-bible #main .herb_essence .Introduction p {
    font-size: 4.5vw;
}
#test-bible #main .hw_spray .Introduction small {
    font-size: 3.5vw;
}
#test-bible #main .hw_spray_cont .rd_txt{
	margin: 0 auto 15%;
	width: 100%;
}
#test-bible #main .hw_spray .component{
	    width: 100%;
			box-sizing: border-box;
			margin-bottom: 10%;

}
#test-bible #main .hw_spray .component_ttl span.rd_txt{
	display: block;
    box-sizing: border-box;
		font-size: 4vw;
		margin-bottom: 6%;
}
#test-bible #main .component_ttl{
	font-size: 6.8vw;
    text-align: center;
}
#test-bible #main .hw_spray .component_txt {
    font-size: 4.8vw;
}
#test-bible #main .hw_spray .flx{
	display: block;
	width: 100%;
}
#test-bible #main .hw_spray .flx .flx_content {
    width: 100%;
		margin-bottom: 12%;
}

}

#test-bible .mainVisual_box .mv_txte {
    top: 23%;
    font-size: 3.5vw;
    line-height: 1;
    position: absolute;
    left: 6.3%;
    letter-spacing: 3px;
	color: #ffffff;
}

#test-bible .txt_support {
    font-size: 1vw;
    width: 90%;
    margin: 0 auto 2rem;
}
.txt_support span.bgtxt {
    background: #c8e3f0;
    border-radius: 100px;
    padding: 0.2rem 0.4rem;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
    margin-right: 0.5rem;
}
.borderbox {
    border: 1px solid #6c6d70;
    border-radius: 10px;
    padding: 1rem;
	height: 90%;
	display: grid;
    place-items: center;
}
#test-bible .flxbox {
    display: flex;
    justify-content: space-around;
	margin-bottom: 5vw;
}
.flxbox .flxinbox {
    width: 22%;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}
.flxinbox .flxbox_ttl {
    color: #6c6d70;
    font-size: 1vw;
    text-align: center;
	font-weight: bold;
}
.flxinbox p {
    font-size: 0.8vw;
}
.flxinbox.flxbox02 .flxbox_ttl,
.flxinbox.flxbox03 .flxbox_ttl {
    color: #a1794e;
	font-size: 1.5vw;
}

.flxinbox.flxbox03 .flxbox_ttl .flxbox_ttl_small {
    font-size: 0.8vw;
    display: block;
}
.flxinbox.flxbox02,
.flxinbox.flxbox03{
	position: relative;
}
.flxinbox.flxbox02:after, .flxinbox.flxbox02:before,
.flxinbox.flxbox03:after, .flxinbox.flxbox03:before {
    position: absolute;
    content: "";
    width: 0.1vw;
    height: 4vw;
    background: #000000;
    top: 45%;
    left: -23%;
}
.flxinbox.flxbox02:before,
.flxinbox.flxbox03:before {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.flxinbox.flxbox02:after,
.flxinbox.flxbox03:after {
    transform: translate(-50%, -50%) rotate(45deg);
}
.flxinbox .cutxt {
    font-size: 0.7vw;
}
.flxinbox.flxbox02 .borderbox,
.flxinbox.flxbox03 .borderbox {
    background: #ebe6df;
}

.sec02 .flxinbox.flxbox01 p {
    font-size: 1.5vw;
	color: #6c6d70;
}
.sec02 .flxinbox.flxbox01 .flxbox_ttl{
	font-size: 1vw;
}
.sec02 .flxinbox.flxbox02 .borderbox{
background: #ffffff;
}
.sec02 .flxinbox.flxbox02 .flxbox_ttl{
	color: #6c6d70;
}
#test-bible .mainVisual_box .mv_txte .sl_entxt {
    display: block;
    font-size: 2vw;
}

@media all and (max-width:1260px) {
	.flxinbox .cutxt {
		font-size: 16px;
	}
	#test-bible .flxbox{
		display: block;
	}
	.flxbox .flxinbox{
		width: 100%;
		margin-bottom: 15vw;
	}
	.flxinbox .flxbox_ttl,
.sec02 .flxinbox.flxbox01 .flxbox_ttl{
	font-size: 2vw;
}
.flxinbox p {
    font-size: 1.5vw;
}
.flxinbox.flxbox02 .flxbox_ttl, .flxinbox.flxbox03 .flxbox_ttl{
	font-size: 3.5vw;
}
.flxinbox .cutxt {
    font-size: 1.5vw;
}
.flxinbox.flxbox02:after, .flxinbox.flxbox02:before, .flxinbox.flxbox03:after, .flxinbox.flxbox03:before {
    position: absolute;
    content: "";
    width: 0.5vw;
    height: 8vw;
    background: #000000;
    top: -40%;
    left: 50%;
}
.sec02 .flxinbox.flxbox01 p{
	font-size: 4.5vw;
}
.flxinbox.flxbox03 .flxbox_ttl .flxbox_ttl_small {
    font-size: 2.8vw;
}
#test-bible .txt_support {
    font-size: 1.5vw;
    width: 90%;
    margin: 0 auto 2rem;
}
}

@media (max-width: 767px){
#test-bible #main .hw_spray .flx .flx_bdr_txt{
	width: 80%;
    margin: 0 auto 20px;
}
#test-bible #main .hw_spray .component_ttl small{
	font-size: 3vw;
}
.herb_essence .item img{
	width: auto;
    height: 60vw;
    margin: 0 auto;
}
#test-bible .txt_support{
	width: 100%;
	text-align: center;
	font-size: 3vw;
}
.txt_support span.bgtxt{
	display: block;
    text-align: center;
    width: 36%;
    margin: 0 auto 2vw;

}
#test-bible .flxbox{
	display: block;
}
.flxbox .flxinbox{
	width: 100%;
	margin-bottom: 15vw;
}
.flxinbox .flxbox_ttl,
.sec02 .flxinbox.flxbox01 .flxbox_ttl{
	font-size: 3vw;
}
.flxinbox p {
    font-size: 2.5vw;
}
.flxinbox.flxbox02 .flxbox_ttl, .flxinbox.flxbox03 .flxbox_ttl{
	font-size: 4.5vw;
}
.flxinbox .cutxt {
    font-size: 2.5vw;
}
.flxinbox.flxbox02:after, .flxinbox.flxbox02:before, .flxinbox.flxbox03:after, .flxinbox.flxbox03:before {
    position: absolute;
    content: "";
    width: 0.5vw;
    height: 8vw;
    background: #000000;
    top: -23%;
    left: 50%;
}
.sec02 .flxinbox.flxbox01 p{
	font-size: 5.5vw;
}
.flxinbox.flxbox03 .flxbox_ttl .flxbox_ttl_small {
    font-size: 2.8vw;
}
#test-bible .mainVisual_box .mv_txte{
	line-height: 1.2;
}
}