.pc {display: block;}
.sp {display: none;}
img {width: 100%;}


/*top************/
.top{
	/*height: 840px;*/
	position: relative;
}
.top .textArea{
	position: absolute;
	top: 50%;
    left: 17vw;
    left: 17vmax;
	z-index: 10;
	-webkit-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
	display: flex;
	justify-content: center;
  align-items: center;

}
.top .logo{
	max-width: 528.2px;
	max-height: 109.2px;
	object-fit: contain;
	width: 27vw;
	width: 27vmax;
}
.top .subTitle{
	/*width: 23vw;
	width: 25vw;*/
	font-family: HiraginoSans-W6;
	font-size: 34px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.41;
	letter-spacing: 1px;
	text-align: left;
	color: #5a5a5a;
	font-size: 1.7vw;
	font-size: 1.7vmax;
	margin-top: 2.7vw;
	margin-top: 2.7vmax;
}
.top .text{
	/*width: 23.5vw;
	width: 448px;*/
	font-family: HiraginoSans-W3;
	font-size: 0.75vw;
	font-size: 0.75vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	letter-spacing: normal;
	text-align: left;
	color: #2f2f2f;
	margin-top: 1.8vw;
	margin-top: 1.8vmax;
}
.top .app {
	display: flex;
	margin-top: 2.65vw;
	margin-top: 2.65vmax;
}
.top .app li{margin-right: 1.2vw;margin-right: 1.2vmax;}
.top .app li:last-child {margin-right: 0px}
.top .app .apple img {
	width: 135px;
	height: 46px;
	margin: 7px 0;}
.top .app .google img {
	width: 153px;
	height: auto;
}
.top .app a:hover {
	opacity: 0.8;
}
/*.top .app li img {
	height: 3.3vw;
	width: auto;
}*/
.top .phoneImg{
	margin-left: 8.5vw;
	margin-left: 8.5vmax;
}
.top .phoneImg img {
	width: 27vw;
	width: 27vmax;
    margin-top: 5vw;
    margin-top: 5vmax;
}

@media only screen and (max-width:768px) {
	.top .textArea{
		position: static;
		top: auto;
		left: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		background: url(../images/sp-top-img@2x.jpg) no-repeat 0% 0%;
		background-size: 100%;
	}
	.top .logo {
		width: 37vw;
		width: 37vmax;
		margin: 0 auto;
		margin-top: 4vw;
		margin-top: 4vmax;
	}
	.top .subTitle {
		text-align: center;
		font-size: 2.45vw;
		font-size: 2.45vmax;
		line-height: 1.5;
		margin-top: 3.45vw;
		margin-top: 3.45vmax;
	}
	.spPhoneImg {
		margin-top: 1vw;
		margin-top: 1vmax;
		text-align: center;
	}
	.spPhoneImg img {width: 38.1vw;width: 38.1vmax;}
	.top .app .apple img {height: 40px; margin: 0px 0;}
	.top .app {
		justify-content: center;
		align-items: center;
		margin-top: 1.3vw;
		margin-top: 1.3vmax;
    }
    .top .text {
	    margin: 5.1vw 4.6vw 4.2vw;
	    margin: 5.1vmax 4.6vmax 4.2vmax;
		font-size: 1.83vw;
		font-size: 1.83vmax;
		line-height: 1.6
	}
}


/*getBox ************/
.getBox {
	position: relative;
}
.getBox .textArea{
	position: absolute;
	top: 50%;
    left: 15vw;
    left: 15vmax;
	z-index: 10;
	-webkit-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
}
.getBox h2{
	font-family: HiraginoSans-W6;
	font-size: 1.7vw;
	font-size: 1.7vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.65;
	letter-spacing: 1px;
	text-align: left;
	color: #5a5a5a;
	background: url(../images/get-line@2x.png) repeat-x 0% 100%;
    background-size: 100%;
    padding-bottom: 5px;
}
.getBox p{
	font-family: HiraginoSans-W6;
	font-size: 0.75vw;
	font-size: 0.75vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.87;
	letter-spacing: 0.5px;
	text-align: left;
	color: #2f2f2f;
	opacity: 0.8;
	margin-top: 1.25vw;
	margin-top: 1.25vmax;
	margin-top: 0.95vw;
	margin-top: 0.95vmax;
}
#sale {
    position: absolute;
    z-index: 10;
    right: 44.5vw;
    right: 44.5vmax;
    top: 8.5vw;
    top: 8.5vmax;
    width: 9.8vw;
    width: 9.8vmax;
    /*display: none; */
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
#coupon {
	position: absolute;
    z-index: 10;
    right: 14vw;
    right: 14vmax;
    top: 14vw;
    top: 14vmax;
    width: 9.8vw;
    width: 9.8vmax;
    /*display: none;*/
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
#sale.animation,
#coupon.animation {	
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-animation: movePop 3s ease 0.4s forwards infinite;
    animation: movePop 3s ease 0.4s forwards infinite;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}

