.main-area {
  margin-bottom: calc(80* (100vw /375));
  font-family: source-han-sans-japanese, sans-serif;
	font-weight: normal;
	overflow: hidden;
	box-sizing: border-box;
  color: #656565;
}

.main-area img {
	width: 100%;
	height: auto;
}

.sp_only {
	display: block;
}

.pc_only {
	display: none;
}


/************** common **************/
.sec_bg {
  position: relative;
}

.sec_bg::before{
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height: calc(400* (100vw /375));
  content: '';
  display: block;
  position: absolute;
  top: calc(190* (100vw /375));
  background-size: contain;
  background-color: #FFFAEB;
  z-index: -1;
}

.sec_bg_2::before{
  top: calc(220* (100vw /375));
}

.main-area h2 {
  color: #656565;
  font-family: ivymode, sans-serif;
  font-size: calc(28* (100vw /375));
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 1.3;
}

.sec02 h2,.sec03 h2 {
  color: #E38096;
}

/*** tax ***/
.sec_tax {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.tax_text {
  width: max-content;
  font-size: calc(12* (100vw /375));
  letter-spacing: 0.07em;
  line-height: 1.75;
  text-align: center;
}

.buy_btn {
  width: calc(70* (100vw /375));
}

.sec_tax_2 {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.sec_tax_2 .buy_btn {
  margin-top: calc(3* (100vw /375));
}


/************** mv **************/
.mv {
  margin: 0 auto calc(60* (100vw /375));
  padding-bottom: calc(36* (100vw /375));
  background-color: #FFFAEB;
}

.mv_img {
  margin: 0 auto calc(38* (100vw /375));
}

.mv_text {
  text-align: center;
  font-size: calc(14* (100vw /375));
  letter-spacing: 0.07em;
  line-height: 1.75;
} 


/************** sec01 **************/
.sec01 {
  margin: 0 auto calc(64* (100vw /375));
  width: calc(345* (100vw /375));
}

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

.sec01_cloth {
  width: calc(160* (100vw /375));
}

.sec_cloth_1_img {
  margin-bottom: calc(10* (100vw /375));
}


/************** sec02 **************/
.sec02 {
  margin: 0 auto calc(84* (100vw /375));
  width: calc(345* (100vw /375));
}

.sec02_box_1 {
  margin: calc(20* (100vw /375)) 0 0;
}

.sec_model_box {
  margin: 0 auto calc(38* (100vw /375));
  width: calc(325* (100vw /375));
}

.sec_model_box_2 {
  margin: 0 auto calc(38* (100vw /375));
}

.sec_model_img_1  {
  margin-bottom: calc(16* (100vw /375));
}

.sec_model_img_2  {
  margin-bottom: calc(20* (100vw /375));
}

.sec_model_img_3 {
  margin-bottom: calc(20* (100vw /375));
}

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

.sec_cloth_2_img {
  margin-bottom: calc(6* (100vw /375));
}

.sec02_cloth {
  width: calc(110* (100vw /375));
}

.sec03_cloth {
  width: calc(110* (100vw /375));
}


/************** sec03 **************/
.sec03 {
  margin: 0 auto calc(84* (100vw /375));
  width: calc(345* (100vw /375));
}

.sec03_box_1 {
  margin-top: calc(20* (100vw /375));
}

.sec03_model_img_1  {
  margin-bottom: calc(13* (100vw /375));
}

.sec03_model_img_2  {
  margin-bottom: calc(14* (100vw /375));
}

.sec03_model_img_3 {
  margin-bottom: calc(20* (100vw /375));
}

.sec03 .sec_tax {
  padding: 0 calc(10* (100vw /375));
}


/************** sec04 **************/
.sec04 {
  margin: 0 auto calc(82* (100vw /375));
  width: calc(325* (100vw /375));
}

.sec04_box {
  position: relative;
}

.point_ttl {
  width: calc(86* (100vw /375));
  position: absolute;
  top: calc(-22* (100vw /375));
  left: calc(-20* (100vw /375));
}

.point_ttl_2 {
  width: calc(94* (100vw /375));
  top: calc(-20* (100vw /375));
  left: calc(-20* (100vw /375));
}

.point_ttl_3 {
  width: calc(89* (100vw /375));
  top: calc(-19* (100vw /375));
  left: calc(-21* (100vw /375));
}

.sec04_box_1 {
  margin: calc(40* (100vw /375)) 0 calc(66* (100vw /375));
}

.sec04_box_1::before{
  width: calc(140* (100vw /375));
  height: calc(140* (100vw /375));
  content: '';
  display: block;
  position: absolute;
  top: auto;
  right: calc(-25 * (100vw /375));
  bottom: calc(-6* (100vw /375));
  left: auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/sec04_sub_img_1.png);
}

.sec04_model_img_1 {
  margin: 0 0 calc(8* (100vw /375));
}

.sec04_box_2 {
  margin-bottom: calc(66* (100vw /375));
}

.sec04_model_img_2 {
  margin: 0 0 calc(10* (100vw /375));
}

.sec04_model_img_3 {
  margin-bottom: calc(50* (100vw /375));
  width: calc(300* (100vw /375));
}

.sec04_box_3::before{
  width: calc(180* (100vw /375));
  height: calc(180* (100vw /375));
  content: '';
  display: block;
  position: absolute;
  top: auto;
  right: calc(-24 * (100vw /375));
  bottom: calc(46* (100vw /375));
  left: auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/sec04_sub_img_2.png);
}

