@charset "UTF-8";
/* CSS Document */
/*  BEAUTY  */
#main_area{
	margin:0 auto 50px auto;
	position:relative;
}
#main_area .bg_block{
	width:100%;
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: space-between;
}
#main_area  .bg_block .photo_block{
	width:47%;
	display:block;
	background:url("/images/img_product.jpg") no-repeat left top;
	background-size:cover;
}
#main_area .bg_block .copy_block{
	width:53%;
	
	font-size:1.077vw;
	line-height:2.0;
	letter-spacing:0.05rem;
	
	background-color:#f2e6e6;
	display:inline-block;
	padding:50px 35px;
}

#main_area .bg_block .copy_block h1{
	width:15vw;
	height:0;
	padding-bottom:calc(90 / 148 * 45%);
	display:block;
	
	background:url("/common/images/biyakuzen_logoset.svg") no-repeat center top;
	background-size:100%;
	
	margin:0 auto 30px auto;
	
	text-indent:-9999px;
	
	padding-top:10px;
}
#main_area .bg_block .copy_block a{
	font-size:1.0vw;
	color:#b81b25;
	
	display:block;
	padding-top:15px;
	transition: opacity 0.3s;
}
#main_area .bg_block .copy_block a:hover{
	opacity:0.5;
}
@media screen and (max-width:767px) {
	#main_area{
		margin:80px auto 20px auto;
	}
	#main_area .bg_block{
		width:100%;
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;
	}
	#main_area  .bg_block .photo_block{
		width:100%;
		height:30vh;

		order:2;
		display:block;
		background:url("/images/img_product.jpg") no-repeat right bottom -20px;
		background-size:cover;
}
	#main_area .bg_block .copy_block{
		width:100%;

		order:1;
		font-size:13px;
		line-height:1.8;
		letter-spacing:0.05rem;

		background-color:#f2e6e6;
		display:inline-block;
		padding:30px 20px;
	}

	#main_area .bg_block .copy_block h1{
		width:45vw;
		height:0;
		padding-bottom:calc(90 / 148 * 45%);
		display:block;

		background:url("/common/images/biyakuzen_logoset.svg") no-repeat center top;
		background-size:100%;

		margin:0 auto 10px auto;

		text-indent:-9999px;

		padding-top:10px;
	}
	#main_area .bg_block .copy_block a{
		font-size:12px;
		color:#b81b25;

		display:block;
		padding-top:15px;
		transition: opacity 0.3s;
	}
}

/* product */
.bg_block .title_block{
	width:100%;
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
}
.bg_block .title_block .photo{
	width:21%;
	display:block;
}
.bg_block .title_block .photo img{
	width:100%;
}
.bg_block .title_block .copy{
	width:76%;
}
.bg_block .title_block .copy h3{
	font-size:2.462vw;
	line-height:1.6;
	display:block;
	color:#000;
}
.bg_block .title_block .copy h3 span{
	font-size:1.077vw;
	padding-left:5px;
}
.bg_block .title_block .copy h4{
	font-size:1.077vw;
	font-weight:400;
	padding:10px 0;
}
.bg_block .title_block .copy p{
	font-size:1.077vw;
	font-weight:300;
	line-height:1.9;
}
.bg_block .title_block .line{
	width:100%;
	height:4px;
	border:solid 1px #f2e6e6;
	margin-top:20px;
}
.bg_block .copy_block .box{
	margin-top:35px;
	border:solid 1px #cdcdcd;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
@media screen and (max-width:767px) {
	.bg_block .title_block{
		width:100%;
		display:block;
	}
	.bg_block .title_block .photo{
		width:35%;
		display:block;
		margin:0 auto;
	}
	.bg_block .title_block .photo img{
		width:100%;
	}
	.bg_block .title_block .copy{
		width:100%;
		margin-top:15px;
	}
	.bg_block .title_block .copy h3{
		font-size:20px;
		line-height:1.6;
		display:block;
		color:#000;
		text-align:center;
	}
	.bg_block .title_block .copy h3 span{
		font-size:11px;
		padding-left:5px;
	}
	.bg_block .title_block .copy h4{
		font-size:13px;
		font-weight:400;
		padding:10px 0;
	}
	.bg_block .title_block .copy p{
		font-size:12px;
		font-weight:300;
		line-height:1.9;
	}
	.bg_block .title_block .line{
		width:100%;
		height:4px;
		border:solid 1px #f2e6e6;
		margin-top:20px;
	}
	.bg_block .copy_block .box{
		margin-top:35px;
		border:solid 1px #cdcdcd;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
	}
}

#product_area{
	margin:0 auto 70px auto;
	position:relative;
}
#product_area .bg_block{
	width:100%;
	padding:0;
}
#product_area .bg_block .copy_block{
	width:100%;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
}
#product_area .bg_block .copy_block .box{
	width:32%;
}

