@charset "UTF-8";
/*
	Reset CSS
-----------------------------------------------------------------------------------------------*/
/***
    The new CSS reset - version 1.8.4 (last updated 14.2.2023)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/

/***
* {
  outline: 1px solid red;
}
***/
/* 変数 */
:root{
	/* color */
	--bgc-app: #67c1e8;
}

/* クリエイティブノズル トップへ
==================================== */
#header .toCN {
	margin-left: 25px;
	font-weight: bold;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.round_arrow01 a {
	position: relative;
	color: #000;
	display: inline-block;
}
.round_arrow01 ::before {
	content: '';
	position: absolute;
	top: 50%;
	right: -25px;
	transform: translateY(-50%);
	width: 17px;
	height: 17px;
	background-color: #00408e;
	border-radius: 50vh;
}
.round_arrow01 a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -19px;
	transform: translateY(-50%) rotate(45deg);
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
@media screen and (max-width:812px){
	#header .toCN {
		margin-left: 10px;
		font-size: 80%;
	}
}

/*kv
-----------------------------------------------------------------------------------------------*/
.btnAppmovieBox{
	width: 1200px;
	margin: 0 auto;

}
.btnAppmovie{
	position: fixed;
	bottom: 25%;
	right: max(calc((100vw - 1200px) / 2), 10px); 
	z-index: 50;
}
.btnAppmovie img{
	width: 140px;
}
.kv_ar{
  background: url("../images/bg_ar_kv.png") no-repeat top center / cover !important;
}
.kv__ar_ctsArea{
	display: flex;
	justify-content: space-between;
	align-items:center;
	width: 1200px;
	margin: 0 auto;
}
.kv__ar_txtArea{
	margin: 0 45px;
	position: relative;
	z-index: 10;
}
.kv__ar_logo{
	width: 440px;
	margin-bottom: 25px;
}
.kv__ar_logo img{
	width: 250px;
	margin: 0 auto ;
	display: block;
}
.kv__ar_txtArea h2 img{
	width: 440px;
	margin: 0 auto ;
	display: block;
}
.kv__ar_txt{
	text-align: center;
	line-height: var(--lh-tall);
}
.kv__nozzle{
	position: absolute;
	bottom: -20%;
	right: -30%;
}
.kv__copy{
	position: absolute;
	bottom: -18%;
	right: -160%;
}
.kv__copy img{
	width: 406px;
	filter: drop-shadow(4px 4px 4px black);
}
.kv__ar_swiper img{
	width: 700px;
	height: 450px;
	object-fit: cover;
	/*--overflow: visible;--*/
}	
	
@media screen and (max-width:812px){
	.btnAppmovieBox{
		width: 100%;
	}
	.btnAppmovie{
		bottom: 3%;
		right: 1%;
	}
	.btnAppmovie img{
		width: 100px;
	}
	.kv_ar{
		background: url("../images/bg_ar_kv.png") no-repeat top center / cover;
		position: relative;
	}
	.kv__ar_ctsArea{
		justify-content: space-between;
		align-items: end;
		flex-direction: column;
		width: 100%;
		padding: 20px 0px 0px 0px;
	}
	.kv__ar_txtArea{
		width: 100%;
		margin: 0px auto 0px auto;
		padding: 0 20px;
	}
	.kv__ar_logo{
		width: 100%;
		margin-bottom: 20px;
		padding-left:0px;
	}
	.kv__ar_txt{
		display: none;
		margin-left: 0;
		font-size: 1.4rem;
		line-height: var(--lh-normal);
	}
	.kv__nozzle{
		bottom: -175%;
		right:  -10%;
	}
	.kv__nozzle img{
		width: 75%;
	}
	.kv__copy{
		bottom: -125%;
		right:  3%;
	}
	.kv__copy img{
		width: 120%;
	}
	.kv__ar_swiper{
		width: 100%;
		margin-top: 10px;
	}
	.kv__ar_swiper img{
		width: 100%;
		height: auto;
	}
}

