@charset "UTF-8";


/* 全体共通 */

.breadcrumb-005 {
    display: flex;
    justify-content: left;
    margin: 0 auto;
    margin-left: 10%;
    gap: 0 20px;
    list-style: none;
    font-size: .9em;
    margin-top: 5%;
    max-width: 86rem;
}

.breadcrumb-005 li {
    display: flex;
    align-items: center;
}

.breadcrumb-005 li:first-child::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 4px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11.7%207.5%204%2013.8v6.8c0%20.4.3.7.7.7h4.7c.4%200%20.7-.3.7-.7v-4c0-.4.3-.7.7-.7h2.7c.4%200%20.7.3.7.7v4c0%20.4.3.7.7.7h4.7c.4%200%20.7-.3.7-.7v-6.8l-7.7-6.3h-.9zm12.1%204.4L20.3%209V3.2c0-.3-.2-.5-.5-.5h-2.3c-.3%200-.5.2-.5.5v2.9L13.3%203c-.7-.6-1.8-.6-2.5%200L.2%2011.8c-.2.2-.3.5-.1.7l1.1%201.3c.2.2.5.2.7.1l9.8-8.1h.6l9.8%208.1c.2.2.5.1.7-.1l1.1-1.3c.2-.2.1-.5-.1-.6z%22%20style%3D%22fill%3A%23333333%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    content: '';
}

.breadcrumb-005 li:not(:last-child)::after {
    display: inline-block;
    width: .3em;
    height: .6em;
    margin-left: 12px;
    background-color: #333333;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    content: '';
}

.breadcrumb-005 a {
    color: #333333;
    text-decoration: none;
}

/* main */

#mainvisual {
    background-image: url(../images/品質のこだわりメインビジュアル.jpg);
    background-size: cover;
    padding-bottom: 14%;
}




/* wrapper共通 */

.wrapper {
    max-width: 86rem;
    width: 90%;
}

.wrapper .sec-title {
    background-color: #d2a000;
    color: #fff;
    text-align: left;
    padding: 1.5% 0 1% 4%;
}


/* 品質のこだわり */

#quality img {
    display: flex;
    margin: 0 auto;
}

#quality .catchtext2 {
    text-align: center;
    width: 80%;
    margin: 0 auto;
    margin-top: 15%;
    font-size: 1.6rem;
    /* font-weight: 500; */
    line-height: 220%;
}

#quality .catchtext {
    font-size: 1.9rem;
    margin-top: 15%;
    margin-bottom: 10%;
    font-weight: 600;
    line-height: 220%;
    letter-spacing: 0.5rem;
    text-align: center;
}

#quality .sec-content {
    display: flex;
    margin-top: 20%;
}

#quality .sec-content img {
    width: 40%;
}

#quality .sec-content .text {
    margin-left: 10%;
}

.sec-sentence .heading {
    margin-left: 10%;
}



/* メディアクエリー */

  /* //幅100px以上に適用されるCSS（タブレットサイズ以上） */
  @media screen and (max-width:767px){


    /* 共通事項 */



    /* main */

    #mainvisual {
        padding-top: 35%;
    padding-bottom: 40%;
    }

    /* wrapper共通 */


    /* 品質のこだわり */


    #quality .catchtext {
        font-size: 1.6rem;
        letter-spacing: 0.1rem;
    }

    #quality .sec-content {
        display: block;
    }


    #quality .sec-content img {
        width: 70%;
    }

    #quality .sec-content .text {
        width: 70%;
        font-size: 1.4rem;
        margin-left: 15%;
    }

    .sec-sentence .heading {
        margin-left: 0;
    }

    #quality .catchtext2 {
        font-size: 1.4rem;
    }

    

    }

     /* //幅100px以上に適用されるCSS（タブレットサイズ以上） */
  @media screen and (min-width:1500px) {

    .wrapper {
        max-width: 113rem;
    }


    #quality .catchtext {
        font-size: 2.3rem;
  }

  #quality .catchtext2 {
    font-size: 2rem;
  }

  #quality img {
    width: 90%;
  }

  #quality .sec-content .text {
    font-size: 2rem;
    margin-left: 10%;
}

.sec-sentence .heading {
    margin-left: 10%;
}

  }