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

/* CSS初期化 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, section, article, aside, hgroup, header, footer, nav, dialog, figure, menu, video, audio, mark, time, canvas, details {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
section, article, aside, hgroup, header, footer, nav, dialog, figure, figcaption {
	display: block;
}
body {
	line-height: 1;
}
img {
	vertical-align: bottom;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* Clearfix */
.clearfix{
	/zoom : 1;
}
.clearfix:after{
	content : ' ';
	display : block;
	clear : both;
	height:0;
}

body { 
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	color: #221714;
}
a {
	color: #221714;
}

#container {
	padding: 0;
	margin: 0 auto;
	text-align: left;
	height: 100%;
	width: 640px;
	position:relative;
}
.section {
	margin-bottom: 150px;
}
.section_block {
	text-align: center;
}
.section_block p {
	line-height: 1.5;
}

/* slide1 */
#block1 {
	background:url(../images/bg_slide1.png) no-repeat 0 0;
	text-align: center;
	position: relative;
	margin-bottom: 40px;
}
#block1 .t_lead {
	font-weight: bold;
	line-height: 1.5;
	font-size: 32px;
	padding: 140px 0 55px;
}
#block1 h1 {
	padding-bottom: 230px;
}
#lead {
	background: #ededed;
	padding: 40px 25px;
	text-align: center;
	line-height: 1.5;
	font-weight: bold;
	font-style: italic;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	font-size: 24px;
}
#lead span {
	background: url(../images/logo_b.png) no-repeat 0 4px;
	width: 257px;
	height: 29px;
	display: inline-block;
	text-indent: -999em;
}

/* slide2 */
#block2 {
	padding:0 10px;
}
#block2 h2 {
	background: url(../images/ttl_mission.png) no-repeat center center;
	height: 67px;
	text-indent: -999em;
}
#block2 .section_block .lead {
	font-size: 26px;
	font-weight: bold;
	margin:20px 0;
}
#block2 .section_block .bg_box {
	background: url(../images/bg_section02.png) no-repeat left top;
	width: 620px;
	height: 147px;
	text-indent: -999em;
	margin-bottom:40px;
}
#block2 .section_block .logo {
	width:546px;
	margin:0 auto;
}
#block2 .section_block .logo img {
	width:100%;
	height:auto;
}


/* slide3*/
#block3 {
	padding:0 10px;
	
}
#block3 h2 {
	background: url(../images/ttl_value.png) no-repeat center center;
	height: 58px ;
	text-indent: -999em;
	margin-bottom:30px;
}
#block3 .section_block .lead {
	font-size: 26px;
	font-weight: bold;
	margin-bottom:30px;
}
#block3 .section_block .lead b {
	color: #e50026;
	font-size: 40px;
	display: block;
	font-style: italic;
}
#block3 .section_block .al_pr {
	position: relative;
	margin-bottom: 50px;
}
#block3 .section_block .al_pr:after {
	content: "";
	display: block;
	width: 43px;
	height: 44px;
	background: url(../images/icon_plus.png) no-repeat left top;
	position: absolute;
	left: 50%;
	margin-left:-21px;
	bottom: -55px;
}
#block3 .section_block .bg_box {
	background: url(../images/bg_section03.png) no-repeat left top;
	height: 100px;
	text-indent: -999em;
}

/* slide4 */

#block4 h3 {
	text-indent: -999em;
	height: 54px;
	background: url(../images/ttl_point1.png) no-repeat left top;
}
#block4 .point_block {
	padding: 35px 10px 0;
	border-bottom:10px solid #e50026;
	background:#f0f0f0;
}
#block4 .point_block > p {
	font-size: 22px;
	font-weight: bold;
	padding:0 5px;
	margin-bottom: 70px;
	text-align: left;
}
#block4 .point_block .flow li {
	padding:30px 23px;
	margin-bottom: 80px;
	position: relative;
}
#block4 .point_block .flow li:after{
	content: "";
	width: 50px;
	height: 33px;
	background: url(../images/arrow_b.png) no-repeat left top;
	position: absolute;
	bottom: -58px;
	left: 50%;
	margin-left: -25px;
}
#block4 .point_block .flow li:last-child:after {
	display:none;
}

#block4 .point_block .flow li:last-child:before {
	content: none;
}
#block4 .point_block .flow li:first-child {
	background: #fff url(../images/number1.png) no-repeat 30px 23px ;
}
#block4 .point_block .flow li:nth-child(2) {
	background: #fff url(../images/number2.png) no-repeat 30px 23px;
}
#block4 .point_block .flow li:nth-child(3) {
	background: #e50026 url(../images/number3.png) no-repeat 30px 23px;
	color: #fff;
}
#block4 .point_block .flow li h4 {
	padding-left: 54px;
	text-align:left;
	font-size: 24px;
	margin-bottom:20px;
}
#block4 .point_block .flow li p {
	padding-left: 54px;
	font-size: 22px;
	margin-bottom:20px;
	text-align: left;
}
#block4 .point_block .flow li:nth-child(3) h4 {
	color:#fff;
	font-size:30px;
}
#block4 .point_block .flow li:nth-child(3) p {
	color: #fff;
	margin-bottom: 0;
}

