body{
	margin:0;
	padding:0;
	min-width: 1280px; 
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	text-align: left;
}
img {
	border-style:none;
	vertical-align: bottom;
}
a img {
	border-style:none;
}
input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
  }
.container {
	width:1280px;
	margin: 0 auto;
} 
#sec01 {
	height : 647px; 
	background: url(../img/sec01-bg.png) repeat-x 50% 0;
	overflow: hidden;
}
.sec-01 {
	margin-top:28px;
	margin-left:64px;
}
.check-area {
	width: 1280px;
	margin: 0 auto;
	background-color: #fff;
}
.check-area02 {
	width: 1280px;
	height: 660px;
	margin: 0 auto;
	background-color: #ffcc52;
}
.check-area03 {
	width: 1280px;
	height: 686px;
	margin: 0 auto;
	padding: 26px 0;
	background-color: #ffcc52;
}
/* section2 */
#sec02 {
	height : 1325px; 
	background: url(../img/sec02-bg.png) repeat-x 50% 0;
	overflow: hidden;
}
.sec-02 {
	text-align: center;
	margin-top:40px;
	margin-bottom: 40px;
}
/* section3 */
#sec03 {
	padding: 0px 0px 50px 0px;
	background-color: #fff;
	overflow: hidden;
}
.sec-03 {
	margin-top:110px;
	text-align: center;
}
.qanda {
	padding: 10px 0px 10px 64px;
	font-weight: 700;
	text-align: left;
}
.qmark {
	margin: 0px 0px 0px 0px;
	color: #3297e1;
	font-size: 35px;
	vertical-align: middle;
}
.question {
	margin: 0px 0px 0px 20px;
	color: #0d64a2;
	font-size: 30px;
	vertical-align: middle;
}
.answer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 64px;
	color: #000;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6em;
	text-align: left;
}
.qhr {
	margin: 10px 0px 10px 0px;
	border-top: 1px dashed #8c8b8b;
}
/* section4 */
#sec04 {
	height : 881px; 
	background: url(../img/sec04-bg.png) repeat-x 50% 0;
	overflow: hidden;
}
.sec-04 {
	text-align: center;
	margin-top:50px;
}
/* section5 */
#sec05 {
	background: url(../img/sec05-bg.png) repeat-x 50% 0;
	overflow: hidden;
}
.sec-05 {
text-align: center;
}
#sec05 h2 {
	margin: 0px 0px 0px 0px;
	padding: 55px 0px 20px 64px;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	text-align: left;
}
.square {
	display: inline-block;
	margin: 0px 20px 0px 0px;
	width: 25px;
	height: 25px;
	background: #fff;
}
.text01 {
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 20px 64px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6em;
	text-align: left;
}
.fw400 {
	font-weight: 400;
	margin-top: -60px;
}
.graph-5year {
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 180px 0px;
}
.graph-head {
	margin: 0px 0px 0px 0px;
	padding: 70px 0px 50px 0px;
}
#sec05 h3 {
	position: relative;
	padding: 30px 0px 20px 64px;
	text-align: left;
}
.h3-text {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #e74e33;
	font-size: 40px;
	font-weight: 700;
	text-align: left;
}
.triangle {
	position: absolute;
	padding: 0px 0px 0px 0px;
	border-top: 30px solid #e74e33;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	height: 0;
	width: 0;
	top: 45px;
}
.text02 {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 64px;
	color: #000;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6em;
	text-align: left;
}
.text02-top {
	font-size: 30px;
	padding: 20px 0px 10px 64px;
}
.text03 {
	margin: 0px 64px 0px 64px;
	padding: 10px 0px 10px 0px;
	color: #fff;
	background-color:#f39d00;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.6em;
	text-align: center;
}
.hair-cycle {
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 30px 0px;
}
#sec05 h4 {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 64px;
	color: #e74e33;
	font-size: 40px;
	font-weight: 700;
	line-height: 1em;
	text-align: left;
}
/* section6 */
#sec06 {
	background-color: #fff;
	overflow: hidden;
}
.sec-06 {
	text-align: center;
	margin-top:60px;
	padding-bottom: 50px;
}
.check-area02 {
	height: 700px;
	margin: 0 auto;
	background-color: #ffcc52;
}
.sec08-title h2 {
	margin: 0px 0px 0px 0px;
	padding: 45px 0px 40px 0px;
	color: #1aa083;
	font-size: 40px;
	font-weight: 700;
	line-height: 1em;
	text-align: center;
}
.box-area {
	background: url(../img/base.png) 50% 0;
}
.box-left {
	float: left;
	width: 800px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.box-right {
	float: left;
	width: 340px;
	margin: 25px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
}
.box-area {
	width: 1179px;
	height: 320px;
	margin: 0px 64px 0px 64px;
	padding: 10px 0px 10px 0px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6em;
	text-align: left;
}
.box-area p {
	margin: 0px 0px 0px 0px;
	padding: 20px 10px 20px 40px;
	color: #000;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.6em;
	text-align: left;
}
.box-area h3 {
	width: 165px;
	margin: 25px 64px 0px 40px;
	padding: 8px 0px 8px 15px;
	background-color: #277fbe;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 1em;
  text-align: left;
}
/* section8 */
#sec08 {
	padding: 0px 0px 30px 0px;
	background: url(../img/sec08-bg.png) repeat-x 50% 0;
	overflow: hidden;
}
.sec-08 {
	text-align: center;
	margin-top:40px;
}
/* section9 */
#sec09 {
	background: url(../img/sec09-bg.png) repeat-x 50% 0;
	overflow: hidden;
}
#sec09 h2 {
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 20px 64px;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	text-align: left;
}
#sec09 .h3-box {
	margin: 40px 0px 10px 0px;
	padding: 0px 0px 0px 64px;
	text-align: left;
}
#sec09 .h3-text {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 10px;
	color: #344960;
	font-size: 30px;
	font-weight: 700;
	text-align: left;
	vertical-align: middle;
}
#sec09 .check-blue {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	vertical-align: middle;
	width: 50px;
}
#sec09 .box02 {
	margin: 50px 0px 10px 0px;
}
#sec09 .box03 {
	margin: 0px 0px 0px 0px;
}
.sec-09 {
	text-align: center;
}
#sec10 {
	background: url(../img/sec10-bg.png) repeat-x 50% 0;
	overflow: hidden;
}
/* section10 */
.sec-10 {
	padding: 0px 0px 20px 0px;
	text-align: center;
}
.sec-10 h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	color: #000;
	font-size: 70px;
	font-weight: 700;
	line-height: 1em;
	text-align: center;
}
#sec10 .h2-box {
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 64px;
	text-align: left;
}
#sec10 .h2-text {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 10px;
	color: #000;
	font-size: 50px;
	font-weight: 700;
	text-align: left;
	vertical-align: bottom;
}
#sec10 .hair-root {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 10px 0px;
	vertical-align: bottom;
	width:60px;
}
#sec10 .ans-area {
	margin: 30px 0px 10px 64px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background-color: #fff;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */  
}
#sec10 h3 {
	margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 40px;
  color: #e74e33;
  font-size: 30px;
  font-weight: 700;
  text-align: left;
}
.text04 {
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 20px 40px;
	color: #000;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6em;
	text-align: left;
}
.rhr {
	margin: 0px 30px 10px 40px;
	border-top: 2px double #e74e33;
}
/* copy right */
.copy-right {
	padding: 10px 0px 10px 0px;
	color: #fff;
	font-size: 16px;
	background-color: #50cbaf;
	line-height:1.2em;
	text-align: center;
}
