#sysWrap {
  max-width: none;
  margin:0;
  padding: 0;
  overflow:auto;
}

.contents {
  padding: 0 6rem;
  margin: 0 0 16rem 0;
}
.c-inner {
  max-width: 140rem;
  margin: 0 auto;
}

/* ----------------------------------------
title
---------------------------------------- */
.title{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 16rem;
  background-color: #fdfbf7;
  padding: 0 4rem;
  margin: 0 0 3rem 0;
}
.title h1{
  font-size: 3.4rem;
  font-weight: normal;
  color: #333;
  text-align: center;
}

.title h1 span{
  display: block;
  font-size: 1.8rem;
  line-height: 1;
}

/* ----------------------------------------
single-inner
---------------------------------------- */
.single-inner{
  max-width: 120rem;
  margin: 0 auto;
}

/* ----------------------------------------
c-about
---------------------------------------- */
#about .commit{
  margin: 12rem auto 8rem;
}

#about .commit + .c-link{
  margin: 0 0 16rem 0;
}

.c-about.single-inner {
  max-width: 140rem;
  margin: 0 auto;
}

#about .contents {
  margin: 0 0 8rem 0;
}

.c-about p {
  margin: 0;
}

.c-about .c-about__main-image{
  margin: 0 auto 6rem;
}

.c-about .c-about__main-image img{
  width: 100%;
  height: auto;
}

.c-about .c-about__read {
  font-size: 1.6rem;
  line-height: 2;
  text-align: center;
  margin: 0 auto 6rem;
}

.c-about .point__inner{
  display: flex;
  justify-content: center;

  max-width: 96rem;
  margin: 0 auto;
}

.c-about .point__inner li{
  width: calc((100% - 0.2rem)/3);
  text-align: center;
}
.c-about .point__inner li:not(:last-child){
  border-right:1px solid #e8e5e2;
}


.c-about .point__inner li figure{
  width: 12rem;
  margin: 0 auto 1rem;
}

.c-about .point__inner li p{
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.333;
}

.c-about .point__inner li p span{
  font-size: 1.6rem;
}


#about .bag__inner{
  width: 100%;
  background-color: #fdfbf7;
  padding: 4rem 6rem;
  margin: 0 0 6rem 0;
}
#about .bag__inner figure{
  max-width: 37.4rem;
  margin: 0 auto 4rem;
}
#about .bag__inner figure img{
  width: 100%;
  height: auto;
}

#about .bag__inner a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 37.2rem;
  min-height: 9rem;
  border: 2px solid #e8e5e2;
  border-radius: 0;
  background-color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  color: #816a58;
  padding: 0 1rem;
  margin: 0 auto;
}

#about .bag__inner a.hover{
  background-color: #e8e5e2;
}

#about .bag__inner a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid #816a58;
  border-right: 1px solid #816a58;
  transform: translateY(-50%) rotate(45deg);
}

.c-about.reason .link-btn{
  margin: 0 auto 12rem;
}

.c-about.reason .reason__title{
  font-size: 3.4rem;
  color: #a782b1;
  line-height: 1.412;
  text-align: center;
  margin: 0 auto 6rem;
}
.c-about.reason .reason__read{
  font-size: 1.6rem;
  line-height: 2;
  text-align: center;
  margin: 0 auto 4rem;
}
.c-about.reason .reason__graph__inner{
  display: flex;
  justify-content: center;
  align-items: center;
  gap:2rem;
  background-color: #f0eaf1;
  padding: 4rem;
  margin: 0 0 2rem 0;
}
.c-about.reason .reason__pie-chart{
  display: flex;
  gap:2rem;
}
.c-about.reason .reason__pie-chart li{
   max-width: 23.1rem;
}
.c-about.reason .reason__pie-chart li figure{
}
.c-about.reason .reason__pie-chart li figure img{
  width: 100%;
  height: auto;
}

.c-about.reason .reason__bar-graph{
  
}
.c-about.reason .reason__bar-graph{
  max-width: 27.1rem; 
}
.c-about.reason .reason__bar-graph img{
  width: 100%;
  height: auto;
}

.c-about.reason .reason__best-ec{
  display: flex;
  gap:1rem;
}

.c-about.reason .reason__best-ec figure{
  width: 8.9rem;
}
.c-about.reason .reason__best-ec figure img{
  width: 100%;
  height: auto;
}
.c-about.reason .reason__best-ec p{
  font-size: 1.2rem;
  line-height: 1.5;
}





/* ----------------------------------------
c-campaign
---------------------------------------- */
#campaign .ansinset {
  margin: 12rem auto 8rem;
}

#campaign .ansinset .ansinset__Headline{
  padding: 8rem 0 0 0;
}
#campaign .ansinset .sysContent{
  border-top: 1px solid #e8e5e2;
}

#campaign .ansinset + .c-link{
  margin: 0 0 16rem 0;
}

.c-campaign.single-inner {
  max-width: 140rem;
  margin: 0 auto;
}

#campaign .contents {
  margin: 0 0 8rem 0;
}

.c-campaign p {
  margin: 0;
}

.c-campaign .c-campaign__main-image{
  margin: 0 auto 6rem;
}

.c-campaign .c-campaign__main-image img{
  width: 100%;
  height: auto;
}

.c-campaign .c-campaign__read {
  font-size: 1.6rem;
  line-height: 2;
  text-align: center;
  margin: 0 auto 6rem;
}

.c-campaign .c-campaign__stitle{
  text-align: center;
  margin: 0 auto 6rem;
}

.c-campaign .c-campaign__point__inner{
  display: flex;
  justify-content: center;
  margin: 0 auto 4rem;
}

.c-campaign .c-campaign__point{
  width: 25rem;
  text-align: center;
}

.c-campaign .c-campaign__point figure{
  width: 16rem;
  margin: 0 auto 1.5rem;
}

.c-campaign .c-campaign__point img{
  width: 100%;
  height: auto;
}

.c-campaign .c-campaign__point p{
  font-size: 1.6rem;
  line-height: 1.5;
}

.c-campaign .c-campaign__point p span{
  font-size: 2rem;
  font-weight: bold;
  color: #ff3366;
}

.c-campaign .c-campaign__tokuten__inner{
  display: flex;
  justify-content: center;
  gap:2rem;
  flex-wrap:wrap;
  max-width: 112rem;
  padding: 6rem;
  background-color: #fdfbf7;
  margin: 0 auto 4rem;
}

.c-campaign .c-campaign__tokuten{
  width: calc((100% - 2rem)/2);
  background-color: #f8f7e2;
}

.c-campaign .c-campaign__tokuten h3{
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #59453a;
  padding: 0.1rem 1rem;
  margin: 0 0 3rem 0;
}
.c-campaign .c-campaign__tokuten__{
  padding: 0 4rem 3rem 4rem;
}

.c-campaign .c-campaign__tokuten .c-campaign__tokuten__stitle{
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 1.8rem;
  font-weight: bold;
  color: #59453a;
  line-height: 1.2;
  text-align: center;
  margin: 0 0 3rem 0;
}
.c-campaign .c-campaign__tokuten__stitle span{
  font-size: 4.4rem;
}