/*ノズル×ひと工夫！・さらに応用
-----------------------------------------------------------------------------------------------*/
.product_ar__box{
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-wrap: wrap;
}
.product_ar__tit{
	margin-bottom: 30px;
	font-family: var(--ff-min);
	font-size: 3.0rem;
	font-weight: var(--fw-bold);
	text-align: center;
}
.product_ar__txt{
	margin-bottom: 70px;
	font-size: 1.6rem;
	text-align: left;
	line-height: var(--lh-tall);
	text-align: center;
}
.product_ar__imgbox{
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin-bottom: 35px;
}
.product_ar__imgbox img{
	width: 100%;
}
.product_ar__imgbox_img01{
	margin: 0;
}
.product_ar__imgbox_img01 img{
	width: 170px;
}
.product_ar__imgbox_img02{
	width: 40%;
	margin: 0 0 -10px 15px;
}
.product_ar__imgbox_img03 {
	margin: -3% 2% 0 0;
}
.product_ar__imgbox_img03 img{
	width: 200px;
}
.bnr_cn img{
	width: 500px;
	margin: 0 auto;
	display: block;
}
.arrange__illust_ouyou{
	margin: -10% 0 0 2%;
}
.arrange__illust_ouyou img {
	width: 188px;
}
@media screen and (max-width:812px){
	.product_ar__box{
		display: block;
		margin-bottom: 60px;
	}
	.product_ar__tit{
		margin-bottom: 20px;
		font-size: 1.9rem;
		text-align: center;
	}
	.product_ar__txt{
		margin-bottom: 20px;
		font-size: 1.5rem;
		text-align: left;
	}
	.product_ar__imgbox{
		margin-bottom: 20px;
	}
	.product_ar__imgbox_img01{
		width: 30%;
		margin: 50px 0 0 0;
	}
	.product_ar__imgbox_img02{
		width: 70%;
		margin: 0 0 0px 15px;
	}
	.product_ar__imgbox_img03 {
		margin: -3% 2% 3% 2%;
	}
	.product_ar__imgbox_img03 img{
		margin: 0 auto;
		width: 130px;
		display:block;
	}
	.arrange__illust_ouyou{
		margin: 0 0 0 5%;
	}
	.arrange__illust_ouyou img{
		margin: 0 auto;
		display: block;
	}
}
/*
	アレンジラインナップ
-----------------------------------------------------------------------------------------------*/
.arrangelineup{
	position: relative;
}
.arrangelineup__area{
	display: flex;
	flex-wrap: wrap;
	width: 1200px;
	margin: 0  auto;
	padding-inline:30px;
}
.arrangelineup__area02{
	display: flex;
	width: 1200px;
	margin: 0  auto 3% auto;
	justify-content: center;
}
.arrangelineup__areaIn{
	width: 570px;
	display: inline-block;
}
/*.arrangelineup__box{
	display: flex;
	flex-wrap: wrap;
	width: 1200px;
	margin: 100px  auto;
	padding: 100px 0 ;
}*/

.midashi_ar__tit{
	padding: 5px 20px;
	font-family: var(--ff-min);
	font-size: 2.8rem;
	font-weight: var(--fw-bold);
	color: #fff;
	background-color: #000;
	box-decoration-break: clone;	
	-webkit-box-decoration-break: clone;
	display: inline;
	line-height: 2.3;
	letter-spacing:0.2rem;
}
.midashi_ar__txt{
	margin-top: 30px;
}
.arrange__imgArea{
	width: 100%;
	position: relative;
}
.arrange__imgSub{
	width: 96px;
	filter: drop-shadow(0 0 10px rgba(0,0,0,.1));
}
.arrange__imgSubName{
	font-size: 1.7rem;
	font-weight: var(--fw-bold);
	font-style: italic;
	text-align: center;
}
[class^="arrange__illust0"]{
	position: absolute;
	z-index: 1;
}
[class^="arrange__nozzle0"]{
	position: absolute;
}
@media screen and (max-width:812px){
	.arrangelineup__area{ 
		display: block;
		max-width:500px;
		width: 100%;
		padding-inline:0px;
	}
	.arrangelineup__area02{
		display: block;
		width: 100%;
		max-width: 500px;
		padding: 20px 20px;
		padding-bottom: 5%;
	}
	.arrangelineup__areaIn{
		display: block;
		width: 100%;
	}
	.midashi_ar__tit{
		font-size: 2.0rem;
		padding: 5px 15px;
	}
	.midashi_ar__txt{
		padding: 10px 20px 10px 0px;
	}
	.arrange__imgArea{
		/*--position: static;--*/
		width: 100%;
	}
	.arrange__imgSub{
		width: 80px;
	}
}

