/* CSS Document */
/*ページタイトル*/
.pagetitle.term .contents_title::before{
  content:"Term";
}
.pagetitle.privacy .contents_title::before{
  content: "Privacy Policy"
}
/*コンテンツ*/
.term_policy{
  box-sizing: border-box;
  background-color: #eaf5cf;
}
body[wc-view-type="tb"] .term_policy,
body[wc-view-code="sp"] .term_policy{
  padding: var(--headerHeight) 7vw;
}
body[wc-view-type="tb-l"] .term_policy{
  padding: var(--headerHeight) 6vw;
}
body[wc-view-code="pc"] .term_policy{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.term_policy .t_p_top_text{
}
.term_policy .t_p_block{
  margin-top: 1.5rem;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0.75rem;
  border-radius: 0.75rem;
}

body:not([wc-view-code="sp"]) .term_policy .t_p_block{
  padding: 1rem;
}
.term_policy .t_p_block > dt{
  display: flex;
  gap:0.75rem;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 700;
}
.term_policy .t_p_block > dt .num{
  width: 2.25rem;
  height: 2.25rem;
  background-color: var(--accentColor);
  border-radius: 0.5rem;
  color: #fff;
  font-weight: 700;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.term_policy .t_p_block > dd{
  padding-top: 0.75rem;
  display: flex;
  flex-direction: column;
  gap:0.5rem;
}
body:not([wc-view-code="sp"]) .term_policy .t_p_block > dd{
  padding-left: 3rem;
}
.term_policy .t_p_block > dd .t_p_list{
  padding-left: 1rem;
  box-sizing: border-box;
  list-style-position: outside;
}
.term_policy .t_p_block > dd .t_p_list > li:not(:first-of-type){
  margin-top: 0.25rem;
}
.term_policy .t_p_block > dd .tp_contact{
}
.term_policy .t_p_block > dd .tp_contact > dt{
  display: flex;
  gap:0.5rem;
  font-weight: 700;
  align-items: center;
}
.term_policy .t_p_block > dd .tp_contact > dt::before{
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: solid 2px var(--accentColor);
  box-sizing: border-box;
}
.term_policy .t_p_block > dd .tp_contact > dd .tp_tel{
  font-size: 1.5rem;
  font-weight: 700;
  text-decoration: none;
  color: var(--defColor);
  width: fit-content;
  margin-bottom: 0.5rem;
  margin-top: 0.25rem;
  position: relative;
  z-index: 1;
  padding-left: 2.2rem;
  display: table;
}
body:not([wc-view-code="sp"]) .term_policy .t_p_block > dd .tp_contact > dd .tp_tel{
  pointer-events: none;
}
.term_policy .t_p_block > dd .tp_contact > dd .tp_tel::before{
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  left: 0;
}
.term_policy .t_p_block > dd .tp_contact > dd .tp_tel::after{
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background-color: var(--accentColor);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  left: 0;
}
.term_policy .t_p_block > dd .tp_contact > dd .btn.p_contact{
}
.term_policy .t_p_block > dd .tp_contact > dd .btn.p_contact > a{
}
.term_policy .t_p_block > dd .tp_contact > dd .btn.p_contact > a span{
  width: 1.8rem;
  height: 1.8rem;
  display: table;
  position: relative;
  z-index: 1;
}
.term_policy .t_p_block > dd .tp_contact > dd .btn.p_contact > a span::after{
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--accentColor);
  margin-right: 0.5rem;
  position: absolute;
  z-index: 2;
}
.term_policy .t_p_block > dd .tp_contact > dd .btn.p_contact > a span::before{
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
}