/* slide5 */
#block5 h3 {
	background: url(../images/ttl_point2.png) no-repeat left top;
	height: 58px ;
	text-indent: -999em;
}
#block5 .point_block {
	padding: 35px 10px 60px;
	border-bottom:10px solid #e50026;
	background:#f0f0f0;
}
#block5 .point_block > p {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}

/* slide6 */
#block6 {
	background: #e30b2f;
	padding:50px 10px 80px;
	margin-bottom: 2px;
}
#block6 h2 {
	background: url(../images/ttl_case.png) no-repeat center center;
	height: 27px;
	text-indent: -999em;
	margin-bottom:55px;
}
#block6 .t_lead {
	text-align: left;
	font-weight: bold;
	font-size:24px;
	margin-bottom: 30px;
	color: #fff;
	line-height: 1.5;
	padding: 0 10px;
}
#block6 .t_lead span {
	background: url(../images/logo_w.png) no-repeat 0 7px;
	width: 220px;
	height: 29px;
	display: inline-block;
	text-indent: -999em;
}
#block6 .section_block .left {
	width: 450px;
	float: left;
}
#block6 .section_block > div {
	padding: 25px 30px 25px 110px;
	font-size: 22px;
	text-align:left;
}
#block6 .section_block > div h3 {
	font-size: 26px;
	margin-bottom: 20px;
	line-height: 1.4;
}
#block6 .section_block > div:first-child {
	background: #fff url(../images/icon_a.png) no-repeat 40px 30px;
	margin-bottom: 15px;
}
#block6 .section_block > div:nth-child(2) {
	background: #fff url(../images/icon_b.png) no-repeat 40px 30px;
	margin-bottom: 15px;
}

#block6 .section_block > div:nth-child(3) {
	background: #fff url(../images/icon_c.png) no-repeat 40px 30px;
}
#block6 .section_block > div:nth-child(3) dt {
	margin-top:25px;
}
#block6 .section_block > div:nth-child(3) dl dt {
	font-weight:bold;
	color:#e50026;
	font-size:22px;
	margin-bottom:15px;
}
#block6 .section_block > div:nth-child(3) dl dd {
	font-weight:bold;
	line-height:1.5;
}

#block6 .section_block > div dl dd ul {
	list-style-type:disc;
	list-style-position:inside;
}
#block6 .section_block .right > div dl dd ul li {
	text-indent: -1em;
}
#block6 .section_block .right > div dl dd ul li:before {
	content: "・";
}
#block6 .section_block .note {
	margin-top: 20px;
	font-size: 20px;
}

/* slide7 */
#block7 {
	background: #e30b2f;
	padding: 30px 10px 40px;
	margin-bottom: 0;
}
#block7 h2 {
	background: url(../images/ttl_info.png) no-repeat center center;
	height: 32px;
	margin-bottom:35px;
	text-indent: -999em;
}
#block7 .section_block {
	margin-bottom: 30px;
}
#block7 .section_block > div {
	background: #fff;
	padding:40px 25px;
}
#block7 .section_block > div:first-child {
	margin-bottom:10px;
}
#block7 .section_block > div > p {
	margin-bottom:40px;
}
#block7 .section_block > div > dl > dt {
	font-weight: bold;
	color: #e50026;
	font-size: 25px;
	margin-bottom: 20px;
	text-align:left;
}


#block7 .section_block > div > dl > dd > p {
	text-align:left;
	line-height:1.5;
	font-size: 22px;
	margin-bottom: 20px;
}
#block7 .section_block > div > dl > dd > dl + dl {
	clear:both;
}
#block7 .section_block > div > dl > dd > dl dt {
	float: left;
	font-size: 22px;
	line-height: 1.5;
}
#block7 .section_block > div > dl > dd > dl dt:after {
	content: "：";
}
#block7 .section_block > div > dl > dd > dl dd.col2 {
	float: left;
	margin-right: 20px;
	font-size: 22px;
	line-height: 1.5;
}

#block7 .url {
	text-align: center;
}

/*footer*/
#footer {
	background:url(../images/bg_footer.png) repeat-y;
	padding: 30px 0 50px;
}

#footer #pagetop {
	width:85px;
	margin:0 auto 45px;
}

#footer .copyright small {
	height: 27px;
	display: block;
	text-align:center;
	text-indent: -999em;
	background: url(../images/copyright.png) no-repeat center top;
}