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


/*---------------------------------------
	特徴
---------------------------------------*/

#contentsArea {
	width:100%;
	padding:0;
}
.section_inner {
	width:940px;
	margin:auto;
}

#pagetop h1 img {
	width:229px;
}

.title_text .sec_title {
	font-size:35px;
	color:#131652;
	line-height: 1.3;
}

.title_text .sec_title p {
	font-size:15px;
	line-height: 1.6;
}

@media screen and (max-width:768px) {
	.section_inner {
		width:100%;
	}
	.title_text .sec_title{
		font-size: 27px;
		font-weight: bold;
		line-height: 1.4;
	}
}

/*---------------------------------------
	一覧
---------------------------------------*/

#characteristic {
	margin: 0 auto;
	padding: 30px 0 60px;
	width: 940px;
}

@media screen and (max-width:768px) {
	#characteristic {
		padding: 30px 15px;
		width: auto;
	}
}

/*---------------------------------------
	手軽に正確に
---------------------------------------*/

/*---- section_01  -----*/

#easy {
	margin:auto;
}
#easy #section_01 {
	background:url(../images/easy/bg_section_01.png) no-repeat left top;
	min-height:500px;
	max-width:1280px;
	margin:auto;
}
#easy #section_01 .section_inner {
	position:relative;
}
#easy #section_01 .title_text {
	width:350px;
	float:right;
	padding-top:72px;
}
#easy #section_01 .title_text .sec_title {
	margin-bottom:5px;
}
#easy #section_01 .title_text p {
	margin-bottom:40px;
}
#easy #section_01 .title_text .title_text_box {
	position:relative;
}
#easy #section_01 .title_text .title_text_box ul {
	position:absolute;
	top:5px;
	left:-307px;
	left: -217px;
}
#easy #section_01 .title_text .title_text_box ul li {
	display:inline;
	margin-right: 5px;
}
#easy #section_01 .human {
	position:absolute;
	top:-10px;
	left:-97px;
}
#easy #section_01 .hozon {
	position: absolute;
  top: -15px;
  left: -337px;
	overflow: hidden;
}
#easy #section_01 .hozon .icon {
	float:left;
	width:80px;
	padding-top:39px;
}
#easy #section_01 .hozon .icon img,
#easy #section_01 .hozon .icon span {
	display:block;
	text-align:center;
	margin: 10px auto 0;
}
#easy #section_01 .hozon .year {
	float:left;
	margin-left:10px;
}
#easy #section_01 .hozon span {
	color:#131652;
	font-family:"Century Gothic";
	line-height:1;
}
#easy #section_01 .hozon .big {
	font-size:120px;
}
#easy #section_01 .hozon .kigou {
	font-size:80px;
}
#easy #section_01 .hozon .small {
	font-size:20px;
	font-weight:bold;
}

/*---- section_02  -----*/

#easy #section_02 {
	padding:70px 4%;
	background:url(../images/easy/bg_section_02.jpg) no-repeat center top;
	background-size:cover;
}
#easy #section_02 .title_text {
	margin-bottom:40px;
}

#easy #section_02 .title_text .sec_title {
	margin-bottom:15px;
	text-align:center;
}
#easy #section_02 .title_text p {
	text-align:center;
}
#easy #section_02 ul {
	width:904px;
	margin:0 auto 30px;
}
#easy #section_02 li {
	float:left;
	padding: 10px 25px;
	width:250px;
	border-left:2px solid #fff;
}
#easy #section_02 li:first-child {
	border-left:none;
}
#easy #section_02 li .img {
	margin-bottom:40px;
}
#easy #section_02 li dt {
	margin-bottom:10px;
	font-weight:bold;
	font-size:22px;
	text-align:center;
	color:#3C3C3B;
}
#easy #section_02 li dd {
	text-align:center;
}

#easy #section_02 .btn {
	width:530px;
	margin:0 auto;
}
#easy #section_02 .btn a {
	display:block;
	text-align:center;
	padding:10px;
	background:#131652;
}
#easy #section_02 .btn a:hover {
	opacity:0.8;
}
#easy #section_02 .btn a span {
	color:#fff;
	padding:0 20px;
	background:url(../../common/images/icon_arw.png) no-repeat right 4px;
}

/*---- section_03  -----*/

