@charset "UTF-8";
/* ---------------------------------------------------------------------
 voice
 * --------------------------------------------------------------------- */
   a.anker{
   display:inline-block;z-index: -1;
   margin-top:-160px;
   padding-top:160px;
}
 
 
.pages_main_image{height:auto;position: relative;}
.pages_main_image .images{width: 100%;height: auto;min-width: 1200px;}
.pages_main_image .inner{position: absolute;left: 0;right: 0;margin: auto;top: 0}
.pages_main_image h2{position: relative}
.pages_main_image h2 span{font-weight: normal;font-size: 12px; display: block;position: absolute;right: 0;left: 0;bottom: 10px;text-align: right;margin: auto;width: 1200px;color: #fff}
@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_image img{width: 100%;height: 260px!important;object-fit: cover}
.pages_main_image h2 span{width: 96%;}
}

#body_voice{padding: 120px 0 0}
#body_voice img{width: 100%;height: auto}
#body_voice h2{font-size: 34px;letter-spacing: 0.1em;line-height: 2}
#body_voice .tab{margin: 80px 0}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_voice{padding: 60px 0 0}
#body_voice h2{font-size: 15px;}
#body_voice .tab{margin: 40px 0}
}


.intro{background: url("../images/voice/bg1.jpg") no-repeat center top;background-size: cover;padding: 80px 0}
.intro h3{font-size: 58px;letter-spacing: 0.1em;}
.intro .rank li{margin-top: 50px}
.intro .rank li.col3{width: 33%}
.intro .rank li.col2{width: 49.5%}

@media screen and (max-width: 767px) {/*スマホ設定*/
.intro{padding: 50px 0}
.intro h3{font-size: 25px;}
.intro .rank li{margin-top: 30px}
}

#family .r1{position: relative;padding: 120px 0;z-index: 1}
#family .r1::before {  position: absolute;  content: "";  width: 100%;  height: 40%;  top: 0;  left: 0;  background: url("../images/voice/bg2_1.jpg") no-repeat center top;  background-size: cover;  z-index: 1}
#family .r1::after {  position: absolute;  content: "";  width: 100%;  height: 40%;  bottom: 0;  left: 0;  background: url("../images/voice/bg2_2.jpg") no-repeat center bottom;  background-size: cover;  z-index: 1}
#family .r1 .body_area_inner{position: relative; z-index: 2}
#family .r2{position: relative;padding: 120px 0;background: url("../images/voice/bg3.jpg") no-repeat center top;background-size: cover}

#family .r3{margin-top: 100px!important;}
.detail .r4{background: url("../images/voice/bg4.jpg") no-repeat center top;background-size: cover;padding: 80px 0}
.detail .r4 .bt{width: 82%}

#single .r1{background: url("../images/voice/bg5.jpg") no-repeat center top;background-size: cover;padding: 80px 0}
#single .r1 .voice,
#single .r2 .voice{margin-top: 40px}
#single .r2{padding: 80px 0}
#single .r3{margin-top: 100px!important;}

@media screen and (max-width: 767px) {/*スマホ設定*/
#family .r1{padding: 50px 0;}
#family .r1::before,#family .r1::after{background-size: contain}
#family .r2{background-size: 100% 100%}
#family .r2{padding: 50px 0;}
#family .r3{margin-top: 50px!important;}
.detail .r4{padding: 20px  0}
.detail .r4 .col2{width: 90%;margin: 20px auto}
.detail .r4 .bt{width: 90%}

#single .r1{padding: 50px 0}
#single .r1 .voice,
#single .r2 .voice{margin-top: 0px}
#single .r2{padding: 50px 0}
#single .r3{margin-top: 50px!important;}
}


.voice dt{margin-right: 80px}
.photo{margin-top: 50px;}
.bt{width: 40%;margin: 50px auto 0}
@media screen and (max-width: 767px) {/*スマホ設定*/
.detail .title .col2{width: 90%;margin: auto}
.detail .title dd.col2{width: 60%;margin: auto}
#single.detail .title dd{margin-top: 30px}

.voice dt{width: 60%; margin-right: 0px;margin: 30px auto}
.voice dd{width: 90%; margin: auto}
.photo .col3{width: 90%;margin: 0 auto 15px}
.bt{width: 80%;margin: 30px auto 0}
}

#plus{margin-top: 120px;}
#plus h2 img{max-width: 1920px;}
#plus .bg{background: url("../images/voice/bg1.jpg") no-repeat center top;background-size: cover;padding: 60px 0 80px}
#plus h3{font-size: 21px;letter-spacing: 0.1em;line-height: 2}

#plus dt{width: 687px;margin: 50px auto}
#plus dd{width: 90%;margin: auto}

@media screen and (max-width: 767px) {/*スマホ設定*/
#plus{margin-top: 50px;}
#plus h2 img{max-width: 100%;height: 80px!important;object-fit: cover}
#plus .bg{padding: 40px 0 30px}
#plus h3{font-size: 15px;letter-spacing: 0.1em;line-height: 2}
#plus dt{width: 100%;margin: 30px auto}
#plus dd{width: 100%;margin: auto}
}
/*===============================================================================
===============================================================================*/
@media screen and (min-width: 768px) { /*PC設定*/

}
/*===============================================================================
===============================================================================*/
@media screen and (max-width: 767px) {/*スマホ設定*/

}