@charset "UTF-8";

@font-face {
  font-family: "GenShinGothic-medium";
  src: url("../fonts/GenShinGothic-Medium.woff") format("woff");
  font-weight: normal;
}

@font-face {
  font-family: "GenShinGothic-heavy";
  src: url("../fonts/GenShinGothic-Heavy.woff") format("woff");
  font-weight: normal;
}

@font-face {
  font-family: "GenShinGothic-bold";
  src: url("../fonts/GenShinGothic-Bold.woff") format("woff");
  font-weight: normal;
}

@font-face {
  font-family: "HannariMincho-Regular";
  src: url("../fonts/HannariMincho-Regular.woff") format("woff");
  font-weight: normal;
}

@font-face {
  font-family: "NotoSansJP-Medium";
  src: url("../fonts/NotoSansJP-Medium.woff") format("woff");
  font-weight: normal;
}

@font-face {
  font-family: "Philosopher-Regular";
  src: url("../fonts/Philosopher-Regular.woff") format("woff");
  font-weight: normal;
}

@font-face {
  font-family: "Philosopher-Italic";
  src: url("../fonts/Philosopher-Italic.woff") format("woff");
  font-weight: normal;
}


/*ヘッダー*/

.header {
  height: calc( 910/ 1366 * 100vw);
  width:100%;
  position: relative;
  background-image:url("../img/header.jpg");
  background-size: cover;
  
}

.header-container {
  height: calc( 770.59/ 1366 * 100vw);
  width: calc( 639/ 1366 * 100vw);
  position: absolute;
  top:calc( 64.4/ 1366 * 100vw);
  right: calc( 20.3/ 1366 * 100vw);
  left: calc( 706.7/ 1366) ;

}

.heading h1{
  font-family: "HannariMincho-Regular";
  font-size: calc( 70/ 1366 * 100vw);
  color: #63977E;
  line-height: calc( 80/ 1366 * 100vw);
  letter-spacing: 0.12em;
  font-weight: normal;
}

.product-name {
  font-family: "NotoSansJP-Medium";
  color: #212529;
  font-size: calc( 28/ 1366 * 100vw);
  margin-top: calc( 14.1/ 1366 * 100vw);
  letter-spacing: 0.08em;
  line-height: calc( 36/ 1366 * 100vw);
}

.product-pic-shampoo img{
  height: calc( 367/ 1366 * 100vw);
  width: calc( 390/ 1366 * 100vw);
  margin-top: calc( 30/ 1366 * 100vw);
  margin-left: calc( 110/ 1366 * 100vw);

}

.number-natural {
  margin-top: calc( 54/ 1366 * 100vw);
  width: calc( 256/ 1366 * 100vw);
  margin-left:  calc( 73.7/ 1366 * 100vw);
}

.number {
  width: calc( 218/ 1366 * 100vw);
  height: calc( 38/ 1366 * 100vw);
  font-family: Philosopher-Regular, NotoSansJP-Medium;
  font-size: calc( 34/ 1366 * 100vw);
  letter-spacing: 0.02em;
  line-height: calc( 36/ 1366 * 100vw);
  background-image: linear-gradient(transparent 0%,transparent 80%, #b391a2 80%, #b391a2 100%);
  position: absolute;
  top:  calc( 672/ 1366 * 100vw);
  left: calc( -3/ 1366 * 100vw);
}

.natural {
  font-family: NotoSansJP-Medium;
  font-size: calc( 34/ 1366 * 100vw);
  letter-spacing: 0.02em;
  line-height: calc( 36/ 1366 * 100vw);
  width: calc( 75/ 1366 * 100vw);
  /*background-image: linear-gradient(transparent 0%,transparent 80%, #b391a2 80%, #b391a2 100%);*/

}

.de {
  font-family: NotoSansJP-Medium;
  font-size: calc( 34/ 1366 * 100vw);
  letter-spacing: 0.02em;
  line-height: calc( 36/ 1366 * 100vw);
  position: absolute;
    right: calc( 392/ 1366 * 100vw);;
}

.linear-gradient1 {
  background-image: linear-gradient( to right, #B391A2, #B391A2);
	background-size: 100% 90%;
	background-position: bottom;
	width: calc( 215/ 1366 * 100vw);
	height: calc( 8/ 1366 * 100vw);
}

.explain {
  width: calc( 643/ 1366 * 100vw);
  font-family: HannariMincho-Regular;
  font-size: calc( 45/ 1366 * 100vw);
  letter-spacing: 0.06em;
  line-height: calc( 80/ 1366 * 100vw);
  position: absolute;
  left: calc( -3/ 1366 * 100vw);
  bottom: calc( -6/ 1366 * 100vw);;
}

.explain span {
  background-image: linear-gradient(transparent 0%,transparent 80%, #b391a2 80%, #b391a2 100%);
  padding-bottom: calc( 6/ 1366 * 100vw);
}

/*インスタ紹介*/

.insta-container {
  margin: calc( 38/ 1366 * 100vw) calc( 141/ 1366 * 100vw) calc( 58/ 1366 * 100vw);
}

.insta-title {
  width: calc( 899/ 1366 * 100vw);
  height: calc( 114/ 1366 * 100vw);
}

.insta-title img{
  width: calc( 970/ 1366 * 100vw);
  margin-left: calc( 50/ 1366 * 100vw);
}

.critic {
  font-family: NotoSansJP-Medium;
  text-align: center;
  font-size: calc( 34/ 1366 * 100vw);
  margin: calc( 17/ 1366 * 100vw) 0 calc( 46/ 1366 * 100vw);
  color: #212529;
  letter-spacing: 0.01em;
  line-height: calc( 36/ 1366 * 100vw);
}

.insta-pic {
  vertical-align: bottom;
}

.insta-pic img {
  width: calc( 172/ 1366 * 100vw);
  height: calc( 172/ 1366 * 100vw);
  vertical-align: bottom;
}

.post-container {
  display: flex;
  justify-content: space-between;
}

.inst {
  padding: calc( 10/ 1366 * 100vw);
}

.insta-post {
  width: calc( 172/ 1366 * 100vw);
  height: calc( 345/ 1366 * 100vw);  
  border: 1px solid #A9A9A9;
  border-top: none;
}

.insta-post1{
  width: calc( 172/ 1366 * 100vw);
  height: calc( 345/ 1366 * 100vw);  
  border: 1px solid grey;
  border-top: none;
}

.insta-post2 {
   width: calc( 172/ 1366 * 100vw);
  height: calc( 345/ 1366 * 100vw);  
  border: 1px solid grey;
  border-top: none;
}

.insta-post3 {
   width: calc( 172/ 1366 * 100vw);
  height: calc( 345/ 1366 * 100vw);  
  border: 1px solid grey;
  border-top: none;
}

.insta-icon {
  width: calc( 86.29/ 1366 * 100vw);
  height: calc( 30/ 1366 * 100vw);
  display: flex;
  margin-top: calc( 0/ 1366 * 100vw) ;
  margin-bottom: calc( 10/ 1366 * 100vw);
}

.insta-icon p {
  font-family: NotoSansJP-Medium;
  font-size: calc( 16/ 1366 * 100vw);
  line-height: calc( 36/ 1366 * 100vw);
  width: calc( 62/ 1366 * 100vw);
  display: flex;
  align-items: center;
  margin-left: calc( 7/ 1366 * 100vw);
  
}

.insta-icon img {
  width: calc( 30/ 1366 * 100vw);
  height: calc( 30/ 1366 * 100vw);
}

.sample-p {
  width: calc( 150.93/ 1366 * 100vw);
  height: calc( 219.01/ 1366 * 100vw);
  
}

.sample-p p {
  /*width: calc( 150.93/ 1366 * 100vw);*/
  /*height: calc( 219.01/ 1366 * 100vw);*/
  font-family: NotoSansJP-Medium;
  font-size: calc( 16/ 1366 * 100vw);
  line-height: calc( 22/ 1366 * 100vw);
  
}

.date {
  width: calc( 150.93/ 1366 * 100vw);
  height:calc( 51.06/ 1366 * 100vw);
}
.date p {
  font-family: NotoSansJP-Medium;
  font-size: calc( 16/ 1366 * 100vw);
  text-align: right;
  margin-top: calc( 14/ 1366 * 100vw);
}

/*初回限定キャンペーン*/

.product-1 {
  width: calc( 1366/ 1366 * 100vw);
  height: calc( 818/ 1366 * 100vw);
  background-image: url("../img/cv.jpg");
  background-size: cover;
  position: relative;
}
.product-header {
  text-align: center;
  /*margin-top: calc( 100/ 1366 * 100vw);*/
}

.product-header img {
  width: calc( 946/ 1366 * 100vw);
  margin-top: calc( 61/ 1366 * 100vw);
}

.product-pic1 {
  margin: calc( 70/ 1366 * 100vw) 0 calc( 169/ 1366 * 100vw) calc( 137/ 1366 * 100vw);
}

.product-pic1 img{
  height: calc( 367/ 1366 * 100vw);
  width: calc( 390/ 1366 * 100vw);
}

.img-shampoo {
  opacity: 0;
}

.product p {
  width: calc( 296/ 1366 * 100vw);
  height: calc( 40/ 1366 * 100vw);
}

.product-p p{
  font-family: NotoSansJP-Medium;
  font-size: calc( 28/ 1366 * 100vw);
  line-height: calc( 36/ 1366 * 100vw);
  position: absolute;
  left: calc( 191/ 1366 * 100vw);
  bottom: calc( 126/ 1366 * 100vw);
}

.bio-shampoo {
  font-family: HannariMincho-Regular;
  font-size: calc( 55/ 1366 * 100vw);
  position: absolute;
  bottom: calc( 499/ 1366 * 100vw);
  left: calc( 570/ 1366 * 100vw);
  line-height: calc( 36/ 1366 * 100vw);
}


.organic p {
  font-family: NotoSansJP-Medium;
  font-size: calc( 28/ 1366 * 100vw);
  line-height: calc( 36/ 1366 * 100vw);
  letter-spacing: 0.02em;
  position: absolute;
  right: calc( 452/ 1366 * 100vw);
  bottom:calc( 449/ 1366 * 100vw);
}

.line {
  width: calc( 635/ 1366 * 100vw);;
  height: calc( 1/ 1366 * 100vw);;
  border:solid 1px #91B3A2;
  position: absolute;
  bottom: calc( 424/ 1366 * 100vw);
  right: calc( 148/ 1366 * 100vw);
}

.normal-price {
  position: absolute;
  top: calc( 411/ 1366 * 100vw);
  right: calc( 568/ 1366 * 100vw);
  width: calc( 242/ 1366 * 100vw);
}

.normal-price p {
  font-family: Philosopher-Regular ,NotoSansJP-Medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: 0.5;
  text-decoration: line-through;
  margin-top: calc( 52/ 1366 * 100vw);
  position: absolute;
  width: calc( 263/ 1366 * 100vw);
  top:calc( -31/ 1366 * 100vw);;
  left:calc( 24/ 1366 * 100vw);;
}


.first-time {
  position: absolute;
  top: calc( 453/ 1366 * 100vw);
  right:calc( 544/ 1366 * 100vw);
  margin-top: calc( 9/ 1366 * 100vw);
}

.first-time p {
  font-family: NotoSansJP-Medium;
  font-size: calc( 30/ 1366 * 100vw);
  line-height: calc( 36/ 1366 * 100vw);
}

.price {
  position: absolute;
  top: calc( 424/ 1366 * 100vw);
  right:calc( 230/ 1366 * 100vw);
}

.price-number {
  font-family: Philosopher-Regular;
  font-size: calc( 108/ 1366 * 100vw);
  color: #FF0000;
  line-height: calc( 68.17/ 1366 * 100vw);
}

.yen {
  font-family: NotoSansJP-Medium;
  font-size: calc( 52/ 1366 * 100vw);
  line-height: calc( 68.17/ 1366 * 100vw);
  color: #FF0000;
}

.tax {
  font-family: NotoSansJP-Medium;
  font-size: calc( 27/ 1366 * 100vw);
  letter-spacing: 0.02em;
  line-height: calc( 36/ 1366 * 100vw);
  position: absolute;
  top: calc( 465/ 1366 * 100vw);
  right:calc( 150/ 1366 * 100vw);
}

.form-try {
  position: absolute;
  right: calc( 142/ 1366 * 100vw);
  top: calc( 530/ 1366 * 100vw);
}

.triangle {
  width: calc( 45.97/ 1366 * 100vw);
  height: calc( 39.81/ 1366 * 100vw);
  color:  #FFFFFF;
}

.try-button {
  font-family: HannariMincho-Regular;
  letter-spacing: 0.1em;
  line-height: calc( 36/ 1366 * 100vw);
  color: #fff;
  background:linear-gradient(#9BBAAA, #A7C2B4);
  font-size: calc( 51/ 1366 * 100vw);
  border-radius: calc( 13/ 1366 * 100vw);
  width: calc( 635/ 1366 * 100vw);
  height: calc( 102/ 1366 * 100vw);
  margin-right: calc( 5/ 1366 * 100vw);
}

.try-now {
  margin-bottom: 5px;
}


.cancel {
  font-family: NotoSansJP-Medium;
  font-size: calc( 41/ 1366 * 100vw);
  line-height: calc( 36/ 1366 * 100vw);
  color: #BC0000;
  position: absolute;
  right: calc( 533/ 1366 * 100vw);
  top:calc( 659/ 1366 * 100vw);
}

.cancel1 {
 background-image: linear-gradient(transparent 0%,transparent 80%, #b391a2 80%, #b391a2 100%);
 padding-bottom: calc( 3/ 1366 * 100vw);
}

/*.linear-gradient3 {*/
/*  background-image: linear-gradient( to right, #B391A2, #B391A2);*/
/*	background-size: 100% 70%;*/
/*	background-position: bottom;*/
/*  width: calc( 245/ 1366 * 100vw);*/
/*  height: calc( 13/ 1366 * 100vw);*/
/*  position: absolute;*/
/*  top:calc( 699/ 1366 * 100vw);*/
/*  right: calc( 533/ 1366 * 100vw);*/
/*}*/

.minimum {
  font-family: NotoSansJP-Medium;
  font-size: calc( 29/ 1366 * 100vw);
  letter-spacing: 0.03em;
  line-height: calc( 36/ 1366 * 100vw);
  position: absolute;
  top:calc( 720/ 1366 * 100vw);
  right: calc( 333/ 1366 * 100vw);
}

/*満足度チェック*/

.satisfy-check {
  width: calc( 1366/ 1366 * 100vw);
  height: calc( 840/ 1366 * 100vw);
  background-image:url("../img/empathy.jpg");
  background-size: cover;
  position: relative;
}

.my-hair {
  background-image: linear-gradient(transparent 0%,transparent 81%, #b391a2 80%, #b391a2 100%);
  padding-bottom:  calc( 10/ 1366 * 100vw);
}

/*.satisfy-heading {*/
/*  font-family: HannariMincho-Regular;*/
/*  text-align: center;*/
/*  font-size: calc( 74/ 1366 * 100vw);*/
/*  letter-spacing: 0.07em;*/
/*  line-height: calc( 36/ 1366 * 100vw);*/
/*	color: #63977E;*/
/*	padding-top: calc( 120/ 1366 * 100vw);*/
/*}*/

.hair-satisfy {
  font-family: HannariMincho-Regular;
  text-align: center;
  font-size: calc( 74/ 1366 * 100vw);
  letter-spacing: 0.07em;
  top: 71px;
    left: 93px;
    position: absolute;
	color: #63977E;
	
}


.check img {
  width: calc( 28/ 1366 * 100vw);
  height: calc( 26/ 1366 * 100vw);
  position: absolute;
  top:calc( 328/ 1366 * 100vw);
  left: calc( 137/ 1366 * 100vw);
}

.check1 img {
  width: calc( 28/ 1366 * 100vw);
  height: calc( 26/ 1366 * 100vw);
  position: absolute;
  top:calc( 413/ 1366 * 100vw);
  left: calc( 137/ 1366 * 100vw);
}

.check2 img {
  width: calc( 28/ 1366 * 100vw);
  height: calc( 26/ 1366 * 100vw);
  position: absolute;
  top:calc( 498/ 1366 * 100vw);
  left: calc( 137/ 1366 * 100vw);
}

.check3 img {
  width: calc( 28/ 1366 * 100vw);
  height: calc( 26/ 1366 * 100vw);
  position: absolute;
  top:calc( 583/ 1366 * 100vw);
  left: calc( 137/ 1366 * 100vw);
}

.check-container {
  width: calc( 509/ 1366 * 100vw);
  height: calc( 289/ 1366 * 100vw);
  position: absolute;
  left: calc( 183/ 1366 * 100vw);
  top:calc( 295/ 1366 * 100vw);
}

.check-container p {
  font-family: NotoSansJP-Medium;
  font-size: calc( 28/ 1366 * 100vw);
  line-height: calc( 86/ 1366 * 100vw);
  letter-spacing: 0.07em
}

.etc {
  font-family: NotoSansJP-Medium;
  font-size: calc( 28/ 1366 * 100vw);
  line-height: calc( 87/ 1366 * 100vw);
  letter-spacing: 0.07em;
  position: absolute;
  left: calc( 135/ 1366 * 100vw);
  top: calc( 639/ 1366 * 100vw);
}

/*原因*/
.reason {
  width: calc( 1366/ 1366 * 100vw);
  height: calc( 1160/ 1366 * 100vw);
  position: relative;
}

.reason-container {
  width: calc( 1366/ 1366 * 100vw);
  height: calc( 608/ 1366 * 100vw);
  background-image:url("../img/exhibit1.jpg");
  background-size: cover;
  position: relative;
}

.reason-container2 {
  width: calc( 1366/ 1366 * 100vw);
  height: calc( 555/ 1366 * 100vw);
  background-image:url("../img/exhibit2.jpg");
  background-size: cover;
  position: relative;
}

.reason-heading {
  font-family: HannariMincho-Regular;
  font-size: calc( 48/ 1366 * 100vw);
  line-height: calc( 36/ 1366 * 100vw);
  letter-spacing: 0.03em;
  color: #63977E;
  position: absolute;
  top: calc( 53.5/ 1366 * 100vw);
  left: calc( 134.5/ 1366 * 100vw);
}

.linear-gradient5 {
 background-image: linear-gradient(transparent 0%,transparent 80%, #b391a2 80%, #b391a2 100%);
  padding-bottom: calc( 10/ 1366 * 100vw);
}



.reasons-p {
  width: calc( 612.18/ 1366 * 100vw);
  height: calc( 270/ 1366 * 100vw);
  position: absolute;
  top: calc( 178/ 1366 * 100vw);
  left:  calc( 132.4/ 1366 * 100vw);
  
}

.reasons-p p {
  font-family: NotoSansJP-Medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 38/ 1366 * 100vw);
  letter-spacing: 0.01em;
  margin-top :calc( 42/ 1366 * 100vw);;
}

.hair_imgs_r {
  width: calc( 408/ 1366 * 100vw);
  height: calc( 272/ 1366 * 100vw);
  position: absolute;
  right: calc( 138/ 1366 * 100vw);
  top: calc( 223/ 1366 * 100vw);
  opacity: 0;
}

.hair_imgs_l {
  width: calc( 408/ 1366 * 100vw);
  height: calc( 272/ 1366 * 100vw);
 position: absolute;
    top: calc( 182/ 1366 * 100vw);;
    left: calc( 135/ 1366 * 100vw);;
  opacity: 0;
}

.dakara {
  position: absolute;
  left: calc( 520/ 1366 * 100vw);
  top: calc( 565/ 1366 * 100vw);
  z-index: 1;
}

.dakara img {
  width: calc( 325/ 1366 * 100vw);
  height: calc( 108/ 1366 * 100vw);
}

.reason2-heading {
  font-family: HannariMincho-Regular;
  font-size: calc( 48/ 1366 * 100vw);
  line-height: calc( 36/ 1366 * 100vw);
  letter-spacing: 0.03em;
  color: #63977E;
  position: absolute;
  /*top: calc( 53.5/ 1366 * 100vw);*/
  /*left: calc( 134.5/ 1366 * 100vw);*/
  margin-top: calc( 90.6/ 1366 * 100vw);
  margin-left: calc( 134.5/ 1366 * 100vw);
}

/*.hair_imgs_l img{*/
/*  width: calc( 408/ 1366 * 100vw);*/
/*  height: calc( 272/ 1366 * 100vw);*/
/*  margin-top: calc( 196/ 1366 * 100vw);*/
/*  margin-left: calc( 137/ 1366 * 100vw);*/
/*}*/

.reasons2-p {
  width: calc( 612.18/ 1366 * 100vw);
  height: calc( 240.78/ 1366 * 100vw);
  position: absolute;
  right: calc( 140/ 1366 * 100vw);
  bottom: calc( 125/ 1366 * 100vw);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.reasons2-p p{
  font-family: NotoSansJP-Medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 38/ 1366 * 100vw);
  letter-spacing: 0.01em;
}

/*<--こだわりポイント-->*/

.product-detail {
  background-image: url("..img/benefit.jpg");
  background-size: cover;
  /*height: calc( 1981/ 1366 * 100vw); */
  width: calc( 1366/ 1366 * 100vw);
}

.detail-heading {
  font-family: HannariMincho-Regular;
  font-size: calc( 68/ 1366 * 100vw); 
  line-height: calc( 80/ 1366 * 100vw); 
  letter-spacing: 0.07em;
  color: #63977E;
  text-align: center;
  margin-top: calc( 95/ 1366 * 100vw); 
}

.img-detail {
  opacity: 0;
  width: calc( 423/ 1366 * 100vw);
  height: calc( 282/ 1366 * 100vw);
 
}

.img-ingr {
  width: calc( 423/ 1366 * 100vw);
  height: calc( 282/ 1366 * 100vw);
  opacity: 0;
}

.ingre-description {
   width: calc( 1093.67/ 1366 * 100vw); 
   height: calc( 404.91/ 1366 * 100vw); 
   margin-left: calc( 135.4/ 1366 * 100vw); 
   margin-top: calc( 80.2/ 1366 * 100vw); 
   display: flex;
   justify-content: space-between;
}

.detail-subheading {
  font-family: HannariMincho-Regular;
  font-size: calc( 48/ 1366 * 100vw); 
  line-height: calc( 80/ 1366 * 100vw); 
  letter-spacing: 0.03em;
  width: 54%;
  margin-bottom: calc( 10/ 1366 * 100vw); ;
}

.linear-gradient6 {
  background-image: linear-gradient(transparent 0%,transparent 80%, #b391a2 80%, #b391a2 100%);
}

.hundred-p {
  height: calc( 315.78/ 1366 * 100vw); 
  font-family: NotoSansJP-Medium;
  font-size: calc( 27/ 1366 * 100vw); 
  line-height: calc( 40/ 1366 * 100vw); 
  width: calc( 601.2/ 1366 * 100vw); 
  margin-top: calc( 13.7/ 1366 * 100vw);
  letter-spacing: 0;
}

/*.benefit-pic img {*/
/*  width: calc( 423/ 1366 * 100vw);*/
/*  height: calc( 282/ 1366 * 100vw);*/
/*  margin-top: calc( 17/ 1366 * 100vw);*/
/*  opacity: 0;*/
/*}*/

.benefit-pic p {
  font-family: NotoSansJP-Medium;
  letter-spacing: 0.03em;
  font-size: calc( 24/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  text-align: center;
  /*width: calc( 422.87/ 375 * 100vw);*/
  /*height: calc( 93.74/ 375 * 100vw);*/
}

.line2 {
  width: calc( 588/ 1366 * 100vw);
  height: calc( 1/ 1366 * 100vw);
  border: solid 1px  #212529;
  margin-top: calc( 20.1/ 1366 * 100vw);;
}

.hair-ingre {
  width: calc( 1093.67/ 1366 * 100vw); 
  height: calc( 404.91/ 1366 * 100vw); 
  margin-left: calc( 135.4/ 1366 * 100vw); 
  margin-top: calc( 80.2/ 1366 * 100vw); 
  display: flex;
  justify-content: space-between;
  

}

.black-ingre {
  font-family: HannariMincho-Regular;
  font-size: calc( 48/ 1366 * 100vw); 
  line-height: calc( 80/ 1366 * 100vw); 
  letter-spacing: 0.03em;
}

.ingre-p {
  height: calc( 315.78/ 1366 * 100vw); 
  width: calc( 609/ 1366 * 100vw); 
  font-family: NotoSansJP-Medium;
  font-size: calc( 27/ 1366 * 100vw); 
  line-height: calc( 40/ 1366 * 100vw); 
  margin-top: calc( 13.7/ 1366 * 100vw);
  letter-spacing: 0;
}


.reverse {
  flex-direction: row-reverse;
  text-align: left;
  justify-content: space-between;
}  

.colagen {
  height: calc( 93.74/ 1366 * 100vw); 
  width: calc( 339.87/ 1366 * 100vw); 
  font-family: NotoSansJP-Medium;
  font-size: calc( 24/ 1366 * 100vw); 
  line-height: calc( 36/ 1366 * 100vw); 
  margin-left: calc( 37/ 1366 * 100vw); 
}

/*<!--商品使い方-->*/
.how-use {
  width: calc( 1366/ 1366 * 100vw); 
  height: calc( 1927/ 1366 * 100vw); 
  background-image:url("../img/use.jpg");
  background-size: cover;
  position: relative;
}

.use-heading {
  font-family: HannariMincho-Regular;
  font-size: calc( 68/ 1366 * 100vw); 
  line-height: calc( 80/ 1366 * 100vw); 
  letter-spacing: 0.03em;
  text-align: center;
  margin-top: calc( 87/ 1366 * 100vw); 
  color: #63977E;
}

.use-container {
  width: calc( 1092/ 1366 * 100vw); 
  height: calc( 306/ 1366 * 100vw); ; 
  /*text-align: center;*/
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: calc( 23/ 1366 * 100vw);
  
  align-items: center;
}

.use-container1 {
  width: calc( 1092/ 1366 * 100vw); 
  height: calc( 306/ 1366 * 100vw); 
  /*text-align: center;*/
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: calc( 27/ 1366 * 100vw);
  align-items: center;
}

.use-border {
   background-color: #808080;
    width: calc( 1092/ 1366 * 100vw);
    height: calc( 1/ 1366 * 100vw);
    margin-left:  calc( 134/ 1366 * 100vw);
    margin-top:  calc( 20/ 1366 * 100vw);
}

.use-container img {
  width: calc( 478/ 1366 * 100vw); 
  height: calc( 239/ 1366 * 100vw); 
  display: block;
  /*margin: auto 0;*/
  
}

.use-pic {
  opacity: 0;
  transition: 3s;
}

.use-container1 img {
  width: calc( 478/ 1366 * 100vw); 
  height: calc( 239/ 1366 * 100vw); 
  display: block;
  /*margin: auto 0;*/
}

.border {
  width: calc( 1/ 1366 * 100vw); 
  height: calc( 276/ 1366 * 100vw); 
  background-color: #808080;
  /*margin-bottom: 10px;*/
}

.step1 {
  font-family: Philosopher-Italic;
  font-size: calc( 49/ 1366 * 100vw); 
  /*line-height: 1; */
  letter-spacing: 0.01em;
  width: calc( 465.45/ 1366 * 100vw);  
}

.border-line1 {
  text-decoration: underline;
  text-decoration-color: black;
}

.border-line2 {
  text-decoration: underline;
  text-decoration-color: black;
}

.border-line3 {
  text-decoration: underline;
  text-decoration-color: black;
}

.border-line4 {
  text-decoration: underline;
  text-decoration-color: black;
}

.border-line5 {
  text-decoration: underline;
  text-decoration-color: black;
}

.step-p {
  font-family: NotoSansJP-Medium;
  font-size: calc( 27/ 1366 * 100vw); 
  line-height: calc( 40/ 1366 * 100vw); 
  margin-top: 32.5px;
  width: calc( 483.45/ 1366 * 100vw); 
  height: calc( 154.88/ 1366 * 100vw); 
}

/*<!--質問-->*/

.question {
  width: calc( 1366/ 1366 * 100vw); 
  height: auto; 
  background-image:url("../img/Q_A.jpg");
  background-size: cover;
}

.question-heading {
  font-family: HannariMincho-Regular;
  font-size: calc( 68/ 1366 * 100vw);
  line-height: calc( 80/ 1366 * 100vw);
  letter-spacing: 0.03em;
  text-align: center;
  padding-top: calc( 89.8/ 1366 * 100vw);
  color: #63977E;
  padding-bottom: calc(62.5/ 1366 * 100vw);
}

.qa-container {
  width: calc( 1092/ 1366 * 100vw);
  margin: 0 auto;
  border-bottom: 1px solid #808080;
}

.qa-container {
  width: calc( 1092/ 1366 * 100vw);
  /*height: calc( 331.7/ 1366 * 100vw);*/
  margin: 0 auto;
  border-bottom: 1px solid #808080;
}



.question-container {
  width: calc( 1014.7/ 1366 * 100vw);
  display: flex;
  align-items: baseline;
  margin-bottom: calc( 11.6/ 1366 * 100vw);
  padding-top:  calc( 38.3/ 1366 * 100vw);
}

.q {
  font-family: Philosopher-Regular;
  font-size: calc( 54/ 1366 * 100vw);
  line-height: calc( 80/ 1366 * 100vw);
  letter-spacing: 0.03em;
  color: #5D8974;
}

.qp {
  font-family: NotoSansJP-Medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  margin-left: calc( 17/ 1366 * 100vw);
}

.answer-container {
  width: calc( 1092/ 1366 * 100vw);
  display: flex;
  align-items: baseline;
}

.a {
  font-family: Philosopher-Regular;
  font-size: calc( 54/ 1366 * 100vw);
  line-height: calc( 80/ 1366 * 100vw);
  letter-spacing: 0.03em;
  color: #9D3E3E;
}

.ap {
  font-family: NotoSansJP-Medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  margin-left: calc( 17/ 1366 * 100vw);
  padding-bottom: calc( 62.6/ 1366 * 100vw);
  width: calc( 1014.7/ 1366 * 100vw);
}


.qa-container2 {
  width: calc( 1092/ 1366 * 100vw);
  margin: 0 auto;
}

/*<!--お客様情報-->*/

.contact-container {
  width: calc( 1091/ 1366 * 100vw);
  height: calc( 2102/ 1366 * 100vw);
  margin: 0 auto;
  margin-top: calc( 68/ 1366 * 100vw);
}

.contact-heading {
  width: calc( 1090/ 1366 * 100vw);
  height: calc( 70/ 1366 * 100vw);
  background-color: #F1EFED;
  font-family: GenShinGothic-bold;
  font-size: calc( 40/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  letter-spacing: 0.26em;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-radius: calc( 15/ 1366 * 100vw);
}

.form-container {
  width: calc( 1091/ 1366 * 100vw);
  height: calc( 1240/ 1366 * 100vw);
  margin-top: calc( 112/ 1366 * 100vw);
  border: 2px solid #808080;
  border-radius: calc( 15/ 1366 * 100vw);;
}

.contact-form {
  position: relative;
}

.label-must1 {
  display: flex;
}


.form-column {
  width: calc( 646/ 1366 * 100vw);
  height: calc( 61/ 1366 * 100vw);
  display: flex;
  margin:calc( 70/ 1366 * 100vw) calc( 375/ 1366 * 100vw) calc( 48/ 1366 * 100vw) calc( 70/ 1366 * 100vw);
  align-items: center;
  
}

.form-label {
  width: calc( 84/ 1366 * 100vw);
  /*height: calc( 27/ 1366 * 100vw);*/
  font-family: GenShinGothic-medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  margin-right: calc( 158/ 1366 * 100vw);
  text-align: left;
  align-items: center;
  
}

.form-label1 {
  width: calc( 110/ 1366 * 100vw);
  /*height: calc( 27/ 1366 * 100vw);*/
  margin-right: calc( 131/ 1366 * 100vw);
  font-family: GenShinGothic-medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  text-align: left;
  display: flex;
  align-items: center;
}

.form-label2 {
  width: calc( 162/ 1366 * 100vw);
  /*height: calc( 27/ 1366 * 100vw);*/
  font-family: GenShinGothic-medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  margin-right: calc( 78/ 1366 * 100vw);
  text-align: left;
  display: flex;
  align-items: center;
}

.form-label3 {
  width: calc( 191/ 1366 * 100vw);
  /*height: calc( 27/ 1366 * 100vw);*/
  margin-right: calc( 49/ 1366 * 100vw);
  font-family: GenShinGothic-medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  text-align: left;
  display: flex;
  align-items: center;
}

.form-label4 {
  width: calc( 140/ 1366 * 100vw);
  /*height: calc( 27/ 1366 * 100vw);*/
  font-family: GenShinGothic-medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  margin-right: calc( 99/ 1366 * 100vw);
  text-align: left;
  display: flex;
  align-items: center;
}

.must {
  font-family: GenShinGothic-medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  width: calc( 68/ 1366 * 100vw);
  height: calc( 46/ 1366 * 100vw);
  background-color: #FF0000;
  color: #FFFFFF;
  margin-right: calc( 20/ 1366 * 100vw);
  text-align: center;
  margin: auto 0;
  display: flex;
  align-items: center;
  border-radius: calc( 4/ 1366 * 100vw);
}

.must1 {
  font-family: GenShinGothic-medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  width: calc( 68/ 1366 * 100vw);
  height: calc( 46/ 1366 * 100vw);
  background-color:#808080;
  color: #FFFFFF;
  margin-right: calc( 20/ 1366 * 100vw);
  text-align: center;
  margin: auto 0;
  padding:  calc( 4/ 1366 * 100vw) 0;
  border-radius: calc( 4/ 1366 * 100vw);
}

.hissu {
  width: calc( 54/ 1366 * 100vw);
  /*height: calc( 27/ 1366 * 100vw);*/
  display: flex;
  align-items: center;
  margin: auto;
}

.nini {
  width: calc( 54/ 1366 * 100vw);
  /*height: calc( 27/ 1366 * 100vw);*/
  display: flex;
  align-items: center;
  margin: auto;
}

.form-select {
  width: calc( 315/ 1366 * 100vw);
  height: calc( 61/ 1366 * 100vw);
  border:1px solid #D3D3D3 ;
  font-family: GenShinGothic-medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  border-radius: calc( 5/ 1366 * 100vw);
  box-sizing: border-box;
  margin-left: calc( 29/ 1366 * 100vw);
  display: flex;
  align-items: center;
  
}

.choose {
  margin-left: 5px;
  appearance: menulist;
  width: 100%;
}

.form-input {
  width: calc( 303/ 1366 * 100vw);
  height: calc( 61/ 1366 * 100vw);
  border:1px solid #D3D3D3 ;
  font-family: GenShinGothic-medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  border-radius: calc( 5/ 1366 * 100vw);
  box-sizing: border-box;
  margin-left: calc( 30/ 1366 * 100vw);
  display: flex;
  align-items: center;
}

.form-input1 {
  width: calc( 615/ 1366 * 100vw);
  /*height: calc( 61/ 1366 * 100vw);*/
  line-height: calc( 40/ 1366 * 100vw);
  border:1px solid #D3D3D3 ;
  border-radius: calc( 5/ 1366 * 100vw);
  box-sizing: border-box;
  margin-left: calc( 30/ 1366 * 100vw);
  display: flex;
  align-items: center;
}

.form-input2 {
  width: calc( 315/ 1366 * 100vw);
  /*height: calc( 61/ 1366 * 100vw);*/
  line-height: calc( 40/ 1366 * 100vw);
  border:1px solid #D3D3D3 ;
  border-radius: calc( 5/ 1366 * 100vw);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-left: calc( 31/ 1366 * 100vw);
}

.form-parts {
  align-items: center;
}

.form-column-kana {
  width: calc( 646/ 1366 * 100vw);
  height: calc( 61/ 1366 * 100vw);
  display: flex;
  margin:calc( 48/ 1366 * 100vw) calc( 375/ 1366 * 100vw) calc( 48/ 1366 * 100vw) calc( 70/ 1366 * 100vw);
}

.form-column-post {
  
  height: calc( 61/ 1366 * 100vw);
  display: flex;
  margin:calc( 96/ 1366 * 100vw) calc( 375/ 1366 * 100vw) calc( 48/ 1366 * 100vw) calc( 70/ 1366 * 100vw);
}

.form-column-ken {
  
  height: calc( 61/ 1366 * 100vw);
  display: flex;
  margin: calc( 48/ 1366 * 100vw) calc( 375/ 1366 * 100vw) calc( 48/ 1366 * 100vw) calc( 70/ 1366 * 100vw);
}

.form-column-city {
  width: calc( 951/ 1366 * 100vw);
  height: calc( 61/ 1366 * 100vw);
  display: flex;
  margin: calc( 48/ 1366 * 100vw) calc( 375/ 1366 * 100vw) calc( 48/ 1366 * 100vw) calc( 70/ 1366 * 100vw);
}

.form-column-building {
  width: calc( 970/ 1366 * 100vw);
  height: calc( 61/ 1366 * 100vw);
  display: flex;
  margin: calc( 48/ 1366 * 100vw) calc( 375/ 1366 * 100vw) calc( 48/ 1366 * 100vw) calc( 70/ 1366 * 100vw);
}

.form-column-phone {
  width: calc( 951/ 1366 * 100vw);
  height: calc( 61/ 1366 * 100vw);
  display: flex;
  margin:calc( 96/ 1366 * 100vw) calc( 375/ 1366 * 100vw) calc( 48/ 1366 * 100vw) calc( 70/ 1366 * 100vw);
}

.form-column-email {
  width: calc( 951/ 1366 * 100vw);
  height: calc( 61/ 1366 * 100vw);
  display: flex;
  margin: calc( 48/ 1366 * 100vw) calc( 375/ 1366 * 100vw) calc( 48/ 1366 * 100vw) calc( 70/ 1366 * 100vw);
}

.form-column-password {
  width: calc( 646/ 1366 * 100vw);
  height: calc( 61/ 1366 * 100vw);
  margin:calc( 96/ 1366 * 100vw) calc( 375/ 1366 * 100vw) calc( 48/ 1366 * 100vw) calc( 70/ 1366 * 100vw);
  display: flex;
  justify-content: space-between;
}

.form-parts {
  align-items: center;
  margin-left: calc( 10.4/ 1366 * 100vw);
  width: 100%;
}

.form-parts1 {
  width: 100%;
  height: calc( 27/ 1366 * 100vw);
  font-family: GenShinGothic-medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  margin-left: calc( 10.4/ 1366 * 100vw);
}

.form-parts2 {
  width:100%;
  height: calc( 48/ 1366 * 100vw);
  font-family: GenShinGothic-medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  margin-left: calc( 10.4/ 1366 * 100vw);
}

.form-parts3 {
  width: 100%;
  height: calc( 30/ 1366 * 100vw);
  font-family: GenShinGothic-medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  margin-left: calc( 10.4/ 1366 * 100vw);
}


.payment {
  font-family: GenShinGothic-bold;
  font-size: calc( 40/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  letter-spacing: 0.26em;
  width: calc( 1090/ 1366 * 100vw);
  height: calc( 70/ 1366 * 100vw);
  background-color: #F1EFED;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: calc( 176/ 1366 * 100vw);
  border-radius: calc( 10/ 1366 * 100vw);
}

.radio {
  margin-top: calc( 95/ 1366 * 100vw);
  margin-left: calc( 35/ 1366 * 100vw);
}

.credit {
  margin-bottom: calc( 61/ 1366 * 100vw);
  font-family: GenShinGothic-medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  display: flex;
    align-items: center;
}

#credit {
  width: calc( 27/ 1366 * 100vw);
  height: calc( 27/ 1366 * 100vw);
  margin-right: calc( 11/ 1366 * 100vw);
}

#bank {
  width: calc( 27/ 1366 * 100vw);
  height: calc( 27/ 1366 * 100vw);
   margin-right: calc( 11/ 1366 * 100vw);
}

#arrival-pay {
  width: calc( 27/ 1366 * 100vw);
  height: calc( 27/ 1366 * 100vw);
   margin-right: calc( 11/ 1366 * 100vw);
}

.bank {
  
  font-family: GenShinGothic-medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  display: flex;
    align-items: center;
}

.arrival-pay {
  font-family: GenShinGothic-medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  display: flex;
    align-items: center;
  
}

.credit-row {
  margin-bottom: calc( 61/ 1366 * 100vw);
}

.bank-row {
  margin-bottom: calc( 61/ 1366 * 100vw);
}

.button {
  margin: 0 auto;
  text-align: center;
}

.order-button {
  width: calc( 546/ 1366 * 100vw);
  height: calc( 114/ 1366 * 100vw);
  background:linear-gradient(#7AAF94, #31A169);
  color: white;
  text-align: center;
  font-family: GenShinGothic-heavy;
  font-size: calc( 56/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  letter-spacing: 0.11em;
  margin-top: calc( 30/ 1366 * 100vw);
  border-radius: calc( 14/ 1366 * 100vw);
}

.form_has_error {
  color: red;
 text-align: center;
 font-weight: bold;
 margin-top: calc( 10/ 1366 * 100vw);
}
  
.error {
  color: red;
  margin-left: calc( 410/ 1366 * 100vw);
}

.select {
  font-family: GenShinGothic-medium;
  font-size: calc( 27/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  margin-left: calc( 10.4/ 1366 * 100vw);
  }
  
  
  
  
/*<!--お客様情報ここまで-->*/

/*<!--フッター-->*/

.footer {
  width: calc( 1366/ 1366 * 100vw);
  height: calc( 71/ 1366 * 100vw);
  background-image:url("../img/footer.jpg");
  background-size: cover;
  display: flex;
  align-items: center;
  
}

.footer-navi {
  text-align: center;
  width: calc( 1366/ 1366 * 100vw);
}

.footer-navi a {
  text-decoration: none;
  color: black;
}

.footer-navi ul {
  text-align: center;
}

.footer li {
  display: inline;
  color: #212529;
  font-family: NotoSansJP-Medium;
  font-size:  calc( 20/ 1366 * 100vw);
  text-align: center;
  
}

/*.li {*/
/*  border-left: none;*/
/*}*/

/*.footer li:first-child {*/
/*  border-left: none;*/
/*}*/

@media (max-width: 1025px){
  
  /* ヘッダー */
  .header {
  width: 100%;
  height: calc( 562.5/ 375 * 100vw);
  position: relative;
  background-image:url("../img/header_sp.jpg");
  background-size: cover;
  }
  
  .header-container {
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  }
  
  .heading {
  width: 78%;
  height: calc( 220/ 375 * 100vw);
  margin-top: calc( 20.3/ 375 * 100vw);
  margin-left: calc( 50.3/ 375 * 100vw);;
  }
  
  .heading h1 {
  font-family: "HannariMincho-Regular";
  font-size: calc( 31.18/ 375 * 100vw);
  line-height: calc( 37.41/ 375 * 100vw);
  letter-spacing: 0.12em;
  }
  
  .product-name {
    font-size: calc( 14.4/ 375 * 100vw);
  line-height: calc( 37.41/ 375 * 100vw);
  letter-spacing: 0.08em;
  color: #FFFFFF;
  margin-left: calc( 48.9/ 375 * 100vw);
  margin-top : calc( -152/ 375 * 100vw);;
  }
  
  .sub-title{
    color: white;
  /*width:calc( 143.33/ 375 * 100vw);*/
}

.de {
  font-size: calc( 14/ 375 * 100vw);
  line-height: calc( 21/ 375 * 100vw);
  letter-spacing: 0.06em;
  position: absolute;
  top: calc( 441.5/ 375 * 100vw);
  left: calc( 128.3/ 375 * 100vw);
}

.number-natural {
  margin-top :22px;
  width: calc( 72/ 1366 * 100vw);
  height: calc( 20/ 1366 * 100vw);
}

.product-pic {
  width: calc( 143.33/ 375 * 100vw);
  height: calc( 135/ 375 * 100vw);
  margin-left: calc( 137.6/ 375 * 100vw);
  margin-top: calc( 252/ 375 * 100vw);
}



.product-pic-shampoo img {
  width: calc( 143.33/ 375 * 100vw);
  height: calc( 135/ 375 * 100vw);
  position: absolute;
  top: calc( 377/ 375 * 100vw);
  right: calc( 59/ 375 * 100vw);;
}

.number {
  width: calc( 92/ 375 * 100vw);
  height: calc( 16/ 375 * 100vw);
  font-size: calc( 14.4/ 375 * 100vw);
  line-height: calc( 17.28/ 375 * 100vw);
  letter-spacing: 0.02em;
  position: absolute;
  top: calc( 445.5/ 375 * 100vw);
  left: calc( 36/ 375 * 100vw);
  background-image: linear-gradient(transparent -5%,transparent 79%, #b391a2 17%, #b391a2 93%);
}

.natural {
  font-size: calc( 14/ 375 * 100vw);
  line-height: calc( 21/ 375 * 100vw);
  letter-spacing: 0.06em;
  position: absolute;
  top: calc( 442.5/ 375 * 100vw);
  left: calc( 69.3/ 375 * 100vw);
  width: auto;
  /*background-image: linear-gradient(transparent 0%,transparent 85%, #b391a2 80%, #b391a2 100%);*/
}

.explain {
  width : calc( 148/ 375 * 100vw);
  height: calc( 39/ 375 * 100vw);
  font-size: calc( 18.36/ 375 * 100vw);
  line-height: calc( 21/ 375 * 100vw);
  letter-spacing: 0.06em;
  
  position: absolute;
  top: calc( 467/ 375 * 100vw);
  left: calc( 36/ 375 * 100vw);
}

.explain span {
  background-image: linear-gradient(transparent 0%,transparent 80%, #b391a2 80%, #b391a2 100%);
  padding-bottom: calc( 4/ 375 * 100vw);
}
  /*<!--インスタ紹介-->*/
  .insta {
   width :calc( 375/ 375 * 100vw);
  }
  
  .insta-container {
  /*width : calc( 275.12/ 375 * 100vw);*/
  /*height: calc( 364.95/ 375 * 100vw);*/
  } 
  
  .insta-title {
    margin-top: calc( 24.5/ 375 * 100vw);
  }
   
  .critic {
    font-size: calc( 12.6/ 375 * 100vw);
    margin: calc( 6.6/ 375 * 100vw) 0 calc( 15.7/ 375 * 100vw);
    color: #212529;
    letter-spacing: 0.01em;
    line-height: calc( 18.9/ 375 * 100vw);
  } 
  
  .post-container {
    justify-content: space-around;  
  }
  
  .insta-post {
    width: calc( 85/ 375 * 100vw);
    height: calc( 212/ 375 * 100vw);
    border: 2px solid #A9A9A9;
    border-top: none;
  }
  
  .insta-post1 {
   display: none;
  }
  
  .insta-post2 {
    display: none;
  }
  
  .insta-post3 {
    display: none;
  }
  
  .ins-cont1 {
    display: none;
  }
  
  .ins-cont2 {
    display: none;
  }
  
  .ins-cont3 {
    display: none;
  }
    
  .sample-p p{
    
    font-size: calc( 9/ 375 * 100vw);
    line-height: calc( 12/ 375 * 100vw);
    margin-top: calc( 17.8/ 375 * 100vw);
    /*margin-left: calc( 5/ 375 * 100vw);*/
    width : calc( 76/ 375 * 100vw);
    height: calc( 129/ 375 * 100vw);
  }
  
  .date {
    margin-top: calc( 31/ 375 * 100vw);
    margin-left: calc( 5/ 375 * 100vw);
    width: calc( 71.92/ 375 * 100vw);
    height: calc( 21/ 375 * 100vw);
  }
  
  .date p {
    font-size: calc( 10/ 375 * 100vw);
    line-height: calc( 15/ 375 * 100vw);
    padding-top: calc( 72/ 375 * 100vw);
  }
  
  .insta-pic img {
    width : calc( 85/ 375 * 100vw);
    height: calc( 85/ 375 * 100vw);
  }
  
  /*.insta-icon {*/
  /*  margin-left: calc( 7/ 375 * 100vw);*/
  /*}*/
  
  .insta-icon img {
    width : calc( 15.12/ 375 * 100vw);
    height: calc( 15.12/ 375 * 100vw);
  }
  
  .insta-icon p {
    font-size: calc( 10/ 375 * 100vw);
    line-height: calc( 15/ 375 * 100vw);
    width : calc( 32/ 375 * 100vw);
    height: calc( 14/ 375 * 100vw);
  }
  
  .insta-title img {
    width: calc( 272/ 375 * 100vw);
    height: calc( 31.84/ 375 * 100vw);
   
}

 .insta-title {
   text-align: center;
 }

  /*<!--初回限定キャンペーン-->*/
   
   .product-1 {
    width : calc( 375/ 375 * 100vw);
    height: calc( 300/ 375 * 100vw);
    background-image: url(../img/cv_sp.jpg);
    background-size: cover;
   }
   
   .normal-price {
     position: absolute;
     left: calc( 30/ 375 * 100vw);
     top:calc( 182/ 375 * 100vw);
     width: auto;
     font-size: calc( 12.6/ 375 * 100vw);
   }
   
   .normal-price p {
     font-size : calc( 12.6/ 375 * 100vw);
     line-height: calc( 18.9/ 375 * 100vw);
     width : calc( 153/ 375 * 100vw);
    height: calc( 19/ 375 * 100vw);
     
   }
   
   .product-p p{
     font-size : calc( 10.8/ 375 * 100vw);
     line-height: calc( 16.2/ 375 * 100vw);
    position: absolute;
    right: calc( 59/ 375 * 100vw);
    left: calc( 177/ 375 * 100vw);
    bottom: calc( 171/ 375 * 100vw);
   }
   
   .minimum {
    font-size: calc( 10/ 375 * 100vw);
    line-height: calc( 15/ 375 * 100vw);
    letter-spacing: 0.03em;
    width: calc( 179/ 375 * 100vw);
    position: absolute;
    left: calc( 177/ 375 * 100vw);;
    top: calc( 156/ 375 * 100vw);;
   }
   
   .cancel {
    font-size: calc( 13.32/ 375 * 100vw);
    line-height: calc( 19.98/ 375 * 100vw);
    position: absolute;
    top: calc( 134/ 375 * 100vw);
    right: calc( 118/ 375 * 100vw);
    background-image: linear-gradient(transparent 68%,transparent 74%, #b391a2 65%, #b391a2 3%);
   }
   
   /*.cancel1 {*/
   /*  background-image: linear-gradient(transparent 86%,transparent 84%, #b391a2 65%, #b391a2 3%);*/
   /*}*/
   
   /*.linear-gradient3 {*/
   /*  width: calc( 290/ 1366 * 100vw);*/
   /*  position: absolute;*/
   /*  top: calc( 151/ 375 * 100vw);*/
   /*   right: calc( 118/ 375 * 100vw);*/
   /*}*/
   
   .organic p {
    font-size: calc( 10/ 375 * 100vw);
    line-height: calc( 12/ 375 * 100vw);
    letter-spacing: 0.02em;
    position: absolute;
    bottom:  calc( 200.3/ 375 * 100vw);
    width: calc( 120/ 375 * 100vw);
    height: calc( 15/ 375 * 100vw);
    left: calc( 178/ 375 * 100vw);
   }
   
   .yen {
    font-size: calc( 82/ 1366 * 100vw);
    line-height: calc( 81/ 1366 * 100vw);
    position: absolute;
    top: calc( 89/ 375 * 100vw);
    right: calc( -7/ 375 * 100vw);
   }
   
   .tax {
    font-size: calc( 10/ 375 * 100vw);
    line-height: calc( 15/ 375 * 100vw);
    letter-spacing: 0.02em;
    position: absolute;
    top: calc( 215/ 375 * 100vw);
    right: calc( 25/ 375 * 100vw);
   }
   
   .price-number {
    font-size: calc( 54/ 375 * 100vw);
    line-height: calc( 81/ 375 * 100vw);
    position: absolute;
    right: calc( 17/ 375 * 100vw);
    top: calc( 52/ 375 * 100vw);
   }
   
  .first-time {
    top: calc( 103/ 375 * 100vw);
  }
   
   .first-time p {
    font-family: NotoSansJP-Medium;
    font-size: calc( 14.04/ 375 * 100vw);
    line-height: calc( 21.06/ 375 * 100vw);
    margin-right: calc( 77/ 375 * 100vw);
    margin-top: calc( 102/ 375 * 100vw);
}

.product-header img {
    width: calc( 252/ 375 * 100vw);
    margin-top: calc( 11/ 375 * 100vw);
}

.product-pic1 {
  margin-top: calc( 22/ 375 * 100vw);
  
}

  .try-button {
    font-family: HannariMincho-Regular;
    letter-spacing: 0.6em;
    line-height: calc( 24.3/ 1366 * 100vw);
    width: calc( 303/ 375 * 100vw);
    height: calc( 36/ 375 * 100vw);
    font-size: calc( 16.2/ 375 * 100vw);
    position: absolute;
    right: calc( -3/ 375 * 100vw);
    bottom: calc( -137/ 375 * 100vw);
    margin-right: 0;
    border-radius: calc( 10/ 375 * 100vw);
}

  .bio-shampoo {
    line-height: calc( 17.3/ 1366 * 100vw);
    width: calc( 166/ 375 * 100vw);
    height: calc( 18/ 375 * 100vw);
    font-size: calc( 14.4/ 375 * 100vw);
    margin-bottom: calc( 70/ 375 * 100vw);
    margin-left:  calc( 23/ 375 * 100vw);
  }
  
  .bio-shampoo p {
    margin-top: 0
  }
  
  .line {
    position: absolute;
    bottom:calc( 197/ 375 * 100vw);
    right: calc( 23/ 375 * 100vw);
  }
  
  .product-pic1 img {
    height: calc( 108/ 375 * 100vw);
    width: calc( 106.44/ 375 * 100vw);
}
  
  /*<!--満足度チェック-->*/
   
  .satisfy-check {
  width : calc( 375/ 375 * 100vw);
  height: calc( 307.29/ 375 * 100vw);
  letter-spacing: 0.02em;
  background-image:url("../img/empathy_sp.jpg");
  background-size: cover;
  
   }
   
   
   .hair-satisfy {
    font-size: calc( 19/ 375 * 100vw);
    letter-spacing: 0.07em;
    line-height: calc( 23/ 375 * 100vw);
    width : calc( 311/ 375 * 100vw);
    /*height: calc( 19/ 375 * 100vw);*/
    position: absolute;
    top:calc( 10/ 375 * 100vw);
    left: calc( 26/ 375 * 100vw);
    background-image: linear-gradient(transparent 0%,transparent 81%, #b391a2 80%, #b391a2 100%);
    text-align: left;
   }
   
   .my-hair {
     padding-bottom: calc( -2/ 375 * 100vw);
   }
   
  .check img {
  width : calc( 12.95/ 375 * 100vw);
  height: calc( 12/ 375 * 100vw);
  position: absolute;
  top: calc( 82/ 375 * 100vw);
  left: calc( 28/ 375 * 100vw);
  } 
  
  
  .check1 img {
  width : calc( 12.95/ 375 * 100vw);
  height: calc( 12/ 375 * 100vw);
  position: absolute;
  top: calc( 117/ 375 * 100vw);
  left: calc( 28/ 375 * 100vw);
  } 
  
  .check2 img {
  width : calc( 12.95/ 375 * 100vw);
  height: calc( 12/ 375 * 100vw);
  position: absolute;
  top: calc( 156/ 375 * 100vw);
  left: calc( 28/ 375 * 100vw);
  } 
  
  .check3 img {
  width : calc( 12.95/ 375 * 100vw);
  height: calc( 12/ 375 * 100vw);
  position: absolute;
  top: calc( 190/ 375 * 100vw);
  left: calc( 28/ 375 * 100vw);
  }
  
  .check-container {
  width : calc( 322/ 375 * 100vw);
  height: calc( 129/ 375 * 100vw);
  position: absolute;
  top: calc( 62/ 375 * 100vw);
  left:calc( 1/ 375 * 100vw);;
  }
  
  .check-container p {
    font-size: calc( 12.6/ 375 * 100vw);
    line-height: calc( 40/ 375 * 100vw);
    letter-spacing: 0.07em;
  }
  
  .white {
    position: absolute;
    left: calc( 54/ 375 * 100vw);
    top: calc( 5/ 375 * 100vw);
  }
  
  .no-hair {
    position: absolute;
    top: calc( 41/ 375 * 100vw);
    left: calc( 54/ 375 * 100vw);
  }
  
  .smell {
    position: absolute;
    top: calc( 79/ 375 * 100vw);
    left: calc( 55/ 375 * 100vw);
  }
  
  .old {
    left: calc( 53/ 375 * 100vw);
    position: absolute;
    top:calc( 113/ 375 * 100vw);
  }
  
  .etc {
    letter-spacing: 0.07em;
    line-height: calc( 18.9/ 1366 * 100vw);
    font-size: calc( 12.6/ 375 * 100vw);
    position: absolute;
    left: calc( 26/ 375 * 100vw);
    top: calc( 234/ 375 * 100vw);
  }
  /*<!--原因-->*/

  .reason {
    width : calc( 375/ 375 * 100vw);
    height: calc( 811.55/ 375 * 100vw);
  }
  
  .reason-heading {
    font-size: calc( 15/ 375 * 100vw);
    line-height: calc( 30/ 375 * 100vw);
    letter-spacing: 0.034em;
    width: calc( 314/ 375 * 100vw);
    height: calc( 15/ 375 * 100vw);
    text-align: center;
  }
  
  .reason2-heading {
    font-size: calc( 15/ 375 * 100vw);
    line-height: calc( 30/ 375 * 100vw);
    letter-spacing: 0.034em;
    margin-left:  calc( 76/ 375 * 100vw);
  }
  
  .linear-gradient5 {
    padding-bottom: calc( 4/ 375 * 100vw);
  }
  
  .reasons-p {
    margin-left: calc( 10/ 375 * 100vw);
    height: calc( 116/ 375 * 100vw);
    position: absolute;
    width: 78%;
    top: 62%;
    left: 10%;
  }
  
  .reasons2-p {
    width: calc( 288/ 375 * 100vw);
    height: calc( 116/ 375 * 100vw);
    position: absolute;
    left: calc( 46/ 375 * 100vw);
}
  
  .reasons-p p {
    font-size: calc( 12.6/ 375 * 100vw);
    line-height: calc( 18.9/ 375 * 100vw);
    letter-spacing: 0.01em;
    margin-top: 0;
    
    
  }
  
  .reasons2-p p {
    font-size: calc( 12.6/ 375 * 100vw);
    line-height: calc( 16.9/ 375 * 100vw);
    margin-top: calc( 20/ 375 * 100vw);
    
}

.abc {
  width: calc( 290/ 375 * 100vw);
}
  
  .hair_imgs_r {
    width : calc( 288/ 375 * 100vw);
    height: calc( 192/ 375 * 100vw);
  }
  
  .hair_imgs_l {
    width : calc( 288/ 375 * 100vw);
    height: calc( 192/ 375 * 100vw);
    margin-left:  calc( 10/ 375 * 100vw);
    margin-top: calc( 11.4/ 375 * 100vw);
  }
  
  .reason-container {
    background-image:url(../img/exhibit1_sp.jpg);
  background-size: cover;
    width : calc( 375/ 375 * 100vw);
    height: calc( 420.25/ 375 * 100vw);
    
  }
  
  .reason-container2 {
    background-image:url(../img/exhibit2_sp.jpg);
  background-size: cover;
    width : calc( 375/ 375 * 100vw);
    height: calc( 412.5/ 375 * 100vw);
  }
  
  .dakara {
    width : calc( 108/ 375 * 100vw);
    height: calc( 35.91/ 375 * 100vw);
    position: absolute;
    top: calc( 408/ 375 * 100vw);
  }
  
  /*<!--こだわりポイント-->*/
  
  .product-detail {
    width : calc( 375/ 375 * 100vw);
    height: calc( 1506/ 375 * 100vw);
    background-image: url(../img/benefit_sp.jpg);
    background-size: cover;
  }
  
  .detail-heading {
    font-size: calc( 18/ 375 * 100vw);
    line-height: calc( 21.6/ 375 * 100vw);
    letter-spacing: 0.07em;
    width: calc( 375/ 375 * 100vw);
    height: calc( 40/ 375 * 100vw);
    margin-top: calc( 11/ 375 * 100vw);
  }
  
  .detail-subheading {
    font-size: calc( 15.84/ 375 * 100vw);
    line-height: calc( 19/ 375 * 100vw);
    letter-spacing: 0.30em;
    width: calc( 330/ 375 * 100vw);
  }
  
  .hundred-p {
    font-size: calc( 12.6/ 375 * 100vw);
    line-height: calc( 18.9/ 375 * 100vw);
    width: calc( 274/ 375 * 100vw);
  }
  
  .line2 {
    width: calc( 289.36/ 375 * 100vw);
    margin-top: calc( 14.2/ 375 * 100vw);
  }
  
  .linear-gradient5 {
    width: auto;
    background-image: linear-gradient(transparent 0%,transparent 89%, #b391a2 80%, #b391a2 100%);
  }
  
  .ingre-description {
    width : calc( 289.36/ 375 * 100vw);
    height: calc( 324.41/ 375 * 100vw);
    display: block;
  }
  
  .benefit-pic img {
    width : calc( 287/ 375 * 100vw);
    height: calc( 193/ 375 * 100vw);
    margin-top: calc( -3/ 375 * 100vw)
  }
  
  .benefit-pic p {
    font-size: calc( 10.8/ 375 * 100vw);
    line-height: calc( 16.2/ 375 * 100vw);
    letter-spacing: 0;
    width: calc( 287/ 375 * 100vw);
    margin-left: 0;
  }
  
  
  .ingre-p {
    font-size: calc( 12.6/ 375 * 100vw);
    line-height: calc( 18.9/ 375 * 100vw);
    width: calc( 296/ 375 * 100vw);
  }
  
  .linear-gradient6 {
    background-image: linear-gradient(transparent 0%,transparent 80%, #b391a2 80%, #b391a2 100%);
  }
  
  
  /*<!--商品使い方-->*/
  .how-use {
    width : calc( 375/ 375 * 100vw);
    height: calc( 1327.73/ 375 * 100vw);
    position: relative;
    background-image: url(../img/use_sp.jpg);
    background-size: cover;
  }
  
  .use-container {
    width : calc( 288/ 375 * 100vw);
    height: auto;
    display: flex;
    flex-direction: column;
    margin-top: calc( 37.2/ 375 * 100vw);
    align-items: normal;
    border-bottom: 1px solid #707070;
  }
  
  .use-container1 {
    width : calc( 288/ 375 * 100vw);
    height: auto;
    display: flex;
    flex-direction: column;
    margin-top: calc( 46.2/ 375 * 100vw);
    align-items: normal;
    border-bottom: none;
    
  }
  
  .use-container img{
    width : calc( 288/ 375 * 100vw);
    height: calc( 144/ 375 * 100vw);
    margin-top: calc( 23/ 375 * 100vw);
  }
  
  .use-container1 img{
    width : calc( 288/ 375 * 100vw);
    height: calc( 144/ 375 * 100vw);
    margin-top: calc( 17/ 375 * 100vw);
  }
  
  
  .use-heading {
    font-size: calc( 17/ 375 * 100vw);
    line-height: calc( 21/ 375 * 100vw);
    letter-spacing: 0.03em;
    margin-top: calc( 10.8/ 375 * 100vw);
    margin-right: calc( 16/ 375 * 100vw);
  }
  
  .step-p {
    width : calc( 288/ 375 * 100vw);
    
    font-size: calc( 12.6/ 375 * 100vw);
    line-height: calc( 18.9/ 375 * 100vw);
    margin-bottom: calc( 9/ 375 * 100vw);
    margin-top: 0;
  }
  
  .border {
    width : calc( 0/ 375 * 100vw);
    height: calc( 0/ 375 * 100vw);
  }
  
  .border-line1 {
    position: absolute;
    top: calc( 39/ 375 * 100vw);
  }
  
  .border-line2 {
    position: absolute;
    top: calc( 299/ 375 * 100vw);
  }
  .border-line3 {
    position: absolute;
    top: calc( 556/ 375 * 100vw);
  }
  .border-line4 {
    position: absolute;
    top: calc( 811/ 375 * 100vw);
  }
  .border-line5 {
    position: absolute;
    top: calc( 1070/ 375 * 100vw);
  }
  
  .use-border {
   height: 0;
}

  /*<
  !--質問-->*/
  .question {
    width : calc( 375/ 375 * 100vw);
    height: calc( 979/ 375 * 100vw);
    background-image:url("../img/Q_A_sp.jpg");
    background-size: cover;
  }
  
  .qa-container {
    width : calc( 291.48/ 375 * 100vw);
    /*height: calc( 160/ 375 * 100vw);*/
  }
  
  .qa-container1 {
    width: calc( 291.48/ 375 * 100vw);
    /*height: calc( 150.7/ 375 * 100vw);*/
    padding-top: 0;
}

.qa-container2 {
  padding-top: 0;
}

  .question-heading {
    font-size: calc( 18/ 375 * 100vw);
    line-height: calc( 21.6/ 375 * 100vw);
    letter-spacing: 0.03em;
    /*width: calc( 373/ 375 * 100vw);*/
    height: calc( 18/ 375 * 100vw);
    padding-top: calc( 10.8/ 375 * 100vw);
    margin-bottom: calc( 23.5/ 375 * 100vw);
    padding-bottom: 0;
  }
  
  .question-container {
    width: calc( 289.81/ 375 * 100vw);
    height: calc( 40/ 375 * 100vw);
    padding-top: 0;
  }
  
.answer-container {
  width: calc( 291.48/ 375 * 100vw);
    /*height: calc( 96/ 375 * 100vw);*/
    /*padding-top: 0;*/
    margin-top: calc( 13.3/ 375 * 100vw);
    margin-bottom: calc( 1/ 375 * 100vw);
}

  
  .q {
    font-size: calc( 21.6/ 375 * 100vw);
    line-height: calc( 32.4/ 375 * 100vw);
    letter-spacing: 0.03em;
    width: calc( 20/ 375 * 100vw);
    height: calc( 24/ 375 * 100vw);
    margin-top: calc( 5/ 375 * 100vw);
  }
  
  .a {
    font-size: calc( 21.6/ 375 * 100vw);
    line-height: calc( 32.4/ 375 * 100vw);
    letter-spacing: 0.03em;
    width: calc( 20/ 375 * 100vw);
    height: calc( 24/ 375 * 100vw);
    margin-top: calc( -7/ 375 * 100vw);
  }
  
  .qp {
    font-size: calc( 13/ 375 * 100vw);
    line-height: calc( 18.9/ 375 * 100vw);
    margin-top: calc( 12/ 375 * 100vw);
    padding-top: 0;
  }
  
  .ap {
    font-size: calc( 13/ 375 * 100vw);
    line-height: calc( 18.9/ 375 * 100vw);
    padding-top: 0;
    width: calc( 266.8/ 375 * 100vw);
    
  }

  /*<!--お客様情報-->*/
  .contact-heading {
    width: calc( 288/ 375 * 100vw);
    height: calc( 25/ 375 * 100vw);
    font-size: calc( 16.2/ 375 * 100vw);
    line-height: calc( 19.44/ 375 * 100vw);
    letter-spacing: 0.26em;
    border-radius: calc( 25/ 375 * 100vw);
  }
  
  .contact-container {
    width: calc( 288/ 375 * 100vw);
    height: calc( 926/ 375 * 100vw);
  }
  
  .form-container {
    width: calc( 288/ 375 * 100vw);
    height: calc( 619/ 375 * 100vw);
    display: flex;
    flex-direction: column;
    margin-top: calc( 23/ 375 * 100vw);
    border-radius: calc( 10/ 375 * 100vw);
  }
  
  .form-column {
    width: calc( 250/ 375 * 100vw);
    height: calc( 43.4/ 375 * 100vw);
    display: block;
    margin-bottom: calc( 11.6/ 375 * 100vw);
  }
  
  .form-column-kana {
    display: block;
    height: calc( 43.4/ 375 * 100vw);
     margin-bottom: calc( 37.6/ 375 * 100vw);
     margin-top: 0;
  }
  
  .form-column-post {
    display: block;
    height: calc( 43.4/ 375 * 100vw);
     margin-bottom: calc( 11.6/ 375 * 100vw);
    margin-top: 0;
  }
  
  .form-column-ken {
   display: block; 
   height: calc( 43.4/ 375 * 100vw);
   margin-bottom: calc( 11.6/ 375 * 100vw);
   margin-top: 0;
  }
  
  .form-column-city {
   display: block;  
   height: calc( 43.4/ 375 * 100vw);
   margin-bottom: calc( 11.6/ 375 * 100vw);
   margin-top: 0;
   
  }
  
  .form-column-building {
   display: block;  
   height: calc( 43.4/ 375 * 100vw);
   margin-bottom: calc( 37.6/ 375 * 100vw);
   margin-top: 0;
  }
  
  .form-column-phone {
   display: block;
   height: calc( 43.4/ 375 * 100vw);
   margin-bottom: calc( 11.6/ 375 * 100vw);
   margin-top: 0;
  }
  
  .form-column-email {
   display: block;  
   height: calc( 43.4/ 375 * 100vw);
   margin-bottom: calc( 37.6/ 375 * 100vw);
   margin-top: 0;
  }
  
  .form-column-password {
   display: block;  
   height: calc( 43.4/ 375 * 100vw);
   margin-bottom: calc( 29.6/ 375 * 100vw);
   margin-top: 0;
  }
  
  .form-label {
    width: calc( 38/ 375 * 100vw);
    height: calc( 13/ 375 * 100vw);
    font-size: calc( 12.6/ 375 * 100vw);
    line-height: calc( 18.9/ 375 * 100vw);
    margin-right: 0;
  }
  
  .form-label1 {
    width: calc( 52/ 375 * 100vw);
    /*height: calc( 13/ 375 * 100vw);*/
    font-size: calc( 12.6/ 375 * 100vw);
    line-height: calc( 18.9/ 375 * 100vw);
    margin-right: 0;
    display: flex;
    align-items: normal;
  }
  
  .form-label2 {
    width: calc( 76/ 375 * 100vw);
    /*height: calc( 13/ 375 * 100vw);*/
    font-size: calc( 12.6/ 375 * 100vw);
    line-height: calc( 18.9/ 375 * 100vw);
    margin-right: 0;
  }
  
  .form-label3 {
    width: calc( 91/ 375 * 100vw);
    height: calc( 13/ 375 * 100vw);
    font-size: calc( 12.6/ 375 * 100vw);
    line-height: calc( 18.9/ 375 * 100vw);
    margin-right: 0;
    display: flex;
    align-items: normal;
  }
  
  .form-label4 {
    width: calc( 64/ 375 * 100vw);
    /*height: calc( 13/ 375 * 100vw);*/
    font-size: calc( 12.6/ 375 * 100vw);
    line-height: calc( 18.9/ 375 * 100vw);
    margin-right: 0;
    display: flex;
    align-items: normal;
  }
  
  .label-must1 {
    align-items: flex-start;
}
  
  .form-input {
    width: calc( 250/ 375 * 100vw);
    height: calc( 23.4/ 375 * 100vw);
    font-size: calc( 12.6/ 375 * 100vw);
    line-height: calc( 18.9/ 375 * 100vw);
    margin-left: 0;
    border-radius: calc( 4/ 375 * 100vw);
  }
  
  .form-input1 {
    width: calc( 250/ 375 * 100vw);
    height: calc( 23.4/ 375 * 100vw);
    font-size: calc( 12.6/ 375 * 100vw);
    line-height: calc( 18.9/ 375 * 100vw);
    margin-left: 0;
    border-radius: calc( 4/ 375 * 100vw);
  }
  
  .form-input2 {
    width: calc( 250/ 375 * 100vw);
    height: calc( 23.4/ 375 * 100vw);
    font-size: calc( 12.6/ 375 * 100vw);
    line-height: calc( 18.9/ 375 * 100vw);
    margin-left: 0;
    border-radius: calc( 4/ 375 * 100vw);
  }
  
  .form-select {
    width: calc( 250/ 375 * 100vw);
    height: calc( 23.4/ 375 * 100vw);
    font-size: calc( 12.6/ 375 * 100vw);
    line-height: calc( 18.9/ 375 * 100vw);
    margin-left: 0;
    border-radius: calc( 4/ 375 * 100vw);
  }
  
  .form-parts {
    width:100%;
    height: calc( 13/ 375 * 100vw);
    font-size: calc( 12.6/ 375 * 100vw);
    line-height: calc( 18.9/ 375 * 100vw);
  }
  
  .form-parts1 {
    width: 100%;
    height: calc( 13/ 375 * 100vw);
    font-size: calc( 12.6/ 375 * 100vw);
    line-height: calc( 18.9/ 375 * 100vw);
  }
  
  .form-parts2 {
    width: 100%;
    height: calc( 20/ 375 * 100vw);
    font-size: calc( 12.6/ 375 * 100vw);
    line-height: calc( 18.9/ 375 * 100vw);
  }
  .form-parts3 {
    width: 100%;
    height: calc( 14/ 375 * 100vw);
    font-size: calc( 12.6/ 375 * 100vw);
    line-height: calc( 18.9/ 375 * 100vw);
    letter-spacing: 0.03em
  }
  
  .must {
    width: calc( 25.2/ 375 * 100vw);
    height: calc( 17.16/ 375 * 100vw);
    margin-bottom: calc( 3/ 375 * 100vw);
    border-radius: calc( 3/ 375 * 100vw);
  }
  
  .must1 {
    width: calc( 25.2/ 375 * 100vw);
    height: calc( 17.16/ 375 * 100vw);
    margin-bottom: calc( 3/ 375 * 100vw);
    border-radius: calc( 3/ 375 * 100vw);
  }
  
  .hissu {
    width: calc( 22/ 375 * 100vw);
    height: calc( 11/ 375 * 100vw);
    font-size: calc( 10.8/ 375 * 100vw);
    line-height: calc( 16.2/ 375 * 100vw);
  }
  
  .nini {
    width: calc( 22/ 375 * 100vw);
    font-size: calc( 10.8/ 375 * 100vw);
    line-height: calc( 16.2/ 375 * 100vw);
  }
  
  .choose {
    margin-left: calc( 2/ 375 * 100vw);
  }
  
  .payment {
    width: calc( 288/ 375 * 100vw);
    height: calc( 25/ 375 * 100vw);
    font-size: calc( 16.2/ 375 * 100vw);
    line-height: calc( 19.4/ 375 * 100vw);
    letter-spacing: 0.26em;
    border-radius: calc( 30/ 375 * 100vw);
  }
  
  .radio {
     margin-top: calc( 36.7/ 375 * 100vw);
     margin-left: calc( 42/ 375 * 100vw);
  }
  
  .credit-row {
    width: calc( 120/ 375 * 100vw);
    height: calc( 14/ 375 * 100vw);
    margin-bottom: calc( 10/ 375 * 100vw);
  }
  
  .bank-row {
    width: calc( 120/ 375 * 100vw);
    height: calc( 14/ 375 * 100vw);
    margin-bottom: calc( 22/ 375 * 100vw);
  }
  
  .arrival-row {
    width: calc( 120/ 375 * 100vw);
    height: calc( 14/ 375 * 100vw);
    margin-bottom: calc( 39.8/ 375 * 100vw);
  }
  
  #credit {
    width: calc( 13/ 375 * 100vw);
    height: calc( 13/ 375 * 100vw);
    margin-right: calc( 6/ 375 * 100vw);
  }
  
  #bank {
    width: calc( 13/ 375 * 100vw);
    height: calc( 13/ 375 * 100vw);
    margin-right: calc( 6/ 375 * 100vw);
  }
  
  #arrival-pay {
    width: calc( 13/ 375 * 100vw);
    height: calc( 13/ 375 * 100vw);
    margin-right: calc( 6/ 375 * 100vw);
  }
  
  .credit {
    font-size: calc(12.6/ 375 * 100vw);
  margin-bottom: calc( 61/ 375 * 100vw);
  display: flex;
}

  .bank {
   margin-bottom: calc( 61/ 375 * 100vw);
   font-size: calc(12.6/ 375 * 100vw);
   line-height: calc( 40/ 375 * 100vw);
   display: flex;
align-items: center;
}

  .arrival-pay {
    font-size: calc(12.6/ 375 * 100vw);
    line-height: calc( 40/ 375 * 100vw);
   display: flex;
align-items: center;
  }
  
  .order-button {
    margin-top: calc( -3/ 375 * 100vw);
    border-radius: calc( 11/ 375 * 100vw);
  }
  
  .error {
    margin-left: calc(75/ 375 * 100vw);
  }
  
  .form_has_error {
    
  }
  
  /*<!--フッター-->*/
  
  .footer {
    width: calc( 375/ 375 * 100vw);
    height: calc( 50.45/ 375 * 100vw);
  }
  
  .li2 a{
    border-left: none;
    margin-left: 10px;
  }
  
  .footer-navi {
    width: calc( 375/ 375 * 100vw);
    margin-bottom: calc( 12/ 375 * 100vw);
  }
  
  .footer-navi ul {
    width: calc( 312/ 375 * 100vw);
    margin: 0 auto;
  }
  
  .footer-navi li {
    font-size: calc(10.8/ 375 * 100vw);
    line-height: calc( 15.12/ 375 * 100vw);
  }
  
  .footer li {
    /*border-right: solid 1px #333;*/
    /* border-left: none;*/
     
    margin-left: calc( 1/ 375 * 100vw);
   
  }
  
/*  .footer li:last-child {*/
/*  border-right: none;*/
/*}*/
  
}