@charset "UTF-8";

#main.voice{background: url(../image/voice/voice_cont_bg.png),repeating-linear-gradient(-90deg,#FFEC95, #FFEC95 80px,transparent 0, transparent 160px);background-position:left top,left top;background-repeat:repeat,repeat;background-color:#FFE468;padding-bottom:4rem;}

.sp{display:none;}
section{}
section > .row{width:90vw;max-width:1000px;margin:0px auto;}

.secound_head.voice_mv{background:url(../image/voice/voice_mv_bg.png) center bottom no-repeat;background-size:cover;}
.secound_head.voice_mv .pankuzu{width:90vw;max-width:1000px;margin-left:auto;margin-right:auto;}
.secound_head.voice_mv h1,
.secound_head.voice_mv p{max-width:886px;margin:0px auto;}
.secound_head.voice_mv p.center{margin-top:-1rem;padding-bottom:1rem;}
.secound_head.voice_mv p.lead{font-size:1.25rem;font-weight:bold;text-align:center;padding:2rem 0px 4rem;}
.secound_head.voice_mv p.lead em{font-weight:bold;color:#FF4B1B;}


#voice_cont .item{border:4px solid #009245;background:#FFF;box-shadow:4px 4px 0px 0px rgba(0,0,0,0.2);margin-bottom:4rem;box-sizing:border-box;padding:1.5rem;border-radius:10px;position:relative;}
#voice_cont .item h3{position:relative;background:#009245;margin:-3rem auto 0.5rem;border-radius:1.5rem;height:3rem;color:#FFF;text-align:center;display:flex;align-items:center;justify-content:center;line-height:1.3;text-align:center;font-weight:bold;}
#voice_cont .item h3:after{display:block;content:'';border:6px solid transparent;border-top:8px solid #009245;position:absolute;top:100%;left:50%;margin-left:-6px;}

#voice_cont .item dl{}
#voice_cont .item  dl dt{padding:1rem 0rem 1rem 4.5rem;background:url(../image/voice/voice_icon_a.png) left center no-repeat;}
#voice_cont .item  dl dt span{display:block;}
#voice_cont .item  dl dt .area{font-size:1.125rem;font-weight:bold;color:#009245;}
#voice_cont .item  dl dt .nickname{font-size:1rem;font-weight:bold;color:#000;margin-top:0.3em;}
#voice_cont .item  dl dd{border-top:2px dashed #ccc;padding-top:1rem;line-height:1.8;color:#333;font-size:1rem;}

#contact_form{margin-top:4rem;padding:0px 0px 4rem;background:#FFF9DA;color:#000;font-size:1rem;}
#contact_form.confim{margin-top:0px;}
#contact_form h4{width:100%;position:relative;top:0px;left:0px;background:#F7931E;padding:0.3em;text-align:center;justify-content:center;margin-bottom:1em;
font-size: 1.8rem;
    color: #FFF;
    font-weight: bold;
    height: 70px;
    display: flex;align-items: center;}
#contact_form.stove_2 h4{background:#009245;}


#contact_form dl dt{padding:0.5em;background:#fbc98e;flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-start;}
#contact_form dl dd {flex-grow:1;background:#FFF;padding:0.3em;}
#contact_form dl dd input[type=text],
#contact_form dl dd input[type=email],
#contact_form dl dd textarea{border:0px;height:3em;width:100%;}
#contact_form dl dd textarea{height:10rem;}
#contact_form span.nec{display:inline-block;font-size:0.75em;color:#FFF;background:#fa1e08;line-height:1;padding:0.2em 0.3em;}
#contact_form button[type=submit],
#contact_form input[name=confim]{display:flex;border-radius:8px;box-shadow:0px 3px 0px 0px rgba(0,0,0,0.2);border:0px;width:80vw;max-width:300px;font-size:1.5rem;color:#FFF;font-weight:bold;height:60px;margin:2rem auto;align-items:center;justify-content:center;background:url(../image/stove_tank/arrow_r.png) right 1rem center no-repeat,url(../image/stove_tank/btn_bg_red.png) center center no-repeat;background-size:auto auto,100% 100%;}


