@charset "utf-8";

#about .modal-wrapper {
}
.modal-trigger_btn {
}
.modal-trigger_btn a {
}

.modal-wrap {
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100vh;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s linear, visibility 0.3s linear;
/*z-index: -1;*/
z-index: 9994;
}
.modal-wrap .overlay {
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.75);
cursor: pointer;
}
.modal-wrap .modal-inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
padding: 1em;
/*background-color: #FFF;*/
overflow-y: scroll;
width: 80%;
height: 70vh;
}
@media print, screen and (max-width: 767px)	{
.modal-wrap .modal-inner {width: 90%;top: 45%;height: 70vh;}}
@media print, screen and (max-width: 360px)	{
.modal-wrap .modal-inner {width: 90%;top:45%;height: 80vh;}}

@media screen and (min-width:768px) and ( max-width:1299px) {
.modal-wrap .modal-inner {width: 70%;top: 45%;}}
@media print, screen and (min-width: 1300px) {
.modal-wrap .modal-inner {width: 900px;}}


.modal-wrap .modal-close {
position: fixed;
top: 0;
right: 0;
width: 50px;
height: 50px;
cursor: pointer;
background-image: url("../img/popup_close.jpg");
background-repeat: no-repeat;
background-position: right top;
background-size: 48px 48px;
z-index: 9995;
background-color: #8b0a00;
}

.modal-wrap.show {
opacity: 1;
visibility: visible;
/*z-index: 10000;*/
z-index: 9995;
}