@charset "UTF-8";
/* CSS Document */
/**************************************************
*modal.css
*制作：Shinichi Yamazaki
*Summery：スマフォレイアウト時表示のモーダルウインド（グローバルナビ）専用のファイル。
*Created Date：2022/05
 レスポンシブレイアウトモバイルファーストでの記述。
***************************************************/
/*モーダルウインドウ*/
#modal{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:none;
	z-index:9999;
}
#modal-bg{
	width: 100%;
	height: 100%;
	background:rgba(0,16,46,.8);
	position:absolute;
	top:0;
	left:0;
}
#modal-content{
	width:90%;
    min-height: 10vh;
	background-color:#FFF;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
#modal-content-inner{
	position:relative;
	padding:70px 20px;
}
.modal-btn-close-top{
	width:18px;
	position: absolute;
	top:30px;
	right:20px;
}
.modal-close{
    cursor: pointer;
}
#btn-close-top a{
	display:block;
	width:100%;
	height:100%;
}
.mess-true,
.mess-false{
    display: none;
}
.support-result-mess{
    line-height: 1.5;
}
.support-result-mess h2,
.support-result-mess p,
.support-result-mess dl
{
    margin-bottom: 15px;
}
.support-result-mess h2{
    font-size: 1.8rem;
    font-weight: 600;
}
.mess-false h2{
    color:#E6060A;
}
.mess-true h2{
    color:#139700;;
}
/*********************************************
*タブレット（600px以上の場合）
**********************************************/
@media screen and (min-width:600px){

}
/*********************************************
*PC（960px以上の場合）
**********************************************/
@media screen and (min-width:960px){
    #modal-content{
        width:650px;
        min-height: 10vh;
    }
    .support-result-mess h2{
        font-size: 2rem;
    }
}