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


/*PC・SP表示非表示*/
.pc{
	display:none;
}
@media screen and (min-width:640px){
.pc{
display:inline-block;
}
.sp{
display:none;
}
}


/*追従ボタン .f_btn*/
.f_btn{
	background:rgba(255, 255, 255, 0.5);
	-webkit-backdrop-filter:blur(20px);
	backdrop-filter:blur(20px);
	color:#fff;
	cursor:pointer;
	margin:0 auto;
	padding:3px 15px 10px;
	width:100%;
	max-width:640px;
	transition:.3s;
	position:fixed;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	z-index:100;

	opacity:0;
	visibility:hidden;
}
.f_btn.active{
	opacity:1;
	visibility:visible;
}



/*レイアウト 共通*/
.mainContents{
	background:#fff;
	margin:0 auto;
	width:100%;
	max-width:640px;
}
img,
video{
	display:block;
	width:100%;
	height:auto;
}
.mainContents a{
	color:#333;
	text-decoration:none;
}
.markerYellow{
	background:linear-gradient(transparent 60%, #fffa7d 70%);
}


/*figure.service*/
.figure{
	padding: 20px;
}
figure.service{
	padding:12px 2.5%;
}
@media screen and (min-width:640px){
figure.service{
padding:17px;
}
}


/*section.campaign キャンペーン紹介エリア*/
.campaign{
	background:#fff1f3;
}


/*section.reason 3時間の理由エリア*/
.reason{
	background:#ffbfcd;
}
.fukidashi{
	margin-top:-35px;
	position:absolute;
	width:100px;
	z-index:5;
}
@media screen and (min-width:640px){
.fukidashi{
position:absolute;
width:140px;
z-index:5;
}
}

.reasonQa{
	background:#fff;
	border-radius:1.333vw;
	margin:40px 2.667vw 5.333vw 2.667vw;
	padding:5.333vw;
}
.reasonQa__ttl{
	margin-bottom:5.333vw;
	z-index:0;
}
.reasonQa__ranking dt{
	margin-bottom:5.333vw;
}
.reasonQa__ranking dd ol{
	list-style:none;
	padding:0 5.333vw;
}
.reasonQa__ranking dd ol li{
	margin-bottom:2.667vw;
}
@media screen and (min-width:640px){
.reasonQa{
margin:40px 40px 30px;
padding:30px;
border-radius:15px;
}
.reasonQa__ttl{
margin-bottom:30px;
}
.reasonQa__ranking dt{
margin-bottom:30px;
}
.reasonQa__ranking dd ol{
padding:0 30px;
}
.reasonQa__ranking dd ol li{
margin-bottom:20px;
}
}


/*section.casestudy よくある事例*/
.casestudy{
	border-top:solid 3px #333;
	margin-top:16.533vw;
	padding-bottom:7.467vw;
}
.casestudy__ttl .sub{
	display:block;
	margin:-17px auto 0;
	width:52.667vw;
}
.casestudy__ttl .main{
	display:block;
	margin:32px auto;
	width:78.933vw;
}
.casestudy__detail{
	list-style:none;
	margin:0 2.667vw;
}
.casestudy__detail li{
	margin-top:11.467vw;
	padding:5.333vw 5.333vw;
	background:#fff;
	border:solid 5px #fff1f3;
	font-size:4.533vw;
	font-weight:500;
	text-align:center;
}
.casestudy__detail li:nth-of-type(1){
	margin-top:0;
}
.fukidashi2{
	margin-top:-28px;
	position:absolute;
	width:120px;
	z-index:5;
}
.casestudy__detail li .time{
	margin:-68px auto 18px;
	width:20vw;
}
.casestudy__detail li figure{
margin:0 auto;
width:90%;
}
.casestudy__detail li figure figcaption{
	font-weight:500;
	margin-top:5.867vw;
}
@media screen and (min-width:640px){
.casestudy{
margin-top:70px;
padding-bottom:38px;
}
.casestudy__ttl .sub{
margin:-20px auto 0;
width:240px;
}
.casestudy__ttl .main{
margin:42px auto;
width:400px;
}
.casestudy__detail{
margin:0 40px;
}
.casestudy__detail li{
margin-top:53px;
padding:30px 30px 35px;
font-size:27px;
}
.fukidashi2{
position:absolute;
width:140px;
z-index:5;
}
.casestudy__detail li .time{
margin:-88px auto 28px;
width:95px;
}
.casestudy__detail li figure{
width:90%;
}
.casestudy__detail li figure figcaption{
margin-top:32px;
}
}


/*section.voice お客様の声*/
.voice{
	background-color:#fff1f3;
	background-image:
	repeating-linear-gradient(-45deg,#fff, #fff 2px,transparent 0, transparent 4px);
	padding:8vw 2.667vw 2.667vw;
}
.voice__cardList{
	list-style:none;
	padding:0 0.8vw;
}
.voice__cardList li{
	margin-bottom:5.333vw;
}
.voice__cardList li:last-child{
	margin-bottom:5px;
}
.voice__cardList li .cardWrap{
	position:relative;
	z-index:1;
}
.voice__cardList li .cardWrap::after{
	/*background-image:
	radial-gradient(#8f8d88 20%, transparent 20%),
	radial-gradient(#8f8d88 20%, transparent 20%);
	background-size:1.6vw 1.6vw;
	background-position:0 0, 3px 3px;*/
	background:rgba(0,0,0,0.1);
	content:"";
	display:block;
	position:absolute;
	right:-1.067vw;
	bottom:-1.6vw;
	width:100%;
	height:100%;
	z-index:0;
}
.voice__cardList li .col2box{
	background:#fff;
	padding:5.867vw 0 5.333vw;
	position:relative;
	display:flex;
	justify-content:space-between;
	z-index:2;
}
.voice__cardList li .col2box:nth-of-type(1){
  padding: 5.867vw 0 0;
}
.col2box__col{
	align-items:center;
}
.voice__cardList li .col2box .voiceNum{
	width:26%;
	padding-left:7%;
}
.voice__cardList li .col2box .voiceProf{
	padding-left:6%;
	width:28%;
	text-align:center;
}
.voice__cardList li .col2box .voiceProf figcaption > * {
	display:block;
	font-weight:700;
	line-height:1;
}
.voice__cardList li .col2box .voiceProf .txType01{
	font-size:3.733vw;
	padding-top:2.667vw;
}
.voice__cardList li .col2box .voiceProf .txType02{
	font-size:3.2vw;
	padding-top:1.333vw;
}
.voice__cardList li .col2box .voiceLead{
	width:67%;
	padding-right:3%;
}
.voice__cardList li .col2box .voiceLead span{
	background-color:#fff1f3;/*#ffde3c*/
	background-image:
	radial-gradient(#fff 20%, transparent 20%),
	radial-gradient(#fff 20%, transparent 20%);
	background-size:1.6vw 1.6vw;
	background-position:0 0, 3px 3px;
	display:inline-block;
	font-size:4vw;
	font-weight:700;
	margin-bottom:1.333vw;
	padding:0.533vw 1.6vw;
}
.voice__cardList li .col2box .voiceText{
	font-size:3.467vw;
	font-weight:600;
	letter-spacing:-0.133vw;
	width:67%;
	padding-right:3%;
}
.voice__cardList li .txNote{
	color:#777;
	font-size:2vw;
	padding:2.5vw 0.5vw;
	text-align:right;
}
@media screen and (min-width:640px) {
.voice{
padding:30px 40px;
}
.voice__cardList{
padding:0 3px;
}
.voice__cardList li{
margin-bottom:30px;
}
.voice__cardList li:last-child{
margin-bottom:15px;
}
.voice__cardList li .cardWrap::after{
background-size:6px 6px;
background-position:0 0, 3px 3px;
right:-6px;
bottom:-6px;
}
.voice__cardList li .col2box{
padding:20px 0 40px;
}
.voice__cardList li .col2box:nth-of-type(1){
padding:36px 0 0;
}
.voice__cardList li .col2box .voiceNum{
width:24%;
padding-left:8%;
}
.voice__cardList li .col2box .voiceProf .txType01{
font-size:16px;
padding-top:10px;
}
.voice__cardList li .col2box .voiceProf .txType02{
font-size:13px;
padding-top:5px;
}
.voice__cardList li .col2box .voiceLead{
width:65%;
padding-top:5px;
padding-right:5%;
}
.voice__cardList li .col2box .voiceLead span{
background-size:6px 6px;
background-position:0 0, 3px 3px;
font-size:20px;
margin-bottom:10px;
padding:2px 6px;
}
.voice__cardList li .col2box .voiceText{
width:65%;
padding-right:5%;
font-size:16px;
letter-spacing:-0.5px;
}
.voice__cardList li .txNote{
font-size:14px;
padding:15px 5px 0;
}
}


/*div.about FAQ*/

.about{
	background: #fff;
    padding: 5% 3% 10% 3%;
}

.accordion-005:not([open]) {
    margin-bottom: -3%;
}

.accordion-005 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 1em;
    background-color: #f875aa;
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    margin: 13px auto;

}

.accordion-005 summary::-webkit-details-marker {
    display: none;
}

.accordion-005 summary::before,
.accordion-005 summary::after {
    width: 3px;
    height: .9em;
    border-radius: 5px;
    background-color: #fff;
    content: '';
}

.accordion-005 summary::before {
    position: absolute;
    right: 2em;
    rotate: 90deg;
}

.accordion-005 summary::after {
    transition: rotate .3s;
}

.accordion-005[open] summary::after {
    rotate: 90deg;
}

.accordion-005 p {
    transform: translateY(-10px);
    opacity: 0;
    padding: 3%;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-005[open] p {
    transform: none;
    opacity: 1;
}



/*div.cvArea CVエリア*/
.cvArea{
	background:#e1ffeb;/*b4f5cd*/
	overflow:hidden;
	padding:8vw 0;
}
.cvArea__tx01{
	margin:0 2.667vw;
}
.cvArea__tx02{
	margin:1.333vw 2.667vw 0;
}
.cvArea__coupon{
	margin:4.267vw 2.667vw 0;
}
.cvArea__btn{
	margin:5.333vw 2.667vw 0;
	animation:btn 1s infinite alternate;
}
@keyframes btn{
from{transform:scale(0.92);}
to{transform:scale(1.02);}
}
.cvArea__tx03{
	margin:5.333vw 2.667vw 0;
}
@media screen and (min-width:640px){
.cvArea{
padding:50px 10px;
}
.cvArea__tx01{
margin:0 20px;
}
.cvArea__tx02{
margin:15px 20px 0;
}
.cvArea__coupon{
margin:26px 20px 0;
}
.cvArea__btn{
margin:30px 20px 0;
}
.cvArea__tx03{
margin:30px 20px 0;
}
}


/*footer.footer*/
.footer{
	background:#fff;
	margin:0 auto;
	width:100%;
	max-width:640px;
	padding:5.333vw 0 26.667vw;
	text-align:center;
}
.footer__link{
	list-style:none;
	margin:0 auto;
	text-align:center;
	display:flex;
	justify-content:center;
}
.footer__link li{
	margin-bottom:3.733vw;
}
.footer__link li:last-child{
	margin-left:4.267vw;
}
.footer__link li a{
	color:#333;
	font-size:3.733vw;
	line-height: .6;
	letter-spacing:0.053vw;
	margin-bottom:3.733vw;
	text-decoration:none;
}
.footer__copy{
	font-size:2.933vw;
	text-align:center;
}
@media screen and (min-width: 640px){
.footer{
padding:20px 0 170px;
}
.footer__link li{
margin-bottom:14px;
}
.footer__link li:last-child{
margin-left:16px;
}
.footer__link li a{
font-size:14px;
line-height:1.6;
letter-spacing:0.2px;
margin-bottom:14px;
}
.footer__copy{
font-size:11px;
}
}

/*共通余白*/

.m10{
	margin: 10px;
}

.m20{
	margin: 20px;
}

.p10{
	padding: 10px;
}

.p20{
	padding: 20px;
}

.m-tb20{
	margin: 20px;
}
.m-lf20{
	margin: 20px;
}
.p-tb20{
	padding: 20px 0;
}

.p-lf20{
	padding: 0 20px;
}


/*store*/
.store{
width: 100%;
max-width: 640px;
margin:0 auto;
/* background: #fff; */
}

.store_title{
	font-size: clamp(2rem, 6vw, 3rem);/*最小値（スマホ）,中間値（ipad pro）,最大値（PC）*/
	text-align: center;
	margin: 20px 0 0; 
}



.store_container{
	display: flex;
	flex-direction: row;
	/* border-bottom: 1px solid #333; */
	background: white;
    box-shadow: 0 5px 10px 0 rgb(185 185 185 / 30%);
    margin-bottom: 20px;
    border-radius: 10px;
}

.store_container-leftbox{
	width: calc(50% - calc(100vw / 20));
	min-width: 140px;
}

.store_container-rightbox{
	margin-left: 20px;
	display: block;
}

.store_container-rightbox h5{
	font-size: clamp(2rem, 4vw, 2.5rem);/*最小値（スマホ）,中間値（ipad pro）,最大値（PC）*/
	margin-bottom: 20px;
	color: #F477A7;

}

.store_container-rightbox p{
	font-size: clamp(1.5rem, 3vw, 2rem);/*最小値（スマホ）,中間値（ipad pro）,最大値（PC）*/
	font-weight:500;
}
.store_container-rightbox span{
	font-size: clamp(1.5rem, 3vw, 2rem);/*最小値（スマホ）,中間値（ipad pro）,最大値（PC）*/
	display: inline-block;
}