#area1 {
	width: 70%;
	margin: 0 0 80px auto;
}
/* ----------------------------------------------- */
#area2 {
	max-width: 1100px;
	width: 90%;
	margin: 0 auto 80px;
}
#area2 h3 {
	font-size: 2rem;
	font-weight: 800;
	margin-bottom: 30px;
	letter-spacing: 3px;
	color: #1E2B59;
}
#area2 p {
}
/* ----------------------------------------------- */
#area3 {
	max-width: 1100px;
	width: 90%;
	margin: 0 auto 100px;
}
#area3 > p {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 30px;
}
#area3 .inner {
	display: flex;
	justify-content: space-between;
}
#area3 .inner .left {
	width: 62%;
	padding-right: 5%;
	border-right: #ccc 1px solid;
	list-style: outside disc;
	margin-left: 20px;
}
#area3 .inner .left li {
	line-height: 160%;
	margin-bottom: 15px;
}
#area3 .inner .left li strong {
	display: inline-block;
	margin-bottom: 5px;
	color: #1E2B59;
	font-size: 1rem;
}
#area3 .inner .right {
	width: 30%;
}
#area3 .inner .right a {
	display: block;
	font-size: 1.1rem;
	text-align: left;
	color: #1E2B59;
	border: #1E2B59 2px solid;
	padding: 40px 0 40px 30px;
	font-weight: 600;
	background: url("../images/common/icon04.png") no-repeat right 20px center;
	background-size: 7px auto;
	border-radius:8px;
}
#area3 .inner .right a:hover {
	background: url("../images/common/icon05.png") no-repeat right 15px center;
	background-size: 7px auto;
	background-color: #1E2B59;
	color: #F8E14B;
}
/* ----------------------------------------------- */


@media screen and (max-width: 980px) {
	#area1 {
        width: 85%;
    }
	/* ----------------------------------------------- */
	#area2 h3 {
		font-size: 1.5rem;
	}
	/* ----------------------------------------------- */
	#area3 .inner .left {
        width: 52%;
        padding-right: 5%;
    }
    #area3 .inner .right {
        width: 40%;
    }
}

@media screen and (max-width: 640px) {
	#area1 {
        width: 95%;
		margin: 0 0 40px auto;
    }
	/* ----------------------------------------------- */
	#area2 {
        margin: 0 auto 50px;
    }
	#area2 h3 {
		font-size: 1.1rem;
		line-height: 1.8rem;
        margin-bottom: 20px;
		letter-spacing: 3px;
	}
	/* ----------------------------------------------- */
	#area3 {
        margin: 0 auto 60px;
    }
	#area3 > p {
        font-size: .9rem;
    }
	#area3 .inner {
		display: block;
    }
	#area3 .inner .left {
        width: 93%;
        padding-right: 0;
		margin-bottom: 30px;
		border-right: none;
    }
    #area3 .inner .right {
        width: 100%;
    }
	#area3 .inner .right a {
        font-size: 1rem;
        padding: 15px 0 15px 20px;
		line-height: 1.8rem;
    }
}