/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
:root {
--fw-black: 900;
--fw-bold: 600;
}

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none;}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

html, body {
width: 100%;
height: 100%;
scroll-padding-top: 50px; 
}
body{font-size:20px;font-family: 'Noto Serif JP', sans-serif;text-align:center;color:#000;}
img {
vertical-align:bottom;
}
a{
text-decoration:none;
color:#666;
line-height:1.5;
opacity:1;
}
a,a:hover {
-webkit-transition:0.7s;
-moz-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
a img:hover {
-moz-opacity:0.75;
opacity:0.75;
}
a:hover{
opacity:0.5;
}
p,li,div,dt,dd,td,th{
box-sizing:border-box;
}
p {text-align:justify;line-height: 1.5;padding: 0.5rem 0;}
.sp{
display:none;
}
.br_01{
display:none;
}
#wrapper{
	width: 100%;
	margin: auto;
	background: #fffcef;
}

#header{
	padding: 20px 0 60px;
}

header h1{
	margin-bottom: 20px;
}

p.anonymous{
	font-size: 11px;
	font-weight: var(--fw-bold);
	text-indent: -1em;
	padding-left: 1em;
}

.content{
	width: 580px;
	background: #c50119;
	margin: auto;
}

.content-inner{
	background: #fdf5da;
	margin: 0 40px;
	padding: 0 25px;
}

.chart{
	margin-bottom: 20px;
}

.trial-user .anonymous{
	margin-bottom: 60px;
}

.satisfaction{
	padding: 0 0 60px;
}

.voice{
	display: flex;
	flex-direction: column;
	gap:20px;
	margin-bottom: 20px;
}

.introduction-wrap{
	padding-bottom: 60px;
}

.introduction{
	padding: 30px 20px 20px;
	background: #fff;
	border-radius: 8px;
	margin-bottom: 60px;
}

.introduction .anonymous{
	margin:15px 0 0;
	text-indent: 0;
	padding-left: 0;
	font-size: 10.5px;
}

.introduction .anonymous span{
	letter-spacing: -0.08em;
	word-break: break-all;
}

.introduction .anonymous span.italic{
	font-style: italic;
}

.introduction .anonymous span.normal{
	font-style: normal;
}

.introduction-wrap .more{
	width: 44.4%;
	margin: auto;
}

.voice-right{
	position: relative;
}

.voice-right .voice-text{
	width: 271px;
	position: absolute;
	top: 50%;
	right: 4.5%;
	transform: translateY(-50%);
	text-align: left;
	font-size: 16px;
	font-weight: var(--fw-bold);
}

.voice-left{
	position: relative;
}

.voice-left .voice-text{
	width: 271px;
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
	text-align: left;
	font-size: 16px;
	font-weight: var(--fw-bold);
}

@media screen and (max-width:580px) {
.content{
	width: 100%;
	background: #fdf5da;
}

.content-inner{
	padding: 0 5%;
	margin: 0;
}

.voice-right .voice-text{
	font-size: 3.1vw;
    width: 59%;
}

.voice-left .voice-text{
	font-size: 3.1vw;
    width: 59%;
}

.introduction .anonymous{
	font-size: 2.7vw;
	word-break: break-all;
}
}