#easy #section_03 {
	max-width:1280px;
	margin:auto;
}
#easy #section_03 .section_03_bg {
	padding:10px 4% 70px;
	background:url(../images/easy/bg_section_03_02.png) no-repeat right bottom;
  background-size: 720px;
}
#easy #section_03 .section_inner {
  position:relative;
}
#easy #section_03 .title_text {
	margin-top:60px;
}
#easy #section_03 .title_text .sec_title {
	margin-bottom:10px;
}
#easy #section_03 .title_text p {
	margin-bottom:10px;
	line-height:1.6;
}
#easy #section_03 .title_text.space p {
  text-indent: -1em;
  padding-left: 1em;
}
#easy #section_03 .haiki {
	position: absolute;
  top: 57px;
  left: 285px;
}
#easy #section_03 .haiki .icon {
	float:left;
	width:90px;
	padding-top:41px;
}
#easy #section_03 .haiki .icon img,
#easy #section_03 .haiki .icon span {
	display:block;
	text-align:center;
	margin: 10px auto 0;
}
#easy #section_03 .haiki .icon span.anno {
	font-size:11px;
	margin: 5px auto 0;
}
#easy #section_03 .haiki .num {
	float:left;
	position:relative;
}
#easy #section_03 .haiki span {
	color:#131652;
	font-family:"Century Gothic";
	line-height:1;
}
#easy #section_03 .haiki .big {
	font-size:90px;
}
#easy #section_03 .haiki .bunshi {
	position:absolute;
	top: -14px;
  left: 29px;
}
#easy #section_03 .haiki .bunbo {
	font-size:90px;
	position:absolute;
	top: 34px;
  left: 98px;
}
#easy #section_03 .haiki .line {
	background:url(../images/easy/border_section_03_gomi.png) no-repeat left top;
	width:91px;
	height:112px;
	display: block;
	position:absolute;
	top:0px;
	left:40px;
}
#easy #section_03 .haiki .small {
	font-size:20px;
	font-weight:bold;
	position:absolute;
	top: 93px;
  left: 15px;
}
#easy #section_03 .before_after {
	position:absolute;
	right:0;
	top:-20px;
}

#easy #section_03 .before_after img {
	width:328px;
}
#easy #section_03 .before_after span {
	color:#131652;
}
#easy #section_03 .before_after .after {
	position:absolute;
	right:193px;
	top:175px;
}
#easy #section_03 .before_after .before {
	position:absolute;
	right:62px;
	top:175px;
}

/*---  @media 768px  ----*/

@media screen and (max-width:768px) {
	#easy #section_01 {
		background:none;
	}
	#easy #section_01 .title_text {
		width:100%;
		float:none;
		padding:0;
	}
	#easy #section_01 .title_text_box {
		padding:30px 4%;
		background: url(../images/easy/bg_section_01.png) no-repeat -100px top;
		background-size:90%;
	}
	#easy #section_01 .title_text_box.even {
		background-position: 300% top;
	}
	#easy #section_01 .title_text .sec_title {
		text-align:center;
		margin-bottom: 20px;
	}
	#easy #section_01 .title_text p {
		margin-top: 20px;
	}
	#easy #section_01 .title_text .title_text_box ul,
	#easy #section_01 .title_text .title_text_box .human,
	#easy #section_01 .title_text .title_text_box .hozon {
		position:inherit;
		top:0;
		left:0;
		text-align: center;
	}
	#easy #section_01 .title_text .title_text_box .hozon {
		width: 300px;
		margin:auto;
	}
	#easy #section_02 ul {
		width:100%;
	}
	#easy #section_02 li {
		width: 100%;
		padding:20px 0;
		border:none;
		border-bottom:2px solid #fff;
		float:none;
	}
	#easy #section_02 li:last-child {
		border:none;
	}
	#easy #section_02 li .img {
		text-align:center;
		margin-bottom:5px;
	}
	#easy #section_02 .btn {
		width:100%;
	}
	#easy #section_03 .title_text .sec_title {
		text-align:center;
	}
	#easy #section_03 .haiki,
	#easy #section_03 .before_after {
		overflow:hidden;
		text-align: center;
		position:inherit;
		top:0;
		left:0;
	}
	#easy #section_03 .haiki {
		width:288px;
		margin:0 auto;
		padding:30px 0;
	}
	#easy #section_03 .before_after {
		max-width:328px;
		margin:auto;
		padding:0 0 50px;
	}
	#easy #section_03 .before_after img {
		width:100%;
	}
	#easy #section_03 .before_after .after {
		right:auto;
		left:10px;
	}
	#easy #section_03 .before_after .before {
		right: 18%;
	}
	#easy #section_03 .title_text {
		margin-top:0;
	}
	#easy #section_03 .title_text .img {
		text-align:center;
	}
	#easy #section_03 {
		background:url(../images/easy/bg_section_03.png) no-repeat center bottom;
	}
	#easy #section_03 .section_03_bg {
		background-position:center bottom;
		background-size: 90%;
		padding:70px 4% 50%;
	}
}


