@charset "utf-8";
@import url("root.css");

/***************************************
---------------- news ----------------
***************************************/
#photograph{
margin: 80px auto 0;
}
#photograph .flow_title{
    width: 100%;
    color: var(--base-color03);
    background-color: var(--base-color01);
    border-radius: 8px;
    padding: 5px 20px;
	font-size: 20px;
	font-weight: 500;
}

#photograph .row{
justify-content: flex-start;
}

#photograph .col_03{
width: 30%;
margin: 0 5% 5% 0;
}

#photograph .col_03:nth-child(3n){
margin: 0 0 5% 0;
}

#photograph .col_03 h3{
font-size: 20px;
    font-weight: 700;
    margin: 0 auto 20px;
    border-bottom: 3px solid var(--base-color01);
    padding: 0 0 5px 0;
    color: var(--base-color01);
	text-align: center;
}

#photograph .col_03 p{
text-align: left;
}


#photograph .col_03 img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
#photograph{
margin: 40px auto 0;
}
#photograph .flow_title{
}

#photograph p{
text-align: center;
margin:0 auto 0;
}


#photograph .row{
width:90%;
margin: 20px auto 0;
}


#photograph .col_03{
width:48%;
margin: 0 4% 5% 0;
}

#photograph .col_03:nth-child(3n){
margin: 0 4% 5% 0;
}
#photograph .col_03:nth-child(2n){
margin: 0 0 5% 0;
}


#photograph .col_03 h3{
font-size: 20px;
    font-weight: 700;
    margin: 0 auto 20px;
    border-bottom: 3px solid var(--base-color01);
    padding: 0 0 5px 0;
    color: var(--base-color01);
	text-align: center;
}

#photograph .col_03 p{
text-align: left;
}





}