@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&family=Shippori+Mincho+B1:wght@400;600&display=swap');

/* CSS Document */
/*****************
formarea
*****************/
@media screen and (min-width: 768px){
	#lpshoppingcolumn{
		padding:1.0em;
		box-sizing: border-box;
		width: 680px !important;
		background-color: #FFFFFF;
	}
}
/*****************
common
*****************/
html {scroll-behavior: smooth;}
body::-webkit-scrollbar{
	display: none;/* Chrome、Safari、Opera */
}
body{
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	margin:0;
	padding: 0;
	 -ms-overflow-style: none; /* IE、Edge */
  	scrollbar-width: none; /* Firefox */
}
@media screen and (min-width: 768px){
	.site_wrap{
		padding:0 0 2.0em;
		margin: 0;
	}
	.site_wrap::before {
		content:"";
		display:block;
		position:fixed;
		top:0;
		left:0;
		z-index:-1;
		width:100%;
		height:100vh;
		background-repeat:no-repeat;
		background-position:50% 0%;
		background-image:url("../../Images/lp2505/pc_bg3.jpg");
		background-size:cover;
	}
}
body.menuopen{
	overflow-y: hidden;
}
img{
	display:block;
}
a,button{
	outline: none;
}
a:active{
	background: rgba(163, 154, 119,.5);	
}
a:hover{
	background: rgba(163, 154, 119,.5);
}
/** font **/
.font160{
	font-size: 160% !important;
}
/** メニュー **/
@media screen and (min-width:481px){
	.spmenu-trigger{
		display: none;
	}
}
@media screen and (max-width:480px){
	.spmenu-trigger,
	.spmenu-trigger span{
		display: inline-block;
		transition: all .5s;
		box-sizing:border-box;
		color: #FFFFFF;
	}
	.spmenu-trigger{
		position: fixed;
		width: 55px;
		height: 55px;
		top:10px;
		right:10px;
		cursor: pointer;
		z-index: 3000;
		text-align: center;
	    /*background: rgba(163, 154, 119,1.0);*/
		background-color: #209AB1;
		border-radius: .2em;
	}

	.spmenu-trigger:before{
		content:"MENU";
		position: absolute;
		top:50%;
		right:0;
		left: 0;
		margin: auto;
		font-size: 12px;
		font-family: serif;
		transform: translateY(-8px)
	}
    .spmenu-trigger.active{
		background: #FFFFFF;
	}
	.spmenu-trigger.active:before{
		content:"CLOSE";
		color: rgba(163, 154, 119,1.0);
	}
	.spmenu-trigger span{
		position: absolute;
		left:0;
		right: 0;
		margin: auto;
		width: 80%;
		height: 2px;
		border-radius: 4px;
	}
	.spmenu-trigger span:nth-of-type(1){
		top:15px;
	}
	.spmenu-trigger span:nth-of-type(2){
		top:30px;
	}
	.spmenu-trigger.active span:nth-of-type(1){
		-webkit-transform: translateY(7.5px) rotate(-45deg);
		transform: translateY(7.5px) rotate(-45deg);
		background-color:#FFFFFF;
	}
	.spmenu-trigger.active span:nth-of-type(2){
		-webkit-transform: translateY(-7.5px) rotate(45deg);
		transform: translateY(-7.5px) rotate(45deg);
		background-color:#FFFFFF;
	}
}
	.sp_hm {
    font-family: "Shippori Mincho B1", serif;
	background: rgba(163, 154, 119,.9);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
    }
	.sp_hm_wrap{
	position: absolute;
    display: flex;
	width: 100%;
    height: 100%;
    justify-content: center;
	align-items:center;
	}
	.sp_hm .sp_hm_ul {
		list-style: none;
		margin: 0 auto;
		padding:.5em 0.2em;
		font-size: 1.6em;
		line-height: 1.4;
		font-weight: bold;
		letter-spacing: 1px;
		width: 90%;
		background: #FFFFFF;
		box-sizing: border-box;
	}
