/* ------------------------------------------
            機能のサブフッター用
------------------------------------------ */

.footer_kinou-box,
.nav-section
{
    display: flex;
    justify-content: space-between;
}

.footer_kinou-box{
	justify-content: space-between;
	margin-bottom: 50px;
}

.nav-section{
    background: #E1E7EE;
    border-radius: 0 0 20px 20px;
    padding: 30px 40px;
    gap: 30px;
	font-weight: 500;
    height: calc(100% - 60px);
}

.round-title-section{
    text-align: center;
    border-radius: 20px 20px 0 0;
    border: solid 3px #00A5FF;
	color:#fff;
    font-size: 22px;
    font-weight: bold;
    padding: 10px 0;
    height: 60px;
    line-height: 1.5em;
}

.round-00a5ff-title{
	background: #00A5FF;
}

.round-fff-title{
	background: #fff;
	color:#00A5FF;
}

.round-31bda3-title{
	background: #31BDA3;
    border: solid 2px #31BDA3;
}

.arrowList-header{
    background: #fff;
    padding: 10px;
    margin-bottom: 18px;
    width: 200px;
    text-align: center;
}

.arrowList-header-long{
    width: 283px;
}

.arrowList-parts{
    position: relative;
    padding-bottom: 5px;
    padding-left: 15px;
    line-height: 1.5;
}

.arrowList-parts:before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	display: block;
	width: 4px;
	height: 4px;
	transform: rotate(45deg);
	transition: right .3s;
	border-top: 1.6px solid #00a5ff;
	border-right: 1.6px solid #00a5ff;
}

.arrowList-sub {
	padding-left: 20px;
}

@media (max-width: 1400px) {

.nav-section{
    flex-wrap: wrap;
}

.footer_kinou-box{
	justify-content: space-between;
    margin-bottom: 50px;
    gap: 2%;
}

.arrowList-base{
	width: 100%;
}

.arrowList-op,
.arrowList-other
{
	width: calc((100% - 30px) / 2);
}

.arrowList-header{
    width: 100%;
}

}
@media (max-width: 1000px) {

}

@media (max-width: 800px) {

.footer_kinou-box{
    display: block;
}

.footer_kinou-kihon{
    margin-bottom: 50px;
}

}