/* voice */

#voice{
  margin-top:95px;
  padding-bottom:70px;
}

#voice h2,
#voice h3.main_h3{
  padding-left:260px;
}

#voice h3.main_h3::before{
  content: url(voice_woman.png);
  display: inline-block;
  position: absolute;
  bottom: -10px;
  left: 15px;
}

#voice h3.mallet_h3 span{
  font-weight:normal;
  font-size:18px;
  margin-left:10px;
  display:inline-block;
  position:relative;
  top:-4px;
}

#voice div.contents{
  background-color:#fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position:relative;
  margin-bottom:25px;
  padding:1px 0 25px 0;
}

#voice div.contents::before{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -23px;
  border: 23px solid transparent;
  border-top: 38px solid #fff;
}




#voice div.contents div.voice_box p.txt_1{
  width:900px;
  margin:10px auto;
  font-size:16px;
  line-height:130%;
}

#voice div.contents div.voice_box div.voice_box_inner{
  border:1px #00426B solid;
  width:845px;
  margin-left:100px;
  position:relative;
  margin:30px 0 36px 100px;
  line-height:1;
}

#voice div.contents div.voice_box_inner::before{
  display:inline-block;
  vertical-align:middle;
  position: absolute;
  top: -11px;
  left:-72px;
}

#voice div.contents div.voice_box_inner.woman::before{ content:url(voice_thum_1.png); }
#voice div.contents div.voice_box_inner.man::before{ content:url(voice_thum_2.png); }

#voice div.contents div.voice_box div.voice_box_inner p.title{
  background-color:#00426B;
  color:#fff;
  font-size:14px;
  padding:10px 10px 10px 70px;
}

#voice div.contents div.voice_box div.voice_box_inner div.content{
  display:flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  padding:10px 10px 10px 70px;
  color:#00426B;
  font-size:18px;
}

#voice div.contents div.voice_box div.voice_box_inner div.content p{
  margin:0 10px;
  position:relative;
  bottom:-2px;
}

#voice div.contents div.voice_box div.voice_box_inner div.content span.heebo{
  font-size:48px;
  display:inline-block;
  vertical-align:middle;
  margin:0 5px;
  position:relative;
  top:-1px;
}

#voice div.contents div.voice_box p.txt_2{
  width:900px;
  margin:10px auto;
  font-size:16px;
  line-height:130%;
  color:#B20014;
}

#voice div.contents div.cost{
  display:flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  background-color:#EFEFEF;
  border:1px #00426B solid;
  width:870px;
  margin:0 auto 50px auto;
  padding:5px 10px;
}

#voice div.contents div.cost p.title{
  background-color:#fff;
  padding:26px 0;
  font-size:16px;
  margin-right:5px;
  width: 160px;
  text-align: center;
}

#voice div.contents div.cost table{
  border-collapse: separate;
  border-spacing: 10px;
}

#voice div.contents div.cost table th,
#voice div.contents div.cost table td{
  font-size:15px;
  font-weight:normal;
}

#voice div.contents div.cost table th{
  background-color:#fff;
  border-radius:20px;
  padding:5px 10px;
}

#voice div.contents div.cost img.costArrow{
  margin:0 20px 0 10px;
}

#voice div.contents div.cost div.total{
  position:relative;
  bottom:-2px;
}

#voice div.contents div.cost div.total p.txt_1{
  font-size:20px;
  color:#181818;
}

#voice div.contents div.cost div.total p.txt_1 span.heebo{
  font-size:26px;
  display:inline-block;
  vertical-align:middle;
  margin:0 10px;
}

#voice div.contents div.cost div.total p.txt_2{
  font-size:16px;
}

#voice div.contents div.cost div.total p.txt_2::before{
  content:url(mikataLabel.png);
  display:inline-block;
  vertical-align:middle;
  margin:8px 10px 0 0;
  position:relative;
  top:-3px;
}

#voice div.contents div.cost div.total p.txt_2 span.heebo{
  font-size:37px;
  display:inline-block;
  vertical-align:middle;
  margin:0 10px;
  color:#B20014;
}

#voice div.contents div.payCase{
  margin:50px 0 0 0;
}

#voice div.contents div.payCase dl{
  width:900px;
  margin:20px auto;
}

#voice div.contents div.payCase dl dt{
  border:1px #00426B solid;
  border-radius:3px;
  font-size:16px;
  position:relative;
  margin:0 0 10px 0;
  background-color:#fff;
  cursor: pointer;
}

#voice div.contents div.payCase dl dt.active{
  box-shadow:0 3px 0 #ccc;
  background-color:#ffffee;
}

#voice div.contents div.payCase dl dt::after{
  content:url(voiceArrow.png);
  display:inline-block;
  position:absolute;
  right:20px;
  top:13px;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

#voice div.contents div.payCase dl dt.active::after{
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transition-duration:0.3s;
  -ms-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

#voice div.contents div.payCase dl dt span.title{
  background-color:#00426B;
  color:#fff;
  display:inline-block;
  padding:14px 20px 10px 20px;
  margin-right:10px;
  font-weight:bold;
  width:190px;
}

#voice div.contents div.payCase dl dt span.title::before{
  content:url(icon_voice.png);
  display:inline-block;
  vertical-align:middle;
  margin-right:10px;
  position:relative;
  top:-1px;
}

#voice div.contents div.payCase dl dd{
  display:none;
  background-color:#F7F8F8;
  margin:10px 0 30px 0;
  padding:20px;
}

