a:hover { text-decoration: none; }

.glink a { color: #009A31; }
.glink a:hover { color: #f7c911;; }

a img:hover { opacity: 0.8; transition: 1s; }

.index4select div:hover { background-color: #28AF63; border-radius: 10px; }
.fwhite { color: white; }

.flexbox { display: flex; flex-wrap: wrap; justify-content: space-between; }
.mzero { margin: 0;}
.tright { text-align: right; }

.fulljust { text-align:justify; text-align-last:justify; }  /* full justification 両端揃え　*/

.notpc {display: none;}
.notsp{	display:block;}
@media screen and (max-width: 1024px) {
    .notpc {display: block;}
    .notsp {display: none !important;}
    .mzerosp { margin: 0 !important;}
}

.crecra{ 
    animation: fadeIn 3s ease 0s 1 normal;
    /* border-radius: 20px; width: 200px; height:200px; position: absolute; z-index: 100;transition: 2s; */
    border-radius: 20px; position: absolute; z-index: 100;transition: 2s;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@media screen and (max-width:896px) {
    .crecra{ width: 170px; height:170px; }
}

.maxw { max-width: 100%; }
.maxw90 { max-width: 90%; }
.padding0 { padding: 0; }
.marcenter { margin: 0 auto; }
@media screen and (max-width:896px) {
    .maxw90 { max-width: 100%; }
    .sptcenter { text-align: center; }  /* モバイルのみテキストセンター */
    #logo { margin-left: 10px !important; }
}
.tbold { font-weight: 800; }
.tcenter { text-align: center; }

/* 点線カスタム */
.dotted1 {
    height: 1px;
    position: relative;
}
.dotted1::before {
    content: "";
    background-image: linear-gradient(to right, #689dff, #689dff 2px, transparent 2px, transparent 2px);
    background-size: 6px 2px;
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* ｈｒライン */
.hr01 { border-top: 1px solid #bda467; margin: 0 auto; }
.hr02 { border-top: 2px solid #bda467; margin: 0 auto; }

/* 文字改行なし */
.norap { white-space: nowrap; }

/* nav */
.navtell { position: absolute; right: 20px; top: 11px; }
#Top_bar.is-sticky .menu_wrapper .menu>li>a { padding: 0; }
#menu2 li a:hover { color: #f7c911; }
.menutel { color: white; padding-left: 20px; padding-right: 20px; background-color: #85B528; border-radius: 20px; margin-top: 10px; margin-right: 10px; }
.menutel2 { color: white; padding-left: 20px; padding-right: 20px; background-color: #0A96DF; border-radius: 20px; margin-top: 10px; margin-right: 10px; }
#Top_bar.is-sticky .menutel,#Top_bar.is-sticky .menutel2 { margin-top: 0px; }
.menutelwrap { display: flex; flex-wrap: nowrap; }
.menutelbox { display: flex; flex-wrap: nowrap; }
@media screen and (max-width:896px) {
.navtell { position: absolute; right: 55px; top: 20px; }
#Side_slide #menu ul li a { font-size: 1.5rem; line-height: 3rem; }
.menutelbox { flex-wrap: wrap; }
        .menutelboxtxtsp { text-align: center; width: 100%;}
}
/* sdd */
.h2sdd { font-size: 30px; font-weight: 800; margin-bottom: 0; }
@media screen and (max-width:896px) {
    .h2sdd { font-size: 20px; }
}

/* news */
.newsbline { border-bottom: 1px solid lightgray; line-height: 2rem; }

/* company */
.mtop100pc { margin-top: 100px; }
.companybox { width: 60%; text-align: left; margin: 0 auto; }
.companybox2 { width: 67%; text-align: left; margin: 0 auto; }
.companybleft { width: 20%; padding: 10px 0; }
.companybox2>.companybleft { width: 15%; padding: 10px 0; }
.companybright { width: 80%; padding: 10px 0; }
.companybox2>.companybright { width: 85%; padding: 10px 0; }
.companybleft2 { width: 40%; }
.companybright2 { width: 60%; }
.telfont { font-family: "Noto Sans JP", "Alegreya Sans", Arial, Tahoma, sans-serif; font-weight: 700;}
.topcomp001 {
    justify-content: start;
    border-bottom: 1px solid lightgray;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
@media screen and (max-width:896px) {
    .mtop100pc { margin-top: 0px; }
    .companybox { width: 100%; text-align: left; margin: 0 auto; }
    .companybox2 { width: 100%; text-align: left; margin: 0 auto; }
    .companybox2>.companybleft { width: 20%; padding: 10px 0; }
    .companybox2>.companybright { width: 80%; padding: 10px 0; }
}

/* toppage */
.top2menuwrap { padding-bottom:0px;background-color:#009A31;background-image:url(images/groc-section-blob.png);background-repeat:no-repeat;background-position:center; padding-top: 100px; }
@media screen and (max-width:896px) {
    .top2menuwrap { padding-top: 50px; }
        .top2menur { max-width: 80%; }
}
/* price */
.plisno { display: block; }
.plifont1 { font-size: 32px; }
.plifont2 { font-size: 18px; }
.pricetable tr:nth-child(n+2) { background-color: white;}
/* .pricetable tr td:first-child { border-radius: 20px 0 0 0;}
.pricetable tr td:nth-child(2) { border-radius: 0 20px 0 0;}
.pricetable tr:last-child td { border-radius: 0 0 0 20px;}
.pricetable tr:last-child td { border-radius: 0 0 20px 0;} */
@media screen and (max-width:896px) {
.plifont1 { font-size: 20px; }
.plifont2 { font-size: 14px; }
}


/* service */
.servicebox1 { margin: 0 auto; width: 70%; }
.serbox1 { font-weight: 800; width: 20%; font-family: serif; font-size: 30px; margin-top: 50px; }
.serbox2 { font-weight: 400; width: 80%; margin-top: 50px; }
.serbox3 { font-weight: 400;line-height: 50px; }
.serbox4 { font-weight: 400;line-height: 50px; font-size: 30px; }
.serbox5 { font-weight: 400;line-height: 30px; }
.servicebox1 .lstep { margin-left: auto; }
.srbox1 { background-color: #C6E7CE; padding: 15px; }
.serbtitle { font-size:30px; font-weight: 800; }
@media screen and (max-width:896px) {
.servicebox1 { width: 100%; }
.serbox1 { font-size: 25px; margin-top: 50px; width: 100%;}
.serbox2 { font-weight: 400; width: 100%; margin-top: 20px; }
.serbox5 { font-weight: 400;line-height: 20px; }
.serbtitle { font-size:25px; font-weight: 800; }
}


/* about us */
.abouttopm { padding-top:75px}
.aboutlist li { display: block; border-bottom: 1px solid lightgray; line-height: 2rem; }
.aboutlist2 li { display: block; border-bottom: 1px solid lightgray; line-height: 2rem; }
.aboutcartitle { text-align: center; font-size: 25px; margin: 20px auto;}
.aboutcarbox { background-color: #C6E7CE; padding: 15px; border-radius: 10px; text-align: center; margin-bottom: 30px; }
#aboutcarboxwrap.aboutcarbox img { border-radius: 10px; max-width: 220px; }
#aboutcarboxwrap ul { margin-left: 0; margin: 0;}
#aboutcarboxwrap li { list-style: none; }
#aboutcarboxwrap li:nth-child(2) { margin-bottom: 2px; }
#aboutcarboxwrap li:nth-child(3) { margin-bottom: 2px; }
.abouttitle { font-size: 30px; line-height: 3rem; }
.aboutlist2title { line-height: 4rem; font-weight: 800; color: green;}
.aboutlist2 a{ font-weight: 400; color: green;}
@media screen and (max-width:896px) {
.abouttopm { padding-top:20px}
.aboutcartitle { text-align: center; font-size: 20px; margin: 20px auto;}
.abouttitle { font-size: 20px; line-height: 2rem; padding-bottom: 40px; }
.aboutlist2title { line-height: 1rem; font-weight: 800; color: green;}
#aboutcarboxwrap.aboutcarbox img { border-radius: 10px; max-width: 100%; }

}


/* contact */
.contacttitle { line-height: 70px; }
@media screen and (max-width:896px) {
.contacttitle { line-height: 3rem; }
.contact3box { background-color: white; border-radius: 20px; color: black; margin-bottom: 30px !important; }
.contact3box h3 { color: #009A31;}
        .contacttimesp { max-width: 80% !important; margin: 0 auto; }
}


/* crecla */
.creclahero { background-image: url(../images/creclatopbg.jpg); width: 100%; height: 70vh; background-size: cover;    background-position: center;    display: flex;     justify-content: flex-start; align-items: center;flex-direction: column; }
.creclatopt1 { color: #EFDC05;    font-weight: 800;    font-size: 25px;}
.creclap1 { margin-top: 100px; width: 90%;}
.crefont { font-family: "Noto Sans JP", "Alegreya Sans", Arial, Tahoma, sans-serif; font-weight: 700; color: white; font-size: 40px;}
@media screen and (max-width:896px) {
.creclahero img {width: 70%;}
.creclatopt1 { font-size: 18px;}
.creclap1 { margin-top: 0; width: 100%;}
.crefont { font-size: 20px;}
}

/* footer */
@media screen and (max-width:896px) {
.footernotsp { display: none;}
.footcopy { text-align: center !important; margin-top: 20px; }
}

/* menu4 */
@media screen and (max-width:896px) {
.menu4spcont { height: calc(100vh - 215px); background-color: #009A31 !important; }
}