/* LESS Document */

@media screen and (max-width: 767px) {
.main_ttl1 .flex{
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}
.main_ttl1 h2{
    width: 100% !important;
}
.main_ttl6 .flex{
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}
.main_ttl6 h2{
    width: 100% !important;
}
}

.main_ttl6{
    margin: 0;
}
.kaiketsu_deco p {
    position: relative;
    text-align: center;
    margin: 0 auto 0 auto;
    color: #fff;
    font-weight: bold;
    padding-bottom:1rem;
}
.kaiketsu_deco p::before,
.kaiketsu_deco p::after {
    position: absolute;
    height: 1.5em;
    content: '';
}
.kaiketsu_deco p::before {
    border-left: solid 2px #fff;
    left: 0;
    transform: rotate(-25deg);
}
.kaiketsu_deco p::after {
    border-right: solid 2px #fff;
    right: 0;
    transform: rotate(25deg);
}
.kaiketsu_deco p {
    position: relative;
    text-align: center;
    margin: 0 auto 0 auto;
}
.kaiketsu_deco1 p{
    width: 230px;
}
.kaiketsu_deco2 p{
    width: 160px;
}

/* -------------------------------- 「おいしさ」と「日持ち」の向上どちらも実現したい！*/
.kako_pt_inner{
    margin: 0 auto;
}
#kako_pt1 h4{
    font-size: 3.2rem;
    font-weight: bold;
    color: #8ec600;
    letter-spacing: 2px;
    border-left: 6px solid #8ec600;
    padding-left: 30px;
    margin-bottom: 3rem;
}
#kako_pt1 p{
    font-weight: normal;
    line-height: 2.2;
}
#kako_pt1 dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
#kako_pt1 dt {
    width: 30%;
    padding: 1rem;
    color: #8ec600;
    vertical-align: top;
}
#kako_pt1 dd {
    width: 70%;
    padding: 1rem;
    vertical-align: top;
}
.flex{
    align-items: top !important;
}
@media screen and (min-width: 767px) {
.kako_pt_inner{
    width: 1000px;
}
}

/* -------------------------------- kako */
.kako_ttl_bar{
    margin: 0 auto;
    text-align: left;
    margin-bottom: 2rem;
}
.kako_ttl_bar_img {
    width: 20%; 
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}
.kako_ttl_bar_txt {
    padding: 0;
    font-size: 2.3rem;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 1px;
}
.kako_ttl_bar_txt p{
}
.kako_pt_lt{
    float: left;
}
@media screen and (min-width: 767px) {
.kako_pt_lt_wide{
    width: 1000px !important;
    float: left;
}
}
.kako_pt_lt2{
    float: left;
}
.kako_pt_lt1{
    float: left;
}
.kako_pt_lt1 img{
    width: 138px;
    float: left;
    margin-top: 0 !important;
}
.kako_pt_lt2{
    float: left;
    padding-left: 2rem;
}
.kako_box1{
    margin-top: 4rem;
}
.kako_box1 h5{
    font-size: 3.2rem;
    font-weight: bold;
    color: #8ec600;
    text-decoration: underline;
    text-decoration-color: #8ec600;
    text-decoration-thickness: auto;
    text-decoration-thickness:2px;
    text-underline-offset: 6px;
    letter-spacing: 1px;
    line-height: 2.2;
    margin-bottom: 1rem;
}
.kako_box1 h6{
    font-size: 2.5rem;
    font-weight: bold;
    color: #8ec600;
    text-decoration: underline;
    text-decoration-color: #ffff00;
    text-decoration-thickness: auto;
    text-decoration-thickness:5px;
    text-underline-offset: 0px;
    letter-spacing: 1px;
    margin-bottom: 0;
    line-height: 2;
}

@media screen and (max-width: 767px) {
.kako_box1 h5{
    line-height: 1.8;
}
.kako_box1 h6{
    line-height: 1.8;
}
.kako_pt_lt1{
    width: 25%;
}
.kako_pt_lt2{
    width: 75%;
    margin-bottom: 2rem;
}
}

/* -------------------------------- メニュー */
.kako_menu{
    margin: 0 auto;
    border: 4px solid #d6eaa3;
    border-radius:20px;
    margin-top: 5rem;
    margin-bottom: 8rem;
    padding: 1rem;
    position: relative;
    padding-top: 5rem;
    padding-bottom:  5rem;
}
.kako_menu h5 img{
    text-align: left;
    position: absolute;
    right: 0;
    padding: 0;
}

