.main_visual { background: url("../images/main.jpg") no-repeat top center; min-height: 465px; }

.main_visual h2 { padding-top: 200px; }

.sec01_top { padding: 50px 0 70px; }

.sec01_top .box_news { position: relative; }

.sec01_top .box_news:before { content: ""; position: absolute; top: 0; left: 0; background: url("../images/bg_news.png") no-repeat; width: 30px; height: 30px; }

.sec01_top .box_news:after { content: ""; position: absolute; top: 0; right: 0; background: url("../images/bg_news.png") no-repeat; width: 30px; height: 30px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.sec01_top .box_news .cont_news { position: relative; padding: 30px 70px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sec01_top .box_news .cont_news:before { content: ""; position: absolute; bottom: 0; left: 0; background: url("../images/bg_news.png") no-repeat; width: 30px; height: 30px; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

.sec01_top .box_news .cont_news:after { content: ""; position: absolute; bottom: 0; right: 0; background: url("../images/bg_news.png") no-repeat; width: 30px; height: 30px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.sec01_top .box_news .cont_news .tt_news { text-align: center; width: 90px; padding-top: 20px; }

.sec01_top .box_news .cont_news .tt_news h3 { color: #010101; font-size: 19px; }

.sec01_top .box_news .cont_news .tt_news h3 span { font-size: 24px; color: #d2352f; }

.sec01_top .box_news .cont_news .tt_news .more { display: inline-block; margin-top: 10px; }

.sec01_top .box_news .cont_news .tt_news .more a { text-decoration: none; color: #fff; display: block; background: #d54a46; padding: 4px 18px; font-size: 12px; }

.sec01_top .box_news .cont_news .tt_news .more:hover { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -o-transition: All 0.3s ease; }

.sec01_top .box_news .cont_news .tt_news .more:hover a { color: #fff; background: #e1706d; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -o-transition: All 0.3s ease; }

.sec01_top .box_news .cont_news .dl_news { width: 640px; background: url("../common_img/line.png") repeat-y; padding: 20px 0 0 50px; height: 110px; overflow: auto; }

.sec01_top .box_news .cont_news .dl_news dt { float: left; font-size: 13px; color: #a6a6a6; }

.sec01_top .box_news .cont_news .dl_news dd { padding-left: 120px; margin-bottom: 20px; }

.sec01_top .box_news .cont_news .dl_news dd a { text-decoration: none; }

.sec01_top .box_news .cont_news .dl_news dd a:hover { text-decoration: underline; }

.sec02_top { padding: 75px 0 80px; background: url("../images/bg_sec02.jpg") no-repeat top center; text-align: center; }

.sec02_top .list_col3 { margin: 40px 0 30px; }

.sec02_top .list_col3 .box { background: url("../images/bg_box.png") no-repeat bottom center; padding-bottom: 24px; width: 300px; margin: 0 15px; position: relative; }

.sec02_top .list_col3 .box:hover { transition: All 0.35s ease; -moz-transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -o-transition: All 0.35s ease; }

.sec02_top .list_col3 .box:hover figure:after { background: rgba(255, 255, 255, 0.2); transition: All 0.35s ease; -moz-transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -o-transition: All 0.35s ease; }

.sec02_top .list_col3 .box:hover .cont:after { background: url("../images/arr02_on.png") no-repeat; transition: All 0.35s ease; -moz-transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -o-transition: All 0.35s ease; }

.sec02_top .list_col3 .box a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 22; }

.sec02_top .list_col3 .box figure { position: relative; }

.sec02_top .list_col3 .box figure:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: All 0.35s ease; -moz-transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -o-transition: All 0.35s ease; }

.sec02_top .list_col3 .box figure img { display: block; }

.sec02_top .list_col3 .box .cont { padding: 20px 25px 30px; background-color: #fff; position: relative; }

.sec02_top .list_col3 .box .cont:after { content: ""; position: absolute; right: 0; bottom: 0; background: url("../images/arr02.png") no-repeat; width: 50px; height: 50px; z-index: 2; }

.sec02_top .list_col3 .box .cont h4 { font-size: 20px; margin-bottom: 10px; font-weight: normal; }

.sec02_top .list_col3 .box .cont .msg { text-align: left; }

.sec03_top { padding: 60px 0; background: url("../images/bg_sec03.jpg") no-repeat top center; text-align: center; }

.sec03_top .tit { font-size: 28px; margin-bottom: 40px; }

.sec03_top .tit span { display: block; }

.sec03_top .msg { font-size: 16px; margin-bottom: 50px; line-height: 1.7; }

.sec04_top { padding: 60px 0; background: url("../images/bg_sec04.jpg") repeat; text-align: center; }

.sec04_top .container { background: url("../images/img_sec04.png") no-repeat top center; padding: 53px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; }

.sec04_top .container .tit { margin-bottom: 30px; }

.sec04_top .container .btn_col2 { margin: 40px 0 0; }

.sec04_top .container .btn_col2 li { border: 3px solid #fff; width: 210px; margin: 0 10px; background: rgba(53, 98, 140, 0.5); }

.sec04_top .container .btn_col2 li a { color: #fff; text-decoration: none; display: block; padding: 12px 0; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-weight: bold; }

.sec04_top .container .btn_col2 li:hover { background: rgba(255, 255, 255, 0.7); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -o-transition: All 0.3s ease; border: 3px solid rgba(53, 98, 140, 0.5); }

.sec04_top .container .btn_col2 li:hover a { color: #000; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -o-transition: All 0.3s ease; }