.c-campaign .c-campaign__tokuten__text{
  position: relative;
  background-color: #fff;
  min-height: 17rem;
  padding: 3rem;
  margin: 0 0 1rem 0;
  text-align: center;
}

.c-campaign .c-campaign__tokuten__text ul li{
  font-size: 1.4rem;
  color: #59453a;
  line-height: 1.5;
  text-align: left;
  list-style-type: disc;
  margin: 0 0 0 2rem;
}
.c-campaign .c-campaign__tokuten__text p{
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  color: #59453a;
  line-height: 1.5;
  text-align: center;
}
.c-campaign .c-campaign__tokuten__text p span{
  font-size: 1.8rem;
  font-weight: bold;  
}
.c-campaign .c-campaign__tokuten__text p span.EM{
  font-size: 2.4rem;
  color: #ff3366;
}

.c-campaign .c-campaign__tokuten__note li{
  font-size: 1.2rem;
  line-height: 1.75;
  padding-left:1em;
	text-indent:-1em;
}

.c-campaign .tokuten__hukidasi{
  position: absolute;
  right: -7rem;
  bottom: -5rem;
  width: 8.2rem;
  height: auto;
}


/*-----repeater-------*/
.c-campaign .c-campaign__repeater{}

.c-campaign .c-campaign__repeater__bnr{
  max-width: 57.2rem;
  margin: 0 auto 1.5rem;
  text-align: right;
}
.c-campaign .c-campaign__repeater__bnr img{
  width: 100%;
  height: auto;
}
.c-campaign .c-campaign__repeater .link__txt a{
  position: relative;
  font-size: 1.4rem;
  font-weight: bold;
  color: #7aa99f;
  text-decoration: underline;
}
.c-campaign .c-campaign__repeater .link__txt a.hover{
  text-decoration: none;
}

.c-campaign .c-campaign__repeater .link__txt a::after {
  content: "";
  position: absolute;
  top: 1.3rem;
  right: -1.5rem;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid #816a58;
  border-right: 1px solid #816a58;
  transform: translateY(-50%) rotate(45deg);
}

@media (max-width: 1100px) and (min-width: 768px) {
  .c-campaign .c-campaign__tokuten__inner {
    padding: 0;
  }
}

/*-----p-campaign-recome-------*/
.p-campaign-recome{
  padding: 0 6rem;
  margin: 0 0 12rem 0;
}
.p-campaign-recome .sysItemBlock{
  max-width: 112rem;
  margin: 0 auto;
}

.p-campaign-recome ul.sysVertical {
  display: flex;
  gap:6rem 4rem;
  flex-wrap:wrap;
}
.p-campaign-recome ul.sysVertical li{
  width: calc((100% - 4rem - 4rem - 4rem)/4);
  
  display:flex;
  flex-direction: column;
}

.sysItemImage{
  margin: 0 0 2rem 0;
}
.p-campaign-recome .sysContent .sysVertical .sysItemImage img {
  width: 100%;
  float: none;
}

.sysItemName{order:2;}
#sysDescriptionPc{order:0;}
#sysDescriptionMobile{order:0;}
.sysItemSuggestedPrice{order:3;}
.sysItemPrice{order:4;}
.sysItemPrArea{order:1; margin: 0 0 1rem;}


.sysItemName{
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.75;
  margin: 0 0 1.5rem 0;
}
.sysItemSuggestedPrice{
  font-size: 1.3rem;
  color: #999;
  line-height: 1.5;
  margin: 0 0 1rem 0;
}
.sysItemPrice{
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.5;
}
/*#sysDescriptionPc{
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0 0 2rem 0;
  border: 1px solid #e8e5e2;
  padding: 0.2rem 1rem;
  background-color: #fdfbf7;
}*/
#sysDescriptionPc {
  display: block;
  font-size: 1.2rem;
  margin: 0 0 1rem 0;
}

@media (max-width: 1100px) and (min-width: 768px) {
  .p-campaign-recome ul.sysVertical {
    display: flex;
    gap:5rem 3rem;
    flex-wrap:wrap;
  }
  .p-campaign-recome ul.sysVertical li{
    width: calc((100% - 3rem - 3rem)/3);
  }
}

/* ----------------------------------------
.label
---------------------------------------- */
.sysItemPrArea span{
  display:flex;
  justify-content: center;
  align-items: center;
  width: 8rem;
  height: 2.4rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff; 
  padding: 0;
  line-height: 1;
  border-radius: 0;
  margin: 0;
}


/* ----------------------------------------
c-guideline
---------------------------------------- */
.c-guideline p{
  margin: 0;
}

.c-guideline table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0 0 8rem;
}
.c-guideline th {
  width: 23%;
  font-weight: bold;
  background-color: #f5f5f5;
}
.c-guideline th,
.c-guideline td{
  text-align: left;
  vertical-align: top;
  font-size: 1.6rem;
  line-height: 2;
  border: 1px solid #e8e5e2;
  padding: 2rem 2rem;
}

.c-guideline td dl{
  margin: 0 0 1.5rem 0;
}

.c-guideline td dt span{
  font-weight: bold;
}

.c-guideline td dd{
    margin: 0 0 0 1em;
}

.c-guideline td .note{
  font-size: 1.4rem;
  line-height: 2;
  background-color: #fdfbf7;
  padding: 2rem;
  margin: 1.5rem 0;
}

.c-guideline td .note li{
  list-style-type: disc;
  margin: 0 0 0 1em;
}

.c-guideline td .c-guideline__list li{
  padding-left:1em;
	text-indent:-1em;
}

.c-guideline td .c-guideline__list-disc{
  margin: 1.5rem 0;
}

.c-guideline td .c-guideline__list-disc li{
  list-style-type: disc;
  margin: 0 0 0 1em;
}



.c-guideline td a{
  color: #ff6666;
  text-decoration: underline;
}
.c-guideline td a.hover{
  color: #ff6666;
  text-decoration: none;
}


.c-guideline td a.blank::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 10px;
  background-image: url("https://www.hakama-rental.com/img/base/blank.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px;
}


/* ----------------------------------------
c-terms
---------------------------------------- */
.c-terms__read{
  font-size: 1.6rem;
  line-height: 2;
  margin: 0 0 6rem 0;
}

.c-terms__inner{
  margin: 0 0 6rem 0;
}
.c-terms__inner:last-child{
  margin: 0;
}

.c-terms__title__inner {
  border-bottom: 1px solid #f7f3ef;
  margin: 0 0 3rem 0;
}

.c-terms__title {
  padding: 0 0 0 1.5rem;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.25;
  position: relative;
  margin: 0 0 2rem 0;
}

.c-terms__title::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.5rem;
  height: 3rem;
  background-color: #816a58;
}

.c-terms__inner ol{
  font-size: 1.6rem;
  line-height: 2;
}

.c-terms__inner ol li{
  list-style-type: decimal;
  margin: 0 0 1rem 1em;
}
.c-terms__inner ol li:last-child{
  margin: 0 0 0 1em;
}

.c-terms__inner p{
  font-size: 1.6rem;
  line-height: 2;
  margin: 0;
}


/* ----------------------------------------
c-privacy
---------------------------------------- */
.c-privacy__read{
  font-size: 1.6rem;
  line-height: 2;
  margin: 0;
}