#product_area .bg_block .copy_block .box .photo{
	padding:7px;
	margin-bottom:10px;
	display:block;
}
#product_area .bg_block .copy_block .box img{
	width:100%;
}
#product_area .bg_block .copy_block .box h3{
	font-size:1.231vw;
	font-weight:400;
	text-align:center;
}
#product_area .bg_block .copy_block .box p{
	font-size:1vw;
	color:#b81b25;
	text-align:center;
	display:block;
	
	margin:0 20px;
	padding:10px 0 15px 0;
	border-bottom:dotted 1px #b6b6b6;
}

#product_area .bg_block .copy_block .box ul{
	margin:10px 20px;
	padding-left: 0.9em;
}
#product_area .bg_block .copy_block .box li{
	display: block;
	font-size:0.923vw;
	font-weight:400;
	text-align:left;
	text-indent: -1.0em;
	padding:2px 0;
}
#product_area .bg_block .copy_block .box li::before{
	content:'□';
	margin-right:2px;
}
#product_area .bg_block .copy_block .box span{
	font-size:1vw;
	text-align:left;
	display:block;
	
	padding:0 20px 25px 20px;
}
@media screen and (max-width:767px) {
	#product_area{
		margin:0 auto 40px auto;
		position:relative;
	}
	#product_area .bg_block{
		width:90%;
		padding:0;
		margin:0 auto;
	}
	#product_area .bg_block .copy_block{
		width:100%;

		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;
	}
	#product_area .bg_block .copy_block .box{
		width:100%;
		padding:7px;
		margin:15px 0 0 0;
	}

	#product_area .bg_block .copy_block .box .photo{
		width:45%;
		margin:0 7px 7px 0;
		margin-bottom:7px;
		display:block;
		float:left;
	}
	#product_area .bg_block .copy_block .box img{
		width:100%;
	}
	#product_area .bg_block .copy_block .box h3{
		font-size:15px;
		font-weight:400;
		text-align:center;
		padding-top:15px;
	}
	#product_area .bg_block .copy_block .box p{
		font-size:12px;
		color:#b81b25;
		text-align:left;
		display:block;

		margin:0 20px;
		padding:10px 0 15px 0;
		border-bottom:none;
	}

	#product_area .bg_block .copy_block .box ul{
		clear:both;
		width:100%;
		margin:10px 0 10px 5px;
		padding-left: 0.9em;
	}
	#product_area .bg_block .copy_block .box li{
		display: block;
		font-size:11px;
		font-weight:400;
		text-align:left;
		text-indent: -1.0em;
		padding:0;
	}
	#product_area .bg_block .copy_block .box li::before{
		content:'□';
		margin-right:2px;
	}
	#product_area .bg_block .copy_block .box span{
		font-size:11px;
		text-align:left;
		display:block;

		padding:0 7px 25px 7px;
	}
}

/* product02 */
#product02_area{
	margin:0 auto 70px auto;
	position:relative;
}
#product02_area .bg_block{
	width:100%;
	padding:0;
}
#product02_area .bg_block .copy_block{
	width:100%;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
}
#product02_area .bg_block .copy_block .box{
	width:19%;
	padding:10px;
	
}
#product02_area .bg_block .copy_block .box .photo{
	margin-bottom:10px;
	display:block;
}
#product02_area .bg_block .copy_block .box img{
	width:100%;
}
#product02_area .bg_block .copy_block .box h3{
	font-size:1.231vw;
	font-weight:400;
	text-align:left;
}
#product02_area .bg_block .copy_block .box span{
	font-size:0.923vw;
	text-align:left;
	display:block;
	
	padding:5px 0;
}
@media screen and (max-width:767px) {
	#product02_area{
		margin:0 auto 40px auto;
		position:relative;
	}
	#product02_area .bg_block{
		width:90%;
		padding:0;
		margin:0 auto;
	}
	#product02_area .bg_block .copy_block{
		width:100%;

		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;
	}
	#product02_area .bg_block .copy_block .box{
		width:33%;
		padding:10px;
		margin:15px 0 0 0;

	}
	#product02_area .bg_block .copy_block .box .photo{
		margin-bottom:10px;
		display:block;
	}
	#product02_area .bg_block .copy_block .box img{
		width:100%;
	}
	#product02_area .bg_block .copy_block .box h3{
		font-size:12px;
		font-weight:400;
		text-align:left;
	}
	#product02_area .bg_block .copy_block .box span{
		font-size:11px;
		text-align:left;
		display:block;

		padding:5px 0;
	}
}

/* product03 */
#product03_area{
	margin:0 auto 50px auto;
	position:relative;
}
#product03_area .bg_block{
	width:100%;
	padding:0;
}