@media only screen and (max-width:768px) {
	.getBox .textArea {
		top: 7.9vw;
		top: 7.9vmax;
		width: 40vw;
		width: 40vmax;
		/*width: 87.5%;*/
		left: 50%;
		-webkit-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
	}
	.getBox h2 {
		text-align: center;
		font-size: 2.7vw;
		font-size: 2.7vmax;
		background-size: 140%;
	}
	.getBox p {
		text-align: center;
		font-family: HiraginoSans-W3;
		line-height: 1.71;
		font-size: 1.7vw;
		font-size: 1.7vmax;
	    margin-top: 2.5vw;
	    margin-top: 2.5vmax;
	}
	#sale {
	    right: auto;
	    left: 2vw;
	    left: 2vmax;
	    width: 13.1vw;
	    width: 13.1vmax;
	    top: 26.5vw;
	    top: 26.5vmax;
		top: 38.5%;
		width: 28%;
	}
	#coupon{
		width: 13.1vw;
		width: 13.1vmax;
		right: 1.4vw;
		right: 1.4vmax;
		top: 41.5vw;
		top: 41.5vmax;
		top: 60%;
		width: 28%;
    }
}



/* barcodeBox ************/
.barcodeBox {position: relative}
.barcodeBox .textArea{
	position: absolute;
	top: 68%;
    right: 9vw;
    right: 9vmax;
	z-index: 10;
	-webkit-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
}
.barcodeBox h2{
	font-family: HiraginoSans-W6;
	font-size: 1.7vw;
	font-size: 1.7vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.82;
	letter-spacing: 1px;
	text-align: left;
	color: #2e2e2e;
	
    /**/
}
.barcodeBox h2 span{
	font-family: HiraginoSans-W6;
	font-size: 1.7vw;
	font-size: 1.7vmax;
	background: url(../images/barcode-line-1@2x.png) repeat-x 0% 100%;
    background-size: 100%;
    padding-bottom: 8px;
}
.barcodeBox p{
	font-family: HiraginoSans-W6;
	font-size: 0.75vw;
	font-size: 0.75vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.87;
	letter-spacing: 0.5px;
	text-align: left;
	color: #2f2f2f;
	opacity: 0.8;
	margin-top: 1.25vw;
	margin-top: 1.25vmax;
}
@media only screen and (max-width:768px) {
	.barcodeBox .textArea {
		top: 6.8vw;
		top: 6.8vmax;
		width: 38.45vw;
		width: 87.5%;
		left: 50%;
		-webkit-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
	}
	.barcodeBox h2 {text-align: center;}
	.barcodeBox h2 span {
		font-size: 2.9vw;
		font-size: 2.9vmax;
		background: url(../images/sp-barcode-line-1@2x.png) repeat-x 0% 100%;
        background-size: 50%;
            line-height: 1.58;
	}
	.barcodeBox p {
	    text-align: center;
	    font-family: HiraginoSans-W3;
	    line-height: 1.71;
	    font-size: 1.7vw;
	    font-size: 1.7vmax;
	    margin-top: 2.75vw;
	    margin-top: 2.75vmax;
	}
}