.c-privacy__read + ul{
  font-size: 1.6rem;
  line-height: 2;
  padding: 1.5rem 0 0  0;
  margin: 0 0 6rem 0;
}

.c-privacy__read + ul li{
  list-style-type: disc;
  margin: 0 0 1rem 1em;
}
.c-privacy__read + ul li:last-child{
  margin: 0 0 0 1em;
}



.c-privacy__inner{
  margin: 0 0 6rem 0;
}

.c-privacy__inner:last-child{
  margin: 0;
}

.c-privacy__title__inner {
  border-bottom: 1px solid #f7f3ef;
  margin: 0 0 3rem 0;
}

.c-privacy__title {
  padding: 0 0 0 1.5rem;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.25;
  position: relative;
  margin: 0 0 2rem 0;
}

.c-privacy__title::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.5rem;
  height: 3rem;
  background-color: #816a58;
}

.c-privacy__inner ul{
  font-size: 1.6rem;
  line-height: 2;
}

.c-privacy__inner ul li{
  list-style-type: disc;
  margin: 0 0 1rem 1em;
}
.c-privacy__inner ul li:last-child{
  margin: 0 0 0 1em;
}

.c-privacy__inner p{
  font-size: 1.6rem;
  line-height: 2;
  margin: 0;
}

.c-privacy__inner p + ul{
  padding: 1.5rem 0 0  0;
}


/* ----------------------------------------
c-contact
---------------------------------------- */
.c-contact-qa__inner{
  margin: 0 0 8rem 0;
}

  .c-contact-qa__inner p{
    font-size: 1.6rem;
    line-height: 1.714;
    text-align: center;
    padding: 0;
    margin: 0 0 4rem 0;
  }

.c-contact-phone__inner{
  border-top:1px solid #e8e5e2;
  padding: 4rem 0 0 0;
  margin: 0 0 8rem 0;
}

  .c-contact-phone__title{
    font-size: 2.4rem;
    margin: 0 0 2rem 0;
  }

  .c-contact-phone__txt{
    font-size: 1.6rem;
    color: #dc4f96;
    line-height: 1.714;
    margin: 0;
  }

  .c-contact-phone__txt img{
    width: 2.6rem;
    height: auto;
    vertical-align: middle;
    margin: 0 0.5rem 0.2rem;
  }

  .c-contact-phone__txt a{
    color: #dc4f96;
  }
  .c-contact-phone__txt a.hover,
  .c-contact-phone__txt a.hover img{
    opacity: 0.8;
  }

.c-contact-mail__inner{
  border-top:1px solid #e8e5e2;
  padding: 4rem 0 0 0;
}

.c-contact-mail__title{
  font-size: 2.4rem;
  margin: 0 0 2rem 0;
}

.c-contact-mail__inner p{
  font-size: 1.4rem;
  line-height: 1.714;
  margin: 0;
}

.c-contact-mail__inner ul{
  display: flex;
  column-gap: 4.2rem;
  flex-wrap: wrap;
  padding: 4rem 0 0 0;
}

.c-contact-mail__inner ul li{
  width: calc((100% - 4.2rem - 4.2rem)/3);
}

.c-contact-mail__inner ul li a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 9rem;
  border: 2px solid #e8e5e2;
  background-color: #f9f8f5;
  font-size: 1.8rem;
  font-weight: bold;
  color: #816a58;
  padding: 0 1rem;
}
.c-contact-mail__inner ul li a.hover{
  background-color: #e8e5e2;
}

.c-contact-mail__inner ul li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid #816a58;
  border-right: 1px solid #816a58;
  transform: translateY(-50%) rotate(45deg);
}

.c-contact-mail__inner ul li a p{
  font-size: 1.8rem;
  line-height:normal;
  padding: 0;
}
.c-contact-mail__inner ul li a span{
  font-size: 1.4rem;
}


/* ----------------------------------------
faq
---------------------------------------- */
.c-faq{
  margin: 0 auto;
}
.c-faq dt a{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.c-faq .c-faq-inner{ margin-bottom: 9.5rem;}
.c-faq h2{
  font-size: 2.8rem;
  color: #000;
  font-weight: normal;
  margin-bottom: 3.5rem;
}
.c-faq dl{
  color: #333;
  border-top: 1px solid #e8e5e2;
}
.c-faq .c-faq-inner dl:last-child{ border-bottom: 1px solid #e8e5e2;}
.c-faq dt{
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.75;
}
.c-faq dt a{
  padding: 2.5rem 10rem 2.5rem 7rem;
  display: block;
  position: relative;
}
.c-faq dt .btnStyle{
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 8rem;
  border-left: 1px solid #fff;
}
.c-faq dt .btnStyle::before,
.c-faq dt .btnStyle::after{
  content: '';
  display: inline-block;
  position: absolute;
  top: calc(50% - 1.5px);
  left: 3rem;
  width: 2rem;
  height: 0.3rem;
  background-color: #cccccc;
}
.c-faq dt .btnStyle::after{
  transform: rotate(90deg);
  transition: transform 0.2s;
}
/*.c-faq dt a.hover{ box-shadow: 0 10px 10px -4px rgba(0,0,0,0.1);}*/
.c-faq dt a.hover,
.c-faq dt .qa-accordion.open{ background-color: #f5f5f5;}
.c-faq dt .qa-accordion.open .btnStyle::after{ transform: rotate(180deg);}
.c-faq dd{
  font-size: 1.6rem;
  line-height: 2;
  padding: 3.5rem 9rem 3.5rem 12rem;
  display: none;
}
.c-faq dd p{ position: relative; margin: 0;}
.c-faq dt .q,
.c-faq dd .a{
  font-size: 2.6rem;
  font-weight: bold;
  display: inline-block;
  position: absolute;
}
.c-faq dt .q{
  color: #816a58;
  left: 2rem;
  top: 1.4rem;
}
.c-faq dd .a{
  color: #fff;
  width: 3.6rem;
  height: 3.6rem;
  text-align: center;
  line-height: 3.6rem;
  background-color: #816a58;
  left: -5.2rem;
  top: 0rem;
}
.c-faq dd a{
  color: #ff6666;
  text-decoration: underline;
  transition-property: text-decoration;
}
.c-faq dd a.hover{ text-decoration: none;}

.c-faq dd a{
}
.c-faq dd a.blank{
  background-image: url("https://www.hakama-rental.com/img/base/blank.png");
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: right center;
  padding-right: 1.5rem;
  margin-right: 0.5rem;
}


.c-faq .faq-navi{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap:wrap;
  font-size: 1.5rem;
  margin: 0 0 8rem 0;
}

.c-faq .faq-navi li{
  position: relative;
  padding: 0 3rem;
  
  min-height: 4rem;
  display: flex;
  align-items: center;
}
.c-faq .faq-navi li:not(:last-child){
  border-right: 1px solid #adadad;
}

.c-faq .faq-navi a.hover{
  color: #ff6666;
}

.c-faq .faq-navi a span {
  position: relative;
  display: inline-block;
  /*padding-bottom: 1.5rem;*/
  font-size: 1.5rem;
  line-height: 1.4;
  text-align: center;
  cursor: pointer;
  transition: color 0.12s;
}

.c-faq .faq-navi li::after {
  content: "";
  position: absolute;
  top: 5rem;
  right: calc(50% - 0.8rem);
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid #816a58;
  border-right: 1px solid #816a58;
  transform: translateY(-50%) rotate(135deg);
}


#ank-1,#ank-2,#ank-3,#ank-4,#ank-5,#ank-6{
  padding-top: 20rem;
  margin-top: -20rem;
}





/* ----------------------------------------
sitemap
---------------------------------------- */
.site__inner{
  border-top: 1px solid #e8e5e2;
  padding: 4rem 0 0 0;
  margin: 0 0 8rem 0;
}

.site__title{
  font-size: 2.4rem;
  font-weight: bold;
  margin: 0 0 4rem 0;
}

.site__link{
  display: flex;
  flex-wrap:wrap;
  gap:3rem;
  margin: 0 0 3rem 0;
}

.site__link li{
  position: relative;
  width: calc((100% - 3rem - 3rem - 3rem)/4);
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 0 0 0 2rem;
}

.site__link li a.hover{
  color: #ff6666;
}

.site__link li::before {
  content: "";
  position: absolute;
  top: 1.3rem;
  left: 0;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid #816a58;
  border-right: 1px solid #816a58;
  transform: translateY(-50%) rotate(45deg);
}


/* ----------------------------------------
guide-index
---------------------------------------- */
.guide-index__inner{
  border-top: 1px solid #e8e5e2;
  padding: 4rem 0 0 0;
  margin: 0 0 8rem 0;
}

.guide-index__title{
  font-size: 2.4rem;
  font-weight: bold;
  margin: 0 0 4rem 0;
}

.guide-index__btn{
  display: flex;
  flex-wrap:wrap;
  gap:4.2rem;
}

.guide-index__btn li{
  width: calc((100% - 4.2rem - 4.2rem)/3);
}

.guide-index__btn li a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 9rem;
  border: 2px solid #e8e5e2;
  border-radius: 0;
  background-color: #f9f8f5;
  font-size: 1.8rem;
  font-weight: bold;
  color: #816a58;
  padding: 0 1rem;
  margin: 0;
}
.guide-index__btn li a.hover{
  background-color: #e8e5e2;
}

.guide-index__btn li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid #816a58;
  border-right: 1px solid #816a58;
  transform: translateY(-50%) rotate(45deg);
}