/*---------------------------------------
	信頼を支える構造
---------------------------------------*/

/*---- section_01  -----*/

#structure #section_01 {
	background:url(../images/structure/bg_section_01.jpg) no-repeat center top;
	height:605px;
}
#structure #section_01 .section_inner {
	position:relative;
}
#structure #section_01 .title_text {
	float:right;
  padding-top:72px;
  width:343px;
}
#structure #section_01 .title_text .sec_title {
	margin-bottom:15px;
}
#structure #section_01 .title_text p {
	margin-bottom:15px;
}
#structure #section_01 .structure_name {
	position:absolute;
	left:234px;
	top:242px;
}
#structure #section_01 .structure_name ul {
	position: absolute;
  top: 124px;
  left: 170px;
  width: 170px;
}
#structure #section_01 .structure_name ul li {
	line-height:1.3;
	font-size:13px;
}
#structure #section_01 .structure_name ul li.structure_name_01 {
	margin-bottom:16px;
}
#structure #section_01 .structure_name ul li.structure_name_02 {
	margin-bottom:8px;
}
#structure #section_01 .structure_name ul li.structure_name_03 {
	margin-bottom:12px;
}
#structure #section_01 .structure_name ul li.structure_name_04 {
	margin-bottom:24px;
}

/*---- section_02  -----*/

#structure #section_02 {
	background:url(../images/structure/bg_section_02.jpg) no-repeat center top;
	background-size:cover;
	height:640px;
}
#structure #section_02 .title_text {
	margin-bottom:25px;
}
#structure #section_02 .title_text .sec_title {
	text-align:center;
	padding-top:72px;
	margin-bottom:15px;
}
#structure #section_02 .title_text p {
	text-align:center;
}
#structure #section_02 .list {
	width:393px;
	float:left;
	padding-top:40px;
	margin-left:40px;
}
#structure #section_02 .img {
	width:455px;
	float:right;
	margin-right:25px;
}
#structure #section_02 .list h3 {
	font-size:23px;
	color:#3C3C3B;
}
#structure #section_02 .list li {
	border-bottom:1px solid #9C9B9B;
	padding:20px 0;
	overflow:hidden;
}
#structure #section_02 .list li:last-child {
	border-bottom:none;
}
#structure #section_02 .list li .num {
	background:#131652;
	width:35px;
	height:35px;
	text-align:center;
	float:left;
}
#structure #section_02 .list li .num span {
	font-size:25px;
	color:#E7E8EE;
}
#structure #section_02 .list li .text {
	font-size:13px;
	margin-left:50px;
}

/*---  @media 768px  ----*/

@media screen and (max-width:768px) {
	#structure #section_01 {
		background-position:-320px top;
		height:auto;
		padding-bottom:40px;
	}
	#structure #section_01 .title_text {
		float:none;
    width:100%;
    padding-top:0;
	}
	#structure #section_01 .title_text .sec_title{
    text-align: center;
    padding-top: 50px;
		margin-bottom: 470px;
	}
	#structure #section_01 .title_text p {
		padding:0 4%;
		margin-bottom:0;
	}
	#structure #section_01 .structure_name {
		left: 63px;
		top:256px;
	}
	#structure #section_01 .structure_name {
		left: 63px;
		top:256px;
	}
	#structure #section_01 .structure_name ul {
		left: 140px;
	}
	#structure #section_01 .structure_name ul li {
		background:#fff;
		padding:0 5px;
		font-size:12px;
	}
  #structure #section_01 .structure_name ul li.structure_name_01 {
    margin-bottom: 17px;
  }
  #structure #section_01 .structure_name ul li.structure_name_02 {
    margin-bottom: 10px;
  }
  #structure #section_01 .structure_name ul li.structure_name_03 {
    margin-bottom: 16px;
  }
  #structure #section_01 .structure_name ul li.structure_name_04 {
    margin-bottom: 24px;
  }
	#structure #section_02 {
		background-size:cover;
		height:auto;
	}
	#structure #section_02 .title_text {
		margin-bottom:20px;
	}
	#structure #section_02 .title_text .sec_title {
		font-size: 27px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    padding-top: 40px;
		margin-bottom:20px;
	}
	#structure #section_02 .title_text p {
		text-align:left;
		padding:0 4%;
	}
	#structure #section_02 .list {
		width:100%;
		float:none;
		padding:20px 4%;
		margin-left:0;
	}
	#structure #section_02 .img {
		display:block;
		width:100%;
		text-align:center;
		float:none;
		margin:0 auto;
		padding:0 4%;
	}
	#structure #section_02 .img img {
		display:block;
		width:100%;
		max-width:455px;
		text-align:center;
		margin:0 auto;
	}
	#structure #section_02 .list h3 {
		font-size:23px;
		color:#3C3C3B;
	}
	#structure #section_02 .list li {
		border-bottom:1px solid #9C9B9B;
		padding:20px 0;
		overflow:hidden;
	}
	#structure #section_02 .list li:last-child {
		border-bottom:none;
	}
	#structure #section_02 .list li .num {
		background:#131652;
		width:35px;
		height:35px;
		text-align:center;
		float:left;
	}
	#structure #section_02 .list li .num span {
		font-size:25px;
		color:#E7E8EE;
	}
	#structure #section_02 .list li .text {
		font-size:13px;
		margin-left:50px;
	}
}

