@charset 'utf-8';
/*
 * name:evaluation.css
 * author:sovanda nulo
*/

/* evaluation
------------------------------------------------ */

#evaluation { margin-bottom: 120px; }
.eval-links { position: relative; max-width: 970px; margin: 0 auto; padding: 0 15px; display: flex; flex-wrap: wrap; }
.eval-links li { font-size: 16px; font-size: 1.6rem; line-height: 44px; font-weight: bold; width: 32%; margin-right: 2%; text-align: center; }
.eval-links li:last-child { margin-right: 0; }
.eval-links li a { display: block; border: 3px solid #e32124; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); transition: linear .25s; }
.eval-links li a:after { content: ''; display: inline-block; position: relative; margin: -3px 0px 0 18px; width: 8px; height: 12px; vertical-align: middle; transform: rotate(90deg); background-position: center center; background-repeat: no-repeat; background-size: 100%; background-image: url(../../img/share/btn-next-H.png); }
.eval-links li a:hover { opacity: .7; }

.eval-break {  }
.eval-block { padding: 75px 0 90px; }
.eval-block--title { font-family: 'NotoSansJP-Black'; font-size: 30px; font-size: 3rem; letter-spacing: .1em; line-height: 1.2; text-align: center; margin-bottom: 50px; }

#eval-number {  }
.eval-number--desc { font-size: 18px; font-size: 1.8rem; line-height: 2.11; }
.eval-number__gram { position: relative; font-family: 'NotoSansJP-Black'; max-width: 958px; margin: 60px auto 0; }
.eval-number__gram:after,
.eval-number__gram:before { content: ''; display: inline-block; position: absolute; top: -10px; left: -10px; width: 44px; height: 44px; background: url(../../img/evaluation/arrow-num.png) no-repeat; background-size: 100%; }
.eval-number__gram:after { top: auto; left: auto; right: -10px; bottom: -10px; transform: rotate(-180deg); }
.eval-number__gram--break { padding: 10% 0 3%; background: #fcfbf9; box-shadow: 5px 5px 13px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 13px rgba(0,0,0,0.3); -webkit-box-shadow: 5px 5px 13px rgba(0,0,0,0.3); }
.eval-number__gram--price { position: relative; font-size: 25px; font-size: 2.5rem; line-height: 1.2; letter-spacing: .075em; text-align: center; color: #fff; width: 31%; position: absolute; top: 7.7%; left: 6.8%; }
.eval-number__gram--price:after { content: ''; display: block; width: 100%; padding-bottom: 100%; background: #2b2679; -webkit-border-radius: 50%; border-radius: 50%; box-shadow: 5px 5px 13px rgba(0,0,0,0.7); -moz-box-shadow: 5px 5px 13px rgba(0,0,0,0.7); -webkit-box-shadow: 5px 5px 13px rgba(0,0,0,0.7); }
.eval-number__gram--price .gp-Break { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 1; }
.eval-number__gram--price small { font-family: 'MuseoModerno-Medium'; font-size: 79px; font-size: 7.9rem; line-height: 1.2; letter-spacing: -.025em; display: inline-block; margin-right: .1em; }
.eval-number__gram--pic { display: block; }
.eval-number__gram--total { position: absolute; right: 10.5%; bottom: 24%; font-size: 30px; font-size: 3rem; color: #2b2679; }
.eval-number__gram--total span { font-family: 'MuseoModerno-Medium'; font-size: 79px; font-size: 7.9rem; line-height: 1.2; letter-spacing: -.025em; display: inline-block; margin-right: .1em; }
.eval-number__gram--date { font-size: 14px; font-size: 1.4rem; letter-spacing: .075em; line-height: 1.2; max-width: 93%; margin: 9.5% auto 0; }

#eval-voice { background: #f4f2f5; }
.eval-voice--desc {  }
.eval-voice__lists {  }
.eval-voice__lists:not(:last-child) { margin-bottom: 90px; }
.eval-voice__profile { display: flex; flex-wrap: wrap; align-items: center; }
.eval-voice__profile--pic { width: 76px; margin-right: 24px; }
.eval-voice__profile--tlt { display: flex; flex-wrap: wrap; align-items: center; overflow: hidden; width: calc( 100% - 100px ); }
.eval-voice__profile--tlt .pt-S { font-family: 'NotoSansJP-Black'; font-size: 19px; font-size: 1.9rem; line-height: 1.2; width: 168px; color: #e32124; }
.eval-voice__profile--tlt .pt-B { font-size: 28px; font-size: 2.8rem; font-weight: bold; line-height: 1.2; width: calc( 100% - 168px ); }
.eval-voice__desc { font-size: 18px; font-size: 1.8rem; line-height: 2.111; position: relative; background: #fff; padding: 21px 28px; margin-top: 28px; -webkit-border-radius: 5px; border-radius: 5px; }
.eval-voice__desc:before { content: ''; display: inline-block; width: 30px; height: 26px; position: absolute; left: 22px; top: -18px; background: url(../../img/evaluation/desc-arrow.png) no-repeat top center; background-size: 100%; }
.eval-voice__point { display: flex; flex-wrap: wrap; align-items: center; background: #fff; padding: 20px 0; border: 2px solid #ea5550; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 20px; }
.eval-voice__point--thumb { position: relative; font-family: 'NotoSansJP-Black'; font-size: 16px; font-size: 1.6rem; letter-spacing: .025em; background: #ea5550; color: #fff; width: 248px; padding: 21px 0; padding-left: 78px; border-bottom-right-radius: 50px; border-top-right-radius: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.eval-voice__point--thumb:before { content: ''; display: inline-block; position: absolute; left: 6px; top: -12px; width: 60px; height: 71px; background: url(../../img/evaluation/thumb.png) no-repeat; background-size: 100%; }
.eval-voice__point--text { font-size: 25px; font-size: 2.5rem; font-weight: bold; line-height: 1.68; letter-spacing: .1em; width: calc( 100% - 280px ); margin-left: 32px; }

#eval-logo { padding-bottom: 0; }
.eval-logo--desc {  }
.eval-logo--desc dt { font-size: 22px; font-size: 2.2rem; font-weight: bold; margin-bottom: 15px; }
.eval-logo--desc dd { font-size: 18px; font-size: 1.8rem; line-height: 2.111; }
.eval-logo__nation { margin-top: 50px; }
.eval-logo__nation dt { position: relative; font-size: 27px; font-size: 2.7rem; line-height: 1.2; font-weight: bold; letter-spacing: 0.1em; color: #fff; padding: 34px 50px; background: #af9b41; background: -moz-linear-gradient(top, #af9b41 0%, #d4c499 100%); background: -webkit-linear-gradient(top, #af9b41 0%,#d4c499 100%); background: linear-gradient(to bottom, #af9b41 0%,#d4c499 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af9b41', endColorstr='#d4c499',GradientType=0 ); }
.eval-logo__nation dd { display: flex; flex-wrap: wrap; background: #f7f7f7; padding: 30px; }
.eval-logo__nation--cmn { font-size: 18px; font-size: 1.8rem; letter-spacing: .025em; margin-top: -10px; line-height: 1.944; width: calc( 65.7% - 20px ); margin-right: 20px; }
.eval-logo__nation--cmn .rn-more { font-size: 15px; font-size: 1.5rem; font-weight: bold; margin-top: 23px; }
.eval-logo__nation--cmn .rn-more a { color: #ea5550; transition: linear .25s; }
.eval-logo__nation--cmn .rn-more a:hover { text-decoration: underline; }
.eval-logo__nation--cmn .rn-more a:after { content: ''; display: inline-block; vertical-align: -1px; margin-left: 8px; width: 15px; height: 15px; background: url(../../img/share/icon-link.png) no-repeat; background-size: 100%; }
.eval-logo__nation--pic { width: 34.3%; }

#eval-room { padding-bottom: 0; }
.eval-room--desc {  }
.eval-room--desc dt { font-size: 22px; font-size: 2.2rem; font-weight: bold; margin-bottom: 15px; }
.eval-room--desc dd { font-size: 18px; font-size: 1.8rem; line-height: 2.111; }
.eval-room__nation { margin-top: 50px; }
.eval-room__nation dt { position: relative; font-size: 27px; font-size: 2.7rem; line-height: 1.2; font-weight: bold; letter-spacing: 0.1em; color: #fff; padding: 34px 50px; background: #af9b41; background: -moz-linear-gradient(top, #af9b41 0%, #d4c499 100%); background: -webkit-linear-gradient(top, #af9b41 0%,#d4c499 100%); background: linear-gradient(to bottom, #af9b41 0%,#d4c499 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af9b41', endColorstr='#d4c499',GradientType=0 ); }
.eval-room__nation dd { display: flex; flex-wrap: wrap; background: #f7f7f7; padding: 30px; }
.eval-room__nation--cmn { font-size: 18px; font-size: 1.8rem; letter-spacing: .025em; margin-top: -10px; line-height: 1.944; width: calc( 65.7% - 20px ); margin-right: 20px; }
.eval-room__nation--cmn .rn-text--note { font-size: 15px; font-size: 1.5rem; }
.eval-room__nation--cmn .rn-more { font-size: 15px; font-size: 1.5rem; font-weight: bold; margin-top: 23px; }
.eval-room__nation--cmn .rn-more a { color: #ea5550; transition: linear .25s; }
.eval-room__nation--cmn .rn-more a:hover { text-decoration: underline; }
.eval-room__nation--cmn .rn-more a:after { content: ''; display: inline-block; vertical-align: -1px; margin-left: 8px; width: 15px; height: 15px; background: url(../../img/share/icon-link.png) no-repeat; background-size: 100%; }
.eval-room__nation--pic { width: 34.3%; }

/* Responsive
------------------------------------------------ */
@media screen and (max-width: 1000px) {
	.eval-links li { font-size: 1.6vw; }
	.eval-number__gram--price { font-size: 2.5vw; }
	.eval-number__gram--price small { font-size: 7.9vw; }
	.eval-number__gram--pic {  }
	.eval-number__gram--total { font-size: 3vw; }
	.eval-number__gram--total span { font-size: 7.9vw; }
	.eval-number__gram--date { font-size: 1.4vw; }

}
@media screen and (max-width: 768px) {

	#evaluation { margin-bottom: 60px; }
	.eval-links { padding: 0 7.5px; margin-top: -15px; justify-content: center;  }
	.eval-links li { font-size: 13px; font-size: 1.3rem; line-height: 40px; width: calc( 50% - 15px ); max-width: 222px; margin: 15px 7.5px 0; }
	.eval-links li:last-child { margin-right: 7.5px; width: 222px; }
	.eval-links li a { border: 2px solid #e32124; -webkit-border-radius: 3px; border-radius: 3px; }
	.eval-links li a:after { margin: -3px 0px 0 12px; width: 6px; height: 10px; }

	.eval-break {  }
	.eval-block { padding: 50px 0 55px; }
	.eval-block--title { font-size: 18px; font-size: 1.8rem; line-height: 1.5; margin-bottom: 23px; }

	#eval-number {  }
	.eval-number--desc { font-size: 14px; font-size: 1.4rem; line-height: 1.7; }
	.eval-number__gram { margin: 35px 5px 0; }
	.eval-number__gram:after,
	.eval-number__gram:before { top: -5px; left: -5px; width: 22px; height: 22px; }
	.eval-number__gram:after { top: auto; left: auto; right: -5px; bottom: -5px; }
	.eval-number__gram--break { padding: 34% 0 6%; box-shadow: 3px 3px 7px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.3); }
	.eval-number__gram--price { font-size: 3.4666vw; width: 44.1%; top: 4.7%; left: 6.8%; }
	.eval-number__gram--price:after { box-shadow: 3px 3px 7px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.3); }
	.eval-number__gram--price small { font-size: 10.66667vw; }
	.eval-number__gram--total { right: 13.5%; bottom: 21%; font-size: 4vw; }
	.eval-number__gram--total span { font-size: 10.6667vw; font-weight: bold; }
	.eval-number__gram--date { font-size: 2.666667vw; max-width: 90%; margin: 9.5% auto 0; }

	#eval-voice {  }
	.eval-voice__lists:not(:last-child) { margin-bottom: 40px; }
	.eval-voice__profile {  }
	.eval-voice__profile--pic { width: 38px; margin-right: 10px; }
	.eval-voice__profile--tlt { flex-direction: column; align-items: flex-start; width: calc( 100% - 48px ); }
	.eval-voice__profile--tlt .pt-S { font-size: 10px; font-size: 1rem; width: 100%; margin-bottom: 5px; }
	.eval-voice__profile--tlt .pt-B { font-size: 14px; font-size: 1.4rem; width: 100%; }
	.eval-voice__desc { font-size: 14px; font-size: 1.4rem; line-height: 1.7; padding: 15px 20px; margin-top: 13px; -webkit-border-radius: 3px; border-radius: 3px; }
	.eval-voice__desc:before { width: 15px; height: 13px; left: 12px; top: -12px; }
	.eval-voice__point { flex-direction: column; align-items: flex-start; padding: 20px 20px; border: 1px solid #ea5550; -webkit-border-radius: 3px; border-radius: 3px; }
	.eval-voice__point--thumb { font-size: 13px; font-size: 1.3rem; width: 185px; padding: 8px 0; padding-left: 43px; margin-left: -20px; margin-bottom: 13px; }
	.eval-voice__point--thumb:before { left: 7px; top: -6px; width: 30px; height: 35px; }
	.eval-voice__point--text { font-size: 14px; font-size: 1.4rem; line-height: 1.7; letter-spacing: .1em; width: 100%; margin-left: 0; }

	#eval-logo {  }
	.eval-logo--desc dt { font-size: 13px; font-size: 1.3rem; margin-bottom: 10px; }
	.eval-logo--desc dd { font-size: 14px; font-size: 1.4rem; line-height: 1.7; }
	.eval-logo__nation { margin-top: 25px; }
	.eval-logo__nation dt { font-size: 15px; font-size: 1.5rem; line-height: 1.3; letter-spacing: .025em; padding: 11px 20px; text-align: center; }
	.eval-logo__nation dd { flex-direction: column-reverse; padding: 20px 20px 45px; }
	.eval-logo__nation--cmn { font-size: 14px; font-size: 1.4rem; margin-top: 0; line-height: 1.7; width: 100%; margin-right: 0; }
	.eval-logo__nation--cmn .rn-more { font-size: 13px; font-size: 1.3rem; margin-top: 23px; }
	.eval-logo__nation--cmn .rn-more a:after { margin-left: 6px; width: 12px; height: 12px; }
	.eval-logo__nation--pic { width: 56%; display: block; margin: 0 auto 20px; }

	#eval-room {  }
	.eval-room--desc dt { font-size: 13px; font-size: 1.3rem; margin-bottom: 10px; }
	.eval-room--desc dd { font-size: 14px; font-size: 1.4rem; line-height: 1.7; }
	.eval-room__nation { margin-top: 25px; }
	.eval-room__nation dt { font-size: 15px; font-size: 1.5rem; line-height: 1.3; letter-spacing: .025em; padding: 11px 20px; text-align: center; }
	.eval-room__nation dd { flex-direction: column-reverse; padding: 20px 20px 45px; }
	.eval-room__nation--cmn { font-size: 14px; font-size: 1.4rem; margin-top: 0; line-height: 1.7; width: 100%; margin-right: 0; }
	.eval-room__nation--cmn .rn-text--note { font-size: 11px; font-size: 1.1rem; }
	.eval-room__nation--cmn .rn-more { font-size: 13px; font-size: 1.3rem; margin-top: 23px; }
	.eval-room__nation--cmn .rn-more a:after { margin-left: 6px; width: 12px; height: 12px; }
	.eval-room__nation--pic { width: 56%; display: block; margin: 0 auto 20px; }

}