/*-----------------------------------------------------------------------------
*  Page satisfaction
*----------------------------------------------------------------------------*/
.page_sf {border:1px solid #ccc;}
.page_sf .p_top {padding:15px 30px; border-bottom:1px solid #ccc; display:flex;}
.page_sf .left_text span {display:inline-block; font-size:15px; color:#333;}
.page_sf .left_text span:first-child::after {content:""; display:inline-block; width:1px; height:18px; background-color:#c3c3c3; margin:-3px 30px;}
.page_sf .left_text span b {padding-right:30px;}
.page_sf .right_text {margin-left:auto; color:#666;}
.page_sf .right_text span {padding-left:15px;}
.page_sf .p_bott {padding:30px;background-color: #f5f5f5;}
.page_sf .p_bott p {font-size:15px; padding-bottom:15px; position:relative; padding-left:30px;}
.page_sf .p_bott p::before {width:21px; height:22px; content:""; display:inline-block; background:url("/jnapc/resources/user/jnapc/images/common/page_qus.png")no-repeat center center; vertical-align:middle; position:absolute; left:0;}
.choice label:not(:last-child) {padding-right:20px;}
.choice input {vertical-align:middle; margin:-5px 5px 0 0;}
.opinion {width:100%;display:block;margin-top: 10px;display:flex;}
.opinion label {width:calc(100% - 77px); display:flex;}
.opinion input {width:100%; padding:10px; border:1px solid #ccc; }
.opinion button {width:77px; background-color:#2e6ecd; font-size:15px; color:#fff;}

@media screen and (max-width:1000px){
  .page_sf .p_top {padding:15px; flex-wrap:wrap;}
}
@media screen and (max-width:700px){
  .page_sf .p_top {padding:15px; flex-wrap:wrap;}
  .page_sf .left_text {padding-bottom:5px;}
  .page_sf .left_text span {font-size:14px;}
  .page_sf .left_text span b {padding-right:15px;}
  .page_sf .right_text p {font-size:14px;}
  .page_sf .left_text span:first-child::after {display:none;}
  .page_sf .p_bott {padding:15px;}
  .page_sf .p_bott p::before {background-size:15px; width:15px;}
  .page_sf .p_bott p {padding-left:20px; font-size:14px;}
  .opinion button {font-size:14px;}
  .choice label {display:inline-block; width:32%;}
  .choice label:not(:last-child) {padding-right:0;}
}