.guide-index-qa__inner{
  border: 1px solid #e8e5e2;
  padding: 6rem 4rem;
  margin: 12rem 0 0 0;
}

.guide-index-qa__inner p{
  font-size: 1.6rem;
  line-height: 1.714;
  text-align: center;
  padding: 0;
  margin: 0 0 4rem 0;
}

@media (max-width: 1100px) and (min-width: 768px) {
    .guide-index__btn{
      gap:2rem;
    }
    .guide-index__btn li{
      width: calc((100% - 2rem - 2rem)/3);
    }
}


/* ----------------------------------------
guide col2
---------------------------------------- */
.guide.col2{
  display: flex;
  flex-direction: row-reverse;
  column-gap:6rem;
}

.guide__contents{
  width: calc(100% - 22rem - 6rem);
  /* background-color: #ccc; */
}

.guide__menu{
  width: 22rem;
  /* background-color: #ddd; */
}


@media (max-width: 1100px){
    .guide.col2{
      display: block;
      width: auto;
    }
    .guide__contents{
      width: auto;
    }
    .guide__menu{
      width: auto;
    }
}

/* ----------------------------------------
guide__menu
---------------------------------------- */
.guide__menu{
  border-top: #816a58 1px solid;
  padding-top: 2.2rem;
}
.guide__menu .guide__menu__title{
  font-size: 1.6rem;
  margin-bottom: 2.8rem;
}
.guide__menu .guide__menu__title::after {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 0.6rem 0.1rem;
  content: '';
  border-right: 1px solid #816a58;
  border-bottom: 1px solid #816a58;
  transform: rotate(-45deg);
}
.guide__menu .guide__menu__title a.hover{
  color: #ff6666;
}
.block-aside-nav-list .block-aside-nav-item a{
  display: block;
  font-size: 1.4rem;
  width: 100%;
  padding: 2rem 1rem;
}
.block-aside-nav-list .block-aside-nav-item a.hover{
  color: #ff6666;
}
.nav-item-current{
  background: #f5f5f5;
  color: #ff6666;
}
@media (max-width: 1100px){
  .guide__menu{
    background-color: #fdfbf7;
    border-top: none;
    padding: 3rem 1.5rem;
    margin-bottom: 6rem;
  }
  .guide__menu .guide__menu__title{
    margin-bottom: 1.3rem;
    padding: 0;
  }
  .block-aside-nav-list{
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    grid-template-rows: repeat(5, 1fr); 
    gap: 0; 
  }
  .block-aside-nav-list .block-aside-nav-item {
    background-color: #fff;
    border: #e8e5e2 1px solid;
    margin-left:-0.1rem;
    margin-top:-0.1rem;
  }
  .block-aside-nav-list .block-aside-nav-item a{
    padding: 1rem 2rem 1rem 1rem;
    position: relative;
    min-height: 4.7rem;
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    line-height: 1.4;
  }
  .block-aside-nav-list .block-aside-nav-item a::after{
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 0.6rem 0.1rem;
    content: '';
    border-right: 1px solid #816a58;
    border-bottom: 1px solid #816a58;
    transform: rotate(-45deg);
    position: absolute;
    top:44%;
    right: 0.5rem;
  }
}
@media (max-width: 1100px) and (min-width: 768px) {
  .block-aside-nav-list .block-aside-nav-item a{
    font-size: 1.6rem;
    min-height: 6rem;
  }
}

/* ----------------------------------------
サイズについて
---------------------------------------- */
.gender_tab #ladies,
.gender_tab #mens{
  padding-top: 180px;
  margin-top: -180px;
}

