@charset "UTF-8";
:root{
  --ZenMaru: "Zen Maru Gothic", serif;
}

body.visible_policy{
  overflow: hidden;
}

#policy{
  position: fixed;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 200000;
  overflow: scroll;
  background-color: #fff;
  transition: all ease .3s;
}

#policy.active{
  height: 100vh;
  opacity: 1;
}

.policy_close_button{
  position: fixed;
  top: 19.1rem;
  right: 16.7rem;
  aspect-ratio: 1/1;
  width: 8.2rem;
  border-radius: 50%;
  background-color: var(--winered2);
  pointer-events: none;
  cursor: pointer;
}

.policy_close_button.enable{
  pointer-events: all;
}

.policy_close_button::before,
.policy_close_button::after{
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: 4.5rem;
  height: .2rem;
  background-color: #fff;
}

.policy_close_button::before{
  transform: translate(-50%, -50%) rotate(45deg);
}

.policy_close_button::after{
  transform: translate(-50%, -50%) rotate(-45deg);
}

.policy_main{
  width: 96rem;
  max-width: 128rem;
  margin: 0 auto;
  margin-top:9.3rem;
  margin-bottom: 17rem;
  
}
 
.policy{
 color:#8c4f53;
 font-family: var(--ZenMaru);
 font-weight: bold;
 font-size: 3rem;
 text-align: center;
 margin-bottom: 7.5rem;
 line-height: 1.47em;
 
}
.policy_flex{
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.policy_box{
  background: #7D3640;
  width: 2rem;
  height:2rem;
  margin-right: 1rem;
}
.p_i_information{
 color: #7D3640;
 font-family: var(--ZenMaru);
 font-weight: bold;
 font-size: 2.2rem;
 line-height: 2.3em;
}

.policy_text{
 color: #8c4f53;
 font-family: var(--ZenMaru);
 font-weight: bold;
 font-size: 2rem;
 text-align: left;
 line-height: 2.5em;
 display: inline-block;
}

/* 修正 */
.policy_close_button {
  top: 6.1rem;
  right: 10.7rem;
}
@media screen and (max-width: 699.98px){

  #policy.active{
    padding-top:14.3rem ;
  }

  .policy_close_button {
    top: 12.1rem;
    right: 2.7rem;
    width: 5.2rem;
  }

  .policy_close_button::before,
  .policy_close_button::after {
    width: 3rem;
  }

  .policy_main{
  width: 33.5rem;
  margin: 0 auto;
  margin-bottom: 17rem;
}
.policy{
  white-space:nowrap;
}
 .policy_text{
  font-size: 1.6rem;
  line-height: 2.5em;
}
.policy_br_off{
  display: none;
}
/* 修正 */
.policy_close_button {
  top: 2.1rem;
  right: 2rem;
  width: 8.2rem;
}
}