/* 01 ROSE
==================================== */
.arrange__midashi01{
	margin-bottom: 400px;
	width: 30%;
}
.arrange__wrap01{
	width: 70%;
}
.arrange__img01{
	width: 670px;
}
.arrange__illust01{
	bottom: 5%;
	left: -10%;
}
.arrange__illust01 img{
	width: 186px;
}
.arrange__nozzle01{
	right: 12%;
	bottom: 3%;
}
@media screen and (max-width:812px){
	.arrange__midashi01{
		width: 100%;
		margin-bottom: 0px;
		padding-left: 5%;
	}
	.arrange__wrap01{
		width: 100%;
		padding-bottom: 150px;
	}
	.arrange__img01{
		width: 100%;
	}
	.arrange__illust01 img{
		width: 150px;
		z-index: -10;
	}
	.arrange__illust01{
		top: -62%;
		left: inherit;
		right: 0%;
	}
	.arrange__nozzle01{
		right: 3%;
		bottom: -13%;
	}
}
/* 02-1 Ribbon Wind
==================================== */
.arrange__midashi02-1{
	width: 45%;
	margin-top: 80px;
	padding-left: 150px;
}
.arrange__wrap02-1{
	width: 55%;
	padding-left: 20px;
}
.arrange__img02-1{
	width: 620px;
}
.arrange__illust02{
	width: 93px;
	top: 20%;
	left: 40%;
}
.arrange__nozzle02-1{
	left: 35%;
	bottom: -5%;
}
.arrange__nozzle02-2{
	right: 10%;
	bottom: -5%;
}
@media screen and (max-width:812px){
	.arrange__midashi02-1{
		width: 100%;
		margin-top: 0px;
		padding-left: 5%;
	}
	.arrange__wrap02-1{
		width: 100%;
		padding-left: 0px;
		padding-bottom: 75px;
	}
	.arrange__img02-1{
		width: 100%;
	}
	.arrange__illust02{
		top: 4%;
		left: 72%;
	}
	.arrange__nozzle02-1{
		left: 30%;
		bottom: -13%;

	}
	.arrange__nozzle02-2{
		right: 10%;
		bottom: -13%;
	}
}
/* 02-2 Bon-sai Cactus
==================================== */	
.arrange__wrap02-2{
	width: 100%;
	margin-top: -250px;
	margin-bottom: 120px;
	padding-left: 50px;
}
.arrange__img02-2{
	width: 503px;
}
.arrange__nozzle02-3{
	left: -5%;
	bottom: 25%;
}
@media screen and (max-width:812px){
	.arrange__wrap02-2{
		width: 100%;
		margin-top: 0px;
		margin-bottom: 180px;
		padding-left: 0px;
	}
	.arrange__img02-2{
		width: 100%;
	}
	.arrange__nozzle02-3{
		left: 15%;
		bottom: -15%;
	}
}
/* 03-1 Forest
==================================== */
.arrange__midashi03-1{
	width: 45%;
	padding-left: 50px;
}
.arrange__wrap03-1{
	width: 55%;
}
.arrange__img03-1{
	width: 420px;
}
.arrange__nozzle03-1{
	right: 35%;
	bottom: -15%;
}
.arrange__illust03-1 {
	width: 113px;
	top: 18%;
	left: -22%;
}
@media screen and (max-width:812px){
	.arrange__midashi03-1{
		width: 100%;
		padding-left: 5%;
	}
	.arrange__wrap03-1{
		width: 90%;
		padding-bottom: 60px;
	}
	.arrange__img03-1{
		width: 100%;
		padding-bottom: 110px;
	}
	.arrange__nozzle03-1{
		right: 2%;
		bottom: 5%;
	}
	.arrange__illust03-1{
		top: -25%;
		left:65%;
	}
}
/* 03-2 Spur
==================================== */	
.arrange__wrap03-2 {
	width: 100%;
	margin-top: -100px;
	margin-bottom: 150px;
}
.arrange__img03-2 {
	width: 500px;
	margin-left: -30px;
}
.arrange__nozzle03-2 {
	left: 31%;
	bottom: -15%;
}
.arrange__illust03-2 {
	bottom: 0%;
	right: 25%;
}
.arrange__illust03-2 img{
	width: 331px;
}
@media screen and (max-width:812px){
	.arrange__wrap03-2{
		width: 100%;
		margin-top: 0px;
		margin-bottom: 180px;
		padding-left: 0px;
	}
	.arrange__img03-2{
		width: 90%;
		margin-left: 0;
	}
	.arrange__nozzle03-2{
		left: 75%;
		bottom: -28%;
	}
	.arrange__illust03-2{
		bottom:105%;
		right: 25%;
	}
	.arrange__illust03-2 img{
		width: 280px;
		z-index: -10;
	}
}
/* 04-1 Fire
==================================== */
.arrange__midashi04-1{
	padding-left: 45px;
	margin-bottom: 20px;
}
.arrange__wrap04-1{
	padding-left: 45px;
	margin-bottom: 20px;
}
.arrange__img04-1{
	width: 585px;
}
.arrange__nozzle04-1{
	right: -5%;
	top: 0%;
}
.arrange__attention__txt04-1 {
	margin-top: -5%;
	font-size: 1.4rem;
	text-align: left;
}
@media screen and (max-width:812px){
	.arrange__midashi04-1{
		width: 100%;
		margin-bottom: 0px;
		padding-left: 5%;
	}
	.arrange__wrap04-1{
		width: 100%;
		padding-left: 0px;
		margin-bottom: 50px;
	}
	.arrange__img04-1{
		width: 100%;
	}
	.arrange__nozzle04-1{
		right: 75%;
		top:inherit;
		bottom: -25%;
	}
	.arrange__attention__txt04-1 {
		margin-top: 10px;
		padding-right: 5%;
		text-align: right;
	}
}
/* 04-2 Peach
==================================== */	
.arrange__wrap04-2{
	width: 100%;
	margin-left: 100px;
}
.arrange__img04-2{
	width: 480px;
}
.arrange__nozzle04-2{
	left: 5%;
	top: 0%;
}
.arrange__attention__txt04-2 {
	margin-top: 4%;
	font-size: 1.4rem;
	text-align: left;
}
@media screen and (max-width:812px){
	.arrange__wrap04-2{
		width: 100%;
		margin-left: 0px;
		margin-bottom: 100px;
	}
	.arrange__img04-2{
		width: 100%;
		margin-bottom:130px;
	}
	.arrange__nozzle04-2{
		left: 70%;
		top: inherit;
		bottom: 10%;
	}
	.arrange__attention__txt04-2 {
		margin-top: -30%;
		padding-left: 5%;
	}
}
/* 05 Princess Dress
==================================== */
.arrange__midashi05{
	margin-top: 150px;
	margin-bottom: 200px;
	width: 40%;
}
.arrange__wrap05{
	width: 60%;
}
.arrange__img05{
	width: 450px;
}
.arrange__illust05{
	width: 105px;
	top: 60%;
	left: -22%;
}
.arrange__nozzle05{
	right: 30%;
	bottom: -15%;
}
@media screen and (max-width:812px){
	.arrange__midashi05{
		width: 100%;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 5%;
	}
	.arrange__wrap05{
		width: 100%;
		padding-bottom: 180px;
	}
	.arrange__img05{
		width: 100%;
	}
	.arrange__illust05{
		top: -60%;
		left: 65%;
	}
	.arrange__nozzle05{
		right: 3%;
		bottom: -20%;
	}
}
/* 06 Sea ​Of ​​Clouds
==================================== */
.arrange__midashi06{
	margin-top: 55px;
	margin-bottom: 200px;
	padding-left: 220px;
	width: 55%;
}
.arrange__wrap06{
	width: 45%;
}
.arrange__img06{
	width: 450px;
}
.arrange__nozzle06{
	right: 5%;
	bottom: -15%;
}
@media screen and (max-width:812px){
	.arrange__midashi06{
		width: 100%;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 5%;
	}
	.arrange__wrap06{
		width: 90%;
		margin-top: 5%;
		margin-bottom: 40%;
	}
	.arrange__img06{
		width: 100%;
	}
	.arrange__nozzle06{
		right: -8%;
		bottom: -25%;
	}
}
/* 07-1 Tanada
==================================== */
.arrange__midashi07{
	width: 100%;
}
.arrange__wrap07-1{
	width: 384px;
	margin-top: 50px;
	margin-bottom: 15%;
	margin-left: -30px;
	z-index: 1;
	
}
.arrange__img07-1{
	width: 384px;
}
.arrange__illust07-1{
	width: 65px;
	top: 5%;
	left: 48%;
}
.arrange__nozzle07{
	right: 5%;
	bottom: 0%;
}
@media screen and (max-width:812px){
	.arrange__midashi07{
		width: 100%;
		padding-left: 5%;
	}
	.arrange__wrap07-1{
		width: 100%;
		margin-top: 10px;
		margin-bottom: 50px;
		margin-left: 0px;
	}
	.arrange__img07-1{
		width: 100%;
	}
	.arrange__illust07-1{
		top: 5%;
		left: 80%;
	}
	.arrange__nozzle07{
		right: 15%;
		bottom: 0%;
	}
}
/* 07-2 FashionShow
==================================== */	
.arrange__wrap07-2{
	width: auto;
	margin-top: 130px;
}
.arrange__img07-2{
	width: 568px;
	margin-left: -1px;
	
}
.arrange__illust07-2{
	width: 166px;
	top: -20%;
	right: -20%;
}
@media screen and (max-width:812px){
	.arrange__wrap07-2{
		width: 100%;
		margin-top: 0px;
		margin-bottom: 150px;
		padding-left: 0px;
	}
	.arrange__img07-2{
		width: 100%;
	}
	.arrange__illust07-2{
		top: 77%;
		right: 0%;
	}
}
/* 08-1 Bird
==================================== */
.arrange__midashi08-1{
	width: 56%;
	padding-left: 185px;
}
.arrange__wrap08-1{
	width: 44%;
}
.arrange__img08-1{
	width: 400px;
	margin-top: 18%;
}
.arrange__nozzle08-1{
	right: 22%;
	bottom: -20%;
}
@media screen and (max-width:812px){
	.arrange__midashi08-1{
		width: 100%;
		margin-top: 0px;
		padding-left: 5%;
	}
	.arrange__wrap08-1{
		width: 100%;
		margin-bottom: 50px;
	}
	.arrange__img08-1{
		width: 100%;
		margin-top: 5%;
	}
	.arrange__nozzle08-1{
		right: 10%;
		bottom: -20%;
	}
}
/* 08-2 Wave
==================================== */	
.arrange__wrap08-2{
	width: 100%;
	padding-left: 150px;
}
.arrange__img08-2{
	width: 480px;
	margin-top: -20%;
	margin-bottom: 40px;
}
.arrange__nozzle08-2{
	left: -3%;
	bottom: 20%;
}
@media screen and (max-width:812px){
	.arrange__wrap08-2{
		width: 100%;
		padding-left: 0px;
		padding-top: 5%;
		margin-bottom: 100px;
	}
	.arrange__img08-2{
		width: 100%;
		margin-top: 0%;
		margin-bottom: 0px;
	}
	.arrange__nozzle08-2{
		left: 1%;
		bottom: -2%;
	}
}

