@charset "utf-8";

/* 共通 */
#top02{ width:auto; padding:0px; margin:0px auto 0px auto; background:url(../images/block/bg.png) no-repeat center top;}
#top02 .box{ padding:0px 0px 26px 0px; position:relative; background:url(../images/block/block_bg.png) no-repeat center bottom;}
#top02 .box_inside{ width:100%; padding:0px; margin:auto; background-color:#ffffff;}
#top02 .mgn01{ margin:80px auto 0px auto;}
#top02 .mgn02{ margin:70px auto 0px auto;}
#top02 .mgn03{ margin:80px auto 100px auto;}

/* ボタン */
#top02 ul.transmission{ text-align:center; margin:0px;}
#top02 ul.transmission li{ margin:30px 3px 30px 3px; display:inline-block;}
#top02 ul.transmission li a{ display:block; margin:0px; font-size:16px; line-height:18px; color:#ffffff;}
#top02 ul.transmission li a.btn01{ padding:15px 40px 13px 40px; background-color:#ff5500;}
#top02 ul.transmission li a.btn02{ padding:15px 25px 13px 25px; background-color:#00af3c;}
#top02 ul.transmission li a.btn03{ padding:15px 10px 13px 10px; background-color:#ffbe00;}
#top02 ul.transmission li a.btn04{ padding:15px 25px 13px 25px; background-color:#00aff5;}
#top02 ul.transmission li a.btn05{ padding:15px 10px 13px 10px; background-color:#ff5500;}
#top02 ul.transmission li a.btn06{ padding:15px 20px 13px 20px; background-color:#00af3c;}
	