/* howBox ************/
.howBox{
	padding-bottom: 5.75vw;
	padding-bottom: 5.75vmax;
	background: url(../images/line@2x.png) repeat-x 0% 100%;
	background-size: 100%;
}
.howBox h2{
	text-align: center;
	color: #2f2f2f;
	margin-top: 6.5vw;
	margin-top: 6.5vmax;
}
.howBox h2 span{
	font-family: HiraginoSans-W6;
	font-size: 1.25vw;
	font-size: 1.25vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.08;
	letter-spacing: normal;
	color: #2f2f2f;
	background: url(../images/how-line@2x.png) repeat-x 0% 100%;
	background-size: 100%;
	padding-bottom: 11px;
}
.howBox ul{
	display: flex;
	justify-content: center;
	margin-top: 1.9vw;
	font-size: 1.25vmax;
}
/*added ol*/
.howBox ol{
	display: flex;
	justify-content: center;
	margin-top: 1.9vw;
	font-size: 1.25vmax;
}

.howBox li .imgBox{display: flex;}
.howBox .phone {
	width: 16vw;
	width: 16vmax;
	height: 25vw;
	height: 25vmax;
	margin-right: 2.4vw;
	margin-right: 2.4vmax;
}
.howBox  .arrow {
	width: 2.4vw;
	width: 2.4vmax;
	margin-right: 2.4vw;
	margin-right: 2.4vmax;
	margin-top: 6vw;
	margin-top: 6vmax;
}
.howBox li p{
	width: 16vw;
	width: 16vmax;
    font-family: HiraginoSans-W6;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: center;
    color: #2f2f2f;
    font-size: 0.85vw;
    font-size: 0.85vmax;
}
@media only screen and (max-width:768px) {
	.howBox {
		background: url(../images/sp-line@2x.png) repeat-x 0% 100%;
		background-size: 100%;
	}
	.howBox ul {
		display: block;
	}
/* added ol */
	.howBox ol {
		display: block;
	}
	.howBox h2{
		margin-top: 10.5vw;
		margin-top: 10.5vmax;
	}
	.howBox h2 span {
		font-size: 2.2vw;
		font-size: 2.2vmax;
		line-height: 2.78;
		background-size: 140%;
	}
	.howBox li {
		text-align: center;
	}
	.howBox li .imgBox {
		display: block;
		text-align: center;
	}
	.howBox .phone {
		width: 80%;
		height:auto;
		margin: 0 auto;
	}
	.howBox li p {
		width: 100%;
		line-height: 1.69;
		margin-top: 2.5vw;
		margin-top: 2.5vmax;
		font-size: 2vw;
		font-size: 2vmax;
	}
	.howBox li p.sp-arrow {margin-top: 0px}
	.howBox .arrow {
		margin-top: 37px;
		margin-right: 0;
	}
}

/* shopBox ************/
.shopBox h2{
	text-align: center;
	color: #2f2f2f;
	margin-top: 6.5vw;
	margin-top: 6.5vmax;
}
.shopBox h2 span{
	font-family: HiraginoSans-W6;
	font-size: 1.25vw;
	font-size: 1.25vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.08;
	letter-spacing: normal;
	color: #2f2f2f;
	background: url(../images/shop-line@2x.png) repeat-x 0% 100%;
	background-size: 100%;
	padding-bottom: 11px;
}
.shopBox ul{margin-top: 4.7vw;margin-top: 4.7vmax;}
.shopBox li{text-align: center;}
.shopBox li img{width: 9.15vw;width: 9.15vmax;}
.shopBox .addingScheduled {
	font-family: HiraginoSans-W6;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.75;
	letter-spacing: normal;
	text-align: center;
	color: #2f2f2f;
	margin-top: 4vw;
	margin-top: 4vmax;
	margin-bottom: 5.8vw;
	margin-bottom: 5.8vmax;
	font-size: 0.85vw;
	font-size: 0.85vmax;
}
@media only screen and (max-width:768px) {
	.shopBox h2 span {
		font-size: 2.2vw;
		font-size: 2.2vmax;
		line-height: 2.78;
		background-size: 140%;
	}
	.shopBox li img {
		width: 33%;
	}
	.shopBox .addingScheduled {
		font-size: 2vw;
		font-size: 2vmax;
	}
}