/* 09-1 Maiko-han
==================================== */
.arrange__midashi09{
	width: 100%;
}
.arrange__wrap09-1{
	width: 50%;
	margin: 5% 0 20% -2.5%;
}
.arrange__img09-1{
	width: 551px;
}
.arrange__nozzle09-1{
	left: 20%;
	bottom: -15%;
}
.arrange__nozzle09-2{
	left: 46%;
	bottom: -15%;
}
.arrange__nozzle09-3{
	left: 70%;
	bottom: -15%;
}
@media screen and (max-width:812px){
	.arrange__midashi09{
		padding-left: 5%;
	}
	.arrange__wrap09-1{
		width: 100%;
		margin: 5% 0 20% 0%;
	}
	.arrange__img09-1{
		width: 100%;
	}
	.arrange__nozzle09-1{
		left: 3%;
		bottom: -28%;
	}
	.arrange__nozzle09-2{
		left: 30%;
		bottom: -28%;
	}
	.arrange__nozzle09-3{
		left: 58%;
		bottom: -28%;
	}
}
/* 09-2 Mascot
==================================== */	
.arrange__wrap09-2{
	width: 50%;
	margin: 0.2% 0 0 0;
}
.arrange__img09-2{
	width: 544px;
}
.arrange__nozzle09-4{
	left: 5%;
	bottom: 5%;
}
.arrange__nozzle09-5{
	left: 32%;
	bottom: 5%;
}
.arrange__nozzle09-6{
	right: 5%;
	bottom: 5%;
}
.arrange__attention__txt01 {
	font-size: 1.4rem;
	text-align: right;
}
.arrange__attention__txt02 {
	color: red;
	font-size: 1.4rem;
	text-align: right;
}
.arrange__caution {
	color: red;
	font-size: 1.2rem;
	vertical-align: top;
}
@media screen and (max-width:812px){
	.arrange__wrap09-2{
		width: 100%;
		margin: 0% 0 0 0;
		padding-bottom: 20%;
	}
	.arrange__img09-2{
		width: 100%;
	}
	.arrange__nozzle09-4{
		left: 3%;
		bottom: -5%;
	}
	.arrange__nozzle09-5{
		left: 30%;
		bottom: -5%;
	}
	.arrange__nozzle09-6{
		left: 65%;
		bottom: -18%;
	}
	.arrange__attention__txt01 {
		padding-top: 15%;
		text-align: center;
	}
}