/* ブロック01 */
.block01{ width:1200px; padding:73px 0px 0px 0px; margin:0px auto 0px auto; background:url(../images/block/head_bg01.png) no-repeat center top;}
.block01 h1{ width:832px; margin:0px auto 30px auto; text-align:center;}
.block01 p{ width:100%; font-size:18px; line-height:30px; color:#323333; margin:0px 0px 0px 0px; text-align:center;}
.block01 div{ width:1049px; margin:auto; position:relative;}
.block01 div img.point{ position:absolute; top:-10px; left:-100px;}

.block01 .steparea{ width:1140px; background-color:#f0f0f0; margin:40px auto 0px auto; padding:25px 25px 0px 25px;}
.block01 .steparea h2{ width:100%; margin:0px auto 30px auto; text-align:center; background-color:#191919; color:#ffffff; font-size:24px; line-height:26px; padding:12px 0px 10px 0px;}
.block01 .steparea p{ width:100%; font-size:16px; line-height:18px; color:#323333; margin:0px 0px 40px 0px; text-align:center;}
.block01 .steparea p img{ width:930px; margin:0px;}

.block01 .steparea ul{ padding:20px 0px 0px 0px; margin:auto; list-style:none;}
.block01 .steparea ul:after{ content: "."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
.block01 .steparea li{ width:505px; height:500px; padding:0px 0px 0px 30px; margin:0px 80px 40px 0px; float:left;}
.block01 .steparea li:nth-child(2n){ padding:0px 0px 0px 0px; margin:0px 0px 40px 0px;}
.block01 .steparea li div.ttl01{ width:100%; height:125px; margin:0px auto 30px auto; padding:0px 0px 0px 150px; color:#323333;}
.block01 .steparea li div.ttl01 h3{ width:100%; margin:0px auto 10px auto; font-size:24px; line-height:26px; padding:0px 0px 0px 0px;}
.block01 .steparea li div.ttl01 p{ width:100%; margin:0px auto 0px auto; font-size:16px; line-height:30px; padding:0px 0px 0px 0px; text-align:left;}
.block01 .steparea li img{ margin:0px 0px 0px 45px;}

.block01 .steparea li div.bg01{ background:url(../images/block/step01.png) no-repeat left top;}
.block01 .steparea li div.bg02{ background:url(../images/block/step02.png) no-repeat left top;}
.block01 .steparea li div.bg03{ background:url(../images/block/step03.png) no-repeat left top;}
.block01 .steparea li div.bg04{ background:url(../images/block/step04.png) no-repeat left top;}

.block01 .pntarea{ width:1200px; margin:40px auto 0px auto; padding:0px 0px 50px 0px;}
.block01 .pntarea h2{ width:100%; margin:0px auto 30px auto; text-align:center; padding:0px 0px 0px 0px;}
.block01 .pntarea ul{ padding:0px 0px 0px 95px; margin:auto; list-style:none;}
.block01 .pntarea ul:after{ content: "."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
.block01 .pntarea li{ width:325px; padding:0px; margin:0px 15px 0px 0px; float:left; background:url(../images/block/point_bg02.png) no-repeat left bottom;}
.block01 .pntarea li:last-child{ margin:0px 0px 0px 0px;}

.block01 .pntarea li div.ttl01{ width:100%; height:141px; margin:0px auto 0px auto;}
.block01 .pntarea li div.ttl01 h3{ width:100%; margin:0px; font-size:24px; line-height:30px; padding:0px; color:#ffffff;}
.block01 .pntarea li p{ width:100%; height:280px; margin:0px auto 30px auto; font-size:16px; line-height:30px; padding:15px 45px 0px 20px; text-align:left; background:url(../images/block/point_bg.png) repeat-y;}

.block01 .pntarea li div.bg01{ background:url(../images/block/point01_ttl.png) no-repeat left top; padding:65px 0px 0px 25px;}
.block01 .pntarea li div.bg02{ background:url(../images/block/point02_ttl.png) no-repeat left top; padding:80px 0px 0px 25px;}
.block01 .pntarea li div.bg03{ background:url(../images/block/point03_ttl.png) no-repeat left top; padding:80px 0px 0px 25px;}
.block01 .pntarea li .clr01{ color:#c22d2f;}
.block01 .pntarea li .clr02{ color:#191919;}
.block01 .pntarea li .clr03{ color:#0f7f3f;}


/* ブロック02 */
.block02{ width:1200px; padding:141px 0px 0px 0px; margin:0px auto 0px auto; background:url(../images/block/head_bg02.png) no-repeat center top;}
.block02 h1{ width:100%; font-size:28px; line-height:30px; color:#ffffff; margin:0px auto 20px auto; text-align:center; background-color:#828282; padding:17px 0px 15px 0px}
.block02 p{ width:100%; font-size:20px; line-height:30px; color:#323333; margin:0px 0px 0px 0px; text-align:center;}

.block02 .folioarea{ width:1040px; margin:auto; padding:0px 0px 30px 0px;}
.block02 .folioarea ul{ padding:30px 0px 40px 0px; margin:auto; list-style:none;}
.block02 .folioarea ul:after{ content: "."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
.block02 .folioarea li.left{ width:440px; height:368px; padding:0px; margin:0px; float:left;}
.block02 .folioarea li.right{ width:600px; height:368px; padding:0px 0px 0px 30px; margin:0px; float:left; position:relative;}
.block02 .folioarea li:last-child{ margin:0px 0px 0px 0px;}

.block02 .folioarea li.bg01{ background:url(../images/block/folio_img01.png) no-repeat left top; padding:65px 0px 0px 25px;}
.block02 .folioarea li.bg02{ background:url(../images/block/folio_img02.png) no-repeat left top; padding:65px 0px 0px 25px;}
.block02 .folioarea li.bg03{ background:url(../images/block/folio_img03.png) no-repeat left top; padding:65px 0px 0px 25px;}

.block02 .folioarea li h2{ width:100%; margin:0px; font-size:22px; line-height:24px; padding:0px; color:#ffffff;}
.block02 .folioarea li p.txt01{ margin:0px; font-size:18px; line-height:32px; padding:0px; margin:10px 0px 15px 0px; color:#323333; text-align:left;}
.block02 .folioarea li p.txt02{ margin:0px; font-size:14px; line-height:28px; padding:0px 0px 0px 180px; color:#323333; text-align:left;}
.block02 .folioarea li p.txt03{ margin:0px; font-size:12px; line-height:18px; padding:0px; color:#323333; text-align:left; position:absolute; bottom:0px; left:30px;}
.block02 .folioarea li a{ color:#323333;}
.block02 .folioarea li a:hover{ color:#323333; text-decoration:underline;}


/* ブロック03 */
.block03{ width:1200px; padding:139px 0px 0px 0px; margin:0px auto 0px auto; background:url(../images/block/head_bg03.png) no-repeat center top;}
.block03 h1{ width:100%; font-size:28px; line-height:30px; color:#ffffff; margin:0px auto 20px auto; text-align:center; background-color:#828282; padding:17px 0px 15px 0px}
.block03 p{ width:100%; font-size:18px; line-height:30px; color:#323333; margin:0px 0px 0px 0px; text-align:center;}
.block03 img{ margin:40px auto 50px auto;}


/* ブロック04 */
.block04{ width:1200px; padding:169px 0px 0px 0px; margin:0px auto 0px auto; background:url(../images/block/head_bg04.png) no-repeat center top;}
.block04 h1{ width:100%; font-size:28px; line-height:30px; color:#ffffff; margin:0px auto 20px auto; text-align:center; background-color:#828282; padding:17px 0px 15px 0px}

.block04 .contarea{ width:1080px; margin:auto; padding:0px 0px 0px 0px;}
.block04 .contarea ul{ padding:30px 0px 30px 0px; margin:auto; list-style:none;}
.block04 .contarea ul:after{ content: "."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
.block04 .contarea li.left{ width:530px; padding:0px; margin:0px; float:left;}
.block04 .contarea li.right{ width:509px; padding:0px 0px 0px 0px; margin:0px; float:right; position:relative;}
.block04 .contarea li:last-child{ margin:0px 0px 0px 0px;}

.block04 .contarea li h2{ width:100%; margin:0px; font-size:22px; line-height:24px; padding:0px; color:#ffffff;}
.block04 .contarea li p.txt01{ margin:0px; font-size:20px; line-height:40px; padding:0px; margin:0px 0px 15px 0px; color:#323333; text-align:left;}
.block04 .contarea li p.txt02{ margin:0px; font-size:17px; line-height:30px; padding:0px 0px 15px 0px; color:#323333; text-align:left;}
.block04 .contarea li p.txt03{ margin:0px; font-size:12px; line-height:18px; padding:0px; color:#323333; text-align:left;}
.block04 .contarea li p.txt03 img{ float:left; margin:0px 15px 0px 0px;}


/* ブロック05 */
.block05{ width:1200px; padding:144px 0px 0px 0px; margin:0px auto 0px auto; background:url(../images/block/head_bg05.png) no-repeat center top;}
.block05 h1{ width:100%; font-size:28px; line-height:30px; color:#ffffff; margin:0px auto 20px auto; text-align:center; background-color:#828282; padding:17px 0px 15px 0px}
.block05 p{ width:100%; font-size:18px; line-height:30px; color:#323333; margin:50px 0px 0px 0px; padding:0px 0px 30px 0px; text-align:center;}


@media screen and (max-width: 820px) {
	
/* 共通 */
#top02{ width:auto; padding:0px; margin:0px auto 0px auto; background:url(../images/block/bg_sp.png) no-repeat center top #7bbc59; background-size:100%;}
#top02 .box{ padding:50px 0px 26px 0px; position:relative; background:url(../images/block/block_bg.png) no-repeat center bottom;}
#top02 .box_inside{ width:100%; padding:0px; margin:auto; background-color:#ffffff;}
#top02 .mgn01{ margin:0px auto 0px auto;}
#top02 .mgn02{ margin:0px auto 0px auto;}
#top02 .mgn03{ margin:50px auto 50px auto;}


/* ブロック01 */
.block01{ width:100%; padding:10px 0px 0px 0px; margin:0px auto 0px auto; background:url(../images/block/head_bg01_sp.png) no-repeat center top; background-size:100%;}
.block01 h1{ width:80%; margin:0px auto 20px auto; text-align:center; padding:20px 0px 0px 0px;}
.block01 p{ width:90%; font-size:16px; line-height:1.8em; color:#323333; margin:0px auto 20px auto; text-align:left;}
.block01 div{ width:100%; margin:auto; position:relative;}
.block01 div img{ width:100%;}
.block01 div img.point{ width:20%; position:absolute; top:-15px; left:10px;}

.block01 .steparea{ width:100%; background-color:#f0f0f0; margin:30px auto 0px auto; padding:0px 0px 0px 0px;}
.block01 .steparea h2{ width:100%; margin:0px auto 20px auto; text-align:center; background-color:#191919; color:#ffffff; font-size:18px; line-height:1.5em; padding:10px 0px 8px 0px;}
.block01 .steparea p{ width:90%; font-size:16px; line-height:1.5em; color:#323333; margin:0px auto 20px auto; text-align:left;}
.block01 .steparea p img{ width:100%; margin:0px;}

.block01 .steparea ul{ width:90%; padding:20px 0px 0px 0px; margin:auto; list-style:none;}
.block01 .steparea ul:after{ content: "."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
.block01 .steparea li{ width:100%; height:auto; padding:0px 0px 0px 0px; margin:0px 0px 30px 0px; float:none;}
.block01 .steparea li:nth-child(2n){ padding:0px 0px 0px 0px; margin:0px 0px 30px 0px;}
.block01 .steparea li div.ttl01{ width:100%; height:auto; margin:0px auto 10px auto; padding:0px 0px 0px 20%; color:#323333;}
.block01 .steparea li div.ttl01 h3{ width:100%; margin:0px auto 0px auto; font-size:18px; line-height:1.5em; padding:0px 0px 0px 0px;}
.block01 .steparea li div.ttl01 p{ width:100%; margin:0px auto 0px auto; font-size:14px; line-height:1.8em; padding:0px 0px 0px 0px; text-align:left;}
.block01 .steparea li img{ margin:0px 0px 0px 0px; width:100%;}

.block01 .steparea li div.bg01{ background:url(../images/block/step01.png) no-repeat left top; background-size:15%;}
.block01 .steparea li div.bg02{ background:url(../images/block/step02.png) no-repeat left top; background-size:15%;}
.block01 .steparea li div.bg03{ background:url(../images/block/step03.png) no-repeat left top; background-size:15%;}
.block01 .steparea li div.bg04{ background:url(../images/block/step04.png) no-repeat left top; background-size:15%;}

.block01 .pntarea{ width:100%; margin:40px auto 0px auto; padding:0px 0px 30px 0px;}
.block01 .pntarea h2{ width:90%; margin:0px auto 30px auto; text-align:center; padding:0px 0px 0px 0px;}
.block01 .pntarea ul{ width:90%; padding:0px 0px 0px 0px; margin:auto; list-style:none;}
.block01 .pntarea ul:after{ content: "."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
.block01 .pntarea li{ width:100%; padding:0px; margin:0px 15px 30px 0px; float:left; background:url(../images/block/point_bg02_sp.png) no-repeat left bottom; background-size:100%;}
.block01 .pntarea li:last-child{ margin:0px 0px 0px 0px;}

.block01 .pntarea li div.ttl01{ width:100%; height:auto; margin:0px auto 0px auto;}
.block01 .pntarea li div.ttl01 h3{ width:100%; margin:0px; font-size:100%; line-height:1.5em; padding:0px; color:#ffffff; text-align:center;}
.block01 .pntarea li p{ width:100%; height:auto; margin:0px auto 5% auto; font-size:14px; line-height:1.8em; padding:15px 10% 0px 5%; text-align:left; background:url(../images/block/point_bg_sp.png) repeat-y; background-size:100%;}

.block01 .pntarea li div.bg01{ background:url(../images/block/point01_ttl_sp.png) no-repeat left top; padding:15% 0px 3.8% 0px; background-size:100%;}
.block01 .pntarea li div.bg02{ background:url(../images/block/point02_ttl_sp.png) no-repeat left top; padding:15% 0px 3.8% 0px; background-size:100%;}
.block01 .pntarea li div.bg03{ background:url(../images/block/point03_ttl_sp.png) no-repeat left top; padding:15% 0px 3.8% 0px; background-size:100%;}
.block01 .pntarea li .clr01{ color:#c22d2f;}
.block01 .pntarea li .clr02{ color:#191919;}
.block01 .pntarea li .clr03{ color:#0f7f3f;}


/* ブロック02 */
.block02{ width:100%; padding:13% 0px 0px 0px; margin:0px auto 0px auto; background:url(../images/block/head_bg02_sp.png) no-repeat center top; background-size:100%;}
.block02 h1{ width:100%; font-size:20px; line-height:1.5em; color:#ffffff; margin:0px auto 20px auto; text-align:center; background-color:#828282; padding:10px 0px 10px 0px;}
.block02 p{ width:90%; font-size:16px; line-height:1.5em; color:#323333; margin:0px auto 0px auto; text-align:left;}

.block02 .folioarea{ width:100%; margin:auto; padding:0px 0px 0px 0px;}
.block02 .folioarea ul{ width:90%; padding:20px 0px 30px 0px; margin:auto; list-style:none;}
.block02 .folioarea ul:after{ content: "."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
.block02 .folioarea li.left{ width:100%; height:auto; padding:0px; margin:0px; float:none;}
.block02 .folioarea li.right{ width:100%; height:auto; padding:0px 0px 0px 0px; margin:0px; float:none; position:relative;}
.block02 .folioarea li:last-child{ margin:0px 0px 0px 0px;}

.block02 .folioarea li.bg01{ background:url(../images/block/folio_img01.png) no-repeat left top; padding:15% 0px 62% 25px; background-size:100%;}
.block02 .folioarea li.bg02{ background:url(../images/block/folio_img02.png) no-repeat left top; padding:15% 0px 62% 25px; background-size:100%;}
.block02 .folioarea li.bg03{ background:url(../images/block/folio_img03.png) no-repeat left top; padding:15% 0px 62% 25px; background-size:100%;}

.block02 .folioarea li h2{ width:100%; margin:0px; font-size:18px; line-height:1.2em; padding:0px; color:#ffffff;}
.block02 .folioarea li p.txt01{ width:100%; font-size:14px; line-height:1.8em; padding:0px; margin:10px 0px 20px 0px; color:#323333; text-align:left;}
.block02 .folioarea li p.txt02{ width:100%; font-size:14px; line-height:1.8em; padding:0px; margin:0px 0px 20px 0px; color:#323333; text-align:left;}
.block02 .folioarea li p.txt03{ width:100%; font-size:12px; line-height:1.8em; padding:0px; margin:0px 0px 0px 0px; color:#323333; text-align:left; position:relative; bottom:0px; left:0px;}
.block02 .folioarea li a{ color:#323333;}
.block02 .folioarea li a:hover{ color:#323333; text-decoration:underline;}


/* ブロック03 */
.block03{ width:100%; padding:13% 0px 0px 0px; margin:0px auto 0px auto; background:url(../images/block/head_bg03_sp.png) no-repeat center top; background-size:100%;}
.block03 h1{ width:100%; font-size:20px; line-height:1.5em; color:#ffffff; margin:0px auto 20px auto; text-align:center; background-color:#828282; padding:10px 0px 10px 0px;}
.block03 p{ width:90%; font-size:16px; line-height:1.5em; color:#323333; margin:0px auto 0px auto; text-align:left;}
.block03 img{ width:100%; margin:20px auto 30px auto;}


/* ブロック04 */
.block04{ width:100%; padding:13% 0px 0px 0px; margin:0px auto 0px auto; background:url(../images/block/head_bg04_sp.png) no-repeat center top; background-size:100%;}
.block04 h1{ width:100%; font-size:20px; line-height:1.5em; color:#ffffff; margin:0px auto 20px auto; text-align:center; background-color:#828282; padding:10px 0px 10px 0px;}

.block04 .contarea{ width:100%; margin:auto; padding:0px 0px 0px 0px;}
.block04 .contarea ul{ width:90%; padding:0px 0px 0px 0px; margin:auto; list-style:none;}
.block04 .contarea ul:after{ content: "."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
.block04 .contarea li.left{ width:100%; padding:0px; margin:0px; float:none;}
.block04 .contarea li.right{ width:100%; padding:0px 0px 0px 0px; margin:0px; float:none; position:relative;}
.block04 .contarea li.right img{ width:100%;}
.block04 .contarea li:last-child{ margin:0px 0px 0px 0px;}

.block04 .contarea li h2{ width:100%; margin:0px; font-size:22px; line-height:24px; padding:0px; color:#ffffff;}
.block04 .contarea li p.txt01{ margin:0px; font-size:16px; line-height:1.8em; padding:0px; margin:0px 0px 15px 0px; color:#323333; text-align:left;}
.block04 .contarea li p.txt02{ margin:0px; font-size:14px; line-height:1.8em; padding:0px 0px 15px 0px; color:#323333; text-align:left;}
.block04 .contarea li p.txt03{ margin:0px; font-size:10px; line-height:1.8em; padding:0px; color:#323333; text-align:left;}
.block04 .contarea li p.txt03 img{ float:left; margin:0px 10px 0px 0px; width:17%;}


/* ブロック05 */
.block05{ width:100%; padding:13% 0px 0px 0px; margin:0px auto 0px auto; background:url(../images/block/head_bg05_sp.png) no-repeat center top; background-size:100%;}
.block05 h1{ width:100%; font-size:20px; line-height:1.5em; color:#ffffff; margin:0px auto 20px auto; text-align:center; background-color:#828282; padding:10px 0px 10px 0px;}
.block05 p{ width:90%; font-size:16px; line-height:1.5em; color:#323333; margin:0px auto 0px auto; text-align:left;}


}