@charset "UTF-8";

#voice article img{max-width:100%;vertical-align: bottom;backface-visibility: hidden;image-rendering: optimize-contrast;image-rendering: -webkit-optimize-contrast;display: inline-block;position: relative;}

@keyframes fadeInDiagonal {
0% {opacity: 0;transform: translate(-30px,-30px);}
100% {opacity: 1;transform: translate(0);}
}

@media (max-width: 1060px) {
#voice .wrap1000{padding: 0 30px;box-sizing: border-box;}
}
#voice p strong{color:#b20000;font-size:110%;}
#voice main{background-image: url("../img/voice_bk.jpg");background-repeat: repeat-x;background-position: center center;text-align: center;padding: 25px 0 75px;}
#voice main h2{animation-name: fadeIn;}
#voice main .voice_subtit img{width: 410px;}
#voice main .voice_tit img{width: 617px;margin-top: 15px;}
#voice main .voice_t_best img{width: 370px;margin-top: 15px;}
#voice main p{font-size: 16px;margin-top: 25px;text-align: center;animation-name: fadeIn;}

#voice .anchor_list{display: flex;justify-content: space-between;margin-top: 65px;}
#voice .anchor_list > *{width: 32%;border: 3px solid #dec855;border-radius: 10px;text-align: center;font-size: 18px;padding: 25px 15px 30px;color: #8c6800;position: relative;box-sizing: border-box;animation-name: fadeInUp;transition: all 0.4s;}
@media (min-width: 769px) {
#voice .anchor_list > *:hover{background: #f1e399;}
}
#voice .anchor_list > *::before{content: "";background-image: url("../img/crown.png");width: 80px;height: 47px;display: block;position: absolute;top: -35px;left: 0;right: 0;margin: 0 auto;color: #fff;font-size: 24px;font-weight: bold;text-shadow: 1px 1px 3px #333;box-sizing: border-box;padding-top: 15px;}
#voice .anchor_list > *::after{content: "";background-image: url("../img/anchor_btn.png");width: 36px;height: 36px;display: block;position: absolute;bottom: -20px;left: 0;right: 0;margin: 0 auto;}
#voice .anchor_list > *:nth-of-type(1)::before{content: "1";}
#voice .anchor_list > *:nth-of-type(2)::before{content: "2";}
#voice .anchor_list > *:nth-of-type(3)::before{content: "3";}
#voice .anchor_list > *:nth-of-type(2){animation-delay: 0.2s;}
#voice .anchor_list > *:nth-of-type(3){animation-delay: 0.4s;}

#voice .anchor_list big{font-size: 24px;}
#voice .anchor_list figure{margin-top: 15px;}

#voice section{background-image: url("../img/voice_bk.jpg");background-repeat: repeat-x;background-position: center 130px;padding: 60px 0 75px;margin-top: -60px;background-size: contain;}
#voice section h3{height: 70px;display: flex;justify-content: center;align-items: center; background: linear-gradient(to bottom,#004020,#006633);animation-name: fadeIn;}
#voice section h3 *{color: #fff;}
#voice section h3 p{font-size: 18px;}
#voice section h3 big{font-size: 24px;}
#voice section h3 p::before{content: "";background-image: url("../img/crown.png");width: 80px;height: 47px;display: inline-block;font-size: 24px;font-weight: bold;text-shadow: 1px 1px 3px #333;box-sizing: border-box;padding-top: 13px;text-align: center;vertical-align: -0.2em;margin-right: 10px;}
#voice section:nth-of-type(1) h3 p::before{content: "1";}
#voice section:nth-of-type(2) h3 p::before{content: "2";}
#voice section:nth-of-type(3) h3 p::before{content: "3";}
#voice section .wrap1000{margin-top: 25px;}
#voice section p{font-size: 16px;line-height: 1.6;animation-name: fadeInUp;}
#voice section dl:nth-of-type(n+2){margin-top: 50px;padding-top: 50px;border-top: 2px dotted #333;}

#voice .life_item01{margin-top: 35px;display: flex;}
#voice .life_item01 dt{width: 52%;animation-name: fadeIn;}
#voice .life_item01 dd{width: 48%;}
#voice .life_item01 .life_comment01{left: 5%;animation-name: fadeInDiagonal;}
#voice .life_item01 .life_comment02{left: -5%;margin-top: 20px;animation-name: fadeInDown;}
#voice .life_item02{position: relative;}
#voice .life_item02 dt{width: 58%;z-index: 2;}
#voice .life_item02 .life_img02{width: 42%;position: absolute;right: 0;top: 50px;}
#voice .life_item02 .life_comment03{left: 5%;margin-top: 20px;animation-name: fadeInDown;}
#voice .life_item02 .life_comment04{right: -52%;margin-top: -70px;animation-name: fadeInDiagonal;}
#voice .life_item02 dd{width: 58%;animation-name: fadeIn;}
#voice .life_item02 + *{margin-top: 20px;animation-name: fadeIn;}

#voice .style_item01{display: flex;}
#voice .style_item01 dt{width: 52%;}
#voice .style_item01 dt p{width: 85%;}
#voice .style_item01 dt figure{margin-top: 25px;animation-name: fadeIn;}
#voice .style_item01 dd{width: 48%;align-self: flex-end;}
#voice .style_comment01{left: -15%;animation-name: fadeInDiagonal;}
#voice .style_comment02{margin-top: -30px;text-align: right;}
#voice .style_comment02 img{animation-name: fadeInDown;right: 5%;}

