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

.lp-gray{
	background: rgba(0,0,0,0.25);}
.lp-white{
	background:rgba(255,255,255,1.00);}
.lp-white90{
	background:rgba(255,255,255,0.90);}


#question1{
	width: 100%;
	margin: 0;
	padding: 0;}

.lp-head{
	height: 88vh;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #010129;}

.lp-head h1{
	margin: 0;
	padding: 30vh 0 20vh 0;
	font-size: 1.6em;
	line-height: 2.0em;}
.lp-head p{
	font-size: 1.6em;
	font-family: "リュウミン B-KL";
	color: #FFF;
	line-height: 2.0em;
	text-shadow:0px 0px 5px #000;}

.lp-title{
	margin: 0;
	padding: 0;
	background-image:url("images/lp_title_bg.png");
	background-repeat: repeat-y;
	background-size: 100% auto;}
.lp-title h2{
	margin: 0 auto;
	padding: 20px 0;
	font-size: 1.8em;}
	.lp-title h2 small{
		display: block;
		margin: 4px 0 0 0;
		font-size: 0.6em;
		color: rgba(255,255,255,0.50);}

.lp-contents h3{
	margin: 0;
	padding: 40px 0;
	font-size: 1.8em;
	line-height: 1.8em;
	color: #050e31;
	background: #FFF;}

.quotation dl{
	margin: 0;
	padding: 0;
	font-family: "リュウミン B-KL";}
	.quotation dl dt{
		margin: 0;
		padding: 40px 5% 15px 5%;
		font-size: 1.4em;
		line-height: 1.8em;
		font-weight: bolder;}
	.quotation dl dd{
		margin: 0;
		padding: 0 5% 40px 5%;
		font-size: 1.0em;
		color: rgba(255,255,255,0.50);
		font-family: "リュウミン R-KL";}

.phglr ul{
	margin: 0;
	padding: 0;}
	.phglr ul li{
		width: 90%;
		margin: 0;
		padding: 40px 5%;
		font-family: "リュウミン B-KL";}
	.phglr ul li p{
		margin: 0 0 10px 0;
		padding: 0;
		color: #FFF;
		font-size: 1.4em;
		text-align: center;}
	.phglr ul li p small{
		font-size: 0.8em;
		font-family: "リュウミン R-KL";}
	.phglr ul li p.source{
		margin: 0;
		padding: 10px 0 0 0;
		color:rgba(255,255,255,0.50);
		font-size: 0.8em;
		text-align: left;}

.overall{
	width: 90%;
	margin: 0 auto;
	padding: 40px 0;
	border-top: rgba(255,255,255,0.50) 1px solid;}
.overall h4{
	margin: 0 0 15px 0;
	padding: 8px 0;
	font-size: 1.2em;
	text-align: center;
	color: #050e31;
	background: #FFF;}
.overall p{
	margin: 0;
	padding: 0;
	font-size: 1.6em;
	line-height: 1.8em;
	color: #FFF;
	font-family: "リュウミン R-KL";}

.psychology01{
	position: relative;
	margin: 0;
	padding: 0;}
.psychology01 div{
	position: absolute;
	width: 47%;
	margin: 0;
	padding: 0;
	top: 40px;
	left: 5%;
	color: #050e31;}
	.psychology01 div h4{
		margin: 0 0 40px 0;
		padding: 5px;
		font-size: 1.2em;
		text-align: center;
		border: #050e31 1px solid;}
	.psychology01 div ul{
		margin: 0;
		padding: 0;}
	.psychology01 div ul li{
		margin: 0 0 40px 0;
		padding: 0;
		font-size: 3.0em;
		font-family: "リュウミン B-KL";}
	.psychology01 p{
		margin: 0 0 15px 0;
		padding: 0;
		font-size: 1.2em;
		color: #050e31;}

.psychology02{
	position: relative;
	margin: 0 0 40px 0;
	padding: 0;}
.psychology02 div{
	position: absolute;
	width: 45%;
	margin: 0;
	padding: 0;
	top: 40px;
	right: 5%;
	color: #FFF;
	text-shadow:0px 0px 5px #000;}
	.psychology02 div h4{
		margin: 0 0 35px 0;
		padding: 5px;
		font-size: 1.2em;
		text-align: center;
		border: #FFF 1px solid;}
	.psychology02 div ul{
		margin: 0;
		padding: 0;}
	.psychology02 div ul li{
		margin: 0 0 35px 0;
		padding: 0;
		font-size: 3.0em;
		letter-spacing: 9px;
		font-family: "リュウミン B-KL";}
	.psychology02 div ul li.small{
		letter-spacing: normal;
		font-size: 2.4em;}
	.psychology02 p{
		margin: 0 0 15px 0;
		padding: 0;
		font-size: 1.2em;
		color: #FFF;}

.message{
	width: 100%;
	max-width: 1058px;
	position: relative;
	margin: 0 auto;
	padding: 0;}
.message div{
	position: absolute;
	width: 50%;
	margin: 0;
	padding: 0;
	font-family: "リュウミン B-KL";
	top: 20px;
	right: 5%;
	color: #050e31;}
	.message div h4{
		margin: 0 0 15px 0;
		padding: 0 0 15px 0;
		font-size: 1.2em;
		text-align: center;
		color: #FFF;
		border-bottom: #FFF 1px solid;
		text-shadow:0px 0px 5px #050e31;}
	.message p{
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 1.2em;
		color: #FFF;
		text-shadow:0px 0px 5px #050e31;}


.data{
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding: 40px 0;
	color: #050e31;}
.data h3{
	margin: 0 0 25px 0;
	padding: 0;
	font-size: 1.6em;
	line-height: 1.8em;}
.data h3 small{
	font-size: 0.7em;
	font-weight: normal;}
.data p{
	width: 90%;
	margin: 0 auto;
	padding: 0;
	font-size: 1.2em;
	color: #050e31;}
.data p.data_headline{
	margin: 20px auto;
	padding: 0;
	text-align: center;
	font-size: 1.6em;
	font-family: "リュウミン B-KL";
	line-height: 1.8em;}

.q2_intro ul{
	width: 100%;
	margin: 0;
	padding: 0;}
.p02 ul{
	width: 100%;
	margin: 0 0 40px 0;
	padding: 0;}
.q2_intro ul li,.p02 ul li{
	width: 33.3333%;
	margin: 0;
	padding: 0;
	float: left;}
.q2_intro p{
	width: 90%;
	max-width: 1058px;
	margin: 0 auto;
	padding: 20px 0 40px 0;
	font-family: "リュウミン B-KL";
	font-size: 1.4em;
	line-height: 1.8em;
	color: #FFF;}

.pointlist ul{
	width: 100%;
	max-width: 1058px;
	margin: 0 auto;
	padding: 0;}
	.pointlist ul li{
		margin: 0;
		padding: 30px 0;}
	.pointlist ul li h4{
		width: 70%;
		margin: 0 0 6px 0;
		padding: 0;
		font-size: 1.5em;
		line-height: 1.7em;
		font-family: "リュウミン B-KL";
		float: right;}
	.pointlist ul li p{
		width: 70%;
		margin: 0;
		padding: 0;
		font-size: 1.2em;
		color: #FFF;
		font-family: "リュウミン R-KL";
		float: right;}
	.pointlist ul li img{
		width: 26%;
		margin: 0;
		padding: 0;
		vertical-align: middle;
		float: left;}

.pointlist p{
	margin: -10px auto 20px auto;
	padding: 0;
	z-index: 5;}

.pointlist dl{
	margin: 0;
	padding: 0;
	font-family: "リュウミン B-KL";}
	.pointlist dl dt{
		margin: 0;
		padding: 40px 5% 15px 5%;
		font-size: 1.4em;
		line-height: 1.8em;
		font-weight: bolder;}
	.pointlist dl dd{
		margin: 0;
		padding: 0 5% 40px 5%;
		font-size: 1.2em;
		font-family: "リュウミン R-KL";}

.point div.pointtitle{
	position: relative;
	margin: 0 0 40px 0;
	padding: 0;}
.point div.pointtitle h3{
	position: absolute;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 1.5em;
	line-height: 1.8em;
	text-shadow:0px 0px 5px #000;
	top: 50%;
	transform: translate(0, -50%);}

.point p{
	width: 90%;
	max-width: 1058px;
	margin: 0 auto 40px auto;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #FFF;}

.q2_intro ul,.p01 ul{
	width: 100%;
	max-width: 1058px;
	margin: 0 auto 40px auto;
	padding: 0;}
.p01 ul li{
	width: 50%;
	margin: 0;
	padding: 0;
	float: left;}

.idx_fabric3{
	width: 100%;
	margin: 0;
	padding: 0;}
.idx_fabric3 ul,.idx_fabric3 ul li{
	width: 100%;
	padding: 0;}
.idx_fabric3 ul{
	margin: 0 auto 20px auto;}


.p01b ul{
	width: 92%;
	max-width: 1058px;
	margin: 0 auto;
	padding: 0 0 40px 0;}
.p01b ul li{
	width: 31.3333333%;
	margin: 0 1% 15px 1%;
	padding: 0;
	float: left;}


.p02 dl{
	width: 90%;
	max-width: 1058px;
	margin: 0 auto 16px auto;
	padding: 0;
	font-family: "リュウミン B-KL";
	font-size: 1.6em;}
.p02 dl dt{
	margin: 0 0 14px 0;
	padding: 0;
	line-height: 1.8em;}
.p02 dl dd{
	margin: 0 0 14px 0;
	padding: 10px;
	color: #050e31;
	border-radius: 3px;
	background: #FFF;}

.p03 dl{
	width: 90%;
	margin: 0 auto;
	padding: 0;
	font-size: 1.3em;}
.p03 dl dt{
	margin: 30px 0;
	padding: 20px 0;
	text-align: center;
	font-size: 1.6em;
	font-family: "リュウミン B-KL";
	border-top: #FFF 1px solid;
	border-bottom: #FFF 1px solid;}
.p03 dl dd{
	margin: 0 0 30px 0;
	padding: 0;
	font-family: "リュウミン R-KL";}




















/* タブレット以上 */
@media screen and (min-width: 769px) {
.lp-head h1{
	font-size: 2.4em;}
.lp-head p{
	font-size: 2.4em;}

.lp-title{
	width: 1058px;
	margin: 40px auto;}

.lp-contents h3{
	padding: 20px 0;
	font-size: 1.6em;}

.quotation dl{
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "リュウミン B-KL";}
	.quotation dl dt{
		margin: 0;
		padding: 40px 5% 15px 5%;
		font-size: 1.4em;
		line-height: 1.8em;
		font-weight: bolder;}
	.quotation dl dd{
		margin: 0;
		padding: 0 5% 40px 5%;
		font-size: 1.0em;
		color: rgba(255,255,255,0.50);
		font-family: "リュウミン R-KL";}

.phglr ul{
	width: 1158px;
	margin: 0 auto;}
	.phglr ul li{
		width: 33.3333%;
		margin: 0;
		padding: 40px 0;
		float: left;}
	.phglr ul li p{
		margin: 0 0 10px 0;
		padding: 0;
		color: #FFF;
		font-size: 1.4em;
		text-align: center;}
	.phglr ul li p small{
		font-size: 0.8em;
		font-family: "リュウミン R-KL";}
	.phglr ul li p.source{
		margin: 0;
		padding: 10px 0 0 0;
		color:rgba(255,255,255,0.50);
		font-size: 0.8em;
		text-align: left;}

.overall{
	width: 1058px;
	margin: 0 auto;}
.overall p{
	font-size: 1.4em;}

.w1058{
	width: 1058px;
	margin: 0 auto;
	padding: 0;}

.psychology01,.psychology02,.data{
	width: 50%;
	float: left;}

.p01b ul li{
	width: 18%;}

	.pointlist ul li{
		width: 33.333333%;
		padding: 0;
		float: left;}
	.pointlist ul li h4{
		width: 65%;
		padding: 30px 5% 0 0;
		font-size: 1.5em;}
	.pointlist ul li p{
		width: 65%;
		margin: 0;
		padding: 0 5% 30px 0;}
	.pointlist ul li img{
		width: 26%;
		margin: 0;
		padding: 0;
		vertical-align: middle;
		float: left;}

.p02 dl dt{
	text-align: center;}
.p02 dl dd{
	width: 16%;
	margin: 0 1%;
	padding: 15px 1%;
	font-size: 0.6em;
	text-align: center;
	color: #FFF;
	background: rgba(255,255,255,0.05);
	float: left;
	border-bottom: none;}

.p03 dl{
	width: 1058px;
	margin: 0 auto;
	padding: 40px 0 0 0;}
.p03 dl dt{
	margin: 0 0 20px 0;
	padding: 20px 0;
	text-align: center;
	font-size: 1.6em;
	font-family: "リュウミン B-KL";}
.p03 dl dd{
	margin: 0 0 50px 0;
	padding: 0;
	font-family: "リュウミン R-KL";}

.message div{
	width: 46%;
	top: 100px;}
	.message div h4{
		margin: 0 0 50px 0;
		padding: 0 0 30px 0;}
	.message p{
		margin: 0 0 30px 0;}


}