@charset "utf-8";


/*==========================
article
==========================*/
/* home   ->  .homeMain */

.section--homeMain {
    padding: 20px 12px 0px 12px;
}

/* .about */

.about__list {
    font-family: "Noto Sans JP", sans-serif, system-ui;
    background-image: url(../images/about_img_ki1.png)
        ,url(../images/about_img_ki2.png); 
    background-size: auto 125px, auto 150px; 
    background-repeat: no-repeat,no-repeat; 
    background-position: top 30% left,top 70% right;
    background-blend-mode: overlay;
}

.about__item {
    margin: 84px 4% 0;
    padding: 48px 10px;
    background-image: url(../images/about_waku_SP.svg)
        ,url(../images/about_waku_SP.svg); 
    background-size: auto,auto; 
    background-repeat: no-repeat,no-repeat; 
    background-position: top left,bottom right;
    background-color: rgba(255, 255, 87, 0.1);        
}

.about__item_titleSub {
    margin: 0px 4%;
    padding: 0;
    font-size: 1.6rem;
    text-align: center;
    line-height: 1;
    color: #000;
}

.about__item_title {
    margin: 10px auto 0;
    padding: 0;
    color: #691D1D;
    font-size: 2.2rem;
    text-align: center;
    line-height: 1;
    word-break: auto-phrase;
}

.about__item_txt {
    margin: 20px 4% 0;
    padding: 0 10px;
    font-size: 1.6rem;
    color: #000;
    text-align: left;
    line-height: 2.2;
}

.about__img {
        margin: 16px ;
        box-sizing: border-box;
        border: 4px solid #fff;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    }

/* .about pc */
@media screen and (min-width:769px) {

    .about__img_header {
        display: none;
    }

    .about__list {
        background: none;
    }

    .about__item_titleSub {
        font-size: 1.8rem;
    }

    .about__item_title {
        font-size: 3.0rem;
    }

    .about__item_txt {
        font-size: 1.8rem;
    }

    .about__item.about__waku {
        max-width: 600px;
        margin: 24px auto 0;
    } 
    
    .about__img {
        margin: 16px 64px ;
        box-sizing: border-box;
        border: 4px solid #fff;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    }

    .about__img img{
        display: block;
        width: 100%;
        height: auto;
    }

}/* pc 769px */

@media screen and (min-width:1079px) {

 .about__list {
        margin: 0 auto;
        padding: 0 16px;
        display: flex;
        justify-content: center;
        gap: 24px;
    }

    .about__item {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 1000px;
        margin: 16px auto 0;
    }

    .about__img img{
        display: block;
        width: 100%;
        height: auto;
    }    
    
}

/* .work */
.sectionBackground--work {
    background: linear-gradient(to bottom, rgba(92,184,253,0), rgba(92,184,253,0.1) 21%, rgba(92,184,253,0.5) 78%, rgba(92,184,253,0) 100%);
}

.section--work {
    color: #020262;
    padding: 32px 4px 48px;
}

.section__header--work {
    border-top-color: #020262;
    border-bottom-color: #020262;
}

.work__img_header {
    width: 100%;
    height:168px;
    background-image: url(../images/profile_img2.jpg); 
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: center;     
}

.work__img_footer {
    width: 100%;
    height: 168px;
    background-image: url(../images/profile_img.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 48px;
}

.work__list {
    margin: 8px 0px;
}

.work__item_title {
    display: block;
    margin: 24px 4% 0;
    padding: 12px 24px;
    background-image: url(../images/about_waku_SP.svg)
        ,url(../images/about_waku_SP.svg); 
    background-size: auto,auto; 
    background-repeat: no-repeat,no-repeat; 
    background-position: top left,bottom right;
    background-color: rgba(92, 184, 253, 0.2); 
    font-size: 1.6rem;
    font-weight: 700;   
}

.work__item_img {
    padding: 0px;
}

.work__item_img img {
    display: inline-block;
}

.work__item_txt {
    font-family: "Noto Sans JP", sans-serif, system-ui;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 8%;
    text-align: left;
    padding: 12px 24px;
    max-height: 320px;
    overflow: auto;
}

.slider--work .slick-prev:before,
.slider--work .slick-next:before {
  color: #020262;
}
.slider--work .slick-dots li button:before {
  font-size: 18px;
  top: 6px;
}

@media screen and (min-width:769px) {

    .work__item_title {
        font-size: 2.4rem;
    }

    .work__item_txt {
        font-size: 1.6rem;
    }

}

/* .recipe */

.sectionBackground--recipe {
    background: linear-gradient(to bottom, rgba(253,221,190,0), rgba(253,221,190,0) 50%, rgba(253,221,190,1) 100%);
}

.section--recipe {
    color: #600000;
    padding: 32px 4px 48px;
}

.recipe__img_footer {
    width: 100%;
    height: 84px;
    background-image: url(../images/contact_img.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 48px;
}

.section__header--recipe {
    border-top-color: #600000;
    border-bottom-color: #600000;
}