.another_window_icon {

  position: absolute;

  right: 0px;

  bottom: 0px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display:         flex;

  width: 50px;

  height: 50px;

  color: #fff;

  background: rgba(0, 0, 0, 0.7);

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

.another_window_icon svg {

  width: 25px;

  height: 25px;

  fill: currentColor;

}

.pc_process_img:hover {

  opacity: 0.5;

}

.pc_process_img {

  position: relative;

}



/*ポップアップここから*/

.popup_wrap input {

  display: none;

}



.popup_overlay {

  display: flex;

  justify-content: center;

  overflow: auto;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 9999;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.7);

  opacity: 0;

  transition: opacity 0.5s, transform 0s 0.5s;

  transform: scale(0);

}



.popup_trigger {

  position: absolute;

}



.popup_content {

  position: relative;

  align-self: center;

  max-height: 90%;

  padding: 30px 30px 15px;

  box-sizing: border-box;

  line-height: 1.4em;

  transition: 0.5s;

}



.close_btn2 {

  position: absolute;

  top: -13px;

  right: 30px;

  font-size: 53px;

  cursor: pointer;

  color: #f5f5f5;

}



.popup_wrap input:checked ~ .popup_overlay {

  opacity: 1;

  transform: scale(1);

  transition: opacity 0.5s;

}





.open_btn:hover{

    background:#000;

    color:#fff;

    transition: .3s ease;

}

/*ポップアップココまで*/