#voice div.contents div.payCase dl dd p.desc{
  font-size:14px;
  line-height:140%;
}

#voice div.contents div.payCase dl dd div.exsample{
  display:flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin:20px 0;
}

#voice div.contents div.payCase dl dd div.exsample div.myself,
#voice div.contents div.payCase dl dd div.exsample div.mikata{
  background-color:#fff;
  width:390px;
  padding:15px;
  border-radius:5px;
}

#voice div.contents div.payCase dl dd div.exsample div.myself{ border:1px #DCDDDD solid; }
#voice div.contents div.payCase dl dd div.exsample div.mikata{ border:1px #00426B solid; }

#voice div.contents div.payCase dl dd div.exsample div.myself p.title,
#voice div.contents div.payCase dl dd div.exsample div.mikata p.title{
  margin:0 0 10px 0;
}

#voice div.contents div.payCase dl dd div.exsample div.myself p.title::before,
#voice div.contents div.payCase dl dd div.exsample div.mikata p.title::before{
  display:inline-block;
  vertical-align:middle;
  margin-right:5px;
}

#voice div.contents div.payCase dl dd div.exsample div.myself p.title::before{ content:url(../image/voice/icon_myself.png); }
#voice div.contents div.payCase dl dd div.exsample div.mikata p.title::before{ content:url(../image/voice/icon_mikata.png); }

#voice div.contents div.payCase dl dd div.exsample div.myself p.txt,
#voice div.contents div.payCase dl dd div.exsample div.mikata p.txt{
  font-size:14px;
  line-height:130%;
  margin:0 0 10px 0;
}

#voice div.contents div.payCase dl dd div.exsample div.myself p.price,
#voice div.contents div.payCase dl dd div.exsample div.mikata p.price{
  display:flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
}

#voice div.contents div.payCase dl dd div.exsample div.mikata p.others{
  text-align:right;
  color:#00426B;
  margin-top:3px;
}

#voice div.contents div.payCase dl dd div.exsample div.myself p.price span.heebo,
#voice div.contents div.payCase dl dd div.exsample div.mikata p.price span.heebo{
  font-size:38px;
  display:inline-block;
  vertical-align:middle;
  margin-right:10px;
}

#voice div.contents div.payCase dl dd div.exsample div.mikata p.price{ color:#00426B; }

#voice div.contents div.payCase dl dd table{
  width:100%;
}

#voice div.contents div.payCase dl dd table td{
  border:1px #bfbfbf solid;
  padding:7px 0;
  font-size:14px;
}

#voice div.contents div.payCase dl dd table td.title_1{
  background-color:#00426B;
  color:#fff;
  text-align:center;
  border:1px #bfbfbf solid;
}

#voice div.contents div.payCase dl dd table td.title_2{
  background-color:#5287A4;
  color:#fff;
  text-align:center;
}

#voice div.contents div.payCase dl dd table td.title_3{
  text-align:center;
}

#voice div.contents div.payCase dl dd table td.price{
  text-align:right;
  padding:0 10px;
}

#voice div.contents div.payCase dl dd div.result{
  display:flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  justify-content:center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack:justify;
}

#voice div.contents div.payCase dl dd div.result p.price{
  border:1px #B20014 solid;
  color:#B20014;
  padding:8px 20px 4px 20px;
  margin-right:10px;
  background-color:#fff;
}

#voice div.contents div.payCase dl dd div.result p.baloon{
  color:#B20014;
}

#voice div.contents div.payCase dl dd div.result p.price span.heebo{
  margin:0 0 0 5px;
  font-size:38px;
  display:inline-block;
  vertical-align:middle;
}

#voice div.contents div.payCase dl dd div.result p.price span.heebo::after{
  content:"円";
  display:inline-block;
  vertical-align:middle;
  font-size:16px;
  color:#181818;
}

#voice div.contents div.payCase dl dd div.result p.baloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 15px 45px;
  color: #181818;
  font-size: 16px;
  background: #F3C109;
  border-radius:5px;
}

#voice div.contents div.payCase dl dd div.result p.baloon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -18px;
  border: 18px solid transparent;
  border-right: 24px solid #F3C109;
}

#voice div.contents div.payCase dl dd ul.caution{
  margin:0;
}




#voice div.contents div.maruyama{
  width:900px;
  margin:100px auto 20px auto;
  padding:20px;
  border:3px #00426B solid;
  box-sizing: border-box;
}

#voice div.contents div.maruyama p.title{
  background-color:#fff;
  position:relative;
  top:-30px;
  right:-20px;
  width:655px;
  text-align:right;
  font-size:20px;
  font-weight:bold;
  color:#00426B;
  padding:0 35px 0 0;
}

#voice div.contents div.maruyama iframe{
  width:320px;
  height:180px;
}


#voice div.contents div.maruyama p.topTxt,
#voice div.contents div.maruyama p.txt{
  font-size:16px;
  line-height:140%;
  margin:10px 0;
}

#voice div.contents div.maruyama p.topTxt span,
#voice div.contents div.maruyama p.txt span{
  color:#B20014;
  font-size:22px;
  font-weight:bold;
}

#voice div.contents div.maruyama p.topTxt{
  padding:0 0 0 300px;
  position:relative;
}

#voice div.contents div.maruyama p.topTxt::before{
  content:url(maruyame.png);
  display:inline-block;
  position: absolute;
  top: -157px;;
  left: 0;
}

#voice div.contents div.maruyama div.movie{
  display:flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}

#voice div.contents div.maruyama div.movie div.left{
  margin-right:10px;
}