@charset "utf-8";
.sec-modal {
margin: 30px auto 0;
}

.sec-modal + .sec02.shadow{
margin: 30px auto 0;
}
.sec-modal .sec-modal__button {
text-align: center;
font-size: 16px;
padding: 20px 15px;
max-width: 850px;
width: 95%;
margin: 0 auto;
background-color: #e9eaec;
cursor: pointer
}

.sec-modal .sec-modal__button + .sec-modal__button {
margin: 15px auto 0;
}

.sec-modal .sec-modal__button .sec-modal__button__click__here {
font-size: 16px;
font-style: normal;
text-decoration: underline!important;
}

.sec-modal .sec-modal__button__br {
display: block;
}

body.modal--open {
height: 100vh;
overflow-y: hidden;
}
.modal {
display: none;
height: 100vh;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}
.modal__bg {
background: rgba(0, 0, 0, 0.8);
height: 100vh;
position: absolute;
width: 100%;
}
.modal__content {
}
.modal__inner {
top: 50%;
left: 50%;
transform: translate(-50%, -55%);
margin: 0 auto;
padding: 30px 20px;
position: absolute;
max-width: 950px;
width: 90%;
background-color: #fff;
max-height: 100vh;
}
.modal__inner__area {
overflow-y: auto;
max-height: 60vh;
}
.modal__inner__ttl {
font-size: 16px;
text-align: left;
line-height: 1.8;
}
.modal__inner__txt {
margin-top: 15px;
text-align: left;
font-size: 14px;
line-height: 1.8;
}

.modal__inner__txt {
margin-top: 1.8em;
}

.js-modal--open {
cursor: pointer;
display: block;
}

.modal--close {
position: absolute;
top: -15px;
right: -15px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
background: #fff;
border-radius: 50%;
border: 1px solid #ccc;
width: 40px;
height: 40px;
cursor: pointer;
transition: all .2s ease;
z-index: 9999;
}
@media screen and (max-width:360px) {
.sec-modal .sec-modal__button,
.sec-modal .sec-modal__button i {
font-size: 14px;
}
}

@media screen and (min-width:768px) {
.sec-modal {
margin: 50px auto 0;
}

.sec-modal + .sec02.shadow{
margin: 50px auto 0;
}
.sec-modal .sec-modal__button__br {
display: none;
}

.modal__inner {
top: 50%;
}
.modal__inner__area {
max-height: 85vh;
}
.modal__inner {
padding: 50px 40px;
}
}