.main_mv { background: url(../images/bg_mv.jpg) top center no-repeat; background-size: cover; text-align: center; height: 720px; }

.main_mv h1 { padding-top: 165px; }
.main_mv h1 img{
    margin: auto;
}
.inner01 { background: url(../images/bg01.jpg) top center; padding-top: 1px; padding-bottom: 70px; }

.inner01 .inner { margin: 0 50px; margin-top: -220px; }

.inner01 .inner .package_tab { display: flex; justify-content: space-between; margin: 0 20px; }

.inner01 .inner .package_tab li { width: 50%; padding: 12px; color: #fff; font-size: 24px; font-weight: bold; text-align: center; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; }

.inner01 .inner .package_tab li span { display: inline-block; padding: 10px 0; }

.inner01 .inner .package_tab li:nth-child(1) { background: #163c61; border-radius: 7px 0 0 0; }

.inner01 .inner .package_tab li:nth-child(1) span { background: url(../images/t_icon1.png) center left no-repeat; padding-left: 65px; }

@media screen and (min-width: 768px) { .inner01 .inner .package_tab li:nth-child(1):hover { background: #fff; color: #163c61; }
  .inner01 .inner .package_tab li:nth-child(1):hover span { background: url(../images/t_icon1_on.png) center left no-repeat; } }

.inner01 .inner .package_tab li:nth-child(2) { background: #486e86; border-radius: 0 7px 0 0; }

.inner01 .inner .package_tab li:nth-child(2) span { background: url(../images/t_icon2.png) center left no-repeat; padding-left: 55px; }

@media screen and (min-width: 768px) { .inner01 .inner .package_tab li:nth-child(2):hover { background: #fff; color: #486e86; }
  .inner01 .inner .package_tab li:nth-child(2):hover span { background: url(../images/t_icon2_on.png) center left no-repeat; } }

.inner01 .inner .package_item { background: #fff; border: 5px solid #163c61; padding: 27px 50px 42px; }

.inner01 .inner .package_item ul { display: flex; flex-wrap: wrap; }

.inner01 .inner .package_item ul li { width: 22.7%; margin-right: 3%; text-align: center; margin-top: 40px; }

.inner01 .inner .package_item ul li:nth-child(4n+4) { margin-right: 0; }

@media screen and (min-width: 768px) { .inner01 .inner .package_item ul li:nth-child(1), .inner01 .inner .package_item ul li:nth-child(2), .inner01 .inner .package_item ul li:nth-child(3), .inner01 .inner .package_item ul li:nth-child(4) { margin-top: 0; } }

.inner01 .inner .package_item ul li img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }

.inner01 .inner .package_item ul li a { text-decoration: none; }

.inner01 .inner .package_item ul li a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.inner01 .inner .package_item ul li a:hover span { color: #3187b8; }

.inner01 .inner .package_item ul li span { color: #092540; font-size: 20px; font-weight: bold; border-bottom: 1px solid #163c61; margin-top: 10px; display: inline-block; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.inner01 .inner .package_item ul.cm_button{
    justify-content: center;
}
.inner01 .inner .package_item ul.cm_button li{
    width: 23%;
    margin: 2% 1% 0;
}
.inner01 .inner .package_item ul.cm_button li a{
    width: 100%;
    font-size: 16px;
}
.inner01 .inner .package_item ul.cm_button li a.line-2l{
    line-height: 1.4;
    padding: 6px;
}
.inner02 { padding: 50px 0; }

.inner02 .bg_sec { margin-bottom: 50px; }

.inner02 .bg_sec h3 { font-size: 56px; color: #214b76; position: relative; line-height: 1.3; margin-bottom: 15px; display: inline-block; }

.inner02 .bg_sec h3 span { font-weight: normal; font-size: 44px; color: #5185aa; display: inline-block; }

.inner02 .bg_sec h3.quotes_right { background: url(../images/quotes1.png) top right no-repeat; padding-right: 60px; }

.inner02 .bg_sec h3.quotes_left { text-align: right; background: url(../images/quotes2.png) top left no-repeat; padding-left: 60px; }

.inner02 .bg_sec .inner { display: flex; justify-content: space-between; flex-wrap: wrap; }

.inner02 .bg_sec .inner .infor_text { width: 48%; margin-left: 10px; }

.inner02 .bg_sec .inner .infor_text p { font-size: 15px; line-height: 1.7; }

.inner02 .bg_sec .inner figure { width: 48%; }

.inner02 .bg_sec .inner figure img { margin-top: -20px; }

.inner02 .bg_sec .mt-25 { margin-top: -25px; }

.inner02 .bg_sec .more { display: flex; margin-left: 80px; }

.inner02 .bg_sec .more a { width: auto; padding: 16px 30px; padding-right: 55px; margin: 0 10px; }

.inner02 .bg_sec .more.flex2{
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 50px;
}
.inner02 .bg_sec .more.flex2 a{
    width: 48%;
    margin: 0 0 2%;
}
.inner02 .bg_sec.right_sec .cm_tt2 { text-align: right; }

.inner02 .bg_sec.right_sec .inner { margin-bottom: 20px; margin-left: 80px; }

.inner02 .bg_sec.right_sec .inner figure { width: 43%; }

.inner02 .bg_sec.right_sec .inner .infor_text { width: 53%; margin-right: 10px; }

.inner02 .bg_sec.sec03 .inner { margin-bottom: 30px; }

.inner02 .bg_sec.sec03 .inner figure { margin-right: -50px; width: 52%; }

.inner02 .bg_sec.sec03 .inner figure img { margin-top: -10px; }

.inner02 .bg_sec.sec03 .more { margin-left: 20px; }

.inner02 .banner ul { display: flex; /*justify-content: space-between;*/ justify-content: center; flex-wrap: wrap; margin: 0 70px; }

.inner02 .banner ul li { width: 48%; }

.inner02 .banner ul li a { background: #e9f0f6; display: block; text-decoration: none; width: 100%; padding-left: 45px; display: flex; align-items: center; justify-content: space-between; position: relative; }

.inner02 .banner ul li a:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; }

.inner02 .banner ul li a:hover:after { opacity: 1; visibility: visible; }

.inner02 .banner ul li span { background: url(../images/arr2.png) center left no-repeat; padding-left: 30px; font-size: 20px; font-weight: bold; }

.inner02 .banner ul li:nth-child(2) a { background: #eaf2f2; }

.inner02 .banner ul li:nth-child(2) span { background: url(../images/arr3.png) center left no-repeat; }

.inner03 { background: url(../images/bg02.jpg) top center no-repeat; background-size: cover; color: #fff; padding: 55px 0 50px; }

.inner03 .container { padding: 0 85px; }

.inner03 h2 { text-align: center; margin-bottom: 20px; }

.inner03 h2 span { color: #fff; font-size: 26px; border-bottom: 2px solid #aeb0b1; display: inline-block; padding-bottom: 6px; }

.inner03 .text01 { font-size: 15px; font-weight: bold; line-height: 2; text-align: center; margin-bottom: 28px; }

.inner03 .button_list { display: flex; flex-wrap: wrap; padding: 0 40px; }

.inner03 .button_list li { width: 32%; margin-right: 2%; margin-bottom: 2.5%; }

.inner03 .button_list li:nth-child(3n+3) { margin-right: 0; }

.inner03 .button_list li a { color: #fff; text-decoration: none; border: 3px solid #fff; border-radius: 2px; padding: 13px; font-size: 18px; font-weight: bold; text-align: center; background: url(../images/arr.png) center right 10px no-repeat; background-size: 10px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }

.inner03 .button_list li a:hover { background: url(../images/arr_on.png) center right 10px no-repeat #fff; color: #000; border-color: #000; }

.inner04 { padding: 50px 0; }

.inner04 .container { padding: 0 50px; display: flex; justify-content: space-between; flex-wrap: wrap; }

.inner04 .tt_news { width: 200px; border-top: 1px solid #7a8fa3; border-right: 1px solid #7a8fa3; padding: 40px; box-sizing: border-box; }

.inner04 .tt_news h3 { font-size: 22px; color: #214b76; text-align: center; margin-bottom: 10px; }

.inner04 .tt_news h3 span { display: inline-block; color: #7f9bba; font-size: 16px; border-top: 1px solid #214b76; padding-top: 5px; }

.inner04 .tt_news .button_contact a { width: 100px; font-size: 10px; line-height: 1; padding: 7px; border-radius: 3px; }

.inner04 .tt_news .button_contact a:before { background: url(../images/arr_news.png) center center no-repeat; width: 3px; height: 9px; }

.inner04 .inner_news { width: calc(100% - 220px); height: 170px; overflow-y: scroll; }

.inner04 .inner_news table { width: 100%; }

.inner04 .inner_news table th, .inner04 .inner_news table td { vertical-align: top; text-align: left; font-weight: normal; padding: 10px; }

.inner04 .inner_news table th { width: 90px; }

.inner04 .inner_news table th span { color: #093d70; text-align: center; background: #e3edf5; display: block; padding: 2px 8px; }

.inner04 .inner_news table td a { text-decoration: none; }

.inner04 .inner_news table td a:hover { text-decoration: underline; }

@media screen and (max-width: 767px) { .main_mv { height: 320px; }
  .main_mv h1 { padding-top: 50px; }
  .inner01 { padding-bottom: 35px; }
  .inner01 .inner { margin: 0; margin-top: -100px; }
  .inner01 .inner .package_tab li { padding: 15px 10px; font-size: 17px; }
  .inner01 .inner .package_tab li span { padding: 0; }
  .inner01 .inner .package_tab li:nth-child(1) span { background-position: top center; padding-left: 0; padding-top: 40px; background-size: 30px; }
  .inner01 .inner .package_tab li:nth-child(2) span { background-position: top center; padding-left: 0; padding-top: 40px; background-size: 30px; }
  .inner01 .inner .package_item { border-width: 3px; padding: 6% 4%; }
  .inner01 .inner .package_item ul { justify-content: space-between; }
  .inner01 .inner .package_item ul li { width: 47%; margin-right: 0; margin-top: 6%; }
  .inner01 .inner .package_item ul li:nth-child(1), .inner01 .inner .package_item ul li:nth-child(2) { margin-top: 0; }
  .inner01 .inner .package_item ul li span { border: none; font-size: 17px; }
  .inner02 { padding: 30px 0; }
  .inner02 .bg_sec { margin-bottom: 35px; padding: 30px 0; }
  .inner02 .bg_sec h3 { font-size: 27px; margin-bottom: 15px; }
  .inner02 .bg_sec h3 span { font-size: 34px; }
  .inner02 .bg_sec h3.quotes_right { background-size: 34px; padding-right: 60px; }
  .inner02 .bg_sec h3.quotes_left { background-size: 34px; padding-left: 60px; }
  .inner02 .bg_sec .inner { margin: 0 !important; margin-bottom: 20px; }
  .inner02 .bg_sec .inner .infor_text { width: 100% !important; margin-left: 0; margin-bottom: 20px; }
  .inner02 .bg_sec .inner .infor_text p { font-size: 14px; line-height: 1.5; }
  .inner02 .bg_sec .inner figure { width: 100% !important; text-align: center; margin-bottom: 20px; }
  .inner02 .bg_sec .inner figure img { margin-top: 0; }
  .inner02 .bg_sec .mt-25 { margin-top: 0; }
  .inner02 .bg_sec .more, .inner02 .bg_sec .cm_button { display: block; margin-left: 0; }
  .inner02 .bg_sec .more.flex2 a, 
  .inner02 .bg_sec .cm_button a { width: 100%; margin: 0 0 10px; }
    .inner02 .bg_sec .more.flex2{
        padding: 0;
    }
  .inner02 .bg_sec .cm_tt2 { text-align: center !important; }
  .inner02 .bg_sec.right_sec .inner .infor_text { margin-right: 0; }
  .inner02 .bg_sec.sec03 .inner figure { margin-right: 0; }
  .inner02 .bg_sec.sec03 .inner figure img { margin-top: 0; }
  .inner02 .bg_sec.sec03 .more { margin-left: 0; }
  .inner02 .banner ul { margin: 0 4%; }
  .inner02 .banner ul li { width: 100%; margin-bottom: 10px; }
  .inner02 .banner ul li a { padding-left: 20px; }
  .inner02 .banner ul li img { width: 40%; }
  .inner02 .banner ul li span { padding-left: 30px; font-size: 16px; }
  .inner03 { padding: 30px 0; }
  .inner03 .container { padding: 0 4%; }
  .inner03 h2 span { font-size: 20px; }
  .inner03 .text01 { font-size: 14px; line-height: 1.5; text-align: left; }
  .inner03 .button_list { justify-content: space-between; padding: 0; }
  .inner03 .button_list li { width: 49%; margin-right: 0; margin-bottom: 2%; }
  .inner03 .button_list li a { padding: 10px 25px; font-size: 15px; height: 65px; }
  .inner04 { padding: 30px 0 85px; position: relative; }
  .inner04 .container { padding: 0 4%; }
  .inner04 .tt_news { width: 100%; border: 1px solid #7a8fa3; padding: 10px; text-align: center; margin-bottom: 20px; }
  .inner04 .tt_news h3 span { position: relative; border: none; margin-left: 20px; }
  .inner04 .tt_news h3 span:before { content: ''; position: absolute; top: 3px; left: -12px; width: 1px; height: 23px; background: #000; transform: rotate(29deg); -webkit-transform: rotate(29deg); -ms-transform: rotate(29deg); display: inline-block; }
  .inner04 .tt_news .button_contact { position: absolute; top: 100%; left: 0; right: 0; margin: auto; }
  .inner04 .tt_news .button_contact a { width: 200px; font-size: 15px; margin: auto; padding: 15px; }
  .inner04 .tt_news .button_contact a:before { position: absolute; background: url(../images/arr_news.png) center center no-repeat; background-size: 3px; width: 12px; height: 17px; left: 20px; }
  .inner04 .inner_news { width: 100%; margin-bottom: 20px; }
  .inner04 .inner_news table th, .inner04 .inner_news table td { font-size: 12px; }
  .inner04 .inner_news table td { padding-left: 0; } 
    .inner01 .inner .package_item ul.cm_button li{
        width: 48%;
    }

}
@media screen and (max-width: 480px) {
    .inner01 .inner .package_item ul.cm_button li a{
        font-size: 12px;
        background-position: center right 5px;
        background-size: 7px;
    }
}
@media screen and (max-width: 414px) { .inner02 .bg_sec h3 { font-size: 27px; }
  .inner02 .bg_sec h3 span { font-size: 30px; } }

@media screen and (max-width: 375px) { .inner03 .button_list li a { font-size: 14px; } }
@media screen and (max-width: 360px) { 
    .inner01 .inner .package_item ul.cm_button li a{
        font-size: 11px;
    }
}
@media screen and (max-width: 320px) { .inner01 .inner .package_tab li { font-size: 15px; }
  .inner02 .bg_sec h3 span { font-size: 25px; } }


.animate-opacity { animation: opac 0.5s; }

@keyframes opac { from { opacity: 0; }
  to { opacity: 1; } }