.sec04_text {
  font-size: calc(12* (100vw /375));
  letter-spacing: 0.07em;
  line-height: 1.75;
}



/************** btn **************/
.sec_btn {
  margin: 0 auto;
  width: calc(300* (100vw /375));
}



/* ===============================================
### PC用デザイン###
=============================================== */
@media screen and (min-width:768px) {

.main-area {
  margin: 0 auto 10rem;
}
  
.sp_only {
  display: none;
}

.pc_only {
  display: block;
}


/************** common **************/
.sec_bg::before{
  height: 70rem;
  top: 27rem;
}

.sec_bg_2::before{
  top: 20rem;
}

.main-area h2 {
  font-size: 3.6rem;
}

/*** tax ***/
.sec_tax {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}

.tax_text {
  width: max-content;
  font-size: 1.6rem;
  letter-spacing: 0.07em;
}

.buy_btn {
  width: 8.7rem;
  display: inline-block;
  margin-left: 1rem;
}

.sec_model_box_2 .buy_btn {
  margin-left: -1.2rem;
}

.sec_tax_2 {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.sec_tax_2 .buy_btn {
  margin: .2rem 0 0 0;
  width: 8rem;
}


/************** mv **************/
.mv {
  margin: 0 auto 9.8rem;
  padding: 5rem 0;
}

.mv_img {
  margin: 0 auto 4.8rem;
  width: 60rem;
}

.mv_text {
  text-align: center;
  font-size: 1.6rem;
} 


/************** sec01 **************/
.sec01 {
  margin: 0 auto 10.6rem;
  width: 60rem;
}

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

.sec01_cloth {
  width: 24rem;
}

.sec_cloth_1_img {
  margin-bottom: 2rem;
}


/************** sec02 **************/
.sec02 {
  margin: 0 auto 10.7rem;
  width: 60rem;
}

.sec02_box_1 {
  margin: 2.2rem auto 0;
}

.sec_model_box {
  margin: 0 auto 6rem;
  width: 50rem;
}

.sec_model_box_2 {
  margin: 0 auto 6rem;
  width: 50rem;
}

.sec_model_img_1  {
  margin-bottom: 2rem;
}

.sec_model_img_2  {
  margin-bottom: 2rem;
}

.sec_model_img_3 {
  margin-bottom: 2rem;
}

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

.sec_cloth_2_img {
  margin-bottom: .8rem;
}

.sec02_cloth {
  width: 18rem;
}

.sec03_cloth {
  width: 18rem;
}


/************** sec03 **************/
.sec03 {
  margin: 0 auto 10.8rem;
  width: 60rem;
}

.sec03_box_1 {
  margin-top: 2rem;
}

.sec03_model_img_1  {
  margin-bottom: 2rem;
}

.sec03_model_img_2  {
  margin-bottom: 2rem;
}

.sec03_model_img_3 {
  margin-bottom: 2rem;
}

.sec03 .sec_tax {
  padding: 0;
}

/************** sec04 **************/
.sec04 {
  margin: 0 auto 9.8rem;
  width: 60.5rem;
}

.point_ttl {
  width: 10.7rem;
  top: -2.7rem;
  left: -3.2rem;
}

.point_ttl_2 {
  width: 11.8rem;
  top: -2.8rem;
  left: -3.6rem;
}

.point_ttl_3 {
  width: 11.1rem;
  top: -2.7rem;
  left: -3.3rem;
}

.sec04_box_1 {
  margin: 5rem 0 7.8rem;
}

.sec04_box_1::before{
  width: 20rem;
  height: 20rem;
  right: -0.2rem;
  bottom: 4.7rem;
}

.sec04_model_img_1 {
  margin: 0 0 1.8rem;
  width: 55rem;
}

.sec04_box_2 {
  margin: 0 0 7.7rem auto;
  width: 55rem;
}

.sec04_box_2 .sec04_text {
  margin: 0 0 0 -.2rem;
}

.sec04_model_img_2 {
  margin: 0 0 2rem auto;
}

.sec04_box_3 .sec04_text {
  margin: 0 0 0 .2rem;
}

.sec04_model_img_3 {
  margin-bottom: 1.8rem;
  width: 37.8rem;
}

.sec04_box_3::before{
  width: 28rem;
  height: 28rem;
  right: -0.2rem;
  bottom: 12.4rem;
  background-image: url(../img/pc_sec04_sub_img_2.png);
}

.sec04_text {
  margin-left: .2rem;
  font-size: 1.6rem;
}


/************** btn **************/
.sec_btn {
  margin: 0 auto;
  width: 36rem;
}


}

/* パンくず 追加スタイル PC */
@media only screen and (min-width: 768px){
  .breadcrumb__list {
    padding-bottom: 1.6rem;
  }
}