/* main */
.main {
    margin: 0 auto;
    min-width: 1080px;
    overflow: hidden;
}
@media (max-width: 750px) {
    .main {
        min-width: 0;
    }
}

/*  */
.txt_block_wrap {
    text-align: center;
}
.txt_block {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    display: inline-block;
    text-align: left;
    font-feature-settings: 'pkna';
}
.txt_block_mixed {
    text-orientation: mixed;
}
.border_dashed {
    display: inline-block;
    position: relative;
}
.border_dashed:before {
    content: '';
    border-left: 1px dashed #000;
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 0;
    height: 100%;
}
.material_img_wrap {
    margin-top: 112px;
    text-align: center;
}

/* mv */
.mv {
    width: 100%;
    min-width: 1080px;
    margin: 0 auto;
    position: relative;
    border: 24px solid #fff;
    box-sizing: border-box;
    padding-top: 640px;
    background: url(../../img/home/ingredient_bg.jpg?v=1) no-repeat 50% 50% / cover;
}
.mv_ttl_wrap {
    position: absolute;
    top: 188px;
    left: 50%;
    margin-left: -70px;
}
.mv_ttl {
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    font-feature-settings: 'pkna';
    line-height: 2.5;
    letter-spacing: 0.16em;
    color: #fff;
}
.mv_ttl_middle {
    font-size: 20px;
}
.mv_ttl_en {
    display: inline-block;
    margin-top: 21px;
    letter-spacing: 0.15em;
    font-size: 14px;
}
.mv_ttl_large {
    font-size: 32px;
    display: inline-block;
    margin-top: -17px;
}
.mv_logo {
    position: absolute;
    top: 28px;
    left: 31px;
}

@media (max-width: 750px) {
    .mv {
        min-width: 0;
        border: 12px solid #fff;
        padding-top: 93.5%;
        background: url(../../img/home/ingredient_bg_sp.jpg?v=1) no-repeat 50% 50% / cover;
    }
    .mv_logo {
        top: 6.5%;
        left: 6.9%;
        width: 28.9%;
    }
    .mv_ttl {
        line-height: 2.3;
    }
    .mv_ttl_wrap {
        top: 26.3%;
        left: 43%;
        margin-left: 0;
    }
    .mv_ttl_middle {
        font-size: 3.466vw;
        letter-spacing: 0.16em;
        margin-top: 0;
    }
    .mv_ttl_en {
        margin-top: 2.66vw;
        letter-spacing: 0.16em;
        font-size: 2.6vw;
    }
    .mv_ttl_large {
        font-size: 5.33vw;
        letter-spacing: 0.16em;
        margin-top: 0vw;
    }
}

/* txt */
.txt_block_wrap_1 {
    margin-top: 94px;
}
.txt_block_1 {
    font-size: 18px;
    line-height: 3.6;
    letter-spacing: 0.16em;
}
.txt_block_wrap_2 {
    margin-top: 212px;
}
.txt_block_2 {
    font-size: 30px;
    line-height: 2.7;
    letter-spacing: 0.16em;
}
.txt_block_wrap_3 {
    margin-top: 114px;
}
.txt_block_3 {
    font-size: 16px;
    line-height: 3.5;
    letter-spacing: 0.16em;
}
.txt_block_wrap_4 {
    margin-top: 234px;
}
.txt_block_4 {
    font-size: 30px;
    line-height: 2.65;
    letter-spacing: 0.09em;
}
.txt_block_wrap_5 {
    margin-top: 118px;
}
.txt_block_5 {
    font-size: 16px;
    line-height: 3.5;
    letter-spacing: 0.1em;
}

