@charset "UTF-8";

/* ------------------------------------- */
/*	/foodservice/compa/
/*  index.htm
/* ------------------------------------- */

.line-h{
	line-height: 1.4;
}
.txtidt li{
    padding-left: 1em;
    text-indent: -1em;
}
.color-red{
    color: #cf0e0f;
}
@media (max-width: 767px){
    .max-375{
        max-width: 405px;
        margin-left: auto;
        margin-right: auto;
    }
    .sp-brnone br{
        display: none;
    }
    .pc-only-br{
        display: none;
    }
}

.pr-mb10{
    margin-bottom: 5px;
}
.rs-mb20{
    margin-bottom: 12px;
}
.rs-mb20txt{
    margin-bottom: 3px;
}
.rs-mb30{
    margin-bottom: 12px;
}
.rs-mb40{
    margin-bottom: 26px;
}
.rs-mb70{
    margin-bottom: 30px;
}
@media (min-width: 768px){
    .pr-mb10{
        margin-bottom: 10px;
    }
    .rs-mb20{
        margin-bottom: 17px;
    }
    .rs-mb20txt{
        margin-bottom: 8px;
    }
	.rs-mb30{
		margin-bottom: 23px;
    }
    .rs-mb40{
        margin-bottom: 36px;
    }
    .rs-mb70{
        margin-bottom: 70px;
    }
}

.be-list{
    background-color: #e5f5eb;
    padding: 15px 20px;
}
.be-list li,
.ge-list li{
    position: relative;
    padding-left: 1em;
}
.be-list li:before,
.ge-list li:before{
    position: absolute;
    top: -1px;
    left: 0;
    display: inline-block;
    content: "●";
    color: #80cc99;
    font-size: 16px;
}
.ge-list1{
    margin-bottom: 11px;
    border-top: solid 1px #d6d6d6;
}
.ge-list1 li{
    line-height: 1.57;
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: solid 1px #d6d6d6;
}
.ge-list1 li:before{
    top: 9px;
}



/* exclamation */
.ca-exclamation{
    background-color: #fff4f4;
}
.ca-exclamation > div{
    position: relative;
    min-height: 200px;
    padding-top: 30px;
    padding-bottom: 25px;
}
.ca-exclamation-i{
    position: absolute;
	display: block;
	width: 140px;
	height: 140px;
    left: 15px;
    top: 50%;
    margin-top: -70px;
    font-size: 140px;
    color: #fedede;
}
.ca-exclamation-content{
    position: relative;
    z-index: 10;
}
.ca-exclamation-heading{
    margin-bottom: 7px;
    font-size: 15px;
    font-weight: 700;
    color: #f00000;
    text-align: center;
}
.ca-exclamation-ul li{
    position: relative;
    padding-left: 1em;
}
.ca-exclamation-ul li:before{
    position: absolute;
    top: -1px;
    left: 0;
    display: inline-block;
    content: "●";
    color: #fd9192;
    font-size: 16px;
}
@media (max-width: 1019px){
    .ca-exclamation-i{
        left: 50%;
        margin-left: -70px;
    }
    .ca-exclamation-heading{
        line-height: 1.4;
    }
}
@media (min-width: 768px){
    .ca-exclamation > div{
        padding-top: 50px;
        padding-bottom: 45px;
    }
    .ca-exclamation-content{
        text-align: center;
    }
    .ca-exclamation-heading{
        margin-bottom: 13px;
        font-size: 18px;
    }
    .ca-exclamation-content > div{
        display: inline-block;
        width: 636px;
        text-align: left;
    }
}

.pa-list li{
    position: relative;
    padding-left: 1em;
}
.pa-list li:before{
    position: absolute;
    top: -1px;
    left: 0;
    display: inline-block;
    content: "●";
    color: #80cc99;
    font-size: 16px;
}
.fl-list li:before{
    color: #707070;
}

.mail-btn span{
    color: #80cc99;
}
@media (max-width: 767px){
    .mail-btn{
        display: block;
    }
}
@media (min-width: 768px){
    .w350{
        width: 350px;
    }
}

/* ------------------------------------- */
/*	 index
/* ------------------------------------- */
.ptb30-50{
        padding-top: 30px;
        padding-bottom: 50px;
    }
.com-btn{
    display: inline-block;
    padding: 13px 35px 13px 10px;
    background: #093 url(/sy-images/co_button_arrow_on.png) no-repeat right;
    background-size: 20px 16px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.2;
    text-align: center;
}
.com-btn:hover,
.com-btn:focus{
    color: #fff;
    text-decoration: none;
}
.ge-set li{
	margin-top: 12px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	margin-left: 20px;
}
.ge-set li:before{
	position:absolute;
	left:20px;
    display: inline-block;
    content: "●";
    color: #80cc99;
    font-size: 16px;
} 
.ge-set li ~ li{
    margin-top: 12px;
    padding-top: 10px;
    border-top: dotted 1px #707070;
}
.ge-set li b{
    display: inline-block;
    font-size: 28px;
}
.ge-set li span{
	font-size: 15px;
	font-weight: normal;
}
.ge-set li p{
    font-size: 15px;
    font-weight: 400;
}
.ge-option{
    margin-top: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    background-color: #ebebeb;
}
.ge-option span{
    font-weight: 400;
}
@media (min-width: 768px){
    .ge-set li{
        margin-top: 32px;
    }
.ge-set li:before{
	position:absolute;
	left:30px;
    display: inline-block;
    content: "●";
    color: #80cc99;
    font-size: 16px;
} 	
    .ge-option{
        margin-top: 17px;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .ge-txt{
        text-align: right;
    }
}
@media (min-width: 1020px){
    .ge-option{
        font-size: 18px;
    }
}

.ge-appli{
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #e5f5eb;
}
.ge-appli img{
    width: 100%;
    max-width: 375px;
}
@media (max-width: 767px){
    .ge-appli{
        margin-top: 15px;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 768px){
    .ge-appli img{
        width: 260px;
    }
}

.ge-area-h3{
    margin-top: 10px;
    margin-bottom: 4px;
    font-weight: 700;
}
.ge-area-dl dt{
    float: left;
    width: 5em;
}
.ge-area-dl dd{
    margin-left: 5em;
}
@media (min-width: 768px){
    .ge-area-h3{
        margin-top: 20px;
    }
}
.wdt98 {
	width: 98%;
}