@media (max-width:980px) {
    /* mainvisual-frame */
    .mainvisual-frame{
        height: auto;
        background:none;
        position: relative;

        height: 76vw;
        overflow: hidden;
    }

    .mainvisual-frame .mv-image{
        background: none;
        position: relative;
        width: 100%;
    }

    .mainvisul-title-layout{
        position: absolute;
        left: 0;
        bottom: 12px;
    }
      
    .mainvisual-frame .mainvisual-title {
        font-size: 1.8rem;
        color: rgb(16, 16, 16);
        font-weight: bold;
        line-height: 0.698;
        letter-spacing: 0.05em;

        position: relative;
        top:0;
        left: 23px;

    }
      
    .mainvisual-frame .mainvisual-subtitle-layout{
        display: flex;
        align-items: center;
        margin-top: 13px;

        position: relative;
        top:0;
        left: 10px;

    }
    .mainvisual-frame .mainvisual-subtitle {
        font-size: 1.8rem;
        color: rgb(16, 16, 16);
        font-weight: bold;
        line-height: 0.698;
        letter-spacing: 0.05em;
    }
      
    .mainvisual-frame .mainvisual-subtitle .letter-sp{
        letter-spacing: -8px;
    }
    .mainvisual-frame .mainvisual-subtitle-shape{
        display: none;
    }
      
    .mainvisual-frame .mainvisual-description {
        font-size: 1.2rem;
        color: rgb(16, 16, 16);
        font-weight: bold;
        line-height: 1.333;
        letter-spacing: 0.05em;

        margin-top: 16px;

        position: relative;
        top:0;
        left: 15px;

    }
      
    .mainvisual-frame .mainvisual-description .bold{
    color: #c10000;
    }
    .mainvisual-frame .mainvisual-description .block-indent{
        padding-left: 8px;
    }
    .mainvisual-frame .mainvisual-description .block-indent-2{
    }
    /* mainvisual-frame */

    /* lca-frame */
    .lca-frame .lca-title {
        font-size: 1.8rem;
        color: rgb(16, 16, 16);
        font-weight: bold;
        line-height: 0.292;
        letter-spacing: 0.05em;
    }
      
    .lca-frame .lca-contents{
    }
    .lca-frame .lca-description{
        font-size: 1.2rem;
        color: rgb(16, 16, 16);
        line-height: 1.542;
        letter-spacing: 0.025em;
        
        position: relative;
        top: -4px;
    }

    .lca-frame .lca-contents-image {
        margin: 0 auto;
        width: 66.94vw;
        max-width: 100%;
        display: block;
        margin-top: 10px;
    }

    .lca-frame .lca-description.bottom{
        margin-top: 12px;
    }
    .lca-frame .bold{
        color: #c10000;
    }
    .lca-frame .break::before{
        content: "\A";
        white-space: pre;
    }
      
    /* lca-frame */


    /* co2-frame */
    .co2-frame{

    }
    .co2-frame .co2-title {
        font-size: 1.8rem;
        color: rgb(16, 16, 16);
        font-weight: bold;
        line-height: 0.532;
        letter-spacing: 0.05em;
    }
      
    .co2-frame .co2-title .bold{
        color: #c10000;
    }
    .co2-frame .co2-description{
        font-size: 1.2rem;
        color: rgb(16, 16, 16);
        line-height: 1.542;
        letter-spacing: 0.025em;
    }
      
    .co2-frame .co2-description.top{
        position: relative;
        top: -7.5px;
    }
    .co2-frame .co2-description.top{
        margin-bottom: 13.5px;
    }
    .co2-frame .co2-image-area{
        position: relative;
        padding-bottom: 33px;
    }

    .co2-frame .co2-contents-image{
        width: 100vw;
        max-width: 750px;
        margin: 0 auto;
        display: block;
    }
    .co2-frame .co2-image-source{
        position: absolute;
        bottom: 10px;
        right:10px;
        font-size: 1.1rem;
        color: rgb(16, 16, 16);
        line-height: 0.909;
    }
    .co2-frame .co2-description.bottom{
        margin-top: 6px;
    }

    /* co2-frame */
      
    /* ethical-frame */
    .ethical-frame{

    }
    .ethical-frame .ethical-title {
        font-size: 1.8rem;
        color: rgb(16, 16, 16);
        font-weight: bold;
        line-height: 0.532;
        letter-spacing: 0.05em;

    }
    .ethical-frame .ethical-contents .top-size.center {
        margin: 8px 0 17px;
    }
    .ethical-frame .ethical-contents-image{
        width:40.67vw;
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }
    .ethical-frame .ethical-description{
        font-size: 1.2rem;
        color: rgb(16, 16, 16);
        line-height: 1.542;
        letter-spacing: 0.025em;

        position: relative;
        top: -7.5px;

    }
      
    .ethical-frame .ethical-description.margin{
    }
    .ethical-frame .ethical-description .half-s {
        font-size: 1.2rem;
        padding: 0;
        width: 4px;
        position: relative;
        left: -4px;
        letter-spacing: -4px;
    }
    .ethical-frame .ethical-description .va{
    }
    .ethical-frame .bold{
        color: #c10000;
    }
    /* ethical-frame */


    /* sdgs-frame */
    .sdgs-frame{

    }
    .sdgs-frame .sdgs-title {
        font-size: 1.8rem;
        color: rgb(16, 16, 16);
        font-weight: bold;
        line-height: 0.292;
        letter-spacing: 0.05em;
    }
  
    .sdgs-frame .sdgs-contents-image {
        width: 100%;
    }
    .sdgs-frame .sdgs-description{
        font-size: 1.2rem;
        color: rgb(16, 16, 16);
        line-height: 1.542;
        letter-spacing: 0.025em;

        margin-top: 10px;
    }
      
    .sdgs-frame .sdgs-description .bold{
        color: #c10000;
    }
      
    /* sdgs-frame */


    /* ethical-working-frame */
    .ethical-working-frame{

    }
    .ethical-working-frame .ethical-working-title {
        font-size: 1.8rem;
        color: rgb(16, 16, 16);
        font-weight: bold;
        line-height: 0.292;
        letter-spacing: 0.05em;
    }
    .ethical-working-frame .ethical-working-title .bold{
        color: #c10000;
    }
    .ethical-working-frame .ethical-working-description{
        font-size: 1.2rem;
        color: rgb(16, 16, 16);
        line-height: 1.542;
        letter-spacing: 0.025em;
    }
      
    .ethical-working-frame .ethical-working-description.top{
        margin-bottom: 10px;
        position: relative;
        top: -3.5px;
    }
    .ethical-working-frame .ethical-working-description.center{
        margin-top: 10px;
    }

    .ethical-working-frame .ethical-working-description.bottom {
        margin-top: 28px;
    }
    .ethical-working-frame .ethical-contents-image {
        width: 100%;
    }
    .ethical-working-frame .ethical-contents-image.flow {
        width: 100%;
        margin-top: 12px;
    }
    .ethical-working-frame .ethical-contents-image.arrow {
        margin: 17px 0 12px;
    }
    .ethical-working-frame .ethical-contents-topic-area {
        margin-bottom: 20px;
    }
    .ethical-working-frame .ethical-contents-torikumi{
        font-size: 1.6rem;
        color: rgb(16, 16, 16);
        font-weight: bold;
        line-height: 1.313;
        letter-spacing: 0;
        display: flex;
        align-items: center;

        padding: 0 3%;

        margin-bottom: 12px;

    }
      
    .ethical-working-frame .ethical-contents-torikumi::before {
        content: "";
        background: url(/wp/img/ethical/sp/arrow_left.png) no-repeat;
        background-size: contain;
        background-position: center center;
        left: -5px;
        width: 15px;
        height: 15px;
        margin-right: 3px;
    }

    .ethical-working-frame .ethical-contents-torikumi::after {
        content: "";
        background: url(/wp/img/ethical/sp/arrow_right.png) no-repeat;
        background-size: contain;
        background-position: center center;
        right: -5px;
        width: 15px;
        height: 15px;
        margin-left: 3px;
    }
    .ethical-working-frame .ethical-contents-topic-unit{
        padding: 0 3%;
    }
    .ethical-working-frame .ethical-contents-topic{
        border: 1px solid rgb(89, 87, 87);
        background-color: #f7f7f7;
        font-size: 1.2rem;

        color: rgb(16, 16, 16);
        font-weight: bold;
        line-height: 1.25;

        padding: 5px 0 5px 25px;
        display: flex;
        align-items: center;

        margin: 0 1px;

    }
    .ethical-working-frame .ethical-contents-topic::before{
        content: "■";
        margin-right: 5px;
    }

    .ethical-working-frame .ethical-contents-topic-description{

        font-size: 1.2rem;
        color: rgb(16, 16, 16);
        line-height: 1.5;
        letter-spacing: 0.025em;

        margin:10px 0 24px 5px;
    }
      
    /* ethical-working-frame */


    /* procut-frame */
    .procut-frame{

    }
    .procut-frame.contents-frame .contents-title-area{
        margin-bottom: 9px;
    }
    .procut-frame .procut-title {
        font-size: 1.8rem;
        color: rgb(16, 16, 16);
        font-weight: bold;
        line-height: 0.292;
        letter-spacing: 0.05em;
    }
    .procut-frame .procut-title .bold{
        color: #c10000;
    }
    .procut-frame .procut-contents{
        display: flex;
        flex-wrap: wrap;
    }
    .procut-frame .products-unit{
        width: 50%;
        margin-right: 0;
    }
    .procut-frame .product-image-area {
        margin-bottom: 3px;
    }
    .procut-frame .product-image {
        width: 100%;
        display: block;
    }
    .procut-frame .products-unit {
        width: calc(50% - 10px);
        margin-bottom: 15px;
    }
    .procut-frame .products-unit:nth-child(odd){
        margin-right: 10px;
    }
    .procut-frame .products-unit:nth-child(even){
        margin-left: 10px;
    }
    .procut-frame .product-unit-link{
        font-size: 1.2rem;
        color: rgb(16, 16, 16);
        line-height: 1.5;
        letter-spacing: 0.025em;

        flex-wrap: wrap;

        height: 53px;
    }
    .procut-frame .product-unit-link.button-layout-more::after{
        position: absolute;
        right: 4px;
        top: calc(50% - 2px);
    }
    .procut-frame .product-unit-link .small{
        font-size: 1rem;
    }
    .procut-frame .product-unit-link .break {
        content: "\A";
        white-space: pre;
        width: 100%;
    }
    .procut-frame .product-unit-link .half-s {
        font-size: 1.2rem;
        padding: 0;
        width: 4px;
        position: relative;
        left: -6px;
        font-family: "YuGothic";
    }
    .procut-frame .product-unit-link .half-e{
    }
    .procut-frame .product-unit-link.madoba .indent{
        position: relative;
        left: -10px;
    }
    .procut-frame .product-unit-link.button-layout-more.funiture{
    }
    .procut-frame .adwards-title {
        font-size: 1.6rem;
        color: rgb(16, 16, 16);
        font-weight: bold;
        line-height: 0.938;
        letter-spacing: 0.025em;
        
        display: flex;
        align-items: center;
        margin-top: 20px;
    }
    .procut-frame .adwards-title::before {
        content: "";
        height: 15px;
        width: 4px;
        background: black;
        margin-right: 8px;
    }
    .procut-frame .adwards-title .bold{
        color: #c10000;
    }
    .procut-frame .adwards-contents {
        background-color: rgb(255, 255, 255);
        margin-top: 15px;
        padding: 15px 0;
    }
    .procut-frame .adwards-unit {
        margin: 0 15px 5px 15px;
        width: calc(100% - 30px);
    }

    .procut-frame .adwards-unit.last{
        padding-bottom:0px;

    }
    .procut-frame .adwards-unit-link.button-layout-more::before{
        content: "・";
        margin-right: 2px;
    }
    .procut-frame .adwards-unit-link.button-layout-more {
        font-size: 1.2rem;
        color: rgb(16, 16, 16);
        font-weight: bold;
        line-height: 1;

        padding: 10px 5px 7px;

    }
    .procut-frame .button-layout-more{
        width:100%;
    }

    /* procut-frame */


    /* bottom-frame */
    .bottom-frame{
        position: relative;
        padding-bottom: 30px;
    }
    .bottom-frame .bottom-title {
        font-size: 36px;
        color: rgb(16, 16, 16);
        font-weight: bold;
        line-height: 0.532;
        letter-spacing: 0.05em;
    }
      
    .bottom-frame .bottom-title .bold{
        color: #c10000;
    }
    .bottom-frame .bottom-contents {
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    .bottom-frame .bottom-contents .facebook{
        width: 50px;
        padding-top: 5px;
    }
    .bottom-frame .bottom-contents .insta{
        margin-left: 20px;
        width: 46px;
        padding-top: 5px;
    }
    /* bottom-frame */
}