.c-size__title__inner {
  margin: 0 0 4rem 0;
}
.c-size__title {
  padding: 0 0 0 1.5rem;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.25;
  position: relative;
  margin: 0 0 2rem 0;
}
.c-size__title::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.5rem;
  height: 3rem;
  background-color: #816a58;
}
.c-size__table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0 0 2rem;
}
.c-size__table th {
  font-weight: bold;
  background-color: #f5f5f5;
}
.c-size__table th,
.c-size__table td{
  text-align: center;
  font-size: 1.6rem;
  border: 1px solid #e8e5e2;
  padding: 1rem;
}
.c-size__table td.c-size__td{
  background-color: #fdfbf7;
}
.c-size__condition{
  margin-bottom: 8rem;
}
.c-size__condition li{
  list-style-type: disc;
  margin: 0 0 0 1em;
  font-size: 1.4rem;
  line-height: 2;
}
.c-size-ladies__inner .table__base td{
	width: 56rem;
	table-layout: fixed;
}
.c-size-ladies__inner .table__clothes_size th{
	width: 16rem;
	table-layout: fixed;
}
.c-size-ladies__inner .table__clothes_size .c-size__td{
  font-weight: bold;
}
.c-size-mens__inner .table__base th{
	width: 28rem;
	table-layout: fixed;
}
/* ----------------------------------------
付属品について
---------------------------------------- */
.tab_area{
  display: flex;
  margin-bottom: 8rem;
}
.tab_area li{
  width: 50%;
}
.tab_area li a{
  display: block;
  color: #816a58;
  border: #816a58 1px solid;
  font-size: 1.8rem;
  text-align: center;
  padding: 1.6rem;
}
.tab_area li span{
  position: relative;
}
.tab_area li span br{
  display: none;
}
.tab_area li span::before{
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 0.6rem 0.1rem;
    content: '';
    border-right: 1px solid #816a58;
    border-bottom: 1px solid #816a58;
    transform: rotate(-45deg);
    position: absolute;
    top: 1rem;
    left: -20%;
}
.tab_area li a.active{
  background-color: #816a58;
  color: #fff;
}
.c-list__title__inner {
  margin: 0 0 4rem 0;
}
.c-list__title {
  padding: 0 0 0 1.5rem;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.25;
  position: relative;
  margin: 0 0 2rem 0;
}
.c-list__title::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.5rem;
  height: 3rem;
  background-color: #816a58;
}
.c-list__table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0 0 8rem;
}
.c-list__table th {
  width: 23%;
  font-weight: bold;
  background-color: #fdfbf7;
}
.c-list__table th,
.c-list__table td{
  text-align: left;
  font-size: 1.6rem;
  line-height: 2;
  border: 1px solid #e8e5e2;
  padding: 2rem 2rem;
}
.c-list__table td .note{
  font-size: 1.6rem;
  line-height: 2;
}
.c-list__table .c-list__table_set{
  margin-bottom: 1rem;
}
.c-list__table td .note ul li{
  display: inline-block;
  margin-right: 1.6rem;
}
.c-list__table td p{
  margin: 0;
}
.c-list-lineup__list{
  display: grid; 
  grid-template-columns: repeat(2, 1fr); 
  grid-template-rows: repeat(4, 1fr); 
  gap: 3rem 2rem; 
  margin-bottom: 8rem;
}
.c-list-lineup__list li {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.c-list-lineup__list li img {
  border: 1px solid #e8e5e2;
  width: 20%;
}
.c-list-lineup__list li dl {
  width: 80%;
  text-align: left;
  margin-left: 2rem;
}
.c-list-lineup__list li dl dt br{
  display: none;
}
.c-list-lineup__list li dl dt{
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1.8rem;
}
.c-list-lineup__list li dl dt span{
  background-color: #816a58;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  font-size: 1.2rem;
  margin-right: 0.5rem;
  width: 1.8rem;
  height: 1.8rem;
  align-items: center;
  justify-content: center;
}
.c-list-lineup__list li dl dd{
  font-size: 1.2rem;
  line-height: 1.5;
}
.c-list-ladies__lineup__pdf a{
  border-top: #e8e5e2 1px solid;
  border-bottom: #e8e5e2 1px solid;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 3rem ;
  position: relative;
}
.c-list-ladies__lineup__pdf a::after{
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: 0 0.6rem 0.1rem;
  content: '';
  border-right: 2px solid #816a58;
  border-bottom: 2px solid #816a58;
  transform: rotate(-45deg);
  position: absolute;
  right: 3rem;
  top: 50%;
}
.c-list-ladies__lineup__pdf a.hover{
  color: #ff6666;
}
.c-list-ladies__lineup__pdf span{
  background-color: #dd2000;
  color: #fff;
  font-size: 1.2rem;
  display: inline-block;
  padding: 0.3rem 1rem;
  margin-left: 1rem;
}
@media (max-width: 1100px) and (min-width: 768px) {
  .c-list-ladies__lineup__pdf a{
    margin-bottom: 8rem;
  }
}

/* ----------------------------------------
ご注文からご返却まで
---------------------------------------- */
.flow{
}
.flow .flow__list{
}
.flow .flow-list__inner{
  position: relative;
  margin: 0 0 4rem 0;
}
.flow .flow-list__inner .flow-list__step{
  display: flex;
  gap:3rem;
}
.flow .flow-list__inner .flow-list__step__inner{
  order: 1;
  padding: 1rem 0;
  width: calc(100% - 30rem - 3rem);
}
.flow .flow-list__inner .flow-list__step__title{
  font-size: 2.4rem;
  color: #e18581;
  margin: 0 0 2rem 0;
}
.flow .flow-list__inner .flow-list__step__title span{
  color: #e18581;
  margin: 0 0.5rem 0 0;
}
.flow .flow-list__inner .flow-list__step__text{
  font-size: 1.6rem;
  line-height: 2;
  margin: 0;
}
.flow .flow-list__inner .flow-list__step__text span{
  font-size: 1.4rem;
  line-height: 2;
  margin: 0;
}

.flow .flow-list__inner .flow-list__step figure{
  order: 0;
  max-width: 30rem;
}
.flow .flow-list__inner .flow-list__step figure img{
  width: 100%;
  height: auto;
}
.flow .flow-list__inner .flow__link{
  position: absolute;
  bottom:2rem;
  left:calc(30rem + 3rem);
  
  display: flex;
  gap: 1rem;
  width: calc(100% - 30rem - 3rem);
}

.flow .flow-list__inner .flow__link li{
  width: calc((100% - 2rem)/3);
}


.flow .flow-list__inner .flow__link li a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 4.1rem;
  background-color: #f5f5f5;
  padding: 1rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #ff6666;
}
.flow .flow-list__inner .flow__link li a.hover{
  background-color: #e8e5e2;
}

.flow .flow-list__inner .flow__link li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 0.8rem;
  min-height: 0.8rem;
  border-top: 1px solid #816a58;
  border-right: 1px solid #816a58;
  transform: translateY(-50%) rotate(45deg);
}

@media (max-width: 1400px) {
  .flow .flow-list__inner .flow__link li{
    width: calc((100% - 1rem)/2);
  }
}



/* ----------------------------------------
商品のお届け＆ご返却
---------------------------------------- */
/* --delivery--*/
.delivery .delivery__note{
  margin: 3rem 0 0 0;
  background-color: #fdfbf7;
  padding: 2rem;
}
.delivery .delivery__note li{
  font-size: 1.4rem;
  line-height: 2;
  padding-left:1em;
  text-indent:-1em;
}

.delivery .delivery__bag{
  max-width: 50rem;
  margin: 0 auto;
}
.delivery .delivery__bag img{
  width: 100%;
  height: auto;
}

.delivery .delivery__stitle{
  font-size: 1.6rem;
  margin: 0 0 2rem 0;
}

.delivery .delivery__time{
  border: #f3e7de 4px solid;
  padding: 3rem;
  margin: 0 0 2rem 0;
}

.delivery .delivery__time__title{
  display: inline-block;
  font-size: 1.6rem;
  font-weight: normal;
  color: #fff;
  text-align: center;
  background-color: #816a58;
  padding: 0.6rem 1.5rem;
  margin: 0 0 2rem 0;
}

.delivery .delivery__time__list{
  display: flex;
  flex-wrap:wrap;
  gap:4rem;
  padding: 0 6rem;
}

.delivery .delivery__time__list li figure{
  width: 8.5rem;
  text-align: center;
}
.delivery .delivery__time__list li figure img{
  width: 100%;
  height: auto;
}
.delivery .delivery__time__list li figure figcaption{
  font-size: 1.6rem;
  margin: 0 0 1rem 0;
}