/*
	公式アプリ
-----------------------------------------------------------------------------------------------*/
#app{
	background: url("../images/bg_ar_kv.png") no-repeat top center / cover !important;
}
.appIn{
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 1100px;
		margin: 0 auto;
		padding: 40px 30px 0 30px;
}
#app .txtArea{
	width: 50%;
}
#app .movArea{
	width: 50%;
	position: relative;
}
.movArea .spImg{
	width: 248px;
}
.movArea .nozzleMovie video {
	width: 370px;
	position: absolute;
	right: 5%;
	bottom: 7%;
}
.app__tit{
	margin-bottom: 30px;
	font-family: var(--ff-min);
	font-size: 2.5rem;
	font-weight: var(--fw-bold);
}
.app__txt{
	margin-bottom: 30px;
	font-size: 1.6rem;
	text-align: left;
	line-height: var(--lh-normal);
}
@media screen and (max-width:812px){
	.appIn{
		width: 100%;
		max-width: 500px;
		padding: 50px 20px 0px 20px;
	}
	#app .txtArea{
		width: 100%;
	}
	#app .movArea{
		width: 100%;
	}
	.movArea .spImg{
		width: 70%;
		margin: 0 auto;
		display: block;
	}
	.movArea .nozzleMovie video{
		width: 100%;
		right: 0%;
		bottom: 10%;
	}
	.app__tit{
		margin-bottom: 30px;
		font-family: var(--ff-min);
		font-size: 2.0rem;
	}
	.app__txt{
		margin-bottom: 0px;
		text-align: left;
	}
}

