@charset "UTF-8";
/* CSS Document */

/*.plx-elem{
    position: relative;
    display: block;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
}
.plx-elem.plx-top{
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition-property: opacity,transform,filter;
    transition-property: opacity,transform,filter;
}
.plx-elem.plx-top.plx-active{
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.plx-elem.plx-left{
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition-property: opacity,transform,filter;
    transition-property: opacity,transform,filter;
}
.plx-elem.plx-left.plx-active{
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.plx-elem.plx-rotate{
    opacity: 0;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(1.3,1.3,1) rotate3d(1,-3,0,-15deg) translate3d(0,50px,130px);
    transform: scale3d(1.3,1.3,1) rotate3d(1,-3,0,-15deg) translate3d(0,50px,130px);
}
.plx-elem.plx-rotate.plx-active{
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale3d(1,1,1) rotate3d(0,0,0,0) translate3d(0,0,0);
    transform: scale3d(1,1,1) rotate3d(0,0,0,0) translate3d(0,0,0);
    transition: opacity 2s,-webkit-transform 2s;
    transition: opacity 2s,transform 2s;
}*/

.img-responsive{
	max-width: 100%;
	height: auto;
}
.center-block{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.pearlRichBase{
	max-width: 750px;
	margin: 0 auto;
	overflow: hidden;
}
.pearlRichBase .mainV{
	padding: 8% 0 10%;
	background: url(img/bg_main.jpg) no-repeat center top;
	-webkit-background-size: contain;
	background-size: contain;
	position: relative;
	margin-bottom: -20%;
}
.pearlRichBase .mainV02{
	padding: 8% 0 10%;
	
	-webkit-background-size: contain;
	background-size: contain;
	position: relative;
	margin-bottom: -20%;
}
.pearlRichBase .mainV .image01 img{
	width: 76%;
}
.pearlRichBase .mainV .image02{
	display: block;
	width: 20%;
	position: absolute;
	right: 6%;
	bottom: 16%;
}
.pearlRichBase .mainV .image02 img{
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.pearlRichBase .introArea{
	padding-bottom: 10%;
}
.pearlRichBase .introArea .image01{
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.pearlRichBase .introArea .image01 img{
	width: 78%;
}
.pearlRichBase .introArea .image02{
	margin-bottom: 5%;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.pearlRichBase .introArea .image02 img{
	width: 70%;
}
.pearlRichBase .introArea .image03{
	margin-bottom: 4%;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.pearlRichBase .introArea .image03 img{
	width: 79%;
}
.pearlRichBase .introArea .image04{
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
.pearlRichBase .introArea .image04 img{
	width: 92%;
}

.pearlRichBase .ctaArea{
	padding: 11.5% 0;
	background: url(img/bg_cta.jpg) no-repeat center top;
	-webkit-background-size: contain;
	background-size: auto;
}

.pearlRichBase .ctaArea .txt {
	margin-top: 10px;
	line-height: 1.7em;
	font-size: 11px;
	padding: 0px 15px;
}

.pearlRichBase .ctaArea .base{
	width: 93%;
	margin: 0 auto;
	padding: 13% 0 6%;
	background: rgba(255,255,255,0.85);
}
.pearlRichBase .ctaArea .image01 img{
	width: 83%;
}
.pearlRichBase .ctaArea .image02{
	margin-bottom: 5%;
	-webkit-animation: scale01 1.5s ease 1.1s 1 forwards;
	animation: scale01 1.5s ease 1.1s 1 forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes scale01 {
	0% {transform: scaleX(1);}
	50% {transform: scale3d(1.05,1.05,1.05);}
	100% {transform: scaleX(1);}
}
@keyframes scale01 {
	0% {transform: scaleX(1);}
	50% {transform: scale3d(1.05,1.05,1.05);}
	100% {transform: scaleX(1);}
}
.pearlRichBase .ctaArea .image02 img{
	width: 83%;
}
.pearlRichBase .ctaArea .image03 img{
	width: 52%;
}

.pearlRichBase .ctaArea02{
	padding: 0 0 9%;
	background: url(img/bg_cta02.jpg) no-repeat center top;
	-webkit-background-size: contain;
	background-size: contain;
}
.pearlRichBase .ctaArea02 .base{
	width: 88%;
	margin: 0 auto 8%;
	padding: 8% 0 10%;
	background: rgba(255,255,255,0.85);
	position: relative;
}
.pearlRichBase .ctaArea02 .base .ic{
	width: 30%;
	position: absolute;
	right: -3%;
	top: -1%;
	z-index: 2;
}
.pearlRichBase .ctaArea02 .image01{
	margin-bottom: 4%;
}
.pearlRichBase .ctaArea02 .image01 img{
	width: 100%;
}
.pearlRichBase .ctaArea02 .image02{
	margin-bottom: 6%;
}
.pearlRichBase .ctaArea02 .image02 img{
	width: 90%;
}
.pearlRichBase .ctaArea02 .image03{
	margin-bottom: 5%;
	-webkit-animation: scale01 1.5s ease 1.1s 1 forwards;
	animation: scale01 1.5s ease 1.1s 1 forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes scale01 {
	0% {transform: scaleX(1);}
	50% {transform: scale3d(1.05,1.05,1.05);}
	100% {transform: scaleX(1);}
}
@keyframes scale01 {
	0% {transform: scaleX(1);}
	50% {transform: scale3d(1.05,1.05,1.05);}
	100% {transform: scaleX(1);}
}
.pearlRichBase .ctaArea02 .image03 img{
	width: 83%;
}
.pearlRichBase .ctaArea02 .image04 img{
	width: 52%;
}
.pearlRichBase .ctaArea02 .image05 img{
	width: 88%;
}

.pearlRichBase .aboutArea{
	padding: 15% 0 18%;
	background: url(img/bg_about.jpg) no-repeat center top;
	-webkit-background-size: contain;
	background-size: contain;
}
.pearlRichBase .aboutArea .image01{
	margin-bottom: 6%;
}
.pearlRichBase .aboutArea .image01 img{
	width: 87%;
}
.pearlRichBase .aboutArea .text{
	margin-bottom: 10%;
}
.pearlRichBase .aboutArea .text p{
	font-size: 28px;
	color: #fff;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
	line-height: 2.2em;
	letter-spacing: 1px;
}
.pearlRichBase .aboutArea .text p:nth-child(1){
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.pearlRichBase .aboutArea .text p:nth-child(2){
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.pearlRichBase .aboutArea .text p:nth-child(3){
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.pearlRichBase .aboutArea .text p:nth-child(4){
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
.pearlRichBase .aboutArea .text p:nth-child(5){
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.pearlRichBase .aboutArea .text p:nth-child(6){
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
.pearlRichBase .aboutArea ul{
	width: 88%;
	margin: 0 auto 7%;
}
.pearlRichBase .aboutArea ul li{
	float: left;
	width: 23%;
	margin-right: 2.6%;
}
.pearlRichBase .aboutArea ul li:nth-child(1){
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.pearlRichBase .aboutArea ul li:nth-child(2){
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.pearlRichBase .aboutArea ul li:nth-child(3){
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.pearlRichBase .aboutArea ul li:nth-child(4){
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
.pearlRichBase .aboutArea ul li:last-child{
	margin-right: 0;
}
.pearlRichBase .aboutArea .image02{
	margin-bottom: 14%;
}
.pearlRichBase .aboutArea .image02 img{
	width: 73%;
}
.pearlRichBase .aboutArea .image03 img{
	width: 83%;
}

.pearlRichBase .magazineArea{
	padding: 7% 0 22%;
	background: url(img/bg_magazine.jpg) no-repeat center top;
	-webkit-background-size: contain;
	background-size: contain;
	margin-bottom: -10%;
	position: relative;
}
.pearlRichBase .magazineArea .ic{
	display: block;
	width: 18%;
	text-align: left;
	position: absolute;
	top: 0;
	opacity: 0.7;
	filter:alpha(opacity=70);
}
.pearlRichBase .magazineArea .image01{
	margin-bottom: 4%;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.pearlRichBase .magazineArea .image01 img{
	width: 88%;
}
.pearlRichBase .magazineArea .image02{
	margin-bottom: 4%;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.pearlRichBase .magazineArea .image02 img{
	width: 92%;
}
.pearlRichBase .magazineArea .image03{
	margin-bottom: 4%;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.pearlRichBase .magazineArea .image03 img{
	width: 92%;
}
.pearlRichBase .magazineArea .image04{
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
.pearlRichBase .magazineArea .image04 img{
	width: 92%;
}

.pearlRichBase .hyokaArea{
	padding: 0 0 10%;
}
.pearlRichBase .hyokaArea .image01{
	margin-bottom: 5%;
}
.pearlRichBase .hyokaArea .image01 img{
	width: 88%;
}
.pearlRichBase .hyokaArea .image02 img{
	width: 96%;
}

.pearlRichBase .jyusyoArea{
	/*padding: 12% 0;*/
	padding-top: 5%;
	padding-bottom: 25%;
	background: url(img/bg_jyusyo.jpg) no-repeat center bottom;
	/*-webkit-background-size: contain;*/
	background-size: cover;
}
/*.pearlRichBase .jyusyoArea .image01{
	margin-bottom: 3%;
}*/
.pearlRichBase .jyusyoArea .image01 img{
	width: 65%;
}
.pearlRichBase .jyusyoArea .image02 img{
	width: 92%;
}
/*.pearlRichBase .jyusyoArea .image03{
	margin-bottom: 2%;
}*/
.pearlRichBase .jyusyoArea .image03 img{
	width: 79%;
}
/*.pearlRichBase .jyusyoArea .image04{
	margin-bottom: 2%;
}*/
.pearlRichBase .jyusyoArea .image04 img{
	width: 84%;
}
/*.pearlRichBase .jyusyoArea .image05{
	margin-bottom: 3%;
}*/
.pearlRichBase .jyusyoArea .image05 img{
	width: 65%;
}
.pearlRichBase .jyusyoArea .image06 img{
	width: 45%;
	float: right;
}

.pearlRichBase .himitsuArea{
	width: 100%;
	padding: 6% 0 8%;
	background-color: #fae8eb;
    background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #fbeef0), color-stop(.5, transparent), to(transparent));
	background-size: 30px 30px;
}
.pearlRichBase .himitsuArea .picBox{
	position: relative;
	margin-bottom: -4%;
}
.pearlRichBase .himitsuArea .picBox .image01{
	text-align: left;
	margin-left: 2%;
}
.pearlRichBase .himitsuArea .picBox .image01 img{
	width: 58%;
}
.pearlRichBase .himitsuArea .picBox .image02{
	display: block;
	width: 42%;
	position: absolute;
	right: 5%;
	top: 0;
}
.pearlRichBase .himitsuArea .image03{
	margin-bottom: 5%;
}
.pearlRichBase .himitsuArea .image03 img{
	width: 70%;
}
.pearlRichBase .himitsuArea .image04{
	margin-bottom: 3%;
}
.pearlRichBase .himitsuArea .image04 img{
	width: 33%;
}
.pearlRichBase .himitsuArea .image05 img{
	width: 80%;
}

.pearlRichBase .seibunArea .box{
	padding: 0 0 7%;
}
.pearlRichBase .seibunArea .box .image01{
}
.pearlRichBase .seibunArea .box .image01 img{
	width: 100%;
}
.pearlRichBase .seibunArea .box .ic{
	display: block;
	width: 2%;
	position: relative;
	z-index: 2;
}
.pearlRichBase .seibunArea .box:nth-child(2n-1) .ic{
	float: left;
	margin: -6% 0 0 5%;
}
.pearlRichBase .seibunArea .box:nth-child(2n) .ic{
	float: right;
	margin: -6% 5% 0 0;
}
.pearlRichBase .seibunArea .box .text{
	width: 88%;
	background: #fcf4f6;
	margin-top: -12%;
	position: relative;
	z-index: 2;
}
.pearlRichBase .seibunArea .box:nth-child(2n-1) .text{
	float: right;
	padding: 12% 2% 10% 8%;
}
.pearlRichBase .seibunArea .box:nth-child(2n) .text{
	float: left;
	padding: 12% 2% 10% 6%;
}
.pearlRichBase .seibunArea .box .text dl dt{
	font-size: 40px;
	color: #1a1a1a;
	font-weight: bold;
	margin-bottom: 7%;
	text-align: left;
}
.pearlRichBase .seibunArea .box .text dl dd{
	font-size: 28px;
	color: #1a1a1a;
	line-height: 2em;
	text-align: left;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.pearlRichBase .seibunArea .box .text ul{
	margin-top: 4%;
}
.pearlRichBase .seibunArea .box .text ul li{
	display: block;
	float: left;
	font-size: 22px;
	color: #fff;
	background: #e796a9;
	padding: 6px 10px;
	line-height: 1em;
	margin-right: 1%;
}
.pearlRichBase .seibunArea .box .text ul li:last-child{
	margin-right: 0;
}

.pearlRichBase .typeArea{
	padding: 0 0 3%;
}
.pearlRichBase .typeArea p{
	margin-bottom: 3%;
}
.pearlRichBase .typeArea p img{
	width: 92%;
}

.pearlRichBase .damageArea{
	padding: 16% 0 18%;
	background: url(img/bg_damage.jpg) no-repeat center top;
	-webkit-background-size: contain;
	background-size: contain;
}
.pearlRichBase .damageArea .image01{
	margin-bottom: 6%;
}
.pearlRichBase .damageArea .image01 img{
	width: 86%;
}
.pearlRichBase .damageArea .image02{
	margin-bottom: 10%;
}
.pearlRichBase .damageArea .image02 img{
	width: 86%;
}
.pearlRichBase .damageArea .image03{
	margin-bottom: 10%;
}
.pearlRichBase .damageArea .image03 img{
	width: 76%;
}
.pearlRichBase .damageArea .image04 img{
	width: 86%;
}

.pearlRichBase .sorehaArea{
	background: url(img/bg_soreha.png) repeat center top;
	-webkit-background-size: contain;
	background-size: contain;
	padding: 0 0 30%;
}
.pearlRichBase .sorehaArea .image01{
	float: right;
	width: 83%;
	margin-top: -5%;
}
.pearlRichBase .sorehaArea .ic{
	display: block;
	width: 2%;
	padding-top: 18%;
	margin: 0 0 -38% 4%;
	z-index: 2;
	position: relative;
}
.pearlRichBase .sorehaArea .image02{
	text-align: left;
	margin-bottom: 12%;
}
.pearlRichBase .sorehaArea .image02 img{
	width: 69%;
}
.pearlRichBase .sorehaArea .image03{
	margin-bottom: 5%
}
.pearlRichBase .sorehaArea .image03 img{
	width: 72%;
}
.pearlRichBase .sorehaArea .image04{
	margin-bottom: 15%;
}
.pearlRichBase .sorehaArea .image04 img{
	width: 72%;
}
.pearlRichBase .sorehaArea .image05{
	margin-bottom: 7%;
}
.pearlRichBase .sorehaArea .image05 img{
	width: 79%;
}
.pearlRichBase .sorehaArea .kamiBase{
	position: relative;
}
.pearlRichBase .sorehaArea .kamiBase.kamiBase01{
	margin: 0 0 12%;
}
.pearlRichBase .sorehaArea .kamiBase .kami01 img{
	width: 29%;
	position: relative;
	z-index: 2;
}
.pearlRichBase .sorehaArea .kamiBase .kami02 img{
	width: 44%;
	position: relative;
	z-index: 2;
}
.p-index-product-feature-point_a{
	position:absolute;width:211px;height:211px;border-radius:50%;z-index:4;top:8%;left:5%;
    -webkit-animation: fuwafuwa 1s infinite;
    animation: fuwafuwa 1s infinite;
}
.p-index-product-feature-point_b{
	position:absolute;width:211px;height:211px;border-radius:50%;z-index:4;top:-2%;right:5%;
    -webkit-animation: fuwafuwa 1s infinite;
    animation: fuwafuwa 1s infinite;
}
.p-index-product-feature-point_c{
	position:absolute;width:211px;height:211px;border-radius:50%;z-index:4;bottom:-5%;right:25%;
    -webkit-animation: fuwafuwa 1s infinite;
    animation: fuwafuwa 1s infinite;
}
.p-index-product-feature-point_d{
	position:absolute;width:211px;height:211px;border-radius:50%;z-index:4;top:-12%;left:15%;
    -webkit-animation: fuwafuwa 1s infinite;
    animation: fuwafuwa 1s infinite;
}
.p-index-product-feature-point_e{
	position:absolute;width:211px;height:211px;border-radius:50%;z-index:4;top:15%;right:8%;
    -webkit-animation: fuwafuwa 1s infinite;
    animation: fuwafuwa 1s infinite;
}
.p-index-product-feature-point_f{
	position:absolute;width:211px;height:211px;border-radius:50%;z-index:4;bottom:-43%;left:10%;
    -webkit-animation: fuwafuwa 1s infinite;
    animation: fuwafuwa 1s infinite;
}
@-webkit-keyframes fuwafuwa {
	0% {transform: translateY(5px);}
	50% {transform: translateY(0);}
	100% {transform: translateY(5px);}
}
@keyframes fuwafuwa {
	0% {transform: translateY(5px);}
	50% {transform: translateY(0);}
	100% {transform: translateY(5px);}
}
.p-index-product-feature-point_a:hover:before,.p-index-product-feature-point_b:hover:before,.p-index-product-feature-point_c:hover:before,.p-index-product-feature-point_a:hover:after,.p-index-product-feature-point_b:hover:after,.p-index-product-feature-point_c:hover:after,.p-index-product-feature-point_d:hover:after,.p-index-product-feature-point_e:hover:after,.p-index-product-feature-point_f:hover:after{
	opacity:0;filter:alpha(opacity=0);transition:opacity 1s;
}
.p-index-product-feature-point_a:hover .feature-point-detail,.p-index-product-feature-point_b:hover .feature-point-detail,.p-index-product-feature-point_c:hover .feature-point-detail,.p-index-product-feature-point_d:hover .feature-point-detail,.p-index-product-feature-point_e:hover .feature-point-detail,.p-index-product-feature-point_f:hover .feature-point-detail{
	opacity:0;filter:alpha(opacity=0);-webkit-transform:translateY(10px);transform:translateY(10px);transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;
}
.p-index-product-feature-point_a:hover .feature-point-detail-active,.p-index-product-feature-point_b:hover .feature-point-detail-active,.p-index-product-feature-point_c:hover .feature-point-detail-active,.p-index-product-feature-point_d:hover .feature-point-detail-active,.p-index-product-feature-point_e:hover .feature-point-detail-active,.p-index-product-feature-point_f:hover .feature-point-detail-active{
	opacity:1;filter:alpha(opacity=100);-webkit-transform:translateY(0);transform:translateY(0);transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;
}
.p-index-product-feature-point_a .feature-point-bg{
	width:211px;height:211px;border-radius:50%;z-index:4;
	background:url(img/ic_soreha01a_off.png) center center no-repeat;background-size:cover;box-shadow:10px 20px 20px rgba(0,0,0,0.15);transition:-webkit-transform .3s,background .3s,box-shadow .3s;transition:transform .3s,background .3s,box-shadow .3s;transition-timing-function:cubic-bezier(.645,.045,.355,1);
}
.p-index-product-feature-point_b .feature-point-bg{
	width:211px;height:211px;border-radius:50%;z-index:4;
	background:url(img/ic_soreha01b_off.png) center center no-repeat;background-size:cover;box-shadow:10px 20px 20px rgba(0,0,0,0.15);transition:-webkit-transform .3s,background .3s,box-shadow .3s;transition:transform .3s,background .3s,box-shadow .3s;transition-timing-function:cubic-bezier(.645,.045,.355,1);
}
.p-index-product-feature-point_c .feature-point-bg{
	width:211px;height:211px;border-radius:50%;z-index:4;
	background:url(img/ic_soreha01c_off.png) center center no-repeat;background-size:cover;box-shadow:10px 20px 20px rgba(0,0,0,0.15);transition:-webkit-transform .3s,background .3s,box-shadow .3s;transition:transform .3s,background .3s,box-shadow .3s;transition-timing-function:cubic-bezier(.645,.045,.355,1);
}
.p-index-product-feature-point_d .feature-point-bg{
	width:211px;height:211px;border-radius:50%;z-index:4;
	background:url(img/ic_soreha01d_off.png) center center no-repeat;background-size:cover;box-shadow:10px 20px 20px rgba(0,0,0,0.15);transition:-webkit-transform .3s,background .3s,box-shadow .3s;transition:transform .3s,background .3s,box-shadow .3s;transition-timing-function:cubic-bezier(.645,.045,.355,1);
}
.p-index-product-feature-point_e .feature-point-bg{
	width:211px;height:211px;border-radius:50%;z-index:4;
	background:url(img/ic_soreha01e_off.png) center center no-repeat;background-size:cover;box-shadow:10px 20px 20px rgba(0,0,0,0.15);transition:-webkit-transform .3s,background .3s,box-shadow .3s;transition:transform .3s,background .3s,box-shadow .3s;transition-timing-function:cubic-bezier(.645,.045,.355,1);
}
.p-index-product-feature-point_f .feature-point-bg{
	width:211px;height:211px;border-radius:50%;z-index:4;
	background:url(img/ic_soreha01f_off.png) center center no-repeat;background-size:cover;box-shadow:10px 20px 20px rgba(0,0,0,0.15);transition:-webkit-transform .3s,background .3s,box-shadow .3s;transition:transform .3s,background .3s,box-shadow .3s;transition-timing-function:cubic-bezier(.645,.045,.355,1);
}
.p-index-product-feature-point_a:hover .feature-point-bg{
	background:url(img/ic_soreha01a_on.png) center center no-repeat;background-size:cover;-webkit-transform:scale(1.2);transform:scale(1.2);box-shadow:10px 20px 20px rgba(0,0,0,0.15);
}
.p-index-product-feature-point_b:hover .feature-point-bg{
	background:url(img/ic_soreha01b_on.png) center center no-repeat;background-size:cover;-webkit-transform:scale(1.2);transform:scale(1.2);box-shadow:10px 20px 20px rgba(0,0,0,0.15);
}
.p-index-product-feature-point_c:hover .feature-point-bg{
	background:url(img/ic_soreha01c_on.png) center center no-repeat;background-size:cover;-webkit-transform:scale(1.2);transform:scale(1.2);box-shadow:10px 20px 20px rgba(0,0,0,0.15);
}
.p-index-product-feature-point_d:hover .feature-point-bg{
	background:url(img/ic_soreha01d_on.png) center center no-repeat;background-size:cover;-webkit-transform:scale(1.2);transform:scale(1.2);box-shadow:10px 20px 20px rgba(0,0,0,0.15);
}
.p-index-product-feature-point_e:hover .feature-point-bg{
	background:url(img/ic_soreha01e_on.png) center center no-repeat;background-size:cover;-webkit-transform:scale(1.2);transform:scale(1.2);box-shadow:10px 20px 20px rgba(0,0,0,0.15);
}
.p-index-product-feature-point_f:hover .feature-point-bg{
	background:url(img/ic_soreha01f_on.png) center center no-repeat;background-size:cover;-webkit-transform:scale(1.2);transform:scale(1.2);box-shadow:10px 20px 20px rgba(0,0,0,0.15);
}
.p-index-product-feature-point_a:hover .feature-point-bg:before,.p-index-product-feature-point_b:hover .feature-point-bg:before,.p-index-product-feature-point_c:hover .feature-point-bg:before,.p-index-product-feature-point_d:hover .feature-point-bg:before,.p-index-product-feature-point_e:hover .feature-point-bg:before,.p-index-product-feature-point_f:hover .feature-point-bg:before{
	border:4px solid rgba(255,255,255,0);transition:border 1s;
}
.p-index-product-feature-point_a-bar:before{
	position:absolute;
	content:"";
	display:block;
	width:50%;
	height:1px;
	top:65%;
	right:-30%;
	background: #000;
	-webkit-transform:translateX(0);
	transform:translateX(0);
	transform: rotate(15deg);
	z-index: -1;
}
.p-index-product-feature-point_b-bar:before{
	position:absolute;
	content:"";
	display:block;
	width:80%;
	height:1px;
	top:37%;
	left:-60%;
	background: #000;
	-webkit-transform:translateX(0);
	transform:translateX(0);
	transform: rotate(10deg);
	z-index: -1;
}
.p-index-product-feature-point_c-bar:before{
	position:absolute;
	content:"";
	display:block;
	width:50%;
	height:1px;
	top:5%;
	left:-7%;
	background: #000;
	-webkit-transform:translateX(0);
	transform:translateX(0);
	transform: rotate(45deg);
	z-index: -1;
}
.p-index-product-feature-point_d-bar{
	position:absolute;
	display:block;
	width:50%;
	height:auto;
	top:50%;
	right:-20%;
	z-index: -1;
}
.p-index-product-feature-point_e-bar{
	position:absolute;
	display:block;
	width:50%;
	height:auto;
	top:50%;
	left:-17%;
	transform: rotate(180deg);
	z-index: -1;
}
.p-index-product-feature-point_f-bar{
	position:absolute;
	display:block;
	width:50%;
	height:auto;
	top:-8%;
	right:10%;
	transform: rotate(-80deg);
	z-index: -1;
}
.feature-point-bg:before{
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid rgba(249,59,69,1);
    border-radius: 50%;
    z-index: -3;
    -webkit-animation: bounce-circle 1.5s infinite;
    animation: bounce-circle 1.5s infinite;
    pointer-events: none;
}
@-webkit-keyframes bounce-circle {
	0% {transform: scale(1);opacity:1;filter:alpha(opacity=100);}
	100% {transform: scale(1.2);opacity:0;filter:alpha(opacity=0);}
}
@keyframes bounce-circle {
	0% {transform: scale(1);opacity:1;filter:alpha(opacity=100);}
	100% {transform: scale(1.2);opacity:0;filter:alpha(opacity=0);}
}
.pearlRichBase .sorehaArea .image06{
	margin-bottom: 10%;
}
.pearlRichBase .sorehaArea .image06 img{
	width: 81%;
}
.pearlRichBase .sorehaArea .image07{
	margin-bottom: 8%;
}
.pearlRichBase .sorehaArea .image07 img{
	width: 61%;
}
.pearlRichBase .sorehaArea .image08{
	margin-bottom: 6%;
}
.pearlRichBase .sorehaArea .image08 img{
	width: 78%;
}
.pearlRichBase .sorehaArea .image09{
	margin-bottom: 6%;
}
.pearlRichBase .sorehaArea .image09 img{
	width: 74%;
}
.pearlRichBase .sorehaArea .kudoText{
	display: block;
	width: 86%;
	font-size: 28px;
	color: #1a1a1a;
	line-height: 2em;
	text-align: left;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
	margin: 0 auto 12%;
}
.pearlRichBase .sorehaArea .picBox{
	position: relative;
	margin-bottom: 10%;
}
.pearlRichBase .sorehaArea .picBox .image10{
	display: block;
	width: 81%;
	text-align: left;
	position: relative;
	z-index: 2;
}
.pearlRichBase .sorehaArea .picBox .image11{
	display: block;
	width: 80%;
	position: absolute;
	right: 0;
	top: 15%;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
.pearlRichBase .sorehaArea .yugamiBox{
	width: 88%;
	background: #fcf4f6;
	margin-bottom: 8%;
	position: relative;
	z-index: 2;
	padding: 10% 0 2%;
}
.pearlRichBase .sorehaArea .yugamiBox .image12{
	margin-bottom: 8%;
	
}
.pearlRichBase .sorehaArea .yugamiBox .image12 img{
	width: 83%;
}
.pearlRichBase .sorehaArea .yugamiBox dl{
	margin-bottom: 8%;
}
.pearlRichBase .sorehaArea .yugamiBox dl dt{
	margin-bottom: 4%;
}
.pearlRichBase .sorehaArea .yugamiBox dl dt img{
	width: 75%;
}
.pearlRichBase .sorehaArea .yugamiBox dl dd{
	width: 70%;
	font-size: 28px;
	color: #1a1a1a;
	line-height: 2em;
	text-align: left;
	margin: 0 auto;
}
.pearlRichBase .sorehaArea .yugamiBox .image13{
	margin-bottom: 5%;
}
.pearlRichBase .sorehaArea .yugamiBox .image13 img{
	width: 65%;
}
.pearlRichBase .sorehaArea .yugamiBox .ic{
	display: block;
	width: 2%;
	position: absolute;
	right: -7%;
	top: 0;
	z-index: 2;
}
.pearlRichBase .sorehaArea .image14{
	margin-bottom: 3%;
}
.pearlRichBase .sorehaArea .image14 img{
	width: 63%;
}
.pearlRichBase .sorehaArea .image15{
	margin-bottom: 5%;
}
.pearlRichBase .sorehaArea .image15 img{
	width: 68%;
}
.pearlRichBase .sorehaArea .image16{
	margin-bottom: 12%;
}
.pearlRichBase .sorehaArea .image16 img{
	width: 91%;
}

.pearlRichBase .voiceArea{
	padding: 10% 0 0;
}
.pearlRichBase .voiceArea .image01{
	margin-bottom: 25%;
}
.pearlRichBase .voiceArea .image01 img{
	width: 50%;
}

.pearlRichBase .voiceArea .bg{
	background: #eeeeee;
}
.pearlRichBase .voiceArea .base{
	transform: translateY(-5%);
}
.pearlRichBase .voiceArea .base p img{
	box-shadow:10px 20px 20px rgba(0,0,0,0.15);
}
.pearlRichBase .voiceArea .base .image02{
	margin-bottom: 5%;
}
.pearlRichBase .voiceArea .base .image02 img{
	width: 88%;
}
.pearlRichBase .voiceArea .base .image03 img{
	width: 88%;
}

.pearlRichBase .historyArea{
	padding: 8% 0;
	background: url(img/bg_history.jpg) no-repeat center top;
	-webkit-background-size: contain;
	background-size: cover;
}
.pearlRichBase .historyArea .image01{
	margin-bottom: 7%;
}
.pearlRichBase .historyArea .image01 img{
	width: 92%;
}
.pearlRichBase .historyArea .bg{
	padding: 8% 0;
	background: rgba(255,255,255,0.8);
	position: relative;
	margin-bottom: -4%;
}
.pearlRichBase .historyArea .bg .image02{
	margin: 0 0 5% 5%;
	text-align: left;
	position: relative;
	z-index: 2;
}
.pearlRichBase .historyArea .bg .image02 img{
	width: 63%;
}
.pearlRichBase .historyArea .bg .image03{
	display: block;
	width: 37%;
	position: absolute;
	top: -12%;
	right: 7%;
}
.pearlRichBase .historyArea .bg .text{
	width: 90%;
	font-size: 28px;
	color: #1a1a1a;
	line-height: 1.8em;
	text-align: left;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.pearlRichBase .historyArea .image04{
	margin: 0 0 0 5%;
	text-align: left;
}
.pearlRichBase .historyArea .image04 img{
	width: 47%;
}
.pearlRichBase .historyArea .image05{
	margin-bottom: 2%;
	text-align: left;
}
.pearlRichBase .historyArea .image05 img{
	width: 88%;
}
.pearlRichBase .historyArea .image06{
	margin-bottom: 2%;
}
.pearlRichBase .historyArea .image06 img{
	width: 90%;
}
.pearlRichBase .historyArea .image07 img{
	width: 90%;
}

.pearlRichBase .kagayakiArea{
	padding: 16% 0 14%;
	background: url(img/bg_kagayaki.jpg) no-repeat center bottom;
	-webkit-background-size: contain;
	background-size: contain;
}
.pearlRichBase .kagayakiArea .image01{
	margin-bottom: 7%;
}
.pearlRichBase .kagayakiArea .image01 img{
	width: 41%;
}
.pearlRichBase .kagayakiArea .image02{
	margin-bottom: 5%;
}
.pearlRichBase .kagayakiArea .image02 img{
	width: 76%;
}
.pearlRichBase .kagayakiArea .image03{
	margin-bottom: 5%;
}
.pearlRichBase .kagayakiArea .image03 img{
	width: 82%;
}
.pearlRichBase .kagayakiArea .image04{
	margin-bottom: 3%;
}
.pearlRichBase .kagayakiArea .image04 img{
	width: 82%;
}
.pearlRichBase .kagayakiArea .image05 img{
	width: 82%;
}

.pearlRichBase .qaArea{
	padding: 8% 0 2%;
}
.pearlRichBase .qaArea .image01{
	margin-bottom: 2%;
}



@media only screen and (max-width:750px){
	.pearlRichBase .aboutArea .text p{
	font-size: 14px;
		font-size: 3.75vw;
	}
	
	.pearlRichBase .seibunArea .box .text dl dt{
	font-size: 20px;
		font-size: 5vw;
}
.pearlRichBase .seibunArea .box .text dl dd{
	font-size: 14px;
		font-size: 3.6vw;
}
.pearlRichBase .seibunArea .box .text ul li{
	font-size: 11px;
		font-size: 2.9vw;
	padding: 6px 10px;
}
	
	.pearlRichBase .sorehaArea .kudoText{
	font-size: 14px;
		font-size: 3.75vw;
}
	.pearlRichBase .sorehaArea .yugamiBox dl dd{
	font-size: 14px;
		font-size: 3.75vw;
}
	
	.pearlRichBase .historyArea .bg .text{
	font-size: 14px;
		font-size: 3.75vw;
}
	
	
	.p-index-product-feature-point_a{
	width:28vw;
		height:28vw;
		top:8%;
		left:5%;
}
	.p-index-product-feature-point_b{
	width:28vw;
		height:28vw;
		top:-2%;
		right:5%;
}
.p-index-product-feature-point_c{
	width:28vw;
		height:28vw;
	bottom:-5%;
	right:25%;
}
.p-index-product-feature-point_d{
	width:28vw;
		height:28vw;
	top:-12%;
	left:15%;
}
.p-index-product-feature-point_e{
	width:28vw;
		height:28vw;
	top:15%;
	right:8%;
}
.p-index-product-feature-point_f{
	width:28vw;
		height:28vw;
	bottom:-43%;
	left:10%;
}
	.p-index-product-feature-point_a .feature-point-bg,
	.p-index-product-feature-point_b .feature-point-bg,
	.p-index-product-feature-point_c .feature-point-bg,
	.p-index-product-feature-point_d .feature-point-bg,
	.p-index-product-feature-point_e .feature-point-bg,
	.p-index-product-feature-point_f .feature-point-bg{
	width:28vw;
		height:28vw;
	}
	
	
	
}