/* questionBox ************/
.questionBox {
	background-color: #ffdb14;
}
.questionBox h2{
	text-align: center;
	color: #2f2f2f;
	padding-top: 6.5vw;
	padding-top: 6.5vmax;
}
.questionBox h2 span{
	font-family: HiraginoSans-W6;
	font-size: 1.25vw;
	font-size: 1.25vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.08;
	letter-spacing: normal;
	color: #2f2f2f;
	background: url(../images/q-a-line@2x.png) repeat-x 0% 100%;
	background-size: 100%;
	padding-bottom: 11px;
}
/*added h3*/
.questionBox h3{
	font-family: HiraginoSans-W7;
	font-size: 1.0vw; /*0.9*/
	font-size: 1.0vmax; /*0.9*/
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.53;
	letter-spacing: normal;
	text-align: left;
	color: rgba(47, 47, 47, 0.8);
    border-bottom: 1px solid rgba(112, 112, 112, 0.7);
	padding-bottom: 11px;
	padding-top: 2.35vw;
	padding-top: 2.35vmax;
}
.questionBox .inline{
	width: 46.9vw;
	width: 46.9vmax;	
	margin: 0 auto 0;
	margin-top: 3.3vw;
	margin-top: 3.3vmax;
}
/* comment out
.questionBox dl dt img{
	
}
*/
.questionBox dl dt img.plus{
	position: absolute;
	width: 10px;
	right: 1%;
	top: 54%;
}
.questionBox dl dt img.minus{
	position: absolute;
	width: 10px;
	height: 2px;
	right: 1%;
	top: 64%;
}

.questionBox .subTitle,
.questionBox .subTitle2{
	font-family: HiraginoSans-W7;
	font-size: 0.9vw;
	font-size: 0.9vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.53;
	letter-spacing: normal;
	text-align: left;
	color: rgba(47, 47, 47, 0.8);
    border-bottom: 1px solid rgba(112, 112, 112, 0.7);
	padding-bottom: 11px;
}
.questionBox .subTitle2 {
	margin-top: 2.35vw;
	margin-top: 2.35vmax;
}
.questionBox dl {
	/*
	border-bottom: 1px solid rgba(112, 112, 112, 0.7);
	*/
	/*padding-bottom: 1.2vw;
	padding-top: 1.2vw;*/
	padding-bottom: 0.6vw;
	padding-bottom: 0.6vmax;
}
.questionBox dt {
	border-bottom: 1px solid rgba(112, 112, 112, 0.7);
	/*display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.6vw;*/
		position: relative;
}
.questionBox dt a{
	width: 100%;
    height: 100%;
    
    display: inline-block;
    padding-top: 1.2vw;
    padding-top: 1.2vmax;
    padding-bottom: 0.6vw;
    padding-bottom: 0.6vmax;
}
/*.questionBox dt a.minus{
	background: url(../images/q-a-icon_minus.svg) no-repeat 99% 70%;
    background-size: 10px 10px;
}
.questionBox dt a.plus{
	    background: url(../images/q-a-icon_plus.svg) no-repeat 99% 70%;
    background-size: 10px 10px;
}*/
.questionBox dt .link{
	width: 1.3vw;
	width: 1.3vmax;
    height: 1.3vw;
    height: 1.3vmax;
    margin-right: 1vw;
    margin-right: 1vmax;
}
.questionBox .qtext {
	font-family: HiraginoSans-W6;
    font-size: 0.95vw;
    font-size: 0.95vmax;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.94;
    letter-spacing: normal;
    text-align: left;
    color: #2f2f2f;
}
/*added atext*/
.questionBox .atext {
	font-family: HiraginoSans-W3;
	font-size: 0.94vw;
	font-size: 0.94vmax;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;  /*0.94*/
    letter-spacing: normal;
    text-align: left;
    color: #2f2f2f;
    
}
.questionBox .qtext span{
	font-family: HelveticaNeue;
    font-size: 1.7vw;
    font-size: 1.7vmax;
    font-weight: 100;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.5;
    letter-spacing: normal;
	text-align: center;
	color: #2f2f2f;
	margin-right: 1vw;
	margin-right: 1vmax;
	position: relative;
	top: 0.25vw;
	top: 0.25vmax;
}
.questionBox dl dd {
	font-family: HiraginoSans-W3;
	font-size: 0.94vw;
	font-size: 0.94vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.44;
	letter-spacing: normal;
	text-align: left;
	color: #2f2f2f;
	/* added padding-top */
	padding-top: 1.2vw;
	padding-top: 1.2vmax;
	/* added padding-top */
	padding-bottom: 0.6vw;
	padding-bottom: 0.6vmax;
	padding-left: 2.3vw;
	padding-left: 2.3vmax;
	padding-right: 6%;
	display: none;
	/*added padding-bottom */
	border-bottom: 1px solid rgba(112, 112, 112, 0.7);
}

