@charset "UTF-8";
/* ----------------------------------------------------
	/support/pci_hair/app/index.html
---------------------------------------------------- */
h3{
	padding: 0 15px 10px 15px;
	font-size: 21px;
	font-weight: bold;
	border-bottom: 4px solid #ccc;
}
h4 {
	padding: 5px 15px;
	background: #e15282;
	color: #ffffff;
	border: none;
	font-weight: bold;
	margin-top: 20px;
	font-size: 15px;
}

.wrap{
	padding: 30px 40px 20px 40px;
}
.textBox{
	margin-top: 10px;
	margin-bottom: 30px;
}
.textBox .text{
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.5;
}
.pinkBtn{
}
.pinkBtn .btn{
	width: 175px;
	display: block;
	text-align: center;
	border:#e15282 2px solid;
	color: #e15282;
	padding: 20px 5px 20px 45px;
	border-radius: 5px;
	box-sizing: border-box;
}
.pinkBtn .btn:hover{
	text-decoration: none;
	opacity: 0.8;
}
.pinkBtn .btn._app{
	background: url(/support/pci_hair/app/images/icon_app.png) no-repeat 5px center;
	background-size: 40px;
}
.pinkBtn .btn._faq{
	background: url(/support/pci_hair/app/images/icon_faq.png) no-repeat 7px center;
	background-size: 40px;
}
.pinkBtn .btn._product{
	background: url(/support/pci_hair/app/images/icon_product.png) no-repeat 8px center;
	background-size: 42px;
}
.pinkBtn .btn._guide{
	background: url(/support/pci_hair/app/images/icon_guide.png) no-repeat 8px center;
	background-size: 40px;
}
span.sup{
	vertical-align: super;
	font-size: 10px;
}
.noteList {
	margin-top: 15px;
}
.noteList .note{
	line-height: 1.5;
}
.note{
	font-size: 12px;
}
.appBox a:hover{
	opacity: 0.8;
}
.column2 .lcont{
	float: left;
	width: 50%;
}
.column2 .rcont{
	float: right;
	width: 50%;
}
.column2 .rcont .img{
	width: 50%;
	margin-left: auto;
}
.column2 .rcont .img._sp{
	width: 105px;
	padding-right: 50px;
	margin-left: auto;
}
.column2 .rcont .img img{
	width: 100%;
}





@media only screen and (max-width: 767px){
	.wrap{
		padding: 5%;
	}
	.pinkBtn .btn{
		width: 100%;
		text-align-last: left;
		padding-left: 60px;
	}
	.column2 .lcont,
	.column2 .rcont{
		float: none;
		width: 100%;
	}
	.column2 .rcont .img{
		width: 80%;
		margin: auto;
	}
	.column2 .rcont .img._sp{
		padding-right: 0;
		margin-top: 20px;
	}
	.fltLef, .fltRig {
    float: none !important;
}
}