.app__btnArea{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 3%;
}
a.btnBase__item_b {
	display: block;
	width: 300px;
	padding: 20px 55px 20px 20px;
	font-size: 1.8rem;
	text-align: center;
	color: var(--c-wh)!important;
	background-color: var(--bgc-app);
	position: relative;
	cursor: pointer;
}
.btnBase__item_b::before,
.btnBase__item_b::after{
	content: " ";
	height: 1px;
	background-color: var(--c-wh);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: right 0.2s;
}
.btnBase__item_b::before{
	width: 30px;
	right: 20px;
}
.btnBase__item_b::after{
	width: 10px;
	right: 20px;
	transform: translateY(calc(50% - 5px)) rotate(45deg);
}
a.aboutApp {
	margin-bottom: 50px;
	padding: 0 0 0 20px;
	text-decoration:underline;
	color: #fff;
	position: relative;
	display: inline-block;
}
.aboutApp::before {
	content: "";
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #353535;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.aboutApp::after {
	content: "";
	width: 4px;
	height: 4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	left: 5px;
}
/* hover */
.btnBase__item_b:hover{
	opacity: 1;
}
.btnBase__item_b:hover:before,
.btnBase__item_b:hover::after{
	right: 15px;
}
@media screen and (max-width:812px){
	.app__btnArea{
		padding-top: 20px;
	}
	a.btnBase__item_b {
		max-width: 300px;
		padding: 20px 55px 20px 20px;
		margin: 0 auto;
		font-size: 1.6rem;
	}	
	.btnBase__item_b::before{
		width: 25px;
		right: 18px;
	}
	.btnBase__item_b::after{
		width: 8px;
		right: 18px;
		transform: translateY(calc(50% - 4px)) rotate(45deg);
	}
	a.btnBase__item{
		max-width: 300px;
		padding: 20px 55px 20px 20px;
		font-size: 1.6rem;
	}
	.btnBase__item::before{
		width: 25px;
		right: 18px;
	}
	.btnBase__item::after{
		width: 8px;
		right: 18px;
		transform: translateY(calc(50% - 4px)) rotate(45deg);
	}
	/* hover */
	.btnBase__item:hover:before,
	.btnBase__item:hover::after{
		right: 18px;
	}
	a.aboutApp {
		margin-bottom: 20px;
	}
	
}

/* ctsArea */
.prefooterArea{
	width: 1200px;
	margin: 0 auto;
	padding: 10px 30px 50px 30px;
}
@media screen and (max-width:812px){
	.prefooterArea{
		width: 100%;
		max-width: 500px;
		padding: 10px 30px 30px 30px;
	}
}