@media screen and (min-width: 767px) {
#kako_menu{
    width: 1000px;
}
}
.kako_menu h6{
    width: 370px;
}
.kako_menu_box{
    margin-bottom: 2rem;
}
.kako_menu h5{
    font-size: 2.3rem;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 5rem;
    margin-bottom: 3rem;
}
.kako_menu h5 em{
    color: #8ec600;
    text-decoration: underline;
    text-decoration-color: #ffff00;
    text-decoration-thickness: auto;
    text-decoration-thickness:8px;
    text-underline-offset: 3px;
    letter-spacing: 1px;
    line-height: 2.2;
    margin-bottom: 3rem;
}
.menu_img img{
    margin-bottom: 2rem;
}
.kako_menu{
    margin: 0 auto;
}
.kako_menu p{
    font-size: 1.8rem;
    font-weight: normal;
    margin-left: 1em;
}
.kako_menu p em{
    color: #8ec600;
} 
@media screen and (min-width: 767px) {
.kako_menu_box{
    padding-left: 30px;
}
}
@media screen and (max-width: 767px) {
.kako_menu_box{
    padding-bottom: 2rem;
}
.kako_menu p{
    font-size: 1.2rem !important;
    margin-left: 0.5rem;
}
#kako_ct{
    width: 50%;
    margin: 0 auto;
}
}

/* --------------------------------評価方法*/
.kako_hyouka{
}
.kako_hyouka p{
    width: 15%;
    font-size: 2.3rem;
    font-weight: bold;
    text-align: center;
    border: 2px solid #8ec600;
    padding: 5rem 2rem 5rem 2rem;
    letter-spacing: 1px;
    color: #8ec600;
    margin-bottom: 0;
}
.hyouka_list{
    width: 85%;
    list-style: none;
    font-size:1.8rem;
    line-height: 1.8;
    padding-left:1.5em;
    text-indent:-1em;
}
.hyouka_list em{
    color: #8ec600;
}
@media screen and (min-width: 767px) {
.kako_hyouka p{
    width: 15%;
}
.hyouka_list{
    width: 85%;
}
}
@media screen and (max-width: 767px) {
.kako_hyouka p{
    font-size:1.8rem !important;
    width: 20%;
}
.hyouka_list{
    width: 80%;
    font-size:1.5rem;
}
}
#kako_hyouka_img{
    margin-bottom: 8rem;
}
#kako_hyouka_img img{
    margin-top: 8rem;
}
#kako_pt3 img{
}
#kako_pt3 h6{
    font-weight: bold;
    font-size: 2.3rem;
    margin-top: 8rem;
    margin-bottom: 2rem;
}
#kako_pt3 table{
    margin: 0 auto;
    border-collapse: collapse;
    border: none;
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 2rem;
}
#kako_pt3 th{
    background: #8ec600;
    color: #fff;
    text-align: center;
}
#kako_pt3 td,th{
    border: none;
    padding: 0.6rem;
}
#kako_pt3 td {
    background: #f5fae8;
}
#kako_pt3 table tr:nth-child(odd) td {
    background: #fafdf5;
}
#kako_pt3 td:first-child,th:first-child{
    border-left:none;
}
#kako_pt3 tr:first-child td,tr:first-child th{
    border-top:none;
}
#kako_pt3 .tbl1{
    background: #fff;
    color: #8ec600;
}
#kako_pt3 .tbl2{
    background: #f6baba;
}
#kako_pt3 .tbl3{
    background: #f9d6d6 !important;
}
#kako_pt3 p{
    font-weight: normal;
}
#kako_pt3 h5{
    font-size: 3rem;
    font-weight: bold;
    color: #8ec600;
    letter-spacing: 2px;
    margin-top: 8rem;
    margin-bottom: 3rem;
}
@media screen and (min-width: 767px) {
#kako_pt3 table{
width: 1000px;
}
}
.kako_pt_inner{
    margin: 0 auto;
}
#kako_mn701 h4{
    font-size: 3.2rem;
    font-weight: bold;
    color: #f39500;
    letter-spacing: 2px;
    border-left: 6px solid #f39500;
    padding-left: 30px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
#kako_mn701 p{
    font-weight: normal;
    line-height: 2.2;
}
#kako_mn701 dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
#kako_mn701 dt {
    width: 30%;
    padding: 1rem;
    color: #f39500;
    vertical-align: top;
}
#kako_mn701 dd {
    width: 70%;
    padding: 1rem;
    vertical-align: top;
 }
.kako_mn701_lt{
}
@media screen and (min-width: 767px) {
.kako_pt_inner{
    width: 1000px;
}
}
.kako_box2{
    margin-top: 4rem;
}
.kako_box2 h5{
    font-size: 3.2rem;
    font-weight: bold;
    color: #f39500;
    text-decoration: underline;
    text-decoration-color: #f39500;
    text-decoration-thickness: auto;
    text-decoration-thickness:2px;
    text-underline-offset: 6px;
    letter-spacing: 1px;
    line-height: 2.2;
    margin-bottom: 1rem;
}
.kako_box2 h6{
    font-size: 2.5rem;
    font-weight: bold;
    color: #f39500;
    text-decoration: underline;
    text-decoration-color: #ffff00;
    text-decoration-thickness: auto;
    text-decoration-thickness:5px;
    text-underline-offset: 0px;
    letter-spacing: 1px;
    margin-bottom: 0;
    line-height: 2;
}
@media screen and (max-width: 767px) {
.kako_box2 h6{
    line-height: 1.8;
}
}