#voice .style_item02{position: relative;}
#voice .style_item02 figure{animation-name: fadeIn;}
#voice .style_item02 dt{width: 52%;}
#voice .style_item02 dd{width: 52%;margin-top: 25px;text-align: right;}
#voice .style_img02{width: 42%;position: absolute;right: 0;top:50px;}
#voice .style_comment03{left: -6%;animation-name: fadeInDiagonal;margin-top: 15%;}
#voice .style_comment04{right: -12%;animation-name: fadeInDown;margin-top: 10px;}

#voice #land p + figure{margin-top: 25px;animation-name: fadeIn;}
#voice .land_item01{display: flex;justify-content: space-around;margin-top: 15px;}
#voice .land_comment01 img{animation-name: fadeInDown;}
#voice .land_comment02 img{animation-name: fadeInDiagonal;}

@media (max-width: 950px) {
#voice .style_item01 dt p br{display: none;}
}


@media (max-width: 768px) {
#voice .wrap1000{padding: 0;}

#voice main{padding: 20px 0 50px;}
#voice main .voice_subtit img{width: 70vw;}
#voice main .voice_tit img{width: 90vw;margin-top: 10px;}
#voice main .voice_t_best img{width: 59vw;margin-top: 10px;}
#voice main p{margin-top: 15px;}

#voice .anchor_list{flex-wrap: wrap;justify-content: center; margin-top: 35px;}
#voice .anchor_list > *{width: 49%;border: 2px solid #dec855;font-size: 3vw;padding: 20px 7px 20px;}

#voice .anchor_list > *:nth-of-type(1){margin: 0 5%;margin-bottom: 35px;}
#voice .anchor_list > *:nth-of-type(2){animation-delay: 0s;}
#voice .anchor_list > *:nth-of-type(3){animation-delay: 0.2s;margin-left: 2%;}

#voice .anchor_list big{font-size: 4vw;}
#voice .anchor_list figure{margin-top: 10px;}

#voice section{background-position: center 40px;padding: 0 0 40px;margin-top: 0;background-size: contain;}
#voice section .wrap1000{margin-top: 15px;}
#voice section dl:nth-of-type(n+2){margin-top: 30px;padding-top: 30px;border-top: 2px dotted #333;}

#voice .life_item01{margin-top: 15px;flex-wrap: wrap;}
#voice .life_item01 dt{width: 100%;}
#voice .life_item01 dd{width: 100%;display: flex;align-items: flex-start;}
#voice .life_item01 .life_comment01{left: 3%;width: 48%;margin-top: -7%;}
#voice .life_item01 .life_comment02{left: -10%;margin-top: 10%;width: 60%;}
#voice .life_item02{position: relative;}
#voice .life_item02 dt{width: 100%;z-index: 2;}
#voice .life_item02 .life_img02{width: 100%;position: relative;right: 0;top: 0;margin-top: 15px;}
#voice .life_item02 + *{margin-top: 10px;}

#voice .style_item01{flex-wrap: wrap;}
#voice .style_item01 dt{width: 100%;}
#voice .style_item01 dt p{width: 100%;}
#voice .style_item01 dt figure{margin-top: 15px;}
#voice .style_item01 dd{width: 100%;display: flex;align-items: flex-start;}
#voice .style_comment01{left: 0%;margin-top: -6%;width: 58%;}
#voice .style_comment02{margin-top: 2%;width: 42%;left: -3%;position: relative;}
#voice .style_comment02 img{right: 0;}

#voice .style_item02 dt{width: 100%;}
#voice .style_item02 dd{width: 100%;margin-top: 15px;}
#voice .style_img02{width: 100%;position: relative;top:0;margin-top: 15px;}
#voice .style_comment03{left: 5%;margin-top: -10%;width: 60%;}
#voice .style_comment04{right: 5%;margin-top: -10%;width: 65%;}

#voice #land p + figure{margin-top: 15px;}
#voice .land_item01{margin-top: 10px;display: block;}
#voice .land_comment01 img{width: 57%;}
#voice .land_comment02{text-align: right;margin-top: -32%;}
#voice .land_comment02 img{width: 50%;}

}


@media (max-width: 540px) {
#voice main p{font-size: 13px;}

#voice .anchor_list > *::before{width: 65px;height: 38px;top: -25px;font-size: 18px;padding-top: 13px;background-size: contain;}
#voice .anchor_list > *::after{width: 26px;height: 26px;bottom: -13px;background-size: contain;}

#voice section h3{height: 50px;}
#voice section h3 p{font-size: 14px;}
#voice section h3 big{font-size: 18px;}
#voice section h3 p::before{width: 55px;height: 32px;font-size: 17px;padding-top: 8px;vertical-align: -0.2em;margin-right: 5px;background-size: contain;}

#voice section p{font-size: 14px;}

#voice .life_item01 .life_comment01{left: 0;width: 75%;margin-top: -7%;}
#voice .life_item01 .life_comment02{left: -65%;margin-top: 30%;width: 90%;}
#voice .life_item02 .life_comment03{left: 0;margin-top: 10px;}
#voice .life_item02 .life_comment04{right: -35%;margin-top: -20%;}
#voice .life_item02 dd{width: 75%;}

#voice .style_item01 dd{display: block;}
#voice .style_comment01{left: 0%;margin-top: -6%;width: 75%;}
#voice .style_comment02{margin-top: -15%;width: 100%;left: 0;}
#voice .style_comment02 img{width: 58%;}

#voice .style_comment03{width: 75%;}
#voice .style_comment04{width: 85%;}

#voice #land{padding-bottom: 10px;}
#voice .land_comment01 img{width: 75%;}
#voice .land_comment02{margin-top: -12%;}
#voice .land_comment02 img{width: 65%;}

}