#product03_area .bg_block  .spec_block{
	width:100%;
	margin:20px 0 0 0;
}
#product03_area .bg_block .spec_block h4{
	font-size:1.231vw;
	text-align:left;
	margin-bottom:5px;
}
#product03_area .bg_block .spec_block table{
	width:100%;
	border-top:solid 1px #cdcdcd;
}
#product03_area .bg_block .spec_block .total{
	background:#f3f3f3;
}
#product03_area .bg_block .spec_block td{
	width:20%;
	font-size:1.0vw;
	border-bottom:solid 1px #cdcdcd;
	border-right:solid 1px #cdcdcd;
	text-align:center;
	padding:4px;
}
#product03_area .bg_block .spec_block td:last-child{
	border-right:none;
}

#product03_area .bg_block .copy_block{
	width:100%;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
}
#product03_area .bg_block .copy_block .box{
	width:23.7%;
	padding:10px;
	
}
#product03_area .bg_block .copy_block .box .photo{
	margin-bottom:10px;
	display:block;
}
#product03_area .bg_block .copy_block .box img{
	width:100%;
}
#product03_area .bg_block .copy_block .box h3{
	font-size:1.231vw;
	font-weight:400;
	text-align:left;
}
#product03_area .bg_block .copy_block .box span{
	font-size:0.923vw;
	text-align:left;
	display:block;
	
	padding:5px 0;
}
@media screen and (max-width:767px) {
	#product03_area{
		margin:0 auto 30px auto;
		position:relative;
	}
	#product03_area .bg_block{
		width:90%;
		padding:0;
		margin:0 auto;
	}

	#product03_area .bg_block  .spec_block{
		width:100%;
		margin:20px 0 0 0;
	}
	#product03_area .bg_block .spec_block h4{
		font-size:13px;
		text-align:left;
		margin-bottom:5px;
	}
	#product03_area .bg_block .spec_block table{
		width:100%;
		border-top:solid 1px #cdcdcd;
	}
	#product03_area .bg_block .spec_block .total{
		background:#f3f3f3;
	}
	#product03_area .bg_block .spec_block td{
		width:20%;
		font-size:11px;
		border-bottom:solid 1px #cdcdcd;
		border-right:solid 1px #cdcdcd;
		text-align:center;
		padding:4px;
	}
	#product03_area .bg_block .spec_block td:last-child{
		border-right:none;
	}

	#product03_area .bg_block .copy_block{
		width:100%;

		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;
	}
	#product03_area .bg_block .copy_block .box{
		width:49%;
		padding:10px;
		margin:15px 0 0 0;

	}
	#product03_area .bg_block .copy_block .box .photo{
		margin-bottom:10px;
		display:block;
	}
	#product03_area .bg_block .copy_block .box img{
		width:100%;
	}
	#product03_area .bg_block .copy_block .box h3{
		font-size:12px;
		font-weight:400;
		text-align:left;
	}
	#product03_area .bg_block .copy_block .box span{
		font-size:11px;
		text-align:left;
		display:block;

		padding:5px 0;
	}
}

/* button */
#entry_area{
	margin:0 auto 50px auto;
	position:relative;
}
#entry_area .bg_block{
	width:100%;
	padding:0;
}
#entry_area .bg_block .btn_block{
	
}
#entry_area .bg_block .btn_block a{
	width:50%;
	display:block;
	margin:0 auto;
	text-align:center;
	padding:20px 0;
	
	background:#656565 url("/common/images/next_arrow_w.svg") no-repeat right 20px center;
	background-size:25px;
	
}
#entry_area .bg_block .btn_block a{
	font-size:1.538vw;
	color:#FFF;
	letter-spacing:0.08rem;
	transition: 0.5s;
}

#entry_area .bg_block .btn_block a:hover {
  color: #fff;
  background-color: rgba(0,0,0,1.0);
}

@media screen and (max-width:767px) {
	#entry_area{
	margin:0 auto 50px auto;
	position:relative;
	}
	#entry_area .bg_block{
	width:100%;
	padding:0;
	}
	#entry_area .bg_block .btn_block{
	
	}
	#entry_area .bg_block .btn_block a{
	width:80%;
	display:block;
	margin:0 auto;
	text-align:center;
	padding:20px 0;
	
	background:#656565 url("/common/images/next_arrow_w.svg") no-repeat right 20px center;
	background-size:20px;
	
	}
	#entry_area .bg_block .btn_block a{
	font-size:14px;
	color:#FFF;
	letter-spacing:0.08rem;
	transition: 0.5s;
	}

	#entry_area .bg_block .btn_block a:hover {
  color: #fff;
  background-color: rgba(0,0,0,1.0);
	}
}