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

/* 中身======================================================================================================== */

#exposition{
background-color: rgba(18,29,50,0.1);
padding-top: 60px;
padding-bottom: 60px;
}

#exposition .photo{
width: 200px;
margin: 0 auto 20px;
}
#exposition h3{
font-size: 24px;
font-weight: bold;
color: #121D32;
}
#exposition h4{
font-size: 20px;
font-weight: bold;
color: #121D32;
margin-top: 10px;
margin-bottom: 5px;
}
#exposition .banner{
display: flex;
justify-content: space-between;
}
#exposition .banner li:nth-child(2){
margin-left: 10px;
}


#flow li{
border-top: solid 1px #ddd;
padding-top: 20px;
margin-top: 20px;
}
#flow li:first-child{
border-top: none;
padding-top: 0px;
margin-top: 0px;
}
#flow li .num{
background-color: #121D32;
color: #fff;
width: 80px;
height: 80px;
border-radius: 50%;
margin: 0 auto 10px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#flow li .num em{
display: block;
font-size: 30px;
line-height: 1;
}
#flow li .text{
display: flex;
align-items: center;
}
#flow li .text .icon{
text-align: center;
margin-bottom: 10px;
}
#flow li .text .icon img{
width: 80px;
max-width: 80px;
max-height: 80px;
}
#flow li .text dl{
flex: 1;
margin-right: 20px;
}
#flow li .text dt{
font-size: 16px;
font-weight: bold;
color: #121D32;
}


#contact.contents_size{
text-align: center;
}
#contact em{
display: block;
font-size: 16px;
font-weight: bold;
color: #121D32;
margin-bottom: 10px;
}
#contact .btn a{
display: block;
text-decoration: none;
font-size: 16px;
font-weight: bold;
background-color: #121D32;
color: #fff;
padding: 10px 0;
border-radius: 5px;

}


/* PCのみ======================================================================================================== */
@media print and (min-width: 751px), screen and (min-width: 751px){

#top_copy{
font-size: 16px;
text-align: center;
}

#exposition{
padding-top: 100px;
padding-bottom: 100px;
}
#exposition .contents_size{
display: flex;
justify-content: space-between;
align-items: center;
}
#exposition .photo{
width: auto;
margin: 0px;
}
#exposition .text{
width: auto;
margin: 0 0 0 40px;
}
#exposition h3{
font-size: 30px;
}
#exposition .banner{
width: 400px;
}
#exposition .banner li:nth-child(2) {
margin-left: 20px;
}
#exposition .banner img{
max-width: 100%;
height: auto;
}

#flow li{
display: flex;
justify-content: space-between;
}
#flow li .num{
width: 80px;
height: 80px;
margin: 0px;
}
#flow li .text{
width: 1100px;
}


#contact em{
font-size: 30px;
}
#contact .btn a{
width: 300px;
margin: 0 auto;
padding: 20px 0;
}


}