@charset "UTF-8";
/* ---------------------------------------------------------------------
 * コンセプトページ
 * --------------------------------------------------------------------- */
   a.anker{
   display:inline-block;z-index: -1;
   margin-top:-100px;
   padding-top:100px;
}
 
#main_image_voice{height: auto;padding:0px 0 80px;background: url("../images/voice/main_bg.jpg")}
#main_image_voice h2{padding: 80px 0 40px}
#main_image_voice .txt{font-size: 22px;letter-spacing: 0.1em;line-height: 1.8}
#main_image_voice .come{margin-top: 14px; display: inline-block;border: 1px solid #000;font-size: 12px;;padding: 2px 10px}
#main_image_voice ul{margin-top: 60px}
#main_image_voice li{width: 30%;}
#main_image_voice li img{width: 100%;height: auto}

@media screen and (max-width: 767px) {/*スマホ設定*/
#main_image_voice{height: auto;padding-bottom: 30px}
#main_image_voice h2{padding: 40px 0 40px;width: 96%;margin: auto}
#main_image_voice .txt{font-size: 16px;}
#main_image_voice .come{width: 96%;margin: 14px auto 0;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;text-align: left}
#main_image_voice ul{margin-top: 40px}

}
#body_voice{background: url("../images/voice/main_bg.jpg")}
#body_voice .txt{font-size: 15px;letter-spacing: 0.1em;line-height: 1.8}

@media screen and (max-width: 767px) {/*スマホ設定*/
#body_voice .txt{font-size: 13px;}
}

.voice1{background: url("../images/voice/v1_bg.jpg") no-repeat center top;background-size: 100% 59%;padding-bottom: 80px}
.voice1 img{max-width: 100%;height: auto}
.voice1 dd{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;width: 37%}
.voice1 dt{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;width: 60%;position: relative}
.voice1 dt img{margin-top: -30px}
.voice1 .map{margin-top: 80px}
.voice1 .grafu{margin: 60px 0}
.voice1 .photo1{text-align: left;margin-right: 12%}
@media screen and (max-width: 767px) {/*スマホ設定*/
.voice1{background-size: 100% 66%;padding-bottom: 60px}
.voice1 dd{width: 100%}
.voice1 dt{width: 90%;margin: auto}
.voice1 .grafu{margin: 30px auto 0;width: 80%}
.voice1 .col2{width: 100%;margin-bottom: 60px}
.voice1 .map{margin-top: 40px}
.voice1 .photo1{text-align: left;margin-right: 0%;width: 96%;margin: auto}
}

.voice2{padding-bottom: 80px;}
.voice2 img{max-width: 100%;height: auto}
.voice2 dl{background: url("../images/voice/v2_bg.jpg") no-repeat center top;background-size: cover;padding-bottom: 40px}
.voice2 dd{width: 39%}
.voice2 dt{width: 61%;position: relative}
.voice2 dt img{margin-top: -30px}
.voice2 .col40{width: 40%;text-align: left}
.voice2 .col60{width: 56%;position: relative}
.voice2 .col40 h2{font-size: 20px;line-height: 1.8; padding-top: 30px; margin-bottom: 12px}
.voice2 .col60 img{margin-top: -60px}
@media screen and (max-width: 767px) {/*スマホ設定*/
.voice2 dd{width: 100%}
.voice2 dt{width: 90%;margin: auto}
.voice2 dd{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
.voice2 dt{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
.voice2 .col40{width: 100%;text-align: left;margin-bottom: 30px}
.voice2 .col60{width: 100%;position: relative}
.voice2 .col60 img{margin-top:0px}
}



.voice3{background: url("../images/voice/v3_bg1.jpg") no-repeat center top;background-size: cover;}
.voice3 .bg{ background:url("../images/voice/v3_bg2.jpg") no-repeat left bottom;background-size: contain;padding-bottom: 35%;}
.voice3 img{max-width: 100%;height: auto}
.voice3 dd{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;width: 37%}
.voice3 dt{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;width: 60%;position: relative;}

.voice3 .map{margin: 80px 0}
.voice3 .body_area_inner{position: relative}
.voice3 .grafu{margin: 60px 0}
.voice3 .text{position: absolute;right: 0;top: 0}

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

.voice3 dd{width: 100%}
.voice3 dt{width: 90%;margin: auto}

.voice3 .grafu{margin: 30px auto 0;width: 80%}
.voice3 .col2{width: 100%;margin-bottom: 60px}
.voice3 .map{margin: 0px 0 40px}
.voice3 .photo1{text-align: left;margin-right: 0%;width: 96%;margin: auto}
.voice3 .text{display: none}
}

/*===============================================================================
===============================================================================*/
@media screen and (min-width: 768px) { /*PC設定*/

}