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

/*=========================================
 Facility Standard Notice
=========================================*/

.fsn-wrap{
    background:#f5f8fc;
    padding: 100px 20px;
}

.fsn-inner{
    max-width:980px;
    margin:auto;
}

.fsn-header{
    text-align:center;
    margin-bottom:50px;
}

.fsn-header h1{
    font-size:2.2rem;
    color:#34425d;
    margin-bottom:18px;
    line-height:1.4;
}

.fsn-header p{
    color:#66738b;
    line-height:1.9;
}

.fsn-card{
    background:#fff;
    border-radius:14px;
    padding:34px;
    margin-bottom:28px;
    border:1px solid #dce4ef;
    box-shadow:0 8px 24px rgba(55,78,130,.06);
}

.fsn-card h2{
	font-size: 2rem;
	color: #708AB1;
	margin-bottom: 24px;
	padding-bottom: 10px;
	border-bottom: 2px solid #dfe5ff;
	font-weight: 500;
}

.fsn-card p{
	color: #555;
	line-height: 2;
	margin-top: 0px;
	margin-bottom: 18px;
	width: auto;

}

.fsn-list{
    list-style:none;
    padding:0;
    margin:0;
}

.fsn-list li{
	position: relative;
	padding-left: 34px;
	margin-bottom: 18px;
	line-height: 1.9;
	color: #555;
	font-size: 1.6rem;
}

.fsn-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:1px;
    width:22px;
    height:22px;
    border-radius:50%;
    background:#e8edff;
    color:#5368df;
    font-weight:bold;
    text-align:center;
    line-height:22px;
    font-size:13px;
}

.fsn-button-area{
    margin-top:35px;
}

.fsn-btn{
	display: inline-block;
	background-color: #708AB1;
	color: #fff;
	text-decoration: none;
	padding: 14px 28px;
	border-radius: 50px;
	transition: .3s;
	font-weight: 600;
}

.fsn-btn:hover{
    background:#4557c9;
    transform:translateY(-2px);
    box-shadow:0 10px 20px rgba(91,110,225,.25);
}

.fsn-card strong{
    color:#4b5ad3;
}
/*=========================
  Table of Contents
=========================*/

.fsn-toc{
	max-width: 980px;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	background: #fff;
	border: 1px solid #dce4ef;
	border-radius: 14px;
	box-shadow: 0 8px 24px rgba(55,78,130,.06);
	overflow: hidden;
}

.fsn-toc-title{
    margin:0;
    padding:18px 28px;
    background:#eef3ff;
    color:#4f63d7;
    font-size:2rem;
    font-weight:700;
}

.fsn-toc-list{
    list-style:none;
    margin:0;
    padding:0;
}

.fsn-toc-list li{
    border-top:1px solid #edf2f8;
}

.fsn-toc-list li:first-child{
    border-top:none;
}

.fsn-toc-list a{
    display:block;
    padding:18px 28px;
    color:#555;
    text-decoration:none;
    position:relative;
    transition:.25s;
}

.fsn-toc-list a::after{
    content:"›";
    position:absolute;
    right:24px;
    top:50%;
    transform:translateY(-50%);
    color:#5b6ee1;
    font-size:22px;
}

.fsn-toc-list a:hover{
    background:#f7f9ff;
    color:#4f63d7;
    padding-left:36px;
}
@media(max-width:768px){

.fsn-wrap{
    padding:55px 15px;
}

.fsn-card{
    padding:24px;
}

.fsn-header h1{
    font-size:1.55rem;
}

.fsn-card h2{
    font-size:2rem;
}

.fsn-btn{
    display:block;
    text-align:center;
}
/*目次*/

    .fsn-toc{
	margin-bottom: 35px;
	margin-top: 0px;
    }
.fsn-toc{

	margin-top: 0px;
	border-radius: 0px;

}
    .fsn-toc-title{
        padding:16px 20px;
    }

    .fsn-toc-list a{
        padding:16px 20px;
    }
}