.delivery .delivery__time__note li{
  font-size: 1.4rem;
  line-height: 2;
  padding-left:1em;
  text-indent:-1em;
}

/* --return--*/
.c-guide__inner.return{
  margin: 0;
}

.return .return__title{
  position: relative;
  font-size: 2.1rem;
  font-weight: bold;
  color: #dc4f96;
  margin: 2rem 0 2rem 0;
  padding: 0 0 0 3.5rem;
}

.return .return__title img{
  position: absolute;
  top: 0.2rem;
  left:0;
  width: 3rem;
  height: auto;
}

.return .return__note{
  background-color: #fdfbf7;
  padding: 2rem;
  margin: 0 0 4rem 0;
}

.return .return__note li{
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2;
  color: #dc4f96;
  padding-left:1em;
  text-indent:-1em;
}

.return .return__note li span{
  font-size: 1.4rem;
  font-weight: normal;
  color: #333;
}

/* --transpor--*/
.transport{
  display: flex;
  flex-wrap:wrap;
  gap:4rem;
}
.transport .kuroneko__inner,
.transport .youpack__inner{
  width: calc((100% - 4rem)/2);
}
  .transport .kuroneko__title{
    font-size: 1.6rem;
    font-weight: bold;
    color: #000;
    background-color:#f5da45;
    padding: 0.5rem 1rem;
    margin:0 0 1.5rem 0;
  }
  .transport .youpack__title{
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    background-color:#e18581;
    padding: 0.5rem 1rem;
    margin:0 0 1.5rem 0;
  }

  .transport .kuroneko__text,
  .transport .youpack__text{
    font-size: 1.4rem;
    line-height: 1.714;
    margin:0 0 2rem 0;
  }
  .transport .kuroneko__link,
  .transport .youpack__link{
    display: flex;
    flex-direction: column;
    flex-wrap:wrap;
    gap:2rem;
    margin: 0 0 1rem 0;
  }

.transport .kuroneko__link a,
.transport .youpack__link a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 10rem;
  border: 2px solid #e8e5e2;
  background-color: #f9f8f5;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.238;
  color: #816a58;
  text-align: center;
  padding: 0 1rem;
}

.transport .kuroneko__link a.hover,
.transport .youpack__link a.hover{
  background-color: #e8e5e2;
}

.transport .kuroneko__link a::after,
.transport .youpack__link a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid #816a58;
  border-right: 1px solid #816a58;
  transform: translateY(-50%) rotate(45deg);
}

.transport .kuroneko__link .link__sp a::after{
  content:none;
}


.transport .kuroneko__link a span,
.transport .youpack__link a span{
  font-size: 1.4rem;
  display: contents;
  font-weight: normal;
}

  .transport .kuroneko__note{
    font-size: 1.4rem;
    line-height: 1.714;
    color: #816a58;
    padding-left:1em;
    text-indent:-1em;
  }



/* ----------------------------------------
お支払い方法について
---------------------------------------- */
.c-payment__inner {
  margin: 0 0 6rem 0;
}
.c-payment__title__inner {
  border-bottom: 1px solid #f7f3ef;
  margin: 0 0 3rem 0;
}
.c-payment__title {
  padding: 0 0 0 1.5rem;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.25;
  position: relative;
  margin: 0 0 2rem 0;
}
.c-payment__title::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.5rem;
  height: 3rem;
  background-color: #816a58;
}
.c-payment__info{
  font-size: 1.6rem;
  line-height: 2;
}
.c-payment__info .c-payment__info__check{
  color: #dc4f96;
  background-color: #f3e7de;
  font-size: 2.1rem;
  font-weight: bold;
  padding: 1rem;
  margin-bottom: 3rem;
  margin-top: 0;
  display: flex;
}
.c-payment__info .c-payment__info__check img{
  width: 2.6rem;
  height: auto;
  vertical-align: text-bottom;
  margin: 0 0.5rem 0.2rem;
}
.c-payment__info .c-payment__info__text{
  margin-bottom: 2rem;
}
.c-payment__info .c-payment__info__address{
  border: #f3e7de 4px solid;
  padding: 1.6rem 3rem 2rem;
  margin-bottom: 8rem;
}

.c-payment__info .c-payment__info__address dt{
  padding-left:1em;
  text-indent:-1em;
}

.c-payment__info .c-payment__info__address dd{
  color: #dc4f96;
  font-size: 1.8rem;
  font-weight: bold;
}
.c-payment__info .c-payment__info__address dd a{
  color: #dc4f96;
}
.c-payment__info .c-payment__info__address dd img{
  width: 2.6rem;
  height: auto;
  vertical-align: middle;
  margin: 0 0.5rem 0.2rem;
}
@media (min-width: 768px){
a[href^="mailto:"] {
  pointer-events: none;
  cursor: default;}
}
.c-payment__inner p {
  font-size: 1.6rem;
  line-height: 2;
}
.c-payment__inner .c-payment__condition{
  font-size: 1.4rem;
  line-height: 2;
  padding-left:1em;
  text-indent:-1em;
}
.c-payment__text{
  margin-bottom: 3rem;
}
.c-payment__text mark{
  background-color: #fffea1;
  color: #333;
}
.c-payment__number{
  font-size: 1.6rem;
  line-height: 2;
  background-color: #fdfbf7;
  padding: 2rem;
  margin: 1.5rem 0;
}
.c-payment__rank{
  font-size: 1.6rem;
  line-height: 2;
}
.c-payment__img__convenience{
  margin-bottom: 3rem;
}
.c-payment__number__card{
  display: block;
  width: 30rem;
  height: auto;
}
.c-payment__number__process{
  background-color: #fdfbf7;
  padding: 2rem;
  margin: 1.5rem 0;
}
.c-payment__number__process h3{
  font-size: 1.6rem;
  line-height: 2;
  margin: 0 0 1rem 0;
}

.c-payment__number__process h3 span{
}

.c-payment__number__process ul li{
  font-size: 1.6rem;
  line-height: 2;
}
.c-payment__number__process ul li span{
  color: #816a58;
  margin: 0 0.5em 0 0;
}