.questionBox dl dd a {
	font-family: HiraginoSans-W3;
	font-size: 0.94vw;
	font-size: 0.94vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.44;
	letter-spacing: normal;
	text-align: left;
	color: #01ABD3;
	border-bottom: 1px solid #01ABD3;
}
@media only screen and (max-width:768px) {
	.questionBox h2 {
		padding-top: 3vw;
		padding-top: 3vmax;
	}
	.questionBox h2 span {
		font-size: 18px;
		line-height: 2.78;
		background-size: 140%;
	}
	/*added h3*/
	.questionBox h3{
	font-family: HiraginoSans-W7;
	font-size: 2vw;
	font-size: 2vmax;
/*
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.53;
	letter-spacing: normal;
	text-align: left;
	color: rgba(47, 47, 47, 0.8);
    border-bottom: 1px solid rgba(112, 112, 112, 0.7);
	padding-bottom: 11px;
	padding-top: 2.3vw;
	padding-top: 2.3vmax;
*/
	}
	.questionBox .inline {
		width: 90%;
	}
	.questionBox .subTitle, .questionBox .subTitle2 {
		line-height: 0.6;
		font-size: 2vw;
		font-size: 2vmax;
	}
	.questionBox .qtext {
		font-size: 1.7vw;
		font-size: 1.7vmax;
		line-height: 1.71;
		display: flex;
		padding-right: 7%;
	}
	.questionBox dl {
		padding-bottom: 0.9vw;
		padding-bottom: 0.9vmax;
	}
	.questionBox dt a {
		padding-top: 2.8vw;
		padding-top: 2.8vmax;
		padding-bottom: 1.9vw;
		padding-bottom: 1.9vmax;
	}
	/*.questionBox dt a.plus {
    	background: url(../images/q-a-icon_plus.svg) no-repeat 99% 2.8vw;
    	background: url(../images/q-a-icon_plus.svg) no-repeat 99% 57%;
    	background-size: 15px 15px;
    	background-size: 2.6vmax;
    }
    .questionBox dt a.minus {
        background: url(../images/q-a-icon_minus.svg) no-repeat 99% 4vw;
        background: url(../images/q-a-icon_minus.svg) no-repeat 99% 57%;
        background-size: 15px 15px;
        background-size: 2.3vmax 2px;
    }*/
    .questionBox dl dd { 
		font-size: 1.7vw;
		font-size: 1.7vmax;
		padding-left: 4vw;
		padding-left: 4vmax;
	}
	.questionBox dl dd a { 
		font-size: 1.7vw;
		font-size: 1.7vmax;
		
	}
	.questionBox .atext{
		font-size: 1.7vw;
		font-size: 1.7vmax;
		font-weight: normal;
	}
	.questionBox .qtext span :target{
		font-size: 3.4vw;
		font-size: 3.4vmax;
		top: 0.5vw;
		top: 0.5vmax;
		font-weight: normal;
	}
	.questionBox .subTitle2 {
		margin-top: 5.3vw;
		margin-top: 5.3vmax;
	}
	.questionBox dl dt img.plus{
		position: absolute;
		width: 2.5vw;
		width: 2.5vmax;
		top: 35%;
	}
	.questionBox dl dt img.minus{
		position: absolute;
		width: 2.5vw;
		width: 2.5vmax;
		height: 2px;
		right: 1%;
		top: 48%;
	}
}


