.title{
    height:500px;
    background-image:url(/img/usr/category/birdflower/birdflower_B_230308.jpg);
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin-bottom:100px;
    }
    
    .title div{
    width:600px;
    height:400px;
    background:rgba(255,255,255,0.7);
    padding:50px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin-left:50px;
    }
    
    .title h1{
    font-size:50px;
    line-height:20px;
    }
    
    .title h2{
    text-align:left;
    font-size:30px;
    line-height:30px;
    background-color: rgba(255,255,255,0);
    }
    .title p{
    margin-top:10px;
    }
    
    .title .h1{
    font-size:50px;
    line-height:20px;
    }
      
    .title .h2{
    text-align:left;
    font-size:30px;
    line-height:30px;
    background-color: rgba(255,255,255,0);
    }
    .title p{
    margin-top:10px;
    }  
    @media screen and (max-width: 767px) {
    .title{
    height:100vw;
    background-image:url(/img/usr/category/birdflower/birdflower_B_230308.jpg);
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin-bottom:20px;
    }
    
    .title div{
    width:90%;
    height:30%;
    background:rgba(255,255,255,0.7);
    padding:5%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin-left:5%;
    }
    
    .title h1{
    text-align:center;
    font-size:2.0rem;
    line-height:0.5rem;
    }
    
    .title h2{
    text-align:center;
    font-size:1.2rem;
    line-height:0;
    background-color: rgba(255,255,255,0);
    }
    .title .h1{
      text-align:center;
      font-size:2.0rem;
      line-height:0.5rem;
      }
      
      .title .h2{
      text-align:center;
      font-size:1.2rem;
      line-height:0;
      background-color: rgba(255,255,255,0);
      }
      .title p{
    display:none;
    }}
    
    
    
    
    
    
    
    .flex {
      display: flex;
      justify-content: space-between;
      margin-bottom:80px;
    }
    
    .flex:nth-of-type(2n) {
    flex-direction: row-reverse;
    }
    
    .flex .image {
    width: 100%;
    height: 350px;
    overflow: hidden;
    }
    
    .flex_div{
    width:100%;
    
    }
    .flex .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
    
    .copyright{
    width:30%;
    display:block;
    margin:-17px 10px 0 auto;}
    
    .flex .text {
      width: 100%;
      padding: 0 3%;
    }
    
    .flex p{line-height:2rem;margin-bottom:10px;}
    
    @media screen and (max-width: 767px) {
    h3{font-weight:bold; margin-bottom:10px;}
    .flex p{line-height:1.2rem;}
    .flex {display: block; margin-bottom:50px;}
    .flex .image {height: 65vw;}
    }
    
    
    
    
    
    
    
    h2{text-align:center;}
    
    h3{font-weight:bold;margin-bottom:20px;}
    
    h4{
    margin-bottom:10px;
    }
    
    span{font-weight:bold;}
    
    .uppercase{text-transform: uppercase;}
    .capitalize{text-transform: capitalize;}
    .lawercase{text-transform: lowercase;}
    
    
    
    
    @media screen and (min-width: 768px) {
    .pc_none{display:none;}
    }
    
    
    
    
    
    
    .img_item_2{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    }
    .img_item_2 div{
    width:49%;
    text-align:center;
    margin-bottom:50px;
    }
    
    .img_item_2 figure img{
    width:100%;
    height:100%;
    object-fit:cover;
    }
    
    
    .img_item_2 h4{
    font-weight:bold;
    }
    .img_item_2 h5{
    width:90%;
    margin:0 auto;
    text-align:left;
    }
    
    @media screen and (max-width: 767px) {
    .img_item_2 div{
    margin-bottom:20px;
    }
    .img_item_2 h5{
    font-weight:inherit;
    }
    }