@charset "utf-8";

/* ===================================================================
CSS information

 File Name  : layout.css
 Author     : ヒューマンフローラ
 Style Info : voice　PCレイアウトCSS設定
=================================================================== */

/* -------------------------------------------------------
index.html
------------------------------------------------------- */
.pg_voice a,
.pg_voice a:link,
.pg_voice a:visited{
text-decoration:none;
}
.pg_voice{
width:840px;
margin:40px auto;
background:#fff;
}
.pg_voice .voice_top{
}
.pg_voice .voice_top h2{
display:flex;
align-items:flex-end;
justify-content:center;
width:100%;
height:80px;
background:url(../images/ill_01.png) no-repeat left bottom / auto 80px,url(../images/ill_02.png) no-repeat right bottom / auto 80px;
}
.pg_voice .voice_top p{
text-align:center;
font-size:16px;
color:#333333;
}
.pg_voice .voice_box{
margin-top:40px;
padding:30px;
background:rgba(253,210,208,0.2);
box-shadow:5px 5px 5px -5px #999999;
font-size:16px;
color:#333333;
}
.pg_voice .voice_box + .voice_box{
margin-top:60px;
}
.pg_voice .voice_box .voice_profile{
float:left;
position:relative;
display:flex;
align-items:center;
width:65%;
height:50px;
}
.pg_voice .voice_box .voice_profile::after{
content:'';
display:block;
position:absolute;
right:0;
bottom:0;
width:calc(100% - 50px - 1em);
height:1px;
background:#666;
}
.pg_voice .voice_box .voice_profile dt{
width:50px;
flex-shrink:0;
}
.pg_voice .voice_box .voice_profile dt img{
width:100%;
}
.pg_voice .voice_box .voice_profile dd{
display:flex;
flex-wrap:wrap;
align-items:center;
margin-left:1em;
}
.pg_voice .voice_box .voice_profile dd span{
white-space:nowrap;
margin:0 1em;
}
.pg_voice .voice_box .voice_history{
float:right;
display:flex;
align-items:center;
width:32%;
height:50px;
border-bottom:1px #666 solid;
margin-bottom:2em;
}
.pg_voice .voice_box .voice_history dt{
width:7em;
margin-right:1em;
padding:0.3em;
background:rgba(253,210,208,1);
border-radius:5px;
text-align:center;
line-height:1;
}
.pg_voice .voice_box .voice_comment{
clear:both;
background:rgba(255,255,255,1);
border-radius:20px;
padding:30px;
}
.pg_voice .voice_box .voice_comment dt{
border-bottom:4px rgba(253,210,208,1) solid;
font-size:22px;
font-weight:600;
}
.pg_voice .voice_box .voice_comment dd{
margin-top:1em;
font-size:18px;
}
.pg_voice .voice_box .voice_item{
margin-top:2em;
}
.pg_voice .voice_box .voice_item dt{
display:inline-block;
padding:0.3em 1.5em;
background:rgba(253,210,208,1);
border-radius:5px;
line-height:1;
}
.pg_voice .voice_box .voice_item dd{
}
.pg_voice .voice_box .voice_item ul{
display:flex;
flex-wrap:wrap;
}
.pg_voice .voice_box .voice_item li{
display:flex;
flex-direction:column;
justify-content:flex-end;
width:12.5%;
}
.pg_voice .voice_box .voice_item_img{
}
.pg_voice .voice_box .voice_item_img img{
width:90%;
margin:0 auto;
text-align:center;
}
.pg_voice .voice_box .voice_item_name{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
height:3.6em;
text-align:center;
font-size:80%;
line-height:1.2;
letter-spacing:-0.1em;
}
.pg_voice .voice_box .voice_item_name .iyaku{
display:inline-block;
margin-top:2px;
padding:1px 3px;
border:1px #333 solid;
font-size:80%;
line-height:1;
font-weight:300;
letter-spacing:0;
}