.sp_hm_ul a{
	text-decoration: none;
	color: #333333;
	display: block;
}
	.liflex{
		padding:0;
		text-decoration: none;
		color: #333333;
		box-sizing: border-box;
		font-size: .85em;
		line-height: 1.2;
		width: 100%;
		background-color: #FFFFFF;
		/*border-bottom: solid 1px rgba(163, 154, 119,1.0) ;*/
		margin-bottom: .5em;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap:wrap;
	}
	.menuimg{
	width: 40%;
	height: auto;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
	.menutxt{
	width: 60%;
	padding:.2em 0;
	box-sizing: border-box;
	text-align: center;
	/*height: 100vh;*/
}
	.menutxt span{
		width: 100%;
		text-align: center;
		display: block;
		font-size: 16px;
		line-height: 1.6;
		margin-bottom: .2em;
		letter-spacing: -1px;
	}
	span.big3{
		display: inline;
    	font-size: 150%;
    	color: #FF0000;
    	line-height: 1.0;
    	font-style: italic;
    	letter-spacing: 4px;
}
	.itemsimg_sq{
		width: 100%;
		padding: 0 0 0 .2em;
		box-sizing: border-box;
		display: flex;
		align-items:center;
		justify-content:space-around;
	}
	.itemsimg_sq .img33{
		width: 30%;
		height: auto;
		border: 1px solid #F9DFAD;
		box-sizing: border-box;
	}
.menubottom_img{
	width: 49%;
	padding: 0;
	margin: 0 0 .2em;
}
.menubottom_img img{
	width: 100%;
	height: auto;
}

	.en{
	text-align: center;
		line-height: 1.1;
}
   .jan{
	   line-height: 1.0;
}
	.sp_hm .snsarea ul{
		display: flex;
		justify-content: center;
	} 
	.sp_hm .snsarea ul li i{
		font-size: 1.4rem;
		font-style: normal;
		font-weight: normal;
	}
i.fa-instagram,
i.fa-twitter,
i.fa-youtube,
i.fa-youtube-square{
	font-family: 'Font Awesome 5 Brands';
}
@media screen and (min-width: 768px){
	nav.sp_hm{
		display: block;
    	width: 400px;
    	height: auto;
    	position: fixed;
    	top: 45%;
    	left: 70%;
	}
	.sp_hm_ul{
		border-radius: .4em;
	}
}
/*****************
load
*****************/
#loading {
  width: 100%;
  height: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
#loading img {
  width: 100%;
  height: auto;
  max-width: 580px;
}
#loading.loaded {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s, visibility 1s;
}
/*****************
 particle
*****************/
.gold-banner {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: linear-gradient(45deg, #2c241b, #46382d);
}

.banner-content {
  position: relative;
  z-index: 1;
  padding: 0;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
p.ruikei_annot{
    position: absolute;
    top: 82%;
    right: 3%;
    font-size: .8em;
    line-height: 1.2;
    color: #555555;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

#goldParticles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;   /* 親要素いっぱいに広げる */
  height: 100%;  /* 親要素いっぱいに広げる */
  pointer-events: none;
  z-index: 2;
}

/*****************
content Area
*****************/
.main-wrap{
	width: 100%;
	margin: 0 auto;
	background-color: #FFFFFF;
}
@media screen and (min-width: 481px){
	.main-wrap{
		max-width: 580px;
		box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.35);
	}
}

/******************
FV Area
*******************/
.fvarea{
	padding: 0;
	margin: 0;
}
.fv_wrap{
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}
.fv_main{
	width: 100%;
	padding: 0;
	margin: 0;
	position: absolute;
	top:0;
	left: 0;
}
.fv_bottom{
	width: 100%;
	margin: 0;
	padding: 0;
	padding-top: 1.0em;
	box-sizing: border-box;
}
.fv_bottom > img{
	width: 80%;
	height: auto;
	margin: 0 auto;
}
img.fv_b_anime{
	opacity: 0;
	animation: fadeInDown .8s forwards;
	animation-delay: 4s;
}
.fv_txt_01,
.fv_txt_02,
.fv_txt_03{
	position: absolute;
}
.fv_txt_01{
	top: 16%;
	left: 86%;
	width: 8%;
	padding: 2px;
	box-sizing: border-box;
	text-align: center;
}
.fv_txt_01 span{
	display: inline-block;
    animation: wave 2s ease-in-out 3;
}
.fv_txt_01 span:nth-child(1){animation-delay: 0s;}
.fv_txt_01 span:nth-child(2){animation-delay: 0.1s;}
.fv_txt_01 span:nth-child(3){animation-delay: 0.2s;}
.fv_txt_01 span:nth-child(4){animation-delay: 0.3s;}
.fv_txt_01 span:nth-child(5){animation-delay: 0.4s;}

.fv_txt_01 span img{
    margin: 0 auto;
}
.fv_txt_01 span:nth-child(1) img{
	width: 75%;
}
.fv_txt_01 span:nth-child(4) img{
	width: 85%;
}
.fv_txt_01 span:nth-child(5) img{
	width: 90%;
}
.fv_txt_02{
	top: 16%;
	left: 76%;
	width: 8%;
	padding: 2px;
	box-sizing: border-box;
	text-align: center;
}
.fv_txt_02 span{
	display: inline-block;
    animation: wave 2s ease-in-out 3;
}
.fv_txt_02 span:nth-child(1){animation-delay: 0.5s;}
.fv_txt_02 span:nth-child(2){animation-delay: 0.6s;}
.fv_txt_02 span:nth-child(3){animation-delay: 0.7s;}
.fv_txt_02 span:nth-child(4){animation-delay: 0.8s;}
.fv_txt_02 span:nth-child(5){animation-delay: 0.9s;}
.fv_txt_02 span:nth-child(6){animation-delay: 1.0s;}
.fv_txt_02 span:nth-child(7){animation-delay: 1.1s;}

.fv_txt_02 span img{
    margin: 0 auto;
}
.fv_txt_02 span:nth-child(1) img{
	width: 72%;
}
.fv_txt_02 span:nth-child(2) img{
	width: 110%;
}
.fv_txt_02 span:nth-child(4) img{
	width: 62%;
}
.fv_txt_02 span:nth-child(5) img{
	width: 105%;
}
.fv_txt_03{
	top: 27%;
	left: 61%;
	width:15%;
	padding: 2px;
	box-sizing: border-box;
	text-align: center;
}
.fv_txt_03 span{
	display: inline-block;
    animation: wave 2s ease-in-out 3;
}
.fv_txt_03 span:nth-child(1){animation-delay: 1.2s;}
.fv_txt_03 span:nth-child(2){animation-delay: 1.3s;}
.fv_txt_03 span:nth-child(3){animation-delay: 1.4s;}

.fv_txt_03 span img{
    margin: 0 auto;
}
.fv_txt_03 span:nth-child(1) img{
	width: 84%;
}
.fv_txt_03 span:nth-child(2) img{
	width: 100%;
}
.fv_txt_03 span:nth-child(3) img{
	width: 100%;
}


/*************************
contents _ Special SET
**************************/
.sp_setarea{
	width: 100%;
}
.sp_set_wrap{
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
}
.sp_popup{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.sp_set_title{
	position: absolute;
	top: 31%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}
.sp_set_items{
	position: absolute;
	top: 41%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	width: 70% !important;
	height: auto;
}

.sp_set_kigyo{
	position: absolute;
	top: 66%;
	left: 25%;
	transform: translateX(-50%);
	z-index: 4;
	width: 32% !important;
	height: auto;
}

.sp_set_kakeru{
	position: absolute;
	top: 68%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 4;
	width:10% !important;
	height: auto;
}
.sp_set_clinic{
	position: absolute;
	top: 66.5%;
	left: 75%;
	transform: translateX(-50%);
	z-index: 4;
	width: 32% !important;
	height: auto;
}
.sp_bottom_img{
	position: absolute;
	display: flex;
	width: 100%;
	padding: .5em 0;
	margin: 0;
	top: 75%;
	align-items: center;
	justify-content: space-between;
}
.sp_bottom_img > img{
	width: 48% !important;
	height: auto;
}
img.sp_b_img1{
	width: 50% !important;
}
.sp_set_b_text{
	width: 100%;
	text-align: center;
	line-height: 1.6;
	position: absolute;
	top:90%;
    font-size: 1.2em;
}
.sub_txt01,
.sub_txt02,
.sub_txt03{
    position: absolute;
    top:44%;
    writing-mode: vertical-rl;
    font-size: 1.2em;
    color: #209AB1;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    margin: 0;
    padding: 2px;
    box-sizing: border-box;
}
.sub_txt01{
    right: 7%;
    animation-delay: 1s !important;
}
.sub_txt02{
    right: 14%;
    animation-delay: 1s !important;
}
.sub_txt03{
    right: 21%;
    animation-delay: 1s !important;
}

/****************
threestep Area
******************/
.threestep_area{
	width: 100%;
	background: #F4F1F1;
	padding: 2.0em 1.0em;
	box-sizing: border-box;
	overflow: hidden;
}
img.threestep_title{
	width: 80%;
	height: auto;
	margin: 0 auto 2.0em;
}
.swiper-slide {
  width: 80% !important; /* スライド幅を80%に設定 */
}
.swiper-scrollbar-drag{
  background:#209AB1 !important;
}
.swiper{
	width: 100% !important;
	}
	
/*******************
aizawa voice
*******************/
.aizawa_voice{
	width: 100%;
	margin: 0;
	padding: 0 0 1.0em;
	background-color: #fffaf0;
}
.aizawa_v_head{
	width: 100%;
	padding: 1.5em 1.0em 0;
	box-sizing: border-box;
}
.aizawa_v_head h3 {
	font-family:"Shippori Mincho B1", serif; 
    position: relative;
    text-align: center;
    font-size: 1.6em;
    line-height: 1.4;
    margin: .5em 0;
    color: #d2b48c;
    padding-bottom: 1.0em;
}
.aizawa_v_head h3::before {
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: 80%;
    height: 12px;
    transform: skew(-45deg) translateX(-52%);
    background-image: repeating-linear-gradient(90deg, transparent 0 5px, #d2b48c 5px 10px);
    content: '';
}
img.aizawa_v_title{
	width: 65%;
	height: auto;
	margin: 1.0em auto;
}

img.aizawa_v_image{
	width: 90%;
	height: auto;
	margin: 1.0em auto;
}
.aizawa_v_text{
	width: 100%;
	padding: 1.0em 2.0em;
	box-sizing: border-box;
}
.aizawa_v_text p{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: .9em;
	line-height: 1.4;
	margin: 0 0 .5em;
	color: #333333;
}
.aizawav_kyocho{
	font-weight: 600;
	background: linear-gradient(to right, #ffc6ff 100%);
}
@media screen and (min-width: 768px){
	img.aizawa_v_title{
		width: 55%;
    	margin: 2em auto;
	}
	img.aizawa_v_image{
		width: 80%;
		margin: 2em auto;
	}
	.aizawa_v_text{
		width: 80%;
		padding: 1.0em 2.0em;
		margin: 0 auto;
	}
	.aizawa_v_text p{
		font-size: 1.0em;
		line-height: 1.6;
	}
}
/*******************
new skincare
*******************/
.new_skincare{
	width: 100%;
	margin: 0;
	padding: 0;
}
.new_skincare_wrap{
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
}
.new_skincare_wrap_cam06{
	width: 100%;
	padding: 0 0 5.0em;
	margin: 0;
	position: relative;
	background: #edf0f5;
}
.new_skincare_head{
	position: absolute;
	width: 100%;
	padding: 0;
	margin: 0;
	top:0;
	left: 50%;
	transform: translateX(-50%);
}
.new_skincare_head > img{
	width: 100%;
	height: auto;
}
.new_skincare_contentarera{
	position: absolute;
	left: 0;
	top:18%;
}
.new_skincare_contentarera_cam06{
	position: absolute;
	left: 0;
	top:16.5%;
}
.new_skincare_contents_wrap{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}
.new_skincare_catbtn{
	position: absolute;
	top:65%;
}
.new_skincare_catbtn_cam06{
	position: absolute;
	top:68%;
}
.new_skincare_catbtn img,
.new_skincare_catbtn_cam06 img{
	width: 90%;
	height: auto;
	margin: 0 auto;
}
img.fuwari{
    animation: updown 2s ease-in-out infinite alternate;
}
/********************
merit6
********************/
.merit6{
	width: 100%;
	margin: 0;
	padding: 0;
}
.merit6_wrap{
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}
.tokuten01{
	position: absolute;
	width: 90% !important;
	height: auto;
	top:22%;
	left: 50%;
	transform: translateX(-50%);
}
.tokuten02{
	position: absolute;
	width: 90% !important;
	height: auto;
	top:33.5%;
	left: 50%;
	transform: translateX(-50%);
}
.tokuten03{
	position: absolute;
	width: 90% !important;
	height: auto;
	top:45.5%;
	left: 50%;
	transform: translateX(-50%);
}
.tokuten04{
	position: absolute;
	width: 90% !important;
	height: auto;
	top:57.5%;
	left: 50%;
	transform: translateX(-50%);
}
.tokuten05{
	position: absolute;
	width: 90% !important;
	height: auto;
	top:69.5%;
	left: 50%;
	transform: translateX(-50%);
}
.tokuten06{
	position: absolute;
	width: 90% !important;
	height: auto !;
	top:81.5%;
	left: 50%;
	transform: translateX(-50%);
}
/********************
mn_3step
********************/
.mn_3step{
	width: 100%;
	margin: 0;
	padding: 0;
}
.mn_3step_wrap{
	position: relative;
}
.mn_3step01{
	position: absolute;
	top: 7%;
	left: 50%;
	transform: translateX(-50%);
}
.mn_3step02{
	position: absolute;
	top: 37%;
	left: 50%;
	transform: translateX(-50%);
}
.mn_3step03{
	position: absolute;
	top: 67%;
	left: 50%;
	transform: translateX(-50%);
}
/**************************
bottom_catarea
***********************/
.bottom_catarea{
	width: 100%;
	padding: 2.0em 0;
	margin: 0;
	background-image: url("../../Images/lp2505/bottomcatarea_bk.png");;
	background-size:cover;
}


/***** item 動画 *****/
video{
    display: block;
}

.item1_video,
.item2_video,
.item3_video{
    position: relative;
    width: 100%;
    height: auto;
	overflow: hidden;
}
.item1_video{
	height: 1465px;
}
@media screen and (max-width: 486px){
.item1_video{
	height: calc(100vw*2.5);
}
}
.item1_video > .video_area{
	position: absolute;
	width: 100%;
	overflow: hidden;
	top:-180px;
	left:10%;
}
@media screen and (max-width: 486px){
	.item1_video > .video_area{
		top:-50px;
	}
}
.item2_video{
	height: 1630px;
}
@media screen and (max-width: 486px){
.item2_video{
	height: calc(100vw*2.8);
}
}
.item2_video > .video_area{
	position: absolute;
	width: 100%;
	overflow: hidden;
	top:-200px;
	left:10%;
}
@media screen and (max-width: 486px){
	.item2_video > .video_area{
		top:-70px;
	}
}
.item3_video{
	height: 1465px;
}
@media screen and (max-width: 486px){
.item3_video{
	height: calc(100vw*2.5);
}
}
.item3_video > .video_area{
	position: absolute;
	width: 100%;
	overflow: hidden;
	top:-180px;
	left:10%;
}
@media screen and (max-width: 486px){
	.item3_video > .video_area{
		top:-70px;
	}
}
.item1_video > .video_area >video{
    width: 100%;
}
.item2_video > .video_area >video,
.item3_video > .video_area >video{
    width: 95%;
}

.item1_cover,
.item2_cover,
.item3_cover{
    position: absolute;
    width: 100%;
	top:0; left:0;
}
.howtouse_item{
    width: 100%;
    padding: 0;
    margin: 0;
}

img.htu_title{
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto 1.0em;
    box-sizing: border-box;
}
.howtouse_item > video{
    background-color: antiquewhite;
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto;
    border: 1px solid #333333;
    box-sizing: border-box;
}

@media screen and (max-width: 486px){
img.htu_title{
    width: 100%;
    height: auto;
    margin: 0 0 .5em;
}
}
.howtouse_text{
    margin: 1.0em auto;
    width: 90%;
    padding: .5em 1.0em;
    box-sizing: border-box;
    background-color: rgba(248,248,255,.85);
    border-radius: .2em;
}
.howtouse_text ul{
    width: 100%;
    list-style: none;
    font-size: .85em;
    line-height: 1.4;
    letter-spacing: 1px;
    padding: 0;
}
.howtouse_text ul li{
    padding-left: 1.2em;
    margin-bottom: 0.6em;
    box-sizing: border-box;
    position:relative;
}
.howtouse_text ul li::before{
    position: absolute;
    left: 0;
}
.howtouse_text ul li:nth-child(1)::before{
  content: '①';
}
.howtouse_text ul li:nth-child(2)::before{
  content: '②';
}
.howtouse_text ul li:nth-child(3)::before{
  content: '③';
}
.howtouse_text ul li:nth-child(4)::before{
  content: '④';
}
.howtouse_text ul li:nth-child(5)::before{
  content: '⑤';
}
.howtousekome{
  font-size: .75rem;
  line-height: 1.6;
}
.howtousekome::before{
  content: '※ ';
}

/**** course_area V2 ****/

/**** 申し込みボタン  ****/
.formbuttom-area{
	/*position: relative;*/
	width: 100%;
	padding: 0 0 1.0em;
	margin: 0;
}
.formbuttom{
	width:100% !important;
	/*position:absolute;
	bottom:0;*/
	animation:updown 1.5s infinite;
}
/****  precautions  ****/
ul.basiccourse_precautions{
	position: absolute;
	top:75%;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
    margin: 1.0em auto;
    padding: 1.0em 1.6em;
    box-sizing: border-box;
    font-size: .9em;
    line-height: 1.6;
    list-style: none;
}
ul.basiccourse_precautions li{
	padding: .4em 0 0 1.0em;
	box-sizing: border-box;
	position:relative;
}

ul.basiccourse_precautions li::before{
	  position: absolute;
	  left: 0;
  content: '※ ';
}
ul.basiccourse_precautions a{
    color: #333333 !important;
}
@media screen and (max-width: 486px){
  ul.basiccourse_precautions{
	width: 90%;
    margin:  0 auto;
    font-size: 10px;
    line-height: 1.2;
}  
}
.present_list{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}
.present_list button{
	border: #FFFFFF;
	position: absolute;
	display: flex;
	width: 50px;
	height: 50px;
	font-size: .7em;
	color: #FFFFFF;
	background-color:#209AB1;
	border-radius: 50%;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	text-align: center;
	align-items: center;
	justify-content: center;
}
button.present_detail01{
	left: 35%;
	top: 25%;
}
button.present_detail02{
	left: 84%;
	top: 25%;
}
button.present_detail03{
	left: 35%;
	top: 62%;
}
button.present_detail04{
	left: 84%;
	top: 62%;
}
.preimg01{
	position: absolute;
	animation: fuwafuwa 3s ease-in-out infinite alternate;
	animation-delay: 0s;
	left: 13%;
    top: 32%;
    width: 22% !important;
}
.preimg02{
	position: absolute;
	animation: fuwafuwa 3s ease-in-out infinite alternate;
	animation-delay: .25s;
	left: 64%;
    top: 30%;
    width: 22% !important;
}
.preimg03{
	position: absolute;
	animation: fuwafuwa 3s ease-in-out infinite alternate;
	animation-delay: .5s;
	left: 13%;
    top: 68%;
    width: 22% !important;
}
.preimg04{
	position: absolute;
	animation: fuwafuwa 3s ease-in-out infinite alternate;
	animation-delay: .75s;
	left: 61%;
    top: 69%;
    width: 25% !important;
}
/*present modal*/
/*.presentdetail_a{*/
.modal {
  font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
}

.modal__overlay {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__container {
  background-color: #fff;
  padding: .5em;
  max-width:94%;
  border-radius: .4em;
  box-sizing: border-box;
}
@media screen and (min-width: 480px){
.modal__container{
  max-width: 500px;
}
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.4;
  color: #333333;
  box-sizing: border-box;
}
.present_list button.modal__close{
	width: 45px;
	height: 45px;
	top:-22.5px;
	right: 3%;
}
button.mask1close,
button.mask2close{
	background-color: #ffb6c1;
}
button.creamclose{
	background-color: #6495ed;
}
button.uvclose{
	background-color: #b8860b;
}
.modal__close {
  background: transparent;
  border: 0;
}

.modal__header .modal__close:before { 
	content: "\2715";
	font-size:1.6em;
	line-height: 1.2;
}

.modal__content {
  line-height: 1.5;
  color: rgba(0,0,0,.8);
}
.modal__content img{
	border-radius: .2em;
}

/****************
remodal
******************/
.remodal{
	background: rgba(0,0,0,0)!important;
	padding: 0 !important;
	position: relative !important;
}
@media screen and (min-width: 480px){
	.remodal{
		max-width: 500px !important;
	}
}
.remodal img.pre{
	border-radius: .6em;
	border: .4em solid #FFFFFF;
	box-sizing: border-box;
}
.remodal button.modal__close{
	width: 45px;
	height: 45px;
	top:-22.5px;
	right: 3%;
	border-radius:50%;
	position: absolute!important;
	color: #FFFFFF;
}
button.mask1close,
button.mask2close{
	background-color: #ffb6c1;
}
button.creamclose{
	background-color: #6495ed;
}
button.uvclose{
	background-color: #b8860b;
}
.modal__close {
  background: transparent;
  border: 0;
}
.remodal .modal__close:before { 
	content: "\2715";
	font-size:1.6em;
	line-height: 1.2;	
}
/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

@keyframes updown {
	0% {
		transform: translateY(-10px);
	}
	50% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-10px);
	}
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(0, 0.4, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0.4, 0.2, 1);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInUp1 {
  0% {
    -webkit-transform:translateX(-50%) translateY(50px);
    transform:translateX(-50%) translateY(50px);
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(0, 0.4, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0.4, 0.2, 1);
  }
  100% {
    -webkit-transform:translateX(-50%) translateY(0);
    transform:translateX(-50%) translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  0% {
    -webkit-transform: translateY(-50px);
    transform:translateY(-50px);
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(0, 0.4, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0.4, 0.2, 1);
  }
  100% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInDown1 {
  0% {
    -webkit-transform:translateX(-50%) translateY(-50px);
    transform:translateX(-50%) translateY(-50px);
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(0, 0.4, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0.4, 0.2, 1);
  }
  100% {
    -webkit-transform:translateX(-50%) translateY(0);
    transform:translateX(-50%) translateY(0);
    opacity: 1;
  }
}
@keyframes SlideInLeft{
	0% {
    transform: translateX(-280px);
    opacity: 0;
  }
  100% {
    transform: translateX(-50%);
  }
  40%,100% {
    opacity: 1;
  }
}
@keyframes SlideInLeft1{
	0% {
    transform: translateX(-180px);
    opacity: 0;
  }
  100% {
    transform: translateX(-50%);
  }
  40%,100% {
    opacity: 1;
  }
}
@keyframes SlideInLeft2{
	0% {
    transform: translateX(-220px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}
@keyframes SlideInRight1{
	0% {
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    transform: translateX(-50%);
  }
  40%,100% {
    opacity: 1;
  }
}
@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}
@keyframes poyoyon2{
  0%  {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  15% {
    transform: scale(0.98, 0.9) translate(0, 5px);
  }
  30% {
    transform: scale(1.02, 1.0) translate(0, 8px);
  }
  50% {transform: scale(0.98, 1.05) translate(0, -8px);
  }
  70% {
    transform: scale(1.0, 0.9) translate(0, 5px);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}

@keyframes ZoomIn {
  0% {
    transform: scale(0.8) translateX(-50%);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1) translateX(-50%);
  }
}
@keyframes zoomIn{
  0% {
	transform: scale(0.5);
	opacity: 0;
  }
  65% {
    transform: scale(1.3);
	opacity: .8;
  }
	100% {
    transform: scale(1);
	opacity: 1;
  }
}
@keyframes wave {
  0%   { transform: translateY(0) translateX(0); }
  30%   { transform: translateY(-5px) translateX(-5px); }
  60%  { transform: translateY(0) translateX(0); }
  100% { transform: translateY(0) translateX(0); }
}
@keyframes waveY {
  0%   { transform: translateY(0) translateX(0); }
  30%   { transform: translateY(-8px) translateX(5px); }
  60%  { transform: translateY(0) translateX(0); }
  100% { transform: translateY(0) translateX(0); }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

/***********************
scroll animation
************************/
.fead-in{
	opacity: 0
}
.fead-in.fin-animated{
	animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
.fead-up {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
 }
.fead-up.fu-animated{
    -webkit-animation: fadeInUp .8s forwards;
    animation: fadeInUp .8s forwards;
 }
.fead-up1 {
    -webkit-transform: translateX(-50%) translateY(50px);
    transform: translateX(-50%) translateY(50px);
    opacity: 0;
 }
.fead-up1.fu-animated{
    -webkit-animation: fadeInUp1 .8s forwards;
    animation: fadeInUp1 .8s forwards;
 }
.fead-down{
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
 }
.fead-down.dowm-animated{
    -webkit-animation: fadeInDown .8s forwards;
    animation: fadeInDown .8s forwards;
 }
.fead-down1{
    -webkit-transform: translateX(-50%) translateY(-50px);
    transform:translateX(-50%) translateY(-50px);
    opacity: 0;
 }
.fead-down1.dowm-animated{
    -webkit-animation: fadeInDown1 .8s forwards;
    animation: fadeInDown1 .8s forwards;
 }
.slidein-left{
	opacity: 0;
}
.slidein-left.slideleft-animated{
	animation: SlideInLeft 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.slidein-left1{
	opacity: 0;
}
.slidein-left1.slideleft-animated{
	animation: SlideInLeft1 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.slidein-left2{
	opacity: 0;
}
.slidein-left2.slideleft-animated{
	animation: SlideInLeft2 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.slidein-right1{
   opacity: 0;
}
.slidein-right1.slideright-animated{
	animation: SlideInRight1 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.poyoyon2{
	opacity: 0;
}
.poyoyon2.poyopoyo-animated{
	animation: poyoyon2 1s ease-in-out forwards;
	animation-delay: 1s;
}
.zoom-in1{
	opacity: 0;
	
}
.zoom-in1.zoomin1-animated{
	animation: ZoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

.zoomIn-Trigger{
	opacity: 0;
}
.zoomIn{
	-webkit-animation: zoomIn .6s forwards;
	animation: zoomIn .6s forwards;
}

/*****************
購入フォーム
*****************/
.purchase-form{
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	display:flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 300px;
	background-color: #888888;
	font-weight: bold;
	color: #FFFFFF;
}
/*****************
footer
*****************/
.footer-main{
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	width: 100%;
	padding: .5em 0;
	background-color:#CCCCCC;
}
.footer-caption{
	width: 100%;
	max-width: 750px;
	text-align: center;
	color: #FFFFFF;
	font-size: .8em;
}
/**************
FAQArea
**************/
.fqa-area{
	width: 100%;
	padding: 1.0em;
	box-sizing: border-box;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.fqa-area h2{
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	text-align: center;
	width: 80%;
	margin: 0 auto;
	padding: 0 0 .6em;
	letter-spacing: 2px;
	color: #666666;
	font-size: 1.4em;
	background: linear-gradient(90deg, #209AB1, #C850C0 30%, #FFCC70);
	background: linear-gradient(90deg, rgba(115, 248, 224, 1), rgba(150, 167, 241, 1));
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-weight: 600;
}
.fqa-area h2 span{
	display: block;
	font-size: .7em;
	line-height: 1.2;
	background: none;
	color: #333333;
	margin: .4em 0;
}
.norm-contact{
	display: block;
	width: 100%;
	margin: .4em 0;
	background-color: #dddddd;
	font-size: .85em;
	line-height: 1.4;
	padding: .4em .8em;
	box-sizing: border-box;
	color: #333333;
	border-radius: 2px;
}

/******************
bottom バナー
******************/
.purchasebtn_bottom{
  z-index: 10;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  bottom: 1%;
  transform: translateX(-50%);
  width: 100%;
  max-width:640px;
  height: auto;
  padding: 0;
  margin:0;
  background-color: rgba(255,255,255,.4);
  transition: .3s;
  /* 非表示にする */
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 486px){
	.purchasebtn_bottom img{
		width: 100% !important;
		height: auto !important;
	}
}
.is-active{
  /* 表示する */
  opacity: 1;
  visibility: visible;
}
/*************
floating-banner
*************/
.floating-banner {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	opacity: 0;
	transition:
	  opacity 0.3s ease;
	will-change: opacity;
	padding: 1em;
	box-sizing: border-box;
	z-index: 100;
  }
  .floating-banner.visible {
	opacity: 1;
  }
  .floating-banner img{
	  width: 100% !important;
	  max-width: 600px;
	  height:auto !important;
	  display: block;
	  margin: 0 auto;
  }
  
  @media (prefers-reduced-motion: reduce) {
	.floating-banner {
	  transition: none;
	}
  }
  
/**************
お悩み
***************/
.worries_area{
    position: relative;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	background-color: #FFFFFF;
	margin-bottom: 5.0em;
}
@media screen and (max-width: 486px){
    .worries_area{
    margin-bottom: 4.2em;
    }
}
.tryangleimg{
    position: absolute;
    width: 50%;
    padding: 0;
    margin: 0;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (max-width: 486px){
    .tryangleimg{
       bottom: -50px; 
    }
}
.tryangleimg img{
    width: 100%;
    height: auto;
}

/******************
 point
******************/
section.itempoint{
	width: 100%;
	padding: 1.0em .5em;
	box-sizing: border-box;
	background-color: aliceblue;
}
section.itempoint ul{
	list-style: none;
	width: 100%;
	padding: 0.5em;
	box-sizing: border-box;
}
.itempoint-disarea{
	font-family: "Shippori Mincho B1", serif;
	width: 100%;
	position: relative;
	padding-bottom: 2.0em;
}
.itempoint-title-area{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0 .5em;
    box-sizing: border-box;
	border-bottom: 1px solid #209AB1;
	
}
.itempoint-disarea .s_point_w{
	width: 20%;
	border-radius: 50%;
	background-color: #209AB1;
	color: #FFFFFF;
}
.itempoint-disarea .s_point_h{
	position: relative;
	padding-top: 100%;
	height: 0;
}
.point_small{
	position: absolute;
	display: block;
	font-size: 1.0em;
	width: 100%;
	line-height: 1.4;
	border-bottom:.5px solid #FFFFFF;
	padding: .2em 0;
	letter-spacing: 1px;
	/*top:calc((100% - 1.0em)/2);*/
	top:10%;
	left: 0;
	right: 0;
	text-align: center;
}
.point_big{
	position: absolute;
	font-size: 30px;
    line-height: 1.4;
	top:45%;
	left: 0;
	right: 0;
	text-align: center;
}
.itempoint-title-area h3{
	width: 75%;
	font-size: 1.8em;
	font-weight: 600;
    font-style: normal;
	margin: 0;
	padding: 0 0 0 .5em;
	box-sizing: border-box;
	color: #209AB1;
	line-height: 1.2;
	letter-spacing: -2px;
}
@media screen and (max-width:480px){
	.point_small{
		font-size: .9em;
	}
	.point_big{
		line-height: 1.1;
	}
	.itempoint-title-area h3{
		font-size: 1.6em
	}
}
.itempoint-disarea .point_dis{
	width: 100%;
	padding: 1.0em .5em;
	box-sizing: border-box;
	font-size: 1.2em;
	text-align: center;
	font-weight:bolder;
}
.point_strong{
	display: inline;
	font-size: 1.4em;
	line-height: 1.6;
	color: #ff69b4;
	/*font-weight: bold;*/
	padding: .4em 0;
	box-sizing: border-box;
}
.point_text_small{
	display: block;
	font-size: 18px;
	line-height: 1.4;
}
.point_header_image{
	width: 100%;
	padding: 1.0em 1.6em;
	box-sizing: border-box;
}
.point_header_image img{
	width: 100%;
	height: auto;
}
.border_blue_1,
.border_blue_2{
	width: 94%;
	margin: 0 auto;
	border:1px solid #209AB1;
	box-sizing: border-box;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 1.2em;
	font-weight: bolder;
}
.border_blue_2{
	position: relative;
}
.border_blue_1{
	margin-top: 1.0em;
}
.border_blue_2{
	padding: 1.0em 0 0;
}
/*point3*/
.component_txt{
	width: 100%;
	text-align: left;
	padding: 1.0em 1.5em;
	box-sizing: border-box;
	font-size: .7em;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	background-color: #FFFFFF;
	line-height: 1.4;
	font-weight: normal;
}
/*point4*/
.tryangle-point4{
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	background-color: #ff69b4;
  	color: #FFFFFF;
  	height: calc(tan(60deg) * 60px / 2);
  	width: 50%;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	text-align: center;
	font-weight: bold;
	display: flex;
	justify-content:center;
	padding: .4em 0 0;
	font-size: 20px;
	margin: 1.6em auto .5em;
}
.point4_end{
	width:100%;
	position: relative;
	margin-top: -30px;
}
.p4_end_text1,
.p4_end_text2{
	width: 100%;
	position: absolute;
	padding: 0 0.5em;
	box-sizing: border-box;
	text-align: center;
	left: 50%;
	transform:translateX(-50%);
	font-weight: bolder;
	font-size: 1.4em;
	letter-spacing: -2px;
}
.p4_end_text1{
	top:7%;
}
.p4_end_text2{
	top:80%;
}
.p4_end_text1 > p,
.p4_end_text2 > p{
	margin: 0;
}
/*テキスト光彩*/
.text_shadow_white{
	text-shadow: -1px 1px 5px #FFFFFF,-1px -1px 5px #FFFFFF,1px -1px 5px #FFFFFF,1px 1px 5px #FFFFFF;
}
.mu_list{
	width: 100%;
	padding: 0;
	margin: 1.0em 0;
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
}
.mu_list img{
	margin: 0 .5em .5em 0 
}
.mu01{
	width: 20% !important;
	height: auto;
}
.mu01.fead-in.fin-animated{
	animation-delay: 0s;
}
.mu02{
	width: 20% !important;
	height: auto;
}
.mu02.fead-in.fin-animated{
	animation-delay: 0.3s;
}
.mu03{
	width: 20% !important;
	height: auto;
}
.mu03.fead-in.fin-animated{
	animation-delay: 0.6s;
}
.mu04{
	width: 20% !important;
	height: auto;
}
.mu04.fead-in.fin-animated{
	animation-delay: 0.9s;
}
.mu05{
	width: 20% !important;
	height: auto;
}
.mu05.fead-in.fin-animated{
	animation-delay: 1.2s;
}
.mu06{
	width: 20% !important;
	height: auto;
}
.mu06.fead-in.fin-animated{
	animation-delay: 1.5s;
}
.mu07{
	width: 20% !important;
	height: auto;
}
.mu07.fead-in.fin-animated{
	animation-delay: 1.8s;
}
.mu08{
	width: 20% !important;
	height: auto;
}
.mu08.fead-in.fin-animated{
	animation-delay: 2.1s;
}

/**************
USER ボイス
**************/
.uservoice_area{
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	background-color: #FFFFFF;
	/*margin-bottom: 1.0em;*/
}
.uservoice_wrap{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}
.uservoice_title{
    position: absolute;
    width: 90%;
    top: 17%;
    left: 50%;
    transform: translateX(-50%);
    padding: .5em;
    box-sizing: border-box;
}
.uv_text01{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    color: #FFFFFF;
}
.uv_text01 span{
    display: inline-block;
    font-size: 1.4em;
    font-weight: 600;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.uv_text01 span:nth-child(1){margin-right: -2px;}

.uv_text02{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1.0em 0;
}
.uv_text02 span{
    display: inline-block;
    margin: 0 2px;
    animation: waveY 2s ease-in-out infinite;
}
.uv_text02 span:nth-child(1){
    width: 12%;
    animation-delay: 0s;
}
.uv_text02 span:nth-child(2){
    width: 10%;
    animation-delay: 0.1s;
}
.uv_text02 span:nth-child(3){
    width: 10%;
    animation-delay: 0.2s;
}
.uv_text02 span:nth-child(4){
    width: 12%;
    animation-delay: 0.3s;
}
.uv_text02 span:nth-child(5){
    width: 10%;
    animation-delay: 0.4s;
}
.uv_text02 span:nth-child(6){
    width: 11%;
    animation-delay: 0.5s;
}
.uv_text02 span:nth-child(7){
    width: 10%;
    animation-delay: 0.6s;
}
.uv_text02 span:nth-child(8){
    width: 5%;
    animation-delay: 0.7s;
}
.uservoice_area .swiper2{
	position: absolute;
	top:45%;
	left: 50%;
	transform:translateX(-50%);
	width: 98%;
	overflow: hidden;
}

.cus_wrap{
	width: 96%;
	margin: 1.0em auto;
	padding: 1.0em .5em;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius: .4em;
	display: flex;
	font-size: .9rem;
	line-height: 1.2;
}
.cus_info{
	width:25%;
	margin: 0;
	padding: .2em;
	box-sizing: border-box;
}
.userimg{
	width: 50%;
	margin:  0 auto .4em;
	display: block;
	border-radius:50%;
}
.userimg img{
	width: 100%;
	height: auto;
	border-radius: 50%;
}
.cus_name{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.0rem;
	line-height: 1.2;
}
.cus_name:after{
	content: " 様";
}
.cus_info ul{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: .6em .2em .2em;
	box-sizing: border-box;
	font-size: .8rem;
	line-height: 1.4;
}
.cus_info ul li{
	width: 100%;
	padding: .2em;
	box-sizing: border-box;
	text-align: center;
}
.cus_info ul li.Lh20{
	color:#9fc24d;
}
.cus_info ul li.Fh30{
	color:#e17b34;
}
.cus_info ul li.skin_n span{
	display: inline-block;
	padding: 0 .4em;
	box-sizing: border-box;
	color: #8da0b6;
	border:solid 1px #8da0b6;
	border-radius:.2em;
}
.cus_info ul li.skin_dry span{
	display: inline-block;
	padding: 0 .4em;
	box-sizing: border-box;
	color: #e29399;
	border:solid 1px #e29399;
	border-radius:.2em;
}
.cus_comment{
	width: 75%;
	margin: 0;
	padding: .2em;
	box-sizing: border-box;
}
.comment_item_area{
	width: 100%;
	display: flex;
	align-items: center;
}
span.comment_itemimg{
	display: block;
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
}
span.c_img1{
	background-image: url("../../image/p002/menu_s_item01.jpg");
	background-size:cover;
}
span.c_img2{
	background-image: url("../../image/p002/menu_s_item02.jpg");
	background-size:cover;
}
span.c_img3{
	background-image: url("../../image/p002/menu_s_item03.jpg");
	background-size:cover;
}
span.comment_itemname{
	display: block;
	font-size: .9rem;
	padding: 0 0 0 .4em;
	box-sizing: border-box;
	font-weight: bolder;
	color: #d2b48c;
}
.cus_comment p{
	font-size: .9rem;
	line-height: 1.2;
	margin: 1.0em 0 .4em;
}
.cus_anno{
	width: 100%;
	padding: 0 1.0em;
	box-sizing:border-box;
}

/**************
FAQパーツ 
*****************/
  .pageSubTitle2 {
    font-size: .9em;
    line-height: 1.6;
    font-weight: 400;
    font-style: normal;
    color: #666666;
	  margin: .6em 0;
  }
  .contentText {
    font-size: .9em;
    line-height: 1.6;
    font-weight: 400;
    font-style: normal;
    color: #4D4D4D;
  }
  .qa {
    padding-top: 180px;
    padding-bottom: 278px;
  }
  .qa__box {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 5;
	border-bottom: dotted 1px #CCCCCC;
  }
.qa__box:last-child{
	border-bottom: none;
}
 .qa__box > dl{
	margin: 0;
   }
  .qa__box > dl > dt {
	position: relative;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    padding: .5em;
	box-sizing: border-box;
  }
  .qa__box > dl > dt .crossBar {
    width: 1.0em;
    height: 1.0em;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
  }
  .qa__box > dl > dt .crossBar::before {
    content: "";
    display: inline-block;
    width: 1.6px;
    height: 100%;
    background-color: #209AB1;
    position: absolute;
    top: 0;
    left: 50%;
    transform-origin: center center; /* 中心を基準にtransform */
    transform: translateX(-50%) rotate(0deg);
    /*transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);*/
    transition:transform .3s ease-out;
  }
  .qa__box > dl > dt .crossBar::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1.6px;
    background-color: #209AB1;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .qa__box > dl > dt > span {
    font-size: 1.0em;
    line-height: 1.75;
    font-weight: 500;
    font-style: normal;
    color: #209AB1;
    margin-right: 23px;
  }
  
  .qa__box > dl > dd {
    margin: 0;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    margin-bottom: .4em;
    padding: 0px 30px; /* paddingの上下を0にする */
    max-height: 0; /* max-heightを0にする、レスポンシブ対応 */
    overflow: hidden;  /* overflow: hidden;を付けるのがポイント */
    /*transition: all 1.0s cubic-bezier(0.19, 1, 0.22, 1);*/
    transition: .3s all ease;
  }
  .qa__box > dl > dd > span {
    font-size: 1.0em;
    line-height: 1.7;
    font-weight: 500;
    font-style: normal;
    color: #ed732a;
    margin-right: 23px;
  }
	.qa__box strong{
		display: inline-block;
		padding: 5px 0;
		box-sizing: border-box;
	}
	.qainline{
		width: 100%;
		display: inline-block;
		padding: 0 0 .5em;
		box-sizing: border-box;
		margin:0;
	}
  
  /* アニメーション後のスタイル */
  .qa__box > dl > dd.is-open { /* heightとpaddingをアニメーション */
    max-height: 800px;
    padding: 10px 30px;
  }
  /* ＋ボタンのアニメーション */
  .qa__box > dl > dt.is-open .crossBar::before {
    transform: translateX(-50%) rotate(90deg);  /* 90度回転 */
  }

/*************
 lightbox
**************/
.lum-lightbox-inner img{
    max-width: 520px;
    border-radius: .6em;
    box-sizing: border-box;
    border: .4em solid #FFFFFF;
    margin: 0 auto;
}
/**************
fancybox
***************/
.fancybox-image{
	border-radius: .8em;
    border: .4em solid #FFFFFF;
    box-sizing: border-box;
	max-width: 520px !important;
	max-width: 94% !important;
}