/* -------------------------------- 使い方 */

.kako_howto{
    margin: 0 auto;
    border: 4px solid #fbd9a3;
    border-radius:20px;
    margin-top: 5rem;
    margin-bottom: 8rem;
    padding: 1rem;
    position: relative;
    padding-top: 5rem;
}
@media screen and (min-width: 767px) {
#kako_howto{
    width: 1000px;
}
.kako_howto_lt p{
    width: 370px;
}
.kako_howto_inner{
    width: 900px;
}
.kako_howto table{
    width: 330px;
}
}
@media screen and (max-width: 767px) {
.kako_howto_inner{
    padding: 2rem;
}
}
.kako_howto h5{
    font-size: 2.3rem;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 5rem;
    margin-bottom: 3rem;
}
.kako_howto h5 em{
    color: #f39500;
    text-decoration: underline;
    text-decoration-color: #ffff00;
    text-decoration-thickness: auto;
    text-decoration-thickness:8px;
    text-underline-offset: 1px;
    letter-spacing: 1px;
    margin-bottom: 3rem;
}
.kako_howto_lt p{
    margin: 0 auto;
    font-size: 2rem;
    font-weight: bold !important;
    color: #f39500;
    background: #fdefd9;
    border-radius: 25px;
    margin-bottom: 2rem;
    padding: 0.2rem;
    letter-spacing: 1px;
}
.kako_howto_inner{
    margin: 0 auto;
    margin-bottom: 3rem;
}
.kako_howto img{
    margin-bottom: 1rem;
}
.kako_howto table{
    margin: 0 auto;
    border-collapse: collapse;
    border: none;
    text-align: center;
    margin-bottom: 2rem;
    font-size: 1.5rem;
    border-bottom: 3px solid red;
}
.kako_howto th{
    background: #f39500;
    color: #fff;
    text-align: center;
}
.kako_howto td,th{
    border: none;
    padding: 0.6rem;
    }
.kako_howto td {
    background: #fef5e8;
}
.kako_howto table tr:nth-child(odd) td {
    background: #fffbf5;
}
.kako_howto td:first-child,th:first-child{
    border-left:none;
}
tr:first-child td,tr:first-child th{
    border-top:none;
}
.kako_howto .tbl2{
    background: #f6baba !important;
}
.kako_howto .tbl3{
    background: #f9d6d6 !important;
}
.kako_howto .tbl_lb{
    border-left: 3px solid red !important;
}
.kako_howto .tbl_rb{
    border-right: 3px solid red !important;
}
.kako_howto .tbl_tb{
    border-top: 3px solid red !important;
}
.kako_howto .tbl_bb{
    border-border: 3px solid red !important;
}
.kako_howto ul li{
    font-size: 1.5rem;
    padding-right: 3rem;
    list-style: none;
    padding-left:1em;
    text-indent:-1em;
}
.kako_howto ul li em{
    color: #f39500;
}

/* -------------------------------- お客様の声 */
.kako_howto_ttl{
}
.kako_howto_ttl h5 img{
    text-align: left;
    position: absolute;
    right: 0;
    padding: 0;
}
@media screen and (min-width: 767px) {
.kako_howto_ttl h5 img{
    width: 137px;
    left: 70px;
    top:-35px;
}
}
@media screen and (max-width: 767px) {
.kako_howto_ttl h5 img{
    width: 100px;
    left: 3rem;
    top:-26px;
}
}
.kako_howto_ttl h6{
    font-size: 2.5rem;
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    top: -0.8em;
    padding: 0;
    background-color: transparent;
    text-decoration: underline;
    text-decoration-color: #f39500;
    text-decoration-thickness: auto;
    text-decoration-thickness:2px;
    text-underline-offset: 6px;
    letter-spacing: 1px;
}
.kako_howto_ttl h6 span{
    padding:0.8em;
    background: #FFF;
    color: #f39500;
}
#kako_howto_txt figure{
    width: 30%;
}
@media screen and (max-width: 767px) {
#kako_howto_txt figure{
    width: 40%;
}
}
.ballon {
    position: relative;
    background-color: #fdedd4;
    width: 100%;
    text-align: center;
    padding: 2rem 1rem 2rem 1rem;
}
@media screen and (min-width: 767px) {
.ballon {
    border-radius: 10rem;
}
}
@media screen and (max-width: 767px) {
.ballon {
    border-radius: 3rem;
}
}
.ballon p{
    line-height: 1.7!important;
}
.ballon1{
    margin-right: 7%;
}
.ballon1:before {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 60px solid #fdedd4;
    right: -30px;
    top: calc(50% - 30px);
}
.ballon2{
    margin-left: 7%;
}
.ballon2:before {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 50px solid #fdedd4;
    left: -25px;
    top: calc(50% - 30px);
}
.factory_howto figure{
    font-weight: bold;
}