@charset "utf-8";

/*---------------------------------------------------------------

layerBoard

---------------------------------------------------------------*/
p { -webkit-appearance: none; }

/*---------------------------------------------------------------
base
---------------------------------------------------------------*/
html,
body { height: 100%; }

*html .layer_board_bg,
*html .layer_board { position: absolute; }

.layer_board_bg {
position: fixed;
width: 100%;
height: 100%;
z-index: 100;
top: 0;
left: 0;
display: none;
cursor: pointer;
background:var(--black);
}

.layer_board {
background-color:var(--white);
display: none;
position: fixed;
top: 0;
right:0;
bottom:0;
left:0;
margin:auto;
text-align: center;
z-index: 101;
width:90vw;
max-height:90vh;
overflow-y:scroll;
}

/*--- close ---*/
.btn_close {
align-items:center;
display:flex;
justify-content:flex-end;
text-align:center;
position:relative;
z-index:101;
padding-bottom:50px;
}

.btn_close div {
align-items:center;
background-color:var(--blue);
border-radius:30px;
display:flex;
font-weight:600;
font-size:1.4rem;
justify-content:center;
margin:0 auto;
padding:20px 60px;
}

.btn_close:hover div {
cursor:pointer;
opacity:0.7;
}

.btn_close span {
color:var(--white);
display:block;
padding:0 0 0 10px;
}

.btn_close#head {
position:sticky;
top:15px;
right:20px;
margin-top:0;
padding-bottom: 0;
}

.btn_close#head div {
background-color:var(--black);
border:none;
margin:0;
padding:13px 18px;
width:auto;
}

.btn_close#head div span {
color:var(--white);
font-size:1.3rem;
}

.btn_close#head div i {
color:var(--white);
font-size:1.3rem;
}

/*--- entry ---*/
.btn_close.entry {
align-items:center;
display:flex;
justify-content:flex-end;
text-align:center;
position:relative;
z-index:101;
padding-bottom:30px;
}

.btn_close.entry div {
align-items:center;
background-color:var(--white);
background-color:var(--green);
border-radius:30px;
display:flex;
font-weight:600;
font-size:1.8rem;
justify-content:center;
margin:0 auto;
padding:20px 60px;
position:relative;
}

.btn_close.entry div:after {
content:"\f054";
color:var(--white);
font-family:var(--icon);
font-size:1.1rem;
font-weight:600;
right:15px;
top:50%;
margin-top:-6px;
opacity:0.7;
position:absolute;
z-index:3;
}

.btn_close.entry:hover div {
cursor:pointer;
opacity:0.7;
}

.btn_close.entry span {
color:var(--white);
display:block;
font-size:1.6rem;
padding:0 0 0 10px;
}


.layer_board_cont {
 background:var(--white);
 text-align:left;
 margin:0 auto;
 padding:25px;
}

.layer_board .layer_board_cont h2 {
 font-size:2.6rem;
 font-weight:600;
 line-height:1.6;
 text-align:center;
}

.layer_board .layer_board_cont {
display:flex;
flex-direction:column;
padding:35px 50px 50px;
row-gap:20px;
height:100%;
}

.layer_board .layer_board_cont p {
 font-size:1.5rem;
 line-height:1.8;
 text-align:center;
}


/*---------------------------------------------------------------

sp_layerBoard

---------------------------------------------------------------*/
@media screen and (max-width:767px){

.layer_board {
 background-color:var(--white);
 max-height:80vh;
 width:90%;
}

.layer_board .layer_board_cont {
 display:flex;
 flex-direction:column;
 height:auto;
 padding:15px 15px 15px;
 row-gap:10px;
}

.layer_board .layer_board_cont h2 {
 font-size: calc(1.6rem + ((1vw - 0.48rem) * 0.6944)); 
 line-height:1.6;
 text-align:center;
}

.layer_board .layer_board_cont p {
 font-size: calc(1.1rem + ((1vw - 0.48rem) * 0.6944)); 
 line-height:1.8;
 text-align:left;
}

.layer_board .layer_board_cont .pic img {
 height:auto;
 width:100%;
 max-width:640px;
}

.btn_close {
 align-items:center;
 display:flex;
 justify-content:center;
 right:auto;
 margin-top:0;
 padding-bottom:15px;
}

.btn_close#head {
 top:0;
 left:auto;
 right:0;
 position:sticky;
 padding-bottom:0;
 margin-left: auto;
}

.btn_close div {
 font-size:calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

.btn_close#head div span,
.btn_close div span {
 font-size:calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
 padding:0 0 0 5px;
 border:none;
}

.btn_close#head div i {
 font-size:calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

.btn_close.entry {
 padding:10px 0;
}

.btn_close.entry div {
 font-size:calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

.btn_close.entry span {
 font-size:calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

}