.c-payment-link a{
  border-top: #e8e5e2 1px solid;
  border-bottom: #e8e5e2 1px solid;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 3rem ;
  position: relative;
  margin: 4rem 0 8rem;
}
.c-payment-link a p::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 10px;
  background-image: url(https://www.hakama-rental.com/img/base/blank.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px;
}
.c-payment-link a::after{
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: 0 0.6rem 0.1rem;
  content: '';
  border-right: 2px solid #816a58;
  border-bottom: 2px solid #816a58;
  transform: rotate(-45deg);
  position: absolute;
  right: 3rem;
  top: 50%;
}
.c-payment-link a.hover{
  color: #ff6666;
}
.c-payment__number__process ul li{
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.c-payment-link a p br{
  display: none;
}


.c-payment__note__inner{
  margin: 0 0 2rem 0;
}
.c-payment__note__inner .c-payment__note__title{
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.75;
  color: #dc4f96;
  margin: 0 0 1rem 0;
}
.c-payment__note__inner .c-payment__note{
  background-color: #fdfbf7;
  padding: 2rem 2rem 2rem 4rem;
}
.c-payment__note__inner .c-payment__note li{
  font-size: 1.6rem;
  line-height: 1.75;
  color: #dc4f96;
  list-style-type: disc;
}
.c-payment__note__inner .c-payment__note li:not(:last-child){
  margin: 0 0 1rem 0;
}


/* ----------------------------------------
送料について
---------------------------------------- */
.c-guide__inner {
  margin: 0 0 6rem 0;
}
.c-guide__title__inner {
  border-bottom: 1px solid #f7f3ef;
  margin: 0 0 3rem 0;
}
.c-guide__title {
  padding: 0 0 0 1.5rem;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.25;
  position: relative;
  margin: 0 0 2rem 0;
}
.c-guide__title::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.5rem;
  height: 3rem;
  background-color: #816a58;
}
.c-guide__inner p {
  font-size: 1.6rem;
  line-height: 2;
  margin: 0;
}
.c-guide__inner .c-guide__free {
  color: #dc4f96;
  font-weight: bold;
  margin-bottom: 1rem;
}
.c-guide__inner .c-guide__caption {
  font-size: 1.4rem;
}


/* ----------------------------------------
キャンセル・延滞について
---------------------------------------- */
.c-cancel__inner {
  margin: 0 0 6rem 0;
}
.c-cancel__title__inner {
  border-bottom: 1px solid #f7f3ef;
  margin: 0 0 3rem 0;
}
.c-cancel__title {
  padding: 0 0 0 1.5rem;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.25;
  position: relative;
  margin: 0 0 2rem 0;
}
.c-cancel__title::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.5rem;
  height: 3rem;
  background-color: #816a58;
}
.c-cancel__inner p {
  font-size: 1.6rem;
  line-height: 2;
  margin: 0;
}
.c-cancel__time_limit,
.c-cancel__refund{
  margin-bottom: 8rem;
}
.c-cancel__inner .c-cancel__subtitle{
  color: #816a58;
  border: #816a58 1px solid;
  font-size: 1.6rem;
  padding: 1rem;
  width: 25rem;
  text-align: center;
  margin-bottom: 3rem;
}
.c-cancel__inner .c-cancel__caption {
  font-size: 1.6rem;
  margin-bottom: 4rem;
}
.c-cancel__inner .c-cancel__caption span {
  color: #dc4f96;
  font-weight: bold;
}
.c-cancel__table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0 0 3rem;
}
.c-cancel__table th {
  width: 23%;
  font-weight: bold;
  background-color: #f5f5f5;
}
.c-cancel__table th,
.c-cancel__table td{
  text-align: left;
  font-size: 1.6rem;
  line-height: 2;
  border: 1px solid #e8e5e2;
  padding: 3rem 4rem;
}
.c-cancel__condition h3{
  font-size: 1.6rem;
}
.c-cancel__condition ul li{
  font-size: 1.4rem;
  line-height: 2;
}
.c-cancel__condition ul li{
  list-style-type: disc;
  margin: 0 0 0 1em;
}
.c-cancel__inner .c-cancel__refund__text{
  font-weight: bold;
  margin-bottom: 1.6rem;
}
.c-cancel__refund__image{
  background-color: #f3f5fe;
  text-align: center;
  padding: 2.7rem;
  margin-bottom: 2.4rem;
}
.c-cancel__refund__image img{
  width: 70rem;
}


/* ----------------------------------------
返品・交換について
---------------------------------------- */
.c-change__inner {
  margin: 0 0 6rem 0;
}
.c-change__title__inner {
  border-bottom: 1px solid #f7f3ef;
  margin: 0 0 3rem 0;
}
.c-change__title {
  padding: 0 0 0 1.5rem;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.25;
  position: relative;
  margin: 0 0 2rem 0;
}
.c-change__title span{
  color: #dc4f96;
}
.c-change__title::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.5rem;
  height: 3rem;
  background-color: #816a58;
}
.c-change__inner p {
  font-size: 1.6rem;
  line-height: 2;
  margin: 0;
}
.c-change__time_limit,
.c-change__refund{
  margin-bottom: 8rem;
}
.c-change__inner .c-change__subtitle{
  color: #816a58;
  border: #816a58 1px solid;
  font-size: 1.6rem;
  padding: 1rem;
  width: 25rem;
  text-align: center;
  margin-bottom: 3rem;
}
.c-change__inner .c-change__caption {
  font-size: 1.6rem;
  margin-bottom: 2rem;
}
.c-change__inner .c-change__caption span {
  color: #dc4f96;
  font-weight: bold;
}
.c-change__table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0 0 3rem;
}
.c-change__table th {
  width: 23%;
  font-weight: bold;
  background-color: #f5f5f5;
}
.c-change__table th,
.c-change__table td{
  text-align: left;
  font-size: 1.6rem;
  line-height: 2;
  border: 1px solid #e8e5e2;
  padding: 1rem 4rem;
  height: 9rem;
}
.c-change__condition h3{
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.c-change__condition ul li{
  font-size: 1.6rem;
  line-height: 2;
  list-style-type: disc;
  margin: 0 0 0.2em 1em;
}
.c-change__condition{
  background-color: #fdfbf7;
  padding: 2rem;
  margin: 2rem 0;
}
.c-change__actual_cost{
  display: flex;
  font-size: 1.4rem;
}
.c-change__actual_cost::before{
content: "※";
display: block;
}


/* ----------------------------------------
アイコンの説明
---------------------------------------- */
.c-icon__list li{
  border-bottom: #e8e5e2 1px solid;
  display: grid; 
  grid-template-columns: 1fr 9fr; 
  grid-template-rows: 1fr; 
  gap: 3rem 2rem; 
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}
.c-icon__list li:last-child{
  border-bottom: none;
}
.c-icon__list li h3{
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1.8rem;
}
.c-icon__list li img{
  border: 1px solid #e8e5e2;
}
.c-icon__list .c-icon__list__text {
  font-size: 1.4rem;
  line-height: 2;
  margin: 0;
}
.c-icon__list .c-icon__list__link{
  margin: 1.4rem 0 0 0;
}
.c-icon__list .c-icon__list__link a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 4rem;
  border-radius: 0;
  background-color: #f5f5f5;
  font-size: 1.4rem;
  font-weight: bold;
  color: #ff6666;
  padding: 0 1rem;
  margin-left: auto;
  max-width: 24rem;
}
.c-icon__list .c-icon__list__link.icon__link__arrow a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid #816a58;
  border-right: 1px solid #816a58;
  transform: translateY(-50%) rotate(45deg);
}
.c-icon__list .c-icon__list__link.icon__link__pdf a::after {
  content: "PDF";
  background-color: #dd2000;
  color: #fff;
  font-size: 1rem;
  display: inline-block;
  padding: 0.3rem 1rem;
  margin-left: 1rem;
}
.c-icon__list .c-icon__list__link a.hover{
  background-color: #e8e5e2;
}


/* ----------------------------------------
c-howto
---------------------------------------- */
.c-howto.single-inner{
  margin: 0 auto 12rem;
}

