@charset "utf-8";
/* CSS Document */

section.voice .sub_ttl {padding: 0 0 1.1111111111111112em 0;}
section.voice hr { border:none; border-top:solid 1px #CCC; }

article.voice_detail { padding:2em 0 1em 0; }
article.voice_detail dl.header { margin:0 0 1.5em 0; }
article.voice_detail dl.header dt { vertical-align:middle; margin:0 0 0 0; padding:0 0 0 0; font-size:1.1em; font-weight:500; }
article.voice_detail dl.header dt img { display:inline-block; margin:0 1em 0 0; }
article.voice_detail dl.header dd { margin:0 0 0 0; padding:0.6em 0 0 3.2em; font-size:1.5em; font-weight:900; }
article.voice_detail dl.header dd span.reason { font-weight: normal;font-size: 0.7em;letter-spacing: 0.03em;padding: 0.45em 0.8em;border-radius: 1em;margin-right: 1.5%; }
article.voice_detail dl.header dd.prf { font-weight: normal;font-size: 1.1em;padding: 0 0 0 4.4em;line-height: 1.7; }


article.voice_detail .half { width:49%; max-width:594px; }

article.voice_detail dl.score { margin:0 0 1em 0; }
article.voice_detail dl.score dt { vertical-align:middle; margin:0 0 0 0; padding:0 1em 0 0; width:16em; font-size:1em; font-weight:500;}
article.voice_detail dl.score dd { margin:0 0 0 0; padding:0 0 0 0; font-size:1.6em; line-height: 1em; }
article.voice_detail dl.score dd i { color:#48BDCE; margin:0 0.1em 0 0; }
article.voice_detail dl.score dd i.disabled { color:#E2EBEB; }
article.voice_detail dl.score dd em.asse { font-family: 'Fredoka One', cursive;padding-left: 0.2em;vertical-align: middle; }


article.voice_detail p.comment { margin:2em 0 1.5em 0; padding:0.6em 1.2em 0.6em 1.2em; font-size:0.9em; }

article.voice_detail dl.advice { border:solid 1px #48BDCE; margin:0 0 1.5em 0; }
article.voice_detail dl.advice dt { margin:0; padding:0.5em 1em 0.5em 1em; font-weight:500; color: #FFF; }
article.voice_detail dl.advice dd { margin:0; padding:0.5em 1em 0.5em 1em; font-size:0.9em; }

article.voice_detail dl.advice dt i.vc{ margin-right: 0.4em;font-size: 1.2em; }


article.voice_detail dl.message { border:solid 1px #E96677; margin:0 0 1.5em 0; }
article.voice_detail dl.message dt { border-bottom:solid 1px #E96677; margin:0; padding:0.5em 1em 0.5em 1em; font-weight:500; }
article.voice_detail dl.message dd { margin:0; padding:0.5em 1em 0.5em 1em; font-size:0.9em; }

.page_link {  }
.page_link a, .page_link em {
	display:inline-block; text-align: center; margin: 0 0.3em 1em 0.3em;
	font-size:1.1em; border-radius:50%; width: 2.103em; height: 2.103em; line-height:2.103em;
}
.page_link a {
	background-color:#E8F5F7; color:#000000;
}
.page_link em {
	background-color:#48BDCE; color:#FFFFFF;
}
.page_link a.next, .page_link a.prev { color:#48BDCE; background:none; vertical-align: bottom; }

.page_link a.next i, .page_link a.prev i { font-size:2.102em; line-height: 1.11em; }

/* ---20221110--- */
article#survey_area .survey {border:solid 2px #E96777; margin: 0 0 3.5em; border-top-right-radius: 1em;border-top-left-radius: 1em;}
article#survey_area .survey dt {padding: 1.1875em 1.4375em 0.35em;font-weight: 600;letter-spacing: 0.05em;border-top-right-radius: 1em;border-top-left-radius: 1em;}
article#survey_area .survey dt .fs {font-weight: 500;font-size: 0.875em;}
article#survey_area dd {margin: 0;}
article#survey_area dd.img_box {width: min(526px,42%);bottom: 0;right: -9%;}
article#survey_area .real_txt {font-weight: 600;font-size: 1.125em;letter-spacing: 0.04em;margin: 0;padding: 0.423em 1.1666666666666667em;}
article#survey_area .real_txt span.fs2 {font-size: 1.4444444444444444em;color: #FF6567;}
article#survey_area .real_txt span.fs3 {font-size: 1.1111111111111112em;}
article#survey_area .real_txt span.fw5 {font-weight: 500;}
article#survey_area .btn_container {width: min(820px,97%); margin: 0 auto;}
article#survey_area .bubble_container {display: flex;justify-content: center; gap: 1em;}
article#survey_area .bubble_txt {position: relative; width: min(250px,30%);display: flex;justify-content: center;align-items: center;background-image: linear-gradient(-45deg, #59C4D2 49%, #78D0DB 50%, #59C4D2 51%);background-size: 5px 5px;color: #fff;border-radius: 0.8em;text-align: center;border: 2px solid #666666;padding: 0.5em 0;margin: 0 0 1.5625em;font-weight: 600;line-height: 1.5;}
article#survey_area .bubble_txt::after {content: "";position: absolute; bottom: -30px; left: 50%; margin-left: -18px;border: 15px solid transparent;border-top: 15px solid #666;z-index: 1;}
article#survey_area .bubble_txt::before {content: "";position: absolute;bottom: -20px;left: 50%;margin-left: -20px;clip-path: polygon(50% 70%, 0 0, 100% 0);z-index: 2;background: linear-gradient(-45deg, #59C4D2 49%, #78D0DB 50%, #59C4D2 51%);background-size: 5px 5px;width: 35px;height: 25px;}
article#survey_area .btn_box {display: flex;align-items: center;font-weight: 600;background-image: linear-gradient(-45deg, #E96777 49%, #EB7B89 50%, #E96777 51%);background-size: 5px 5px;padding: 1.31em 3em 1.31em 4.375em;border-radius: 3em; gap: 2em;box-shadow: 6px 9px 1px -5px rgb(0 0 0 / 10%);}
article#survey_area .btn_txt1 {font-size: 1.25em;background-color: #fff;color: #FF6567;padding: 0.05em 1.206em;border-radius: 1em;box-sizing: border-box;}
article#survey_area .btn_txt2 {font-size: 1.75em;color: #fff;margin: 0;}
article#survey_area .arrow { font-size: 2.5em;color: #fff;top: calc(50% - 0.5em);right: 7%;z-index: 5;}
article#survey_area .img_box2 {margin: 0;width: min(180px,22%);bottom: 0;right: -22.5%;}
article#survey_area .img_pc {display: block;}
article#survey_area .img_res {display: none;}