@charset "utf-8";
/* CSS Document */

.window-bg {
 position: fixed;
 top: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.7);
 z-index: 99999;
 cursor: pointer;
 display: block;
}
.window-box {
 font-size: 14px;
 border: 4px solid #E0E0E0;
 background: #F5F5F5;
 text-align: center;
 /*2018.11.20 ポインター変更*/
 cursor: auto;
}

.window-box > p {
 margin-bottom: 20px;
 line-height:150%;
 letter-spacing: 0.05em;
}

.window-btn {
 margin: 0 auto;
 padding: 15px;
 background: #fff;
 text-align: center;
 border: 1px solid #ccc;
 border-radius: 3px;
 margin-top: 10px;
 /*2018.11.20 ポインター変更*/
 cursor: pointer;
}

.window-btn.jump-w {
	background: #82B143;
}

.window-btn > a {
 color: #000;
 display: inline-block;
}

.window-ext {
 background: url(external-link.png) no-repeat right center;
 background-size: 15px;
 padding-right: 18px;
}

.window-box > ul {
 list-style: none!important;
}

/* 幅が 767px 以下であれば */
@media (max-width:767px) {
.window-content {
 position: absolute;
 top: 40%;
 padding: 15px;
 border-width: 5px;
 margin-top: -120px;
 box-sizing: border-box;
}
 
.window-box {
 width: 100%;
 padding: 15px;

}
 
.window-btn {
 width: 80%;
}
}

/* 幅が 768px 以上であれば */
@media (min-width:768px) {
.window-content {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-left: -300px;
 margin-top: -150px;
 box-sizing: border-box;
}

.window-box {
 width: 520px;
 padding: 35px 30px;

}

.window-btn {
 width: 250px;
}
}