.material_box {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.material_box_soba {
    margin-top: 220px;
}
.material_box_green_tea {
    margin-top: 220px;
    padding-bottom: 285px;
}
.material_box_item {
    position: relative;
}
.material_box_item_set {
    text-align: center;
    width: 460px;
}
.material_box_item_set + .material_box_item_set {
    margin-top: 76px;
}
.material_box_item_set_ttl {
    margin-top: -3px;
    position: relative;
}
.material_box_item_set_ttl_m {
    display: block;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.1em;
}
.material_box_item_set_ttl_s {
    display: block;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.15em;
}
.material_box_item_set_ttl_l {
    display: block;
    font-size: 24px;
    line-height: 2;
    letter-spacing: 0.16em;
}
.material_box_item_set_img_1 {
    margin-top: 32px;
}
.material_box_item_set_img_2 {
    margin-top: 32px;
}
.material_box_item_set_img_3 {
    position: absolute;
    top: 362px;
    right: -407px;
}
.material_box_item_set_img_4 {
    margin-top: 32px;
}
.material_box_item_set_img_5 {
    margin-top: 3px;
    margin-bottom: 14px;
    margin-left: -17px;
}
.material_box_item_set_img_6 {
    position: absolute;
    top: 346px;
    right: -287px;
}
.material_box_item_set_txt {
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 0.16em;
    margin-top: 22px;
}
.material_box_item_set_txt_small {
    font-size: 14px;
    letter-spacing: 0.16em;
}
.material_box_item_set_btn_wrap {
    margin-top: 25px;
}
.material_box_item_set_btn {
    display: inline-block;
    width: 162px;
    text-decoration: none;
    background: #000;
    color: #fff;
    font-size: 14px;
    line-height: 2.3;
    letter-spacing: 0.15em;
}
.material_box_data {
    display: flex;
    flex-direction: row-reverse;
}
.material_box_data_ttl {
    font-size: 34px;
    letter-spacing: 0.16em;
    line-height: 1;
}
.material_box_data_txt {
    font-size: 16px;
    line-height: 2.5;
    margin-right: 46px;
    letter-spacing: 0.08em;
}
.material_box_data_border {
    margin-top: 86px;
    margin-right: 52px;
    border-right: 1px solid #000;
    height: 100px;
}
.material_box_data_box {
    margin-right: 45px;
    margin-top: 80px;
}
.material_box_data_box_top {
    line-height: 1.8;
    font-size: 12px;
    letter-spacing: 0.17em;
}
.material_box_soba .material_box_data_box_top {
    margin-left: 18px;
}
.material_box_green_tea .material_box_data_box_top {
    margin-left: 18px;
}
.material_box_data_box_bottom {
    line-height: 3.45;
    font-size: 14px;
    margin-top: 47px;
}
.material_box_data_box_bottom_cover {
    height: 40%;
}

@media (max-width: 750px) {
    .txt_block_wrap_1 {
        margin-top: 12.8%;
    }
    .txt_block_1 {
        font-size: 3.466vw;
        line-height: 3.1;
        letter-spacing: 0.16em;
    }
    .txt_block_wrap_2 {
        margin-top: 28%;
    }
    .txt_block_2 {
        font-size: 5.33vw;
        letter-spacing: 0.16em;
        line-height: 2.3;
    }
    .material_img_wrap {
        margin-top: 13%;
    }
    .machine_img_wrap {
        margin-top: 13.4%;
        text-align: center;
    }
    .machine_img {
        width: 83%;
    }
    .txt_block_wrap_3 {
        margin-top: 14.5%;
    }
    .txt_block_3 {
        font-size: 3.2vw;
        line-height: 2.8;
        letter-spacing: 0.16em;
    }
    .border_dashed:before {
        right: 12%;
    }
    .txt_block_wrap_4 {
        margin-top: 32%;
    }
    .txt_block_4 {
        font-size: 5.33vw;
        line-height: 2.15;
        letter-spacing: 0.16em;
    }
    .txt_block_wrap_5 {
        margin-top: 14.5%;
    }
    .txt_block_5 {
        font-size: 3.2vw;
        line-height: 2.8;
        letter-spacing: 0.16em;
    }

    .material_box {
        width: 100%;
        flex-direction: column;
    }
    .material_box_soba {
        margin-top: 107vw;
    }
    .material_box_item_set_img_3 {
        top: -93vw;
        right: 31%;
        width: 94.8%;
    }
    .material_box_data {
        width: 70%;
        height: 84vw;
        margin: 0 auto;
        justify-content: space-between;
    }
    .material_box_data_ttl {
        font-size: 5.33vw;
        line-height: 1;
        letter-spacing: 0.16em;
        width: 5.5vw;
    }
    .material_box_data_txt {
        font-size: 2.933vw;
        line-height: 2.5;
        margin-right: 8vw;
        letter-spacing: 0.16em;
        width: 14vw;
    }
    .material_box_data_border {
        margin-top: 16.6%;
        margin-right: 8vw;
        height: 21vw;
    }
    .material_box_data_box {
        margin-right: 8vw;
        width: 25vw;
        margin-top: 14.4%;
    }
    .material_box_soba .material_box_data_box_top {
        margin-left: 3.3vw;
    }
    .material_box_data_box_bottom {
        line-height: 2.85;
        font-size: 2.933vw;
        letter-spacing: 0.16em;
        margin-top: 22%;
    }
    .material_box_data_box_top {
        line-height: 1.6;
        font-size: 2.4vw;
        letter-spacing: 0.16em;
    }
    .material_box_item_set {
        width: 100%;
    }
    .material_box_item_set_ttl {
        margin-top: 5%;
    }
    .material_box_item_set_ttl_m {
        font-size: 3.2vw;
        letter-spacing: 0.16em;
    }
    .material_box_item_set_ttl_l {
        font-size: 3.733vw;
        letter-spacing: 0.16em;
        line-height: 1.5;
    }
    .material_box_item_set_ttl_s {
        font-size: 2.933vw;
        letter-spacing: 0.16em;
        line-height: 1.7;
    }
    .material_box_item_set_img_1 {
        margin-top: -1.7%;
        width: 77%;
    }
    .material_box_item_set_txt {
        font-size: 3.2vw;
        letter-spacing: 0.16em;
        line-height: 1.9;
        margin-top: 0%;
    }
    .material_box_item_set_txt_small {
        font-size: 2.933vw;
    }
    .material_box_item_set_btn_wrap {
        margin-top: 3.3%;
    }
    .material_box_item_set_btn {
        width: 42.5%;
        font-size: 2.66vw;
        line-height: 2.9;
        letter-spacing: 0.16em;
    }
    .material_box_item_set + .material_box_item_set {
        margin-top: 15.5%;
    }
    .material_box_green_tea {
        margin-top: 81vw;
        padding-bottom: 4%;
    }
    .material_box_green_tea .material_box_data_box_top {
        margin-left: 3vw;
    }
    .material_box_item_set_img_6 {
        top: -72vw;
        right: 38.8%;
        width: 72.5%;
        height: auto;
    }
    .material_box_item_set_img_4 {
        margin-top: -3%;
        width: 82%;
        height: auto;
    }
    .material_box_item_set_img_5 {
        margin-top: 1%;
        margin-bottom: 7%;
        margin-left: 0;
        width: 43%;
    }
    .material_box_item_set_img {
        margin-top: 4%;
        margin-bottom: 2.4%;
        width: 42.7%;
    }
}