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

#aboutContent{
padding: 0 0 8%;
}

@media screen and (max-width: 999px){
#aboutContent{
padding: 0 0 15%;
}
}/*999*/





#aboutMessage{
max-width: 1000px;
margin: 0 auto;
padding: 8% 0 0;
}
#aboutMessageContent{
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: flex-end;
margin: 50px 0 0;
}
#aboutMessageContent .figure{
width: 330px;
}
#aboutMessageContent .figure p{
max-width: 150px;
margin: 20px 0 0;
}
#aboutMessageContent .txt{
width: calc(100% - 420px);
}
#aboutMessageContent .txt h3{
font-size: 2.25rem;
line-height: 1.5;
font-weight: 400;
margin: 0 0 1em;
}
#aboutMessageContent .txt p{
font-size: 0.875rem;
}
#aboutMessageContent .txt p+p{
margin: 2em 0 0;
}

@media screen and (max-width: 999px){
#aboutMessage{
padding: 15% 20px 0;
}
#aboutMessageContent{
display: block;
margin: 30px 0 0;
}
#aboutMessageContent .figure{
width: auto;
}
#aboutMessageContent .figure figure{
max-width: 260px;
margin: 0 auto;
}
#aboutMessageContent .txt{
width: auto;
margin: 40px 0 0;
}
#aboutMessageContent .txt h3{
font-size: min(7vw, 1.5rem);
margin: 0 0 1em;
}
#aboutMessageContent .txt p{
font-size: 0.75rem;
}
}/*999*/

#aboutMessage.init{
opacity: 0;
transform: translateY(50px);
}
#aboutMessage.init.active{
animation: commonShow01 800ms linear forwards, commonShow02 800ms cubic-bezier(0.25, 1, 0.5, 1) forwards;
}





#aboutKeyFigures{
max-width: 1000px;
margin: 0 auto;
padding: 8% 0 0;
}
#aboutKeyFigures p.notice{
font-size: 0.875rem;
margin: 1.5em 0 0;
}
#aboutKeyFiguresList{
margin: 50px 0 0;
}
#aboutKeyFiguresList ul{
display: flex;
flex-wrap: wrap;
margin: -60px 0 0 -50px;
}
#aboutKeyFiguresList ul li{
width: 33.33%;
padding: 0 0 0 50px;
margin: 60px 0 0;
}
#aboutKeyFiguresList ul li .listBox{
position: relative;
padding: 100% 0 0;
}
#aboutKeyFiguresList ul li .listBox .txt{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: #ffffff;
background-color: #0080c3;
border-radius: 10px;
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.20);
box-shadow: 2px 2px 2px rgba(0,0,0,0.20);
}
#aboutKeyFiguresList ul li .listBox .txt figure{
height: 120px;
margin: 0 0 20px;
}
#aboutKeyFiguresList ul li .listBox .txt figure img{
height: 100%;
width: auto;
}
#aboutKeyFiguresList ul li .listBox .txt p.title{
font-size: 1.125rem;
line-height: 1.5;
}
#aboutKeyFiguresList ul li .listBox .txt p.body{
font-size: 2.25rem;
line-height: 1.5;
font-weight: 700;
}
#aboutKeyFiguresList ul li .listBox .txt p.body span{
display: inline-block;
font-size: 66.66%;
}
#aboutKeyFiguresList ul li .listBox .txt p.body span.small{
font-size: 38.88%;
font-weight: 500;
}
#aboutKeyFiguresList ul li p.excerpt{
font-size: 0.875rem;
margin: 1em 0 0;
padding: 0 5px;
}

@media screen and (max-width: 999px){
#aboutKeyFigures{
padding: 15% 20px 0;
}
#aboutKeyFigures p.notice{
font-size: 0.75rem;
}
#aboutKeyFiguresList{
margin: 30px 0 0;
}
#aboutKeyFiguresList ul{
margin: -30px 0 0 -20px;
}
#aboutKeyFiguresList ul li{
width: 50%;
padding: 0 0 0 20px;
margin: 30px 0 0;
}
#aboutKeyFiguresList ul li .listBox .txt{
border-radius: 5px;
}
#aboutKeyFiguresList ul li .listBox .txt figure{
height: 33.33%;
margin: 0 0 10px;
}
#aboutKeyFiguresList ul li .listBox .txt figure img{
}
#aboutKeyFiguresList ul li .listBox .txt p.title{
font-size: 0.75rem;
}
#aboutKeyFiguresList ul li .listBox .txt p.body{
font-size: 1.25rem;
}
#aboutKeyFiguresList ul li .listBox .txt p.body span{
display: inline-block;
font-size: 70%;
}
#aboutKeyFiguresList ul li .listBox .txt p.body span.small{
font-size: 10px;
}
#aboutKeyFiguresList ul li p.excerpt{
font-size: 0.75rem;
}
}/*999*/

#aboutKeyFigures.init{
opacity: 0;
transform: translateY(50px);
}
#aboutKeyFigures.init.active{
animation: commonShow01 800ms linear forwards, commonShow02 800ms cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
#aboutKeyFiguresList.init ul li{
transform: scale(0);
}
#aboutKeyFiguresList.init.active ul li{
animation: listShow 300ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
#aboutKeyFiguresList.init.active ul li:nth-child(2){
animation-delay: 70ms;
}
#aboutKeyFiguresList.init.active ul li:nth-child(3){
animation-delay: 140ms;
}
#aboutKeyFiguresList.init.active ul li:nth-child(4){
animation-delay: 210ms;
}
#aboutKeyFiguresList.init.active ul li:nth-child(5){
animation-delay: 280ms;
}
#aboutKeyFiguresList.init.active ul li:nth-child(6){
animation-delay: 350ms;
}
#aboutKeyFiguresList.init.active ul li:nth-child(7){
animation-delay: 420ms;
}
#aboutKeyFiguresList.init.active ul li:nth-child(8){
animation-delay: 490ms;
}
#aboutKeyFiguresList.init.active ul li:nth-child(9){
animation-delay: 560ms;
}
#aboutKeyFiguresList.init.active ul li:nth-child(10){
animation-delay: 630ms;
}
#aboutKeyFiguresList.init.active ul li:nth-child(11){
animation-delay: 700ms;
}
#aboutKeyFiguresList.init.active ul li:nth-child(12){
animation-delay: 770ms;
}