/*inquiryBox ************/
.inquiryBox {
	position: relative;
}
.inquiryBox .inline{
/*
	width: 70.0vw;
	width: 70.0vmax;	
*/	
	width: 80%;
	margin: 0 auto 0;
	margin-top: 3.3vw;
	margin-top: 3.3vmax;
}
/*
.inquiryBox .textArea{
	position: absolute;
	top: 50%;
    left: 15vw;
    left: 15vmax;
	z-index: 10;
	-webkit-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
}
*/
.inquiryBox h1{
	font-family: HiraginoSans-W6;
	font-size: 2.2vw;
	font-size: 2.2vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.65;
	letter-spacing: 1px;
	text-align: center;
	color: #5a5a5a;
	background-color: #ffdb14;
	margin-bottom: 2.2vw;
	margin-bottom: 2.2vmax;
}
.inquiryBox h2{
	font-family: HiraginoSans-W6;
	font-size: 1.5vw;
	font-size: 1.5vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.00;
	letter-spacing: 1px;
	background: url(../images/barcode-line-1@2x.png) repeat-x 0% 100%;
    background-size: 100%;
    padding-bottom: 8px;
	text-align: left; 
	margin-top: 1.25vw;
	margin-top: 1.25vmax;
}
.inquiryBox p{
	font-family: HiraginoSans-W6;
	font-size: 1.2vw;
	font-size: 1.2vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.87;
	letter-spacing: 0.5px;
	text-align: left;
	color: #2f2f2f;
	opacity: 0.8;
	margin-top: 0.75vw;
	margin-top: 0.75vmax;
}
.inquiryBox .inquiry{
	font-family: HiraginoSans-W6;
	font-size: 2.0vw;
	font-size: 2.0vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.00;
	letter-spacing: 0.5px;
	text-align: center;
	color: #2f2f2f;
}
.inquiryBox .btn{
	border-radius:5px;
	background-color: #dddddd;
	padding: 10px;
	text-align: center;
	color: #2f2f2f;
	font-size: 1.5vw;
	font-size: 1.5vmax;
	margin-top: 3.75vw;
	margin-top: 3.75vmax;
	margin-bottom: 3.75vw;
	margin-bottom: 3.75vmax;
}
.inquiryBox .copyright p{
	color: #2f2f2f;
	text-align: center;
	margin-bottom: 3.75vw;
	margin-bottom: 3.75vmax;
}

@media only screen and (max-width:768px) {
	.inquiryBox .inline {
		width: 90%;
	}
/*
	.inquiryBox .textArea {
		top: 7.9vw;
		top: 7.9vmax;
		width: 40vw;
		width: 40vmax;
		width: 87.5%;
		left: 50%;
		-webkit-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
	}
*/
	.inquiryBox h1 {
		text-align: center; 
		font-size: 2.7vw;
		font-size: 2.7vmax;
		line-height: 2.78;
		background-size: 140%;
	}
	.inquiryBox h2 {
		text-align: left; 
		font-size: 1.6vw;
		font-size: 1.6vmax;
		margin-top: 2.5vw;
	    margin-top: 2.5vmax;

		line-height: 2.20;
		background-size: 140%;
	}
	.inquiryBox p {
		text-align: left;
		font-family: HiraginoSans-W3;
		line-height: 1.71;
		font-size: 1.3vw;
		font-size: 1.3vmax;
	    margin-top: 0.5vw;
	    margin-top: 0.5vmax;
		margin-left: 2.5vw;
		margin-left: 2.5vmax;
		margin-right: 2.5vw;
		margin-right: 2.5vmax;
	}
}


