
.c1038 .title{
    height:500px;
    background-image:url(/img/usr/category/dozenflower/dozenflower_B_230323.jpg);
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin-bottom:100px;
    }
    
    .c1038 .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;
    }
    
    .c1038 .title h1{
    font-size:50px;
    line-height:20px;
    }
    
    .c1038 .title h2{
    display:inline-block;
    text-align:left;
    font-size:30px;
    line-height:30px;
    }
    .c1038 .title h2 span{
    text-align:left;
    font-size:30px;
    line-height:30px;
    }
    .c1038 .title p{
    margin-top:10px;
    }
    .c1038 .title .kigou::before{
    content:"～";
    }
    .c1038 .title .kigou::after{
    content:"～";
    }
    
    @media screen and (max-width: 767px) {
    .c1038 .title{
    height:100vw;
    background-image:url(/img/usr/category/dozenflower/dozenflower_B_smp_230323.jpg);
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin-bottom:20px;
    }
    
    .c1038 .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%;
    }
    
    .c1038 .title h1{
    text-align:center;
    font-size:2.0rem;
    line-height:0.5rem;
    }
    
    .c1038 .title h2{
    text-align:center;
    font-size:1.2rem;
    line-height:0;
    background:none;
    }
    .c1038 .title h2 span{
    text-align:center;
    font-size:1.2rem;
    }
    .c1038 .title p{
    display:none;
    }
    }
    
    
    
    
    
    
    
    .c1038 .flex {
      display: flex;
      justify-content: space-between;
      margin-bottom:80px;
    }
    
    .c1038 .flex:nth-of-type(2n) {
    flex-direction: row-reverse;
    }
    
    .c1038 .flex .image {
    width: 100%;
    height: 350px;
    overflow: hidden;
    }
    
    .c1038 .flex_div{
    width:100%;
    
    }
    .c1038 .flex .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
    
    .c1038 .copyright{
    width:30%;
    display:block;
    margin:-17px 10px 0 auto;}
    
    .c1038 .flex .text {
      width: 100%;
      padding: 0 3%;
    }
    
    .c1038 .flex p{line-height:2rem;margin-bottom:10px;}
    
    @media screen and (max-width: 767px) {
    .c1038 h3{font-weight:bold; margin-bottom:10px;}
    .c1038 .flex p{line-height:1.2rem;}
    .c1038 .flex {display: block; margin-bottom:50px;}
    .c1038 .flex .image {height: 65vw;}
    }
    
    
    
    
    
    
    
    .c1038 h2{text-align:center;}
    
    .c1038 h3{font-weight:bold;margin-bottom:20px;}
    
    .c1038 h4{
    margin-bottom:10px;
    }
    
    .c1038 span{font-weight:bold;}
    
    .c1038 .kigou::before{
    content:"～";
    }
    .c1038 .kigou::after{
    content:"～";
    }
    
    
    
    
    @media screen and (min-width: 768px) {
    .c1038 .pc_none{display:none;}
    }
    @media screen and (max-width: 767px) {
    .c1038 .smp_none{display:none;}
    }
    
    