#main.tank #contact_form h4{background:#FF6498;}
#main.tank #contact_form dl dt{background-color:#DDDAED;}



.voice_view_cont{padding:4rem 0;}
.voice_view_cont .cp_voice_item{border:5px solid #009245;border-radius:1.25rem;box-sizing:border-box;padding:1.25rem;margin-bottom:4rem;box-shadow:0px 1rem 0 #00000044;background:#FFF;}
.voice_view_cont .cp_voice_item h3{font-size:1rem;font-weight:bold;width:90%;margin:-3rem auto 0;position:relative;background:#009245;color:#FFF;text-align:center;padding:1rem;border-radius:3rem;}
.voice_view_cont .cp_voice_item h4{color:#009245;font-size:1.25rem;font-weight:bold;margin-bottom:0.5rem;}
.voice_view_cont .cp_voice_item .cont_head{padding:1rem 0 1rem 4rem;border-bottom:2px dashed #CCC;margin-bottom:1rem;background:url(../image/voice/voice_icon_a.png) left center no-repeat;background-size:3rem auto;}
.voice_view_cont .cp_voice_item .cont_body{line-height:1.8;}

.voice_view_cont .cp_voice_item:nth-child(4n + 2){border:5px solid #FF4B1B;}
.voice_view_cont .cp_voice_item:nth-child(4n + 2) h3{background:#FF4B1B;}
.voice_view_cont .cp_voice_item:nth-child(4n + 2) h4{color:#FF4B1B;}
.voice_view_cont .cp_voice_item:nth-child(4n + 2) .cont_head{background-image:url(../image/voice/voice_icon_b.png)}

.voice_view_cont .cp_voice_item:nth-child(4n + 3){border:5px solid #FF4B1B;}
.voice_view_cont .cp_voice_item:nth-child(4n + 3) h3{background:#FF4B1B;}
.voice_view_cont .cp_voice_item:nth-child(4n + 3) h4{color:#FF4B1B;}
.voice_view_cont .cp_voice_item:nth-child(4n + 3) .cont_head{background-image:url(../image/voice/voice_icon_b.png)}


@media screen and (min-width:751px){


.voice_view_cont > .row.col2{display:flex;justify-content: space-between;flex-wrap:wrap;}
.voice_view_cont .cp_voice_item{flex-basis:48%;max-width:48%;}

#voice_cont .row.col2{display:flex;flex-wrap:wrap;justify-content:space-between;}
#voice_cont .row.col2 > *{flex-wrap:48%;max-width:48%;}

#voice_cont .item:nth-child(4n+2),
#voice_cont .item:nth-child(4n+3){border-color:#FF4B1B;}
#voice_cont .item:nth-child(4n+2) h3,
#voice_cont .item:nth-child(4n+3) h3{background:#FF4B1B;}
#voice_cont .item:nth-child(4n+2) h3:after,
#voice_cont .item:nth-child(4n+3) h3:after{border-top:8px solid #FF4B1B;}
#voice_cont .item:nth-child(4n+2) dl dt,
#voice_cont .item:nth-child(4n+3) dl dt{background:url(../image/voice/voice_icon_b.png) left center no-repeat;}
#voice_cont .item:nth-child(4n+2) dl dt .area,
#voice_cont .item:nth-child(4n+3) dl dt .area{color:#FF4B1B;}

#contact_form dl{display:flex;margin:10px 0px;}
#contact_form dl dt{width:17rem;margin-right:1rem;}

}


@media screen and (max-width:750px){
.sp{display:inherit;}
.pc{display:none;}

#voice_cont .item:nth-child(even){border-color:#FF4B1B;}
#voice_cont .item:nth-child(even) h3{background:#FF4B1B;}
#voice_cont .item:nth-child(even) h3:after{border-top:8px solid #FF4B1B;}
#voice_cont .item:nth-child(even) dl dt{background:url(../image/voice/voice_icon_b.png) left center no-repeat;}
#voice_cont .item:nth-child(even) dl dt .area{color:#FF4B1B;}

#contact_form{margin-top:0px;}
#contact_form form p{margin-bottom:2vw;}


}