.block-common{ width: 1024px; margin: 0 auto;}
@media only screen and (max-width: 1024px){ .block-common{ width:90%; } }
/*@media only screen and (max-width: 600px){ .block-common{ padding-top: 40px; } }*/
.block-inner{ width: 1000px; margin: 0 auto; }

#question {
    background-color: #fff;
    background-image: url(https://family-deli.com/assets/img/question-bg.webp);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
#question .block-common {
    text-align: center;
    width: 1600px;
    padding: 100px 0 0 0;
}
@media only screen and (max-width: 1600px){ #question .block-common { width: 90%; padding: 40px 0 0 0; } }
#question .block-common h4.title{ position: relative;}
#question .block-common h4.title:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 40px;
    height: 3px;
    background-color: #ed7700;
    z-index: 10;
}
#question .block-common h4.title:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 80px;
    height: 3px;
    margin-left: -40px;
    background-color: #fff;
}
@media only screen and (max-width: 600px){ #question .block-common div{ display: none; } }
#question .block-common p{ display: none; }
@media only screen and (max-width: 600px){ #question .block-common p{ display: block; } }
#question .block-common div ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
#question .block-common div ul li:nth-of-type(1){}
#question .block-common div ul li:nth-of-type(2) { padding: 0 1em 3.5em 0; }
#question .block-common div ul li:nth-of-type(3){}

#question .block-common h4.title { margin-bottom: 50px; padding-bottom: 50px; }
@media only screen and (max-width: 600px){ #question .block-common h4.title { margin-bottom: 30px; padding-bottom: 30px; } }


h3.fukidashi{ background-color: #FFE2AE; color: #B44912; font-size: 34px; font-family: 'Noto Sans JP',sans-serif; text-align: center; padding: 0.5em 0; font-weight: 700; position: relative; }
h3.fukidashi br{ display: none;} 
@media only screen and (max-width: 1024px){ h3.fukidashi{ font-size: 26px; } }
@media only screen and (max-width: 600px){ h3.fukidashi{ font-size: 18px; line-height: 1.4; } }
@media only screen and (max-width: 600px){ h3.fukidashi br{ display: block; } }
h3.fukidashi::after {
    background-image: url(https://family-deli.com/assets/img/fukidashi-parts1.webp);
    position: absolute;
    display: inline-block;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    bottom: -34px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 80px;
    height: 34px;
    z-index: 10;
}
@media only screen and (max-width: 600px){ h3.fukidashi::after { width: 56px; height: 20px; bottom: -20px; } }

h4.maintitle{ font-family: 'Noto Sans JP',sans-serif; font-weight: 700; text-align: center; position: relative; margin-bottom: 50px; padding-bottom: 50px; }
@media only screen and (max-width: 600px){ h4.maintitle{ margin-bottom: 40px; padding-bottom: 30px; } }
h4.maintitle:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 40px;
    height: 3px;
    background-color: #ed7700;
    z-index: 10;
}
@media only screen and (max-width: 600px){ h4.maintitle:before { height: 2px; } }
h4.maintitle:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 80px;
    height: 3px;
    margin-left: -40px;
    background-color: #D1D1D1;
}
@media only screen and (max-width: 600px){ h4.maintitle:after { height: 2px; } }
h4.maintitle span:nth-child(1){ font-size: 16px; color: #999999;}
@media only screen and (max-width: 600px){ h4.maintitle span:nth-child(1){ font-size: 14px;} }
h4.maintitle span:nth-child(2){ font-size: 40px; display: block; line-height: 1.4;}
@media only screen and (max-width: 600px){ h4.maintitle span:nth-child(2){ font-size: 30px;} }


h5.subtitle{ font-family: 'Noto Sans JP',sans-serif; font-weight: 700; text-align: center; font-size: 24px;}
@media only screen and (max-width: 600px){ h5.subtitle{ font-size: 16px; text-align: justify; } }

h5.subtitle span{ display: block;}
@media only screen and (max-width: 600px){ h5.subtitle span{ display: initial; } }
h5.subtitle strong{ color: #ff5b14;}


#info {
    padding: 0 0 80px 0;
    /*background-image:  radial-gradient(#f2efe4 3px, transparent 3px), radial-gradient(#f2efe4 3px, #f9f6ea 3px);
    background-size: 40px 40px;*/
    background-position: 0 0,20px 20px;
}

@media only screen and (max-width: 600px){ #info{ padding: 0 0 40px 0; } }
#info .block-common ul li:nth-of-type(2){ text-align: center; margin-top: 2em;}
#info h4.maintitle{ margin: 80px 0 60px 0; }
@media only screen and (max-width: 600px){ #info h4.maintitle{ margin: 60px 0 40px 0; } }
#info h5.subtitle{ margin-bottom: 2em;}
#info h6.txt {
    display: inline-block;
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    line-height: 1.4;
}
@media only screen and (max-width: 600px){ #info h6.txt { font-size: 30px; } }
#info h6.txt span {
    display: inline-block;
    border-bottom: solid 4px #F5AA00;
    line-height: 1.2;
}
#info h6.txt strong{ color: #E63831;}

.pc-none{ display:none;}
@media only screen and (max-width: 600px){ .pc-none{ display:block;} }
.sp-none{ display:block;}




.bg00 {
  background: #eaf5dd
}

.voicebox .voice .blc .blc-l .pic{
width:34%
}

@media screen and (min-width: 768px){
.voicebox .voice .blc .blc-l .pic{
margin-bottom:1em;width:auto}}.voicebox .voice .blc .blc-l .pricebox{
width:58%
}











#point {
    padding: 100px 0;
    background-image:  radial-gradient(#f2efe4 3px, transparent 3px), radial-gradient(#f2efe4 3px, #f9f6ea 3px);
    background-size: 40px 40px;
    background-position: 0 0,20px 20px;
}
@media only screen and (max-width: 600px){ #point { padding: 40px 0; } }
#point .block-common{}
#point .block-common ul{ background-color: #fff; border-radius: 16px; margin-bottom: 5em; text-align: center; padding: 3em; position: relative; }
@media only screen and (max-width: 1024px){ #point .block-common ul{ padding: 2.5em; }}
@media only screen and (max-width: 600px){ #point .block-common ul{ padding: 2em 1em; margin-bottom: 3em; }}
#point .block-common ul:last-child{ margin-bottom: 0; }
#point .block-common ul::after {
    background-image: url(../img/point-parts1.webp);
    position: absolute;
    display: inline-block;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    top: -22px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 164px;
    height: 44px;
    z-index: 10;
}
#point .block-common ul:nth-of-type(1){ margin-top: 4em;}
#point .block-common ul li:nth-of-type(1){
    font-size: 46px;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 0.5em;
    letter-spacing: 0.1em;
    color: #666666;
}
@media only screen and (max-width: 1024px){ #point .block-common ul li:nth-of-type(1){ font-size: 36px; } }
@media only screen and (max-width: 600px){ #point .block-common ul li:nth-of-type(1){ font-size: 22px; } }
#point .block-common ul:nth-of-type(1) li:nth-of-type(2){ display: inline-block; }
#point .block-common ul:nth-of-type(1) li:nth-of-type(2) p{ font-size: 26px; font-weight: 700; }
@media only screen and (max-width: 1024px){ #point .block-common ul:nth-of-type(1) li:nth-of-type(2) p{ font-size: 20px; } }
@media only screen and (max-width: 1024px){ #point .block-common ul:nth-of-type(1) li:nth-of-type(2) p{ font-size: 16px; } }
#point .block-common ul:nth-of-type(1) li:nth-of-type(2) p:last-child{ margin-bottom: 0px; }
#point .block-common ul:nth-of-type(1) li:nth-of-type(2) p span{ background-color: #FCE1E0; }
#point .block-common ul:nth-of-type(1) li:nth-of-type(2) p span br{ display: none; }
@media only screen and (max-width: 600px){ #point .block-common ul:nth-of-type(1) li:nth-of-type(2) p span br{ display: block; } }

#point .block-common ul:nth-of-type(2){ padding-bottom: 0; }
#point .block-common ul:nth-of-type(2) li:nth-of-type(2){ width: 80%; margin: 0 auto;}
@media only screen and (max-width: 600px){ #point .block-common ul:nth-of-type(2) li:nth-of-type(2){ width: 100%; } }

#point .block-common ul:nth-of-type(3) li dl dt{ color: #F5AA00; font-weight: 700; font-size: 20px; border-bottom:dotted 1px #F5AA00; border-top:dotted 1px #F5AA00; padding: 6px 0 4px 0; margin-bottom: 20px; }
@media only screen and (max-width: 600px){ #point .block-common ul:nth-of-type(3) li dl dt{ font-size: 13px;} }
#point .block-common ul:nth-of-type(3) li:nth-of-type(2) { display: flex; justify-content: space-between; margin-bottom: 1.5em;}
#point .block-common ul:nth-of-type(3) li:nth-of-type(2) dl{ width: 48%; }
#point .block-common ul:nth-of-type(3) li:nth-of-type(2) dl dt{ }
#point .block-common ul:nth-of-type(3) li:nth-of-type(2) dl dd{ width: 60%; margin: 0 auto; }
@media only screen and (max-width: 600px){ #point .block-common ul:nth-of-type(3) li:nth-of-type(2) dl dd{ width: 80%; } }
#point .block-common ul:nth-of-type(3) li:nth-of-type(3) { display: flex; justify-content: space-between;}
#point .block-common ul:nth-of-type(3) li:nth-of-type(3) dl{ width: 31%; }
#point .block-common ul:nth-of-type(3) li:nth-of-type(3) dl dd{ width: 70%; margin: 0 auto; }
@media only screen and (max-width: 600px){ #point .block-common ul:nth-of-type(3) li:nth-of-type(3) dl dd{ width: 80%; }}


.red{ color: #E63831;}

#support .inner {
  padding: 3em 4%
}

@media screen and (min-width: 768px) {
  #support .inner {
    padding: 7em 20px 5em
  }
}

#support .inner h2 {
  margin: 0 22% 1.25em
}

@media screen and (min-width: 768px) {
  #support .inner h2 {
    margin: 0 0 4.5em
  }
}




.pc-none{ display:none;}
@media only screen and (max-width: 600px){ .pc-none{ display:block;} }
.sp-none{ display:block;}
@media only screen and (max-width: 600px){ .sp-none{ display:none;} }