footer {
	background-color: #ffdb14;
/*	padding-top: 5vw;
	padding-top: 5vmax; */
	padding-top: 2.6vw;
	padding-top: 2.6vmax;
	text-align: center;
}
footer .contact{
	font-family: HiraginoSans-W6;
	font-size: 0.75vw;
	font-size: 0.75vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.86;
	letter-spacing: normal;
	text-align: center;
	color: #2f2f2f;
}
footer .contact a span{
	font-family: HelveticaNeue;
	font-size: 0.75vw;
	font-size: 0.75vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.8;
	letter-spacing: normal;
	text-align: center;
	color: #01abd3;
	margin-left: 10px;
	border-bottom: 1px solid #01ABD3;
}
footer .subTitle {
	font-family: HiraginoSans-W6;
	font-size: 0.95vw;
	font-size: 0.95vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: normal;
	text-align: center;
	color: #2f2f2f;
	margin-top: 4.3vw;
	margin-top: 4.3vmax;
}
footer h3 {
	font-family: HiraginoSans-W6;
	font-size: 2vw;
	font-size: 2vmax;
	margin-top: 1.5vw;
	margin-top: 1.5vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.32;
	letter-spacing: normal;
	text-align: center;
	color: #2f2f2f;
}
footer .subTitle3 {
	font-family: HiraginoSans-W6;
	font-size: 0.95vw;
	font-size: 0.95vmax;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #2f2f2f;
	margin-top: 1vw;
	margin-top: 1vmax;
}
footer .subTitle4 {
	font-family: HiraginoSans-W6;
	font-size: 0.95vw;
	font-size: 0.95vmax;
	font-weight: nomal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #2f2f2f;
	margin-top: 0;
}
footer .app {
	display: flex;
	justify-content: center;
	align-items: center;	
	margin-top: 0vw;
	margin-top: 0vmax;
}
footer .app li {
    margin-right: 1.2vw;
    margin-right: 1.2vmax;
}
footer .app li:last-child {
	margin-right: 0px;
	margin-left: 0px;
}
/*footer .app li img {
    height: 3.3vw;
    width: auto;
}*/
footer .app .icon img {width: auto; height: 80px;}
footer .app .apple img {width: 135px; height: 46px; margin: 10px 0;}
footer .app .google img {
	width: 153px;
	height: auto;
}
footer small{
	font-family: SFProText;
	font-size: 0.7vw;
	font-size: 0.7vmax;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.54;
	letter-spacing: normal;
	text-align: center;
	color: #2f2f2f;
	display: inline-block;
	margin-top: 4.6vw;
	margin-top: 4.6vmax;
	margin-bottom: 26px;
}
footer .app a:hover {
	opacity: 0.8;
}
footer .footerMenu {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 5vw;
	margin-top: 5vmax;
}
footer .footerMenu li{
	border-left: 1px solid #707070;
	padding: 0 2vw;
	padding: 0 2vmax;
}
footer .footerMenu li:last-child {
	border-right: 1px solid #707070;
}
footer .footerMenu a{
	font-family: HiraginoSans-W6;
	font-size: 0.95vw;
	font-size: 0.95vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: normal;
	text-align: center;
	color: #2f2f2f;
}
footer .footerMenu a:hover{opacity: 0.8}
footer .trademark{
	font-family: HelveticaNeue;
	font-size: 0.9vw;
	font-size: 0.9vmax;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.14;
	letter-spacing: normal;
	text-align: center;
	color: #707070;
	margin-top: 4.5vw;
	margin-top: 4.5vmax;
}

@media only screen and (max-width:768px) {
	.pc {display: none;}
	.sp {display: block;}
	footer {
		padding-top: 2.8vw;
		padding-top: 2.8vmax;
	}
	footer .contact {
		font-size: 1.5vw;
		font-size: 1.5vmax;
	}
	footer .contact a{
		margin-top: 2.0vw;
		margin-top: 2.0vmax;
		display: block;
	}
	footer .contact a span{
		font-size: 1.5vw;
		font-size: 1.5vmax;
	}
	footer .subTitle {
		line-height: 1.56;
		font-size: 2.4vw;
		font-size: 2.4vmax;
		margin-top: 6vw;
		margin-top: 6vmax;
	}
	footer .subTitle3 {
		font-size: 2.4vw;
		font-size: 2.4vmax;
		margin-top: 4vw;
		margin-top: 4vmax;
	}
	footer .subTitle4 {
		font-size: 1.5vw;
		font-size: 1.5vmax;
		margin-top: 0;
	}
	footer h3 {
		line-height: 1.11;
		margin-top: 2.9vw;
		margin-top: 2.9vmax;
		font-size: 3.3vw;
		font-size: 3.3vmax;
	}
	footer .app {margin-top: 2vw;margin-top: 2vmax;}
	/*footer .app li img {height: 6vw;}*/
	footer .app .icon img {height: 50px;margin: 0;}
	footer .app .apple img {height: 40px; margin: 0;}
	}
	footer small {
		margin-top: 9.5vw;
		margin-top: 9.5vmax;
		font-size: 1vw;
		font-size: 1vmax;
	}
	footer .footerMenu {
		margin-top: 8vw;
		margin-top: 8vmax;
	}
	footer .trademark {
		line-height: inherit;
		font-size: 1.65vmax;
	}
}
	
	
	
	
}