.c-howto__read{
  font-size: 1.6rem;
  line-height: 2;
  margin: 0 0 2rem;
}
.c-howto__inner{
  margin: 0 0 6rem 0;
}
.c-howto__inner:last-child{
  margin: 0;
}
.c-howto__title__inner {
  border-bottom: 1px solid #f7f3ef;
  margin: 0 0 3rem 0;
}
.c-howto__title {
  padding: 0 0 0 1.5rem;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.25;
  position: relative;
  margin: 0 0 2rem 0;
}
.c-howto__title::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.5rem;
  height: 3rem;
  background-color: #816a58;
}
.c-howto__movie{
  margin: 0 auto 10rem;
  max-width: 80rem;
}
.c-howto__movie__video {
  text-align: center;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  display: block;
  margin-bottom: 4rem;
}
.c-howto__movie__video iframe {
  width: 100%;
  height: 100%;
}
.c-howto__movie__text{
  font-size: 1.6rem;
  margin-bottom: 1.4rem;
}
.c-howto__print a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 4rem;
  border-radius: 0;
  background-color: #f5f5f5;
  font-size: 1.4rem;
  font-weight: bold;
  color: #ff6666;
  padding: 0 1rem;
  margin-left: auto;
  max-width: 32rem;
}
.c-howto__print a::after{
  content: "PDF";
  background-color: #dd2000;
  color: #fff;
  font-size: 1rem;
  display: inline-block;
  padding: 0.3rem 1rem;
  margin-left: 1rem;
}
.c-howto__print a.hover{
  background-color: #e8e5e2;
}
.c-howto__flow{
  display: grid; 
  grid-template-columns: repeat(4, 1fr); 
  grid-template-rows: auto; 
  gap: 5rem 4.6rem; 
}
.c-howto__flow li {
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 2rem;
}
.c-howto__flow li p{
  font-size: 1.6rem;
  line-height: 2;
  margin-bottom: 0;
  margin-top: 2rem;
}
@media (max-width: 1100px) and (min-width: 768px) {
  .c-howto__movie{
    max-width: 100%;
  }
}


/* ----------------------------------------
c-manner
---------------------------------------- */
.c-manner.single-inner{
  margin: 0 auto 12rem;
}

.c-manner__read{
  font-size: 1.6rem;
  line-height: 2;
  margin: 0 0 4rem;
}
.c-manner__inner{
  margin: 0 0 6rem 0;
}
.c-manner__inner:last-child{
  margin: 0;
}
.c-manner__title__inner {
  border-bottom: 1px solid #f7f3ef;
  margin: 0 0 3rem 0;
}
.c-manner__title {
  padding: 0 0 0 1.5rem;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.25;
  position: relative;
  margin: 0 0 2rem 0;
}
.c-manner__title::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.5rem;
  height: 3rem;
  background-color: #816a58;
}
.c-manner__header{
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #f5f5f5;
  padding: 1.6rem 0.8rem;
  margin-bottom: 3rem;
}
.c-manner__iron__title .c-manner__header{
  margin-bottom: 2rem;
}
.c-manner__ok-ng {
  display: grid; 
  grid-template-columns: repeat(2, 1fr); 
  grid-template-rows: auto; 
  gap: 4rem; 
}
.c-manner__ok-ng li{
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 2rem;
}
.c-manner__ok-ng__examp .c-manner__ok-ng__text{
  font-size: 1.6rem;
  line-height: 2;  
  margin-bottom: 0;
}
.c-manner__ok-ng__compare{
  display: grid; 
  grid-template-columns: repeat(2, 1fr); 
  grid-template-rows: auto; 
  gap: 0 2rem; 
}
.c-manner__ok-ng__examp .c-manner__ok-ng__text ul li{
  counter-increment: number;
  padding-left: 1em;
  text-indent: -1em;
}
.c-manner__ok-ng__examp .c-manner__ok-ng__text ul li::before {
  content: counter(number);
  text-indent: 0;
  background-color: #816a58;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  font-size: 1.1rem;
  margin-right: 0.5rem;
  width: 1.6rem;
  height: 1.6rem;
  align-items: center;
  justify-content: center;
}
.c-manner__ok-ng__examp .c-manner__ok-ng__caption{
  font-size: 1.6rem;
  margin-top: 2rem;
  background-color: #fdfbf7;
  padding: 1.4rem;
  font-weight: bold;
  color: #e18581;
}
.c-manner__flow{
  display: flex;
  justify-content: center;
  gap: 4rem;
  margin-bottom: 6rem;
  flex-wrap: wrap;
}
.c-manner__flow li {
  max-width: 22%;
}
.c-manner__flow li p{
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 0;
  margin-top: 2rem;
}
.c-manner__loose__howto{
  display: flex;
  justify-content: center;
  gap: 4rem;
  margin-bottom: 6rem;
  flex-wrap: wrap;
}
.c-manner__loose__howto li {
  max-width: 22%;
}
.c-manner__iron{
  display: grid; 
  grid-template-columns: repeat(2, 1fr); 
  grid-template-rows: auto; 
  gap: 4rem 4rem; 
  margin-bottom: 2rem;
}
.c-manner__iron__howto .c-manner__iron__text{
  font-size: 1.6rem;
  line-height: 2;
}
.c-manner__iron__howto .c-manner__iron__text ul{
  margin-bottom: 1rem;
}
.c-manner__iron__caption{
  font-size: 1.2rem;
  display: flex;
}
.c-manner__iron__caption::before{
  content: "※";
  display: block;
}
.c-manner__iron__list li{
  counter-increment: number;
  padding-left: 1em;
  text-indent: -1em;
}
.c-manner__iron__list li::before {
  content: counter(number);
  text-indent: 0;
  background-color: #816a58;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  font-size: 1.1rem;
  margin-right: 0.5rem;
  width: 1.6rem;
  height: 1.6rem;
  align-items: center;
  justify-content: center;
}
.c-manner__iron__info{
  color: #dc4f96;
  background-color: #f3e7de;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 1rem;
  margin-top: 0;
  display: flex;
  line-height: 2;
}
.c-manner__iron__info img{
  width: 2.6rem;
  height: auto;
  vertical-align: text-bottom;
  margin: 0 0.5rem 0.2rem;
}





/* ----------------------------------------
c-related
---------------------------------------- */
.c-related{}

.c-related .related__title{
  font-size: 2.4rem;
  text-align: center;
  margin: 0 0 4rem 0;
}

.c-related .list{
  display: flex;
  gap: 4rem;
  flex-wrap: wrap;
  padding: 0 0 6rem 0; 
  margin: 0 0 6rem 0;
}

.c-related .list__item{
  width: calc((100% - 12rem) / 4);
}

.c-related .list__item figure{
  position: relative;
  background-color: #fff;
  margin: 0 0 1.5rem 0;
}

.c-related .list__item figure img{
  width: 100%;
  height: auto;
  border: 1px solid #e8e5e2;
}

.c-related .item__title{
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
}

.c-related .list__item a{
  transition: all 0.12s;
}
  .c-related .list__item a.hover figure img{
    opacity: 0.8;
  }

  .c-related .list__item a.hover .item__title{
    opacity: 0.8;
  }

@media (max-width: 1100px) and (min-width: 768px) {
  .c-related .list__item{
    width: calc((100% - 8rem) / 3);
  }
}