@media screen and (max-width:360px) {
	#structure #section_01 .structure_name ul {
		left: 80px;
	}
}


/*---------------------------------------
	従来法との比較
---------------------------------------*/

/*---- section_01  -----*/
#compare #section_01 {
	padding:70px 4%;
}
#compare #section_01 .title_text {
	margin-bottom:35px;
}
#compare #section_01 .title_text .sec_title {
	text-align:center;
	margin-bottom:15px;
}
#compare #section_01 .title_text p {
	text-align:center;
}
#compare #section_01 .img {
	text-align:center;
}

/*---- section_03  -----*/
#compare #section_02 {
	padding:70px 4%;
	background:url(../images/compare/bg_section_02.jpg) no-repeat center top;
	background-size:cover;
}
#compare #section_02 .title_text {
	margin-bottom:35px;
}
#compare #section_02 .title_text .sec_title {
	text-align:center;
	margin-bottom:15px;
}
#compare #section_02 .title_text p {
	text-align:center;
}
#compare #section_02 .clearfix {
	width:875px;
	margin:auto;
}
#compare #section_02 .img {
	width:455px;
	float:left;
}
#compare #section_02 .img img {
	display:none;
}
#compare #section_02 .img img.block {
	display:block;
}
#compare #section_02 .description {
	width:395px;
	float:right;
}
#compare #section_02 .description dl {
	overflow:hidden;
	padding:10px 0;
	border-top:1px solid #9c9b9b;
}
#compare #section_02 .description dl:first-child {
	border-top:none;
	padding-top:0;
}
#compare #section_02 .description dl.kin_01 dt {
	background:#fba201;
}
#compare #section_02 .description dl.kin_02 dt {
	background:#1d8fb4;
}
#compare #section_02 .description dl.kin_03 dt {
	background:#0c3900;
}
#compare #section_02 .description dl.kin_04 dt {
	background:#00b206;
}
#compare #section_02 .description dl.kin_05 dt {
	background:#d61615;
}
#compare #section_02 .description dl dt {
	width:150px;
	float:left;
	text-align:center;
	padding:7px 0 5px;
	color:#fff;
	line-height: 1.2;
	cursor:pointer;
}
#compare #section_02 .description dl dt,
#compare #section_02 .description dl dd {
	opacity:0.3;
}
#compare #section_02 .description dl:hover dt,
#compare #section_02 .description dl:hover dd,
#compare #section_02 .description dl.active dt,
#compare #section_02 .description dl.active dd {
	opacity:1;
}
#compare #section_02 .description dl dt span {
	font-size:12px;
}
#compare #section_02 .description dl dd {
	padding-left:10px;
	width:235px;
	float:left;
	font-size:13px;
}

@media screen and (max-width:768px) {
	#compare #section_01 {
		padding:40px 4%;
	}
	#compare #section_01 .title_text p {
		text-align:left;
	}
	#compare #section_01 .img img {
		width:100%;
	}
	#compare #section_02 {
		padding:40px 4%;
	}
	#compare #section_02 .title_text p {
		text-align:left;
	}
	#compare #section_02 .clearfix {
		width:100%;
	}
	#compare #section_02 .img {
		float:none;
		width:100%;
		margin-bottom:20px;
	}
	#compare #section_02 .img img {
		width:100%;
	}
	#compare #section_02 .description {
		float:none;
		width:100%;
	}
	#compare #section_02 .description dl dt,
	#compare #section_02 .description dl dd {
		width:100%;
	}
	#compare #section_02 .description dl dd {
		padding:10px 0 0;
	}
}