html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body { line-height:1;font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
nav ul { list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a { margin:0;padding:0; font-size:100%;vertical-align:baseline;background:transparent;}
p { letter-spacing: normal;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
table { border-collapse:collapse; border-spacing:0;}
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}
ul { list-style:none;}
body { font-size: 16px; color: #404040; background-color: /*#f5f5f5*//*#f7f7f7*/#f8f8f8; line-height: 36px; letter-spacing: normal; width:100%; position: relative; margin: 0;padding: 0;}
header {text-align: center;}
.section08 {position: relative;width: 80%;margin: 0 auto 20px;}
.section08 h2 {text-align: center;color: #000;font-size: 40px;font-weight: bold;margin-bottom: 60px;}
.section08 h2, .section09 h2 {position: relative;text-align: center;color: #fff;font-size: 40px;font-weight: bold;padding: 0;border-bottom: 2px dotted #5fb700;margin: 40px 0 40px 0;background: url(/cms/images/index7/dot_white.png);transition: ease-in-out 1s;}
.section08 h2.active, .section09 h2.active {position: relative;text-align: center;color: #000; font-size: 32px;font-weight: bold;padding: 0 0 20px;border-bottom: 2px dotted #349173;margin: 0 0 40px 0;background: url(/cms/images/index7/dot_white.png);}
.section08 h2 span {background: url(/cms/top/PC/img/icon_question.png) no-repeat left center !important;}
.section09 h2 span {background: url(/cms/top/PC/img/icon_news.png) no-repeat left center !important;}
.section08 h2 span, .section09 h2 span {display: inline-block;background-size: 64px 64px;padding: 0 0 0 84px;line-height: 65px !important;}
.section08 .title {font-size: 40px;line-height: 60px;border-bottom: 2px dotted #65b421;padding-bottom: 30px;}
.section08 .section_title span {line-height: 1.2;}
.section08 .title_lead {float: left;clear: both;margin-bottom: 5%;}
.title_lead p {float: left;width: 66%;font-size: 18px;line-height: 34px;font-weight: bold;padding: 0 2%;}
.title_lead .section_img {float: left;width: 30%;line-height: 0;padding-top: 10px;}
.title_lead .section_img img {width: 100%;}
.section08 .container {float: left;clear: both;margin-bottom: 40px;}
.section08 .box {float: left;width: 32%;background-color: #fff; border-top: 4px solid #267472;margin: 0 20px 0 0;}
.section08 .contents01,.section08 .contents02,.section08 .contents03 {margin-bottom: 30px;}
.section08 .contents_title { position: relative; text-align: center;padding: 20px;}
.section08 .contents_title p {font-size: 22px;line-height: 34px;text-align: left;font-weight: bold;padding-left: 10%;background: url(../img/icon_check02.png) left center no-repeat;width: auto;text-align: left;width: 93%;}
.contents_title .check_icon {position: absolute;top: 43px;}
.contents01 .check_icon {padding-left: 29%;}
.contents02 .check_icon {padding-left: 13%;}
.contents03 .check_icon {padding-left: 24%;}
.contents04 .check_icon {padding-left: 22%;}
.contents05 .check_icon {padding-left: 22%;}
.contents06 .check_icon {padding-left: 18%;}
.section08 .box .contents_text {font-size: 14px;line-height: 24px;padding: 0 20px 20px;text-align: justify;}
.section_btn {clear: both;text-align: center;margin: 0 auto;}
.section_btn a {font-size: 20px;line-height: 1;text-decoration: none;color: #fff;background-color: #66b421;padding: 16px 237px;}
.section .cta {clear: both;width: 640px;margin: 0 auto;}
.cta a {display: block;font-size: 20px !important;line-height: 1;text-align: center;text-decoration: none;color: #fff !important;background-color: #66b421;padding: 16px 0 !important;transition: linear all 0.2s;}
.cta a:hover {background: #6cd000;}
.cta a span {background: url(../img/arrow_white_s.png) no-repeat right center;padding-right: 20px;transition: 0.2s ease-in;}
.cta a:hover span {background: url(../img/arrow_white_s.png) no-repeat 98% center;padding-right: 20px;}
.section09 {text-align: center;position: relative;width: 80%;margin: 0 auto 110px;}
.section09 h2 {text-align: center;color: #000;margin-bottom: 58px;}
.section09 .title {font-size: 40px;line-height: 1;padding-bottom: 70px;}
.section09 .section_icon {position: absolute;padding: 15px 0;}
.section09 .title_lead {font-size: 18px;line-height: 1;font-weight: bold;margin-bottom: 5%;}
.section09 p {font-weight: bold;font-size: 18px;height: 108px;padding: 20px 20px;}
.section09 ul li a p:nth-child(6) {height: 81px;}
.section09 p span {position: relative;font-size: 14px;font-weight: 300;display: block;padding: 30px 0 0;text-align: left;}
.section09 ul {width: 100%;overflow: hidden;margin-bottom: 50px !important;}
.section09 ul li {position: relative;float: left;width: 32% !important;margin-right: 2%;margin-left: 0 !important;background: #fff;margin-bottom: 20px;}
.section09 ul li:nth-child(3n) {margin: 0;}
.section09 ul li:nth-child(4n+1) {margin: 0 2% 0 0 !important;}
.section09 ul li a {font-size: 18px;line-height: 1.5;text-align: left;color: #000;text-decoration: none;}
.section09 a .figure {position: relative;overflow: hidden;display: table;width: 100%;}
.section09 a .figure .figimg {position: relative;float: left;display: table-cell;width: 100%;padding: 0;}
.section09 a .figure .figimg img {max-width: 100%;vertical-align: top;width: 100%;}
.section09 a .figure .figimg:after {content: '';position: absolute;top: 0;left: -122px;display: block;width: 100%;height: 100%;background-size: 100% 100%;opacity: 1;transition: all 0.2s ease-out;}
.section09 a:hover .figure .figimg:after {content: '';opacity: 1;left: 0;}
.section09 a:hover .figure .figimg:before {transform: scaleX(1);opacity: 0.4;transition: all 0.4s ease;}
.section09 a .figure .figimg:before {content: '';position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;transform: scaleX(0);background-size: 100% 100%;background: linear-gradient(0deg, #fff 0%, #66cc99 50%, #75d1d1 71%, #ffcc33 100%);opacity: 0.4;transition: all 0.4s ease;}
.section09 .cta {width: 640px;margin: 0 auto;}
footer {text-align: center;}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
.contents04 {padding-bottom:24px;}
}
.section08 .container {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; flex-wrap: wrap;float: none;}
.section08 .box { float: none;width: 32%;margin: 0 2% 20px 0;color: #000 !important;}
.section08 .box:nth-child(3n) {margin-right: 0;}
.section08 .box:nth-last-child(-n+3) {margin-bottom: 0;}
.section08 .contents_title {display: -webkit-box;align-items: center;}
.contents02 .check_icon,.contents03 .check_icon,.contents04 .check_icon,.contents06 .check_icon {margin-top: 0;}