@charset "utf-8";
/* CSS Document */
img{max-width: 100%;}

.sak_mainbody h1{
  margin-bottom: 48px;
  font-size: 2.062rem;
  font-weight: bold;
  color: #5A5A5A;
}
.sak_kv{margin-bottom: 80px;}



.sak_featurelist{
  display: flex;
  flex-wrap: wrap;
  gap: 12px 8px;
  margin-bottom: 8px;
}
.sak_featurelist li{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 38px;
  padding: 0 24px;
  color: #FFFFFF;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: bold;
  border-radius: 12px;
  background-color: #F495B3;
}



.sak_ordermade{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.sak_ordermade>div:first-of-type{width: 51%;}
.sak_ordermade>div:nth-of-type(2){width: 40.5%;}
.sak_ordermade>div p{margin-bottom: 20px;}
.sak_linkpayment a{width: 206px;}



.sak_descriptiontxt{margin-bottom: 40px;}
.sak_prpflow{
  display: flex;
  align-items: center;
  gap: 0 50px;
  margin-bottom: 24px;
}
.sak_prpflow li{
  position: relative;
  width: 114px;
  height: 114px;
  line-height: 1.2;
  padding-top: 32px;
  text-align: center;
  color: #FFFFFF;
  border-radius: 100%;
  background-color: #846D48;
}
.sak_prpflow li:nth-last-of-type(n+2)::after{
  content: "";
  position: absolute;
  display: block;
  right: -35px;
  top: calc(50% - 30px);
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 20px solid #DBD3C0;
}
.sak_prpflow li p{margin-bottom: 4px;}
.sak_prpflow li span{
  display: block;
  font-size: 8px;
}



.sak_befaf{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 48px 0;
}
.sak_befaf figure{width: 47%;}
.sak_befaf figure figcaption{
  display: block;
  margin-bottom: 14px;
  text-align: center;
  font-weight: 500;
  color: #333333;
}



.sak_diff{
  display: flex;
  justify-content: space-between;
}
.sak_diff div{width: 47%;}
.sak_diff figure{margin-bottom: 24px;}
.sak_diff figure figcaption{
  margin-bottom: 10px;
  text-align: center;
  font-weight: 500;
  color: #333333;
}
.sak_diff div p{
  line-height: 1.75;
  font-weight: 600;
  color: #838383;
}







@media screen and (max-width:860px){
}
@media screen and (max-width:660px){
  .sak_prpflow{
    flex-wrap: wrap;
    gap: 16px 50px;
  }
}
@media screen and (max-width:600px){
  .sak_mainbody h1{font-size: 1.875rem;}
  .sak_contentsContainer h2 span{display: inline-block;}
  .sak_contentsContainer h2 span:nth-of-type(2){margin-top: 8px;}

  .sak_featurelist{margin-bottom: 24px;}
  .sak_featurelist li{
    height: 34px;
    padding: 0 20px;
    font-size: 0.875rem;
  }
  .sak_ordermade{flex-wrap: wrap;}
  .sak_ordermade>div:first-of-type{display: contents;}
  .sak_ordermade>div p{order: 1;}
  .sak_ordermade>div div{
    order: 3;
    margin: auto;
  }
  .sak_ordermade>div:nth-of-type(2){
    width: 100%;
    margin-bottom: 24px;
    text-align: center;
    order: 2;
  }


  .sak_diff{
    flex-wrap: wrap;
    gap: 48px 0;
  }
  .sak_diff div{width: 100%;}
}