@charset "utf-8";
.mv { margin: 0 -2% 35px; }
.mv p { background: #ce3a27; padding: 2%; color: #fff; text-align: center; font-size: 20px; font-weight: bold; margin: -30px 2% 0; z-index: 2; position: relative; }
.mv p:after { content: ""; height: 0; width: 0; border-top: 15px solid #ce3a27; border-left: 15px solid transparent; border-right: 15px solid transparent; position: absolute; left: 50%; top: 100%; margin-left: -15px; }
.mv p span { color: #ffea00; }
@media (max-width: 480px) {
 .mv p { font-size: 4.2vw; }
}

.t_sec01 { margin-bottom: 25px; }


.list_circle { text-align: center; }
.list_circle li {  margin-bottom: 25px; }
.list_circle figure  { display: inline-block; position: relative; }
.list_circle figcaption { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #049852; width: 72%; display: inline-block; color: #fff; font-size: 20px; font-weight: bold; padding: 3px 0; position: absolute; bottom: -5%; left: 14%; }
@media (max-width: 480px) {
 .list_circle figcaption { font-size: 4.2vw; }
}

.t_sec02 { background: url(../images/bg01.jpg) top center no-repeat; margin: 0 -2% 20px; text-align: center; padding: 15px 2% 0; margin-bottom: 25px; }
.t_sec02 .chart { position: relative; max-width: 440px; margin: 0 auto; }
.t_sec02 .chart li { position: absolute; width: 24%; color: #fff; font-weight: bold; font-size: 15px; }
.t_sec02 .chart li.box01 { left: 0; top: 55%; }
.t_sec02 .chart li.box02 { left: 5%; top: 17%; }
.t_sec02 .chart li.box03 { left: 39%; top: 7%; }
.t_sec02 .chart li.box04 { right: 5%; top: 20%; }
.t_sec02 .chart li.box05 { right: 0%; top: 52%; }
.t_sec02 .chart li span { color: #ffea00; }
.t_sec02 .chart p.text_center { position: absolute; left: 0; right: 0; bottom: 3%; }
@media (max-width: 480px) {
 .t_sec02 .chart li { font-size: 3.3vw; }
}

.list_bnr01 li { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  background-color: #fff; -webkit-box-shadow: 0 3px #cecece; -moz-box-shadow: 0 3px #cecece; box-shadow: 0 3px #cecece; border: solid 1px #e4e4e4; margin-bottom: 25px; position: relative; }
.list_bnr01 .head { background: url(../common_img/arrow02.png) right 2% center no-repeat; background-size: 20px auto; background-color: #f9f9f9; display: table; width: 100%; padding: 2%; text-align: center; }
.list_bnr01 .head .ico { display: table-cell; width: 75px; text-align: center; vertical-align: middle; }
.list_bnr01 .head h4 { display: table-cell; text-align: center; vertical-align: middle; padding-right: 75px; }
.list_bnr01 .head h4 a { display: block; font-size: 20px; text-decoration: none; }
.list_bnr01 .head h4 a:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.list_bnr01 p { padding: 10px; }
.list_bnr02 a { display: block; position: relative; }
.list_bnr02 a span { display: block; position: absolute; left: 0; right: 2%; top: 47%; color: #fff; font-weight: bold; background: url(../common_img/arrow01.png) right 3% center no-repeat; background-size: 20px auto; padding-right: 20px; text-align: center; font-size: 17px; }

.t_news { border: solid 1px #e4e4e4; padding: 2% 3%; margin: 25px 0; }
.t_news h4 { font-size: 18px; margin-bottom: 5px; }
.t_news h4 a{ float: right; background: url(../common_img/arrow03.png) right center no-repeat; background-size: 20px auto; padding-right: 25px; display: inline-block; text-decoration: none; font-weight: normal; }
.t_news dl{ height: 190px; overflow: auto; }
.t_news dl dt { color: #049852; font-weight: bold;}
.t_news dl dd { margin-bottom: 5px; }
.t_news dl dd a { text-decoration: none; }