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

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

#anker-sec01

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

.sec01_name{
	margin-top: 80px;
}
.sec01_name figure{
	max-width: 800px;
	width: 100%;
	margin: 40px auto 0;
}
.sec01_clickArea figure{
	max-width: 825px;
	width: 100%;
	margin: 0 auto 40px;
}

.sec01_mobility{
	margin-top: 120px;
}
.sec01_mobility figure{
	margin: 40px auto 80px;
}


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

#anker-sec02

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

.sec02_num{
	margin: 40px auto 0;
	display: flex;
	flex-wrap: wrap;
	gap: 40px 70px;
}
.sec02_num .item{
	position: relative;
    max-width: calc((100% - 70px) / 2);
	width: 100%;
	border: 2px solid #16378A;
	background-color: #F2F8FF;
	padding: 8px 20px 0;
	box-sizing: border-box;
}
.sec02_num .item .title{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	color: #16378A;
	border-bottom: 2px solid #16378A;
	padding-bottom: 7px;
}
.sec02_num .item .title h4{
	font-size: 2.0rem;
	line-height: 1.5;
}
.sec02_num .item .title h4 span{
	display: inline-block;
	font-size: 1.6rem;
	margin-left: 8px;
}
.sec02_num .item .title p{
	font-size: 1.0rem;
	font-weight: 500;
}
.sec02_num .item .content{
	position: relative;
	display: flex;
	align-items: center;
	padding: 62px 0 48px 12px;
	color: #0099E7;
}
.sec02_num .item .content figure{
	max-width: 80px;
	width: 100%;
}
.sec02_num .item .content .txt_small{
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 92px);
    text-align: center;
}
.sec02_num .item#item07 .content .txt_small{
	max-width: 265px;
    width: 100%;
    top: 50%;
	right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.sec02_num .item .content .txt_small{
	font-size: 4.0rem;
	font-weight: 700;
	line-height: 1.475;
}
.sec02_num .item .content .txt_small .countup{
	font-weight: 700;
	letter-spacing: -0.05em;
}
.sec02_num .item#item01 .content .txt_small .countup,
.sec02_num .item#item03 .content .txt_small .countup,
.sec02_num .item#item05 .content .txt_small .countup,
.sec02_num .item#item06 .content .txt_small .countup,
.sec02_num .item#item08 .content .txt_small .countup{
	font-size: 12.0rem;
	line-height: 1.475;
}
.sec02_num .item#item02 .content .txt_small .countup{
	font-size: 8.0rem;
	line-height: 2.2;
}
.sec02_num .item#item04 .content .txt_small .countup{
	font-size: 6.0rem;
	line-height: 2.8;
}
.sec02_num .item#item04 .content .txt_small{
    text-align: right;
    top: 20%;
    left: 0;
    margin: 0 auto;
}
.sec02_num .item#item04 .content .txt_small .countup{
	display: block;
	line-height: 1;
}

.sec02_num .item .hidden_content{
    position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
    opacity: 0;
    background: rgba(22,55,138,0.8);
    color: #fff;
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
}
.sec02_num .item .hidden_content p{
	width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding: 0 24px;
	font-size: 1.5rem;
	line-height: 1.5;
}
.sec02_num .item:hover .hidden_content,
.sec02_num .item:focus .hidden_content{
    opacity: 1;
    pointer-events: auto;
}

.sec02_more{
	margin-top: 160px;
}
.sec02_more .item{
	padding: 0 24px;
	box-sizing: border-box;
}
.sec02_more .item:first-of-type{
	margin-top: 44px;
}
.sec02_more .item + .item{
	margin-top: 32px;
}
.sec02_more .item .title{
	color: #16378A;
	font-weight: 500;
	line-height: 1.5625;
}
.sec02_more .item .list{
	display: flex;
	justify-content: flex-start;
	gap: 0 31px;
	margin-top: 14px;
}
.sec02_more .item .list .btnStyle01{
	max-width: none;
    width: calc((100% - 48px - 14px) / 3);
	margin: 0;
}
.sec02_more .item .list .btnStyle01 > a{
    padding: 10px 30px 10px 16px;
}

@media screen and (max-width: 990px){
	.sec02_num .item .title{
		display: block;
	}
}
@media screen and (max-width: 950px){
	.sec02_num .item .content{
		padding: 5vw 0;
	}
	.sec02_num .item .content figure{
		max-width: 20%;
	}
	.sec02_num .item#item07 .content .txt_small{
		max-width: 70%;
	}
	.sec02_num .item .content .txt_small{
		font-size: 4.0vw;
        width: calc(100% - 8vw);
	}
	.sec02_num .item#item01 .content .txt_small .countup,
	.sec02_num .item#item03 .content .txt_small .countup,
	.sec02_num .item#item05 .content .txt_small .countup,
	.sec02_num .item#item06 .content .txt_small .countup,
	.sec02_num .item#item08 .content .txt_small .countup{
		font-size: 12.8vw;
		line-height: 1.2;
	}
	.sec02_num .item#item02 .content .txt_small .countup{
		font-size: 8.0vw;
	}
	.sec02_num .item#item04 .content .txt_small .countup{
		font-size: 6.0vw;
	}
	.sec02_num .item .hidden_content p{
		font-size: 1.6vw;
	}
}
@media screen and (max-width: 850px){
	.sec02_more .item .list .btnStyle01 a{
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 768px){
	.sec02_more{
		margin-top: 100px;
	}
	.sec02_num{
		gap: 40px;
	}
	.sec02_num .item{
		max-width: calc((100% - 40px) / 2);
	}
	.sec02_num .item .title{
		display: block;
	}
	.sec02_more .item .list{
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 0 20px;
	}
	.sec02_more .item .list .btnStyle01 {
		width: calc((100% - 20px) / 2);
	}
	.sec02_more .item .list .btnStyle01:nth-of-type(3) {
		margin-top: 20px;
	}
}
@media screen and (max-width: 630px){
	.sec02_num{
		display: block;
	}
	.sec02_num .item{
		max-width: 100%;
	}
	.sec02_num .item + .item{
		margin-top: 30px;
	}
	.sec02_num .item .content{
		padding: 8vw 0;
	}
	.sec02_num .item .content figure{
		max-width: 15%;
	}
	.sec02_num .item#item07 .content .txt_small img {
		width: 80%;
    }
	.sec02_num .item .content .txt_small{
		font-size: 9.0vw;
	}
	.sec02_num .item#item04 .content .txt_small{
		width: fit-content;
		top: 10%;
	}
	.sec02_num .item#item01 .content .txt_small .countup,
	.sec02_num .item#item03 .content .txt_small .countup,
	.sec02_num .item#item05 .content .txt_small .countup,
	.sec02_num .item#item06 .content .txt_small .countup,
	.sec02_num .item#item08 .content .txt_small .countup{
		font-size: 17.8vw;
		line-height: 1.4;
	}
	.sec02_num .item#item02 .content .txt_small .countup{
		font-size: 13.0vw;
	}
	.sec02_num .item#item04 .content .txt_small .countup{
		font-size: 11.0vw;
	}
	.sec02_num .item .hidden_content p{
		font-size: 2.6vw;
	}
	.sec02_more .item .list{
		gap: 0;
	}
	.sec02_more .item .list .btnStyle01 {
		width: 100%;
	}
	.sec02_more .item .list .btnStyle01:nth-of-type(2) {
		margin-top: 20px;
	}
}

#anker-sec03{
	margin-top: auto;
}