/* CSS Document */

@media (min-width:751px){

	#p0 { padding: 120px 0 0;  margin-bottom: 80px;}
	#p0 h3.ch3 { margin-bottom: 10px; }
	#p0 .mainw.cflex { gap:0 100px; align-items:center; }
	#p0 .txt { width:500px; }
	#p0 .img { width:500px; }

	.voiceunit { background:#edf1f7; padding: 40px; margin-bottom: 80px; }
	.planwrap { background:#FFF; padding:40px; margin-bottom: 40px; justify-content: space-between; }
	.planwrap .profwrap { width: 230px; }
	.planwrap .profwrap .profinner{ border:1px solid #edf1f7; padding:18px; }
	.planwrap .profwrap .face { text-align:center; margin-bottom: 20px; }
	.planwrap .profwrap .prof {  }
	.planwrap .profwrap .prof p { }
	.planwrap .profwrap .prof span { margin-left:1em; }
/*	.planwrap .profwrap .prof p:last-of-type span { margin-left: 0; }*/
	.planwrap .scorecommentwrap { width:660px; }
	.planwrap .scorecommentwrap .scorewrap { justify-content:space-between; align-items:flex-start; }
	.planwrap .scorecommentwrap .scorewrap .score { align-items:center; }
	.planwrap .scorecommentwrap .scorewrap .score h4 { font-size:30px; margin-right:1em; }
	.planwrap .scorecommentwrap .scorewrap .score img { width:142px; }
	.planwrap .scorecommentwrap .scorewrap .score span { font-size: 42px; font-style: italic; color: #be4c37; margin-left:0.5em; }
	.planwrap .scorecommentwrap .scorewrap .plandate {  }
	.planwrap .scorecommentwrap .scorewrap .plandate .plan { margin-bottom: 10px; }
	.planwrap .scorecommentwrap .scorewrap .plandate .plan .cbtn2 { width: 150px; height: 40px; line-height: 40px; margin-bottom:0; }
	.planwrap .scorecommentwrap .scorewrap .plandate .date { text-align:center; }
	.commentwrap h4 { font-size:22px; margin-bottom:25px; }
	.evaluationwrap {  }
	.evaluationinner { justify-content:space-between; padding:0 50px; }
	.questionnaire { width:350px; }
	.chart { width:500px; }
	.radar { width:100%; margin-bottom: 40px; }
	.radar h4 { font-size: 24px;margin-bottom:20px; text-align: center; }
	.radar .canvas { width:100%; }
	.rank { flex-wrap: wrap; border-top:1px solid #FFF;border-bottom:1px solid #FFF; padding:10px 20px; }
	.rank p { width:48%; }
	.rank p:nth-of-type(even) { width:auto; margin-left:7em; }

} /* End @media (min-width: 751px) */

/* ---------------------------------------------------------------------------------------------------- */

@media (min-width: 751px) and  (max-width:1245px) {

}

/* ---------------------------------------------------------------------------------------------------- */

/* Start @media (max-width: 750px) */

@media (max-width:750px){
	#mv .img { background: url(../images/mv_sp.jpg) center center no-repeat; background-size: cover; }
	#mv h2 { width: 60vw; }
	#p0 { padding: 20vw 0 0; margin-bottom: 12vw; }
	#p0 h3.ch3 { margin-bottom: 8vw; }
	#p0 .txt { margin-bottom: 8vw;  }
	#p0 .img {  }

	.voiceunit { background:#edf1f7; padding: 5.3222vw; margin-bottom: 13.2222vw; }
	.planwrap { background:#FFF; padding:2.6666vw; margin-bottom: 5.3333vw; }
	.planwrap .profwrap { width: 100%; margin-bottom: 8vw; }
	.planwrap .profwrap .profinner{ border:1px solid #edf1f7; padding:5.3222vw 2.666vw; display:flex; gap: 0 5.3222vw; }
	.planwrap .profwrap .face { width: 26.666vw; }
	.planwrap .profwrap .face img { width: 100%; }
	.planwrap .profwrap .prof {  }
	.planwrap .profwrap .prof p { font-size: 4.2666vw; }
	.planwrap .profwrap .prof span { margin-left:1em; }
	.planwrap .profwrap .prof p:last-of-type span { margin-left: 0; }
	.planwrap .scorecommentwrap {  }
	.planwrap .scorecommentwrap .scorewrap { margin-bottom:8vw; }
	.planwrap .scorecommentwrap .scorewrap .score { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin-bottom: 5.3333vw; }
	.planwrap .scorecommentwrap .scorewrap .score h4 { font-size: 5.3222vw; margin-bottom: 2.666vw; width:100%; text-align:center; }
	.planwrap .scorecommentwrap .scorewrap .score img { width:37.3222vw; }
	.planwrap .scorecommentwrap .scorewrap .score span { font-size: 9vw; font-style: italic; color: #be4c37; }
	.planwrap .scorecommentwrap .scorewrap .plandate { display:flex; flex-direction: row-reverse; justify-content:center; align-items:center; gap: 0 5.3222vw; }
	.planwrap .scorecommentwrap .scorewrap .plandate .plan { display:inline-block; }
	.planwrap .scorecommentwrap .scorewrap .plandate .plan .cbtn2 { width: 26.666vw; height: 8vw; line-height: 8vw; }
	.planwrap .scorecommentwrap .scorewrap .plandate .date { display:inline-block; font-size: 4.2666vw; }
	.commentwrap h4 { font-size: 4.8vw; margin-bottom: 4vw; text-align:center; }
	.comment { display:none; }
	.evaluationwrap { display:none; }
	.evaluationwrap .evaluationinner { display:flex; flex-direction: column-reverse; }
	a.contsp { display: block; width: 29.3333vw; height: 12vw; line-height: 12vw; margin:0 auto 4vw; text-align:center; position:relative; }
	a.contsp::before { content:""; display:inline-block; width:3.3vw; height:3.3vw; background:url(../images/icon_arrow_bottom.jpg) bottom center no-repeat; background-size:contain; margin-right: 0.5em; }
	.questionnaire {  }
	.chart { width:100%; margin-bottom:5.3333vw; }
	.radar { width:100%; margin-bottom: 5.3333vw; }
	.radar h4 { font-size: 4.8vw;margin-bottom:4vw; text-align: center; }
	.radar .canvas { width:100%; }
	.rank { border-top:1px solid #FFF;border-bottom:1px solid #FFF; padding:1em 1.5em; }
	.rank p { margin-bottom: 1.3333vw;}

} /* End @media (max-width: 750px) */



/* pager  */
.pagination-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    list-style-type: none;
    padding: 0;
    margin-bottom: 80px;
}

.pagination-1 a {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    border: 1px solid #edf1f7;
    border-radius: 1px;
    color: #354656;
}

.pagination-1 a:not(:hover) {
    text-decoration: none;
}

.pagination-1 .current a {
    background-color: #edf1f7;
    color: #fff;
    pointer-events: none;
}

@media(max-width:750px) {
	.pagination-1 {
		gap:0 2vw;
		margin-bottom: 13.2222vw;
	}
}