@charset "Shift_JIS";
/* ======================================
 TOP
====================================== */
#top-visual-01 .top-carousel-01 .flex, #top-visual-01 .panel-01, #top-visual-02 .top-carousel-02 .top-carousel-inner li, #top-visual-02 .top-carousel-02 .top-carousel-inner li a, .top-area-01 .menu-01, .top-area-02 .top-tab-01 .top-tab-nav, .top-area-02 .parallel, .top-area-03 .top-link-01, .top-area-04 .inner, .top-area-04 .inner .top-panel-03, .top-area-04 .inner .top-panel-03 li, .top-area-05 .top-panel-02, .top-area-06 .top-inquiry-01, .top-area-06 .top-inquiry-02, .top-area-07 .link-01, .top-area-07 .link-01 li, .top-area-07 .link-01 a, .top-area-08 .top-panel-01, .top-area-08 .top-panel-01 a, .top-area-09 .top-bnr-01, .top-area-09 .top-bnr-01 li, .top-important-area .box-important-01 .box-inner, .top-important-area .box-important-02, .top-important-area .top-important-list-01, .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
  display: flex;
}

/* --------------------------------------
 top module
-------------------------------------- */
:root .main-content > .main {
  max-width: 100%;
  padding-top: 0;
}

div[class^="top-area-"] > .inner {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}

div[class^="top-area-"] > .inner > *:first-child {
  margin-top: 0;
}

.top-hdg-02 {
  color: #000000;
  font-size: 1.5rem;
  font-weight: bold;
}

.top-hdg-02.icon-01 {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2M1MDAwMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjAxX2F0dGVudGlvbjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTQuNDc0LDguODI3MTVoMy4wNTY2NHYzLjY0ODQ0bC0uNzkxLDYuNzEyODlIMTUuMjg0NTlMMTQuNDc0LDEyLjQ3NTU5Wm0uMDY4MzYsMTEuNTIzNDRoMi45MTk5MnYyLjgyMjI2SDE0LjU0MjRaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTYuMDAyMzYsNGExMiwxMiwwLDEsMS0xMiwxMiwxMi4wMTM1OSwxMi4wMTM1OSwwLDAsMSwxMi0xMm0wLTJhMTQsMTQsMCwxLDAsMTQsMTQsMTQsMTQsMCwwLDAtMTQtMTRaIi8+PC9zdmc+");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 28px 28px;
  fill: #c50000;
  padding-left: 40px;
}

@media only screen and (max-width: 768px) {
  .top-hdg-02 {
    font-size: 1.25rem;
  }
}

.top-line-01 {
  border-top: #dddddd 1px solid;
  margin: 0 -20px;
}

@media only screen and (max-width: 768px) {
  .top-line-01 {
    margin: 0 -15px;
  }
}

/* --------------------------------------
 top-visual-01
-------------------------------------- */
#top-visual-01 {
  margin: 0 -20px;
}

#top-visual-01 .top-carousel-01 {
  line-height: 1;
  position: relative;
}

#top-visual-01 .top-carousel-01 .flex {
  flex-wrap: wrap;
}

#top-visual-01 .top-carousel-01 .flex li {
  width: 50%;
}

#top-visual-01 .top-carousel-01 .top-carousel-inner li {
  line-height: 1;
}

#top-visual-01 .top-carousel-01 .top-carousel-inner li img {
  vertical-align: bottom;
  width: 100%;
}

#top-visual-01 .top-carousel-01 .top-carousel-inner a {
  display: block;
  line-height: 1;
  position: relative;
}

#top-visual-01 .top-carousel-01 .top-carousel-inner a:focus {
  border: 8px solid #fece00;
}

#top-visual-01 .top-carousel-01 .top-carousel-inner .box {
  left: 0;
  padding: 0 110px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#top-visual-01 .top-carousel-01 .top-carousel-inner .box .icon {
  background: #0071c5;
  border-radius: 50px;
  color: #ffffff;
  display: table;
  font-size: 1rem;
  line-height: 1;
  min-width: 160px;
  padding: 4px 5px;
  text-align: center;
}

#top-visual-01 .top-carousel-01 .top-carousel-inner .box b {
  color: #000000;
  display: block;
  font-size: 2.5rem;
  line-height: 1.2;
  margin-top: 18px;
}

#top-visual-01 .top-carousel-01 .top-carousel-inner .box b span {
  background: rgba(255, 255, 255, 0.95);
  display: table;
  padding: 5px 20px 4px 20px;
}

#top-visual-01 .top-carousel-01 .top-carousel-inner .box b span + span {
  margin-top: 10px;
}

#top-visual-01 .panel-01 {
  flex-wrap: wrap;
  margin: 0 -4px;
}

#top-visual-01 .panel-01 li {
  margin-top: 8px;
  padding: 0 4px;
  width: 25%;
}

#top-visual-01 .panel-01 li a {
  color: #ffffff;
  display: block;
  line-height: 1;
  position: relative;
}

#top-visual-01 .panel-01 li a:hover .img img, #top-visual-01 .panel-01 li a:focus .img img {
  transform: scale(1.1, 1.1);
}

#top-visual-01 .panel-01 li .img {
  display: block;
  line-height: 1;
  overflow: hidden;
}

#top-visual-01 .panel-01 li .img img {
  transform: scale(1, 1);
  transition: .2s all;
  vertical-align: bottom;
  width: 100%;
}

#top-visual-01 .panel-01 li .data {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.7) 100%);
  bottom: 0;
  display: block;
  left: 0;
  padding: 70px 20px 20px 20px;
  position: absolute;
  width: 100%;
}

#top-visual-01 .panel-01 li .txt {
  display: block;
  padding-left: 15px;
  position: relative;
}

#top-visual-01 .panel-01 li .txt::before {
  border-right: solid 2px #ffffff;
  border-top: solid 2px #ffffff;
  content: "";
  display: block;
  height: 8px;
  left: 0;
  position: absolute;
  top: 3px;
  transform: rotate(45deg);
  width: 8px;
  will-change: transform;
}

@media only screen and (max-width: 768px) {
  #top-visual-01 {
    margin: 0 -15px;
  }
  #top-visual-01 .top-carousel-01 {
    background: #0071c5;
  }
  #top-visual-01 .top-carousel-01 .top-carousel-inner a {
    background: #0071c5;
  }
  #top-visual-01 .top-carousel-01 .top-carousel-inner .box {
    background: #ffffff;
    margin-right: 35px;
    margin-top: -20px;
    padding: 20px 15px;
    position: relative;
    transform: none;
    z-index: 2;
  }
  #top-visual-01 .top-carousel-01 .top-carousel-inner .box .icon {
    font-size: 0.625rem;
    min-width: 80px;
  }
  #top-visual-01 .top-carousel-01 .top-carousel-inner .box b {
    font-size: 1.25rem;
    margin-top: 5px;
  }
  #top-visual-01 .top-carousel-01 .top-carousel-inner .box b span {
    padding: 0;
  }
  #top-visual-01 .top-carousel-01 .top-carousel-inner .box b span + span {
    margin-top: 10px;
  }
  #top-visual-01 .panel-01 {
    margin: 0 -2px;
  }
  #top-visual-01 .panel-01 li {
    display: flex;
    margin-top: 4px;
    padding: 0 2px;
    width: 50%;
  }
  #top-visual-01 .panel-01 li a {
    background: #f3f3f3;
    color: #333333;
    width: 100%;
  }
  #top-visual-01 .panel-01 li .data {
    background: #f3f3f3;
    display: block;
    padding: 15px 15px;
    position: static;
  }
  #top-visual-01 .panel-01 li .txt {
    display: block;
    padding-left: 15px;
    position: relative;
  }
  #top-visual-01 .panel-01 li .txt::before {
    border-right: solid 2px #0071c5;
    border-top: solid 2px #0071c5;
  }
}

/* --------------------------------------
 top-visual-02
-------------------------------------- */
#top-visual-02 {
  background: #eaf3f9;
  margin: 0 -20px;
  padding: 0 20px 84px 20px;
}

#top-visual-02 .inner {
  margin: 0 auto;
  max-width: 1200px;
  padding: 80px 0 0 0;
  width: 100%;
}

#top-visual-02 .top-carousel-02 {
  padding-top: 40px;
  position: relative;
}

#top-visual-02 .top-carousel-02 .top-carousel-inner li {
  height: auto;
}

#top-visual-02 .top-carousel-02 .top-carousel-inner li a {
  background: #ffffff;
  color: #333333;
  flex-direction: column;
  width: 100%;
}

#top-visual-02 .top-carousel-02 .top-carousel-inner li a span {
  display: block;
}

#top-visual-02 .top-carousel-02 .top-carousel-inner li a .title-01 {
  color: #333333;
  color: #0071c5;
  font-weight: bold;
}

#top-visual-02 .top-carousel-02 .top-carousel-inner li a .txt-01 {
  color: #666666;
  font-size: 0.875rem;
}

#top-visual-02 .top-carousel-02 .top-carousel-inner li a .img {
  line-height: 1;
  min-height: 1px;
}

#top-visual-02 .top-carousel-02 .top-carousel-inner li a .img img {
  min-height: 1px;
  width: 100%;
}

#top-visual-02 .top-carousel-02 .top-carousel-inner li a .data {
  padding: 20px 30px;
}

#top-visual-02 .top-carousel-02 .swiper-pagination {
  padding: 30px 100px;
  position: static;
}

#top-visual-02 .top-carousel-02 .swiper-pagination .swiper-pagination-bullet {
  background: #ffffff;
}

#top-visual-02 .top-carousel-02 .swiper-pagination .swiper-pagination-bullet span {
  color: #ffffff;
}

#top-visual-02 .top-carousel-02 .swiper-pagination .swiper-pagination-bullet-active {
  background: #0071c5;
}

#top-visual-02 .top-carousel-02 .swiper-pagination .swiper-pagination-bullet-active span {
  color: #0071c5;
}

#top-visual-02 .top-carousel-02 .swiper-button-next::before, #top-visual-02 .top-carousel-02 .swiper-button-prev::before {
  border-color: #0071c5;
}

#top-visual-02 .top-carousel-02 .swiper-button-next {
  right: 0;
}

#top-visual-02 .top-carousel-02 .swiper-button-prev {
  left: 0;
}

#top-visual-02 .top-carousel-02 .carousel-nav {
  background: none;
  color: #333333 !important;
}

#top-visual-02 .top-carousel-02 .carousel-nav::before {
  border-color: #0071c5;
}

#top-visual-02 .top-carousel-02 .carousel-nav.stop::after {
  border-color: transparent transparent transparent #0071c5;
}

#top-visual-02 .nav-btn-01 {
  margin-top: 0;
}

@media only screen and (max-width: 768px) {
  #top-visual-02 {
    padding-bottom: 50px;
  }
  #top-visual-02 .inner {
    padding-top: 50px;
  }
  #top-visual-02 .top-carousel-02 {
    padding-top: 30px;
  }
  #top-visual-02 .top-carousel-02 .swiper-button-next, #top-visual-02 .top-carousel-02 .swiper-button-prev {
    top: 50%;
  }
  #top-visual-02 .top-carousel-02 .top-carousel-inner li a .txt-01 {
    font-size: 0.75rem;
  }
  #top-visual-02 .top-carousel-02 .top-carousel-inner li a .data {
    padding: 10px 15px;
  }
}

/* --------------------------------------
 top-area-01
-------------------------------------- */
.top-area-01 {
  padding: 67px 0;
}

.top-area-01 .menu-01 {
  flex-wrap: wrap;
  margin: 20px -5px 0 -5px;
  margin-top: 25px;
}

.top-area-01 .menu-01 li {
  margin-top: 15px;
  padding: 0 5px;
}

.top-area-01 .menu-01 li a {
  background: #f3f3f3;
  display: block;
  padding: 7px 20px 6px 20px;
}

@media only screen and (max-width: 768px) {
  .top-area-01 {
    padding: 40px 0;
  }
  .top-area-01 .menu-01 {
    margin-top: 5px;
  }
}

/* --------------------------------------
 top-area-02
-------------------------------------- */
.top-area-02 {
  padding: 67px 0;
}

.top-area-02 .lyt-col2-01 .lyt-col2-01-inner {
  margin: 0 -30px;
}

.top-area-02 .lyt-col2-01 .lyt-col2-01-inner > .column {
  padding: 0 30px;
}

.top-area-02 .top-tab-01 {
  margin-top: 30px;
}

.top-area-02 .top-tab-01 .top-tab-nav {
  flex-wrap: wrap;
}

.top-area-02 .top-tab-01 .top-tab-nav li {
  padding-right: 1px;
  width: 33.33333%;
}

.top-area-02 .top-tab-01 .top-tab-nav a {
  background: #f3f3f3;
  border-top: #f3f3f3 2px solid;
  color: #333333;
  display: block;
  padding: 8px 0 10px 0;
  text-align: center;
}

.top-area-02 .top-tab-01 .top-tab-nav .active {
  background: #ffffff;
  border-color: #0071c5;
}

.top-area-02 .parallel {
  justify-content: space-between;
}

.top-area-02 .list-link-right-01 .rss {
  background: url("/common_rwd/images/icon_rss_01.gif") no-repeat left center;
  margin-left: 0;
  padding-left: 23px;
}

.top-area-02 .list-link-right-01 .rss::before {
  content: none;
}

.top-area-02 .list-link-right-01 li + li {
  margin-left: 20px;
}

@media only screen and (max-width: 768px) {
  .top-area-02 {
    padding: 30px 0;
  }
  .top-area-02 .lyt-col2-01 .lyt-col2-01-inner {
    margin: 0;
  }
  .top-area-02 .lyt-col2-01 .lyt-col2-01-inner > .column {
    padding: 0;
  }
  .top-area-02 .parallel {
    align-items: flex-end;
    flex-direction: column;
  }
  .top-area-02 .top-tab-01 {
    margin-top: 20px;
  }
}

/* --------------------------------------
 top-area-03
-------------------------------------- */
.top-area-03 {
  padding: 53px 0 73px 0;
}

.top-area-03 .top-line {
  border-top: 0;
}

.top-area-03 .top-line li:last-child {
  border-bottom: 0;
}

.top-area-03 .top-link-01 {
  align-items: center;
  flex-wrap: wrap;
  font-size: 1rem;
  line-height: 1.75;
  margin: 15px -24px 0 -24px;
}

.top-area-03 .top-link-01 li {
  padding: 0 24px;
  position: relative;
  width: 33.33333%;
}

.top-area-03 .top-link-01 li + li::before {
  border-left: #cccccc 1px dashed;
  content: "";
  display: block;
  height: 46px;
  left: 0;
  margin-top: -26px;
  position: absolute;
  top: 50%;
  width: 1px;
}

.top-area-03 .top-link-01 li a {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 42px 42px;
  color: #333333;
  display: block;
  padding: 2px 0;
  padding-left: 65px;
}

.top-area-03 .top-link-01 .type1 a {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwNzFjNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjAzX2tpYm91c2luYWk8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM5LDI0LjYxMDIzVjhhMSwxLDAsMCwwLTEtMUgzM1Y0YTEsMSwwLDAsMC0xLTFIMTNhMSwxLDAsMCwwLTEsMVYxNkg3YTEsMSwwLDAsMC0xLDFWMzMuNDY3MjJMMTIuNTI4MzgsNDFIMjcuMjYzODVBMTAuNDkzNzQsMTAuNDkzNzQsMCwxLDAsMzksMjQuNjEwMjNaTTI1LDM0LjVhMTAuNDU3ODgsMTAuNDU3ODgsMCwwLDAsLjYxMDI5LDMuNWgtMTEuNzEyTDksMzIuMzQ4MTRWMTloM3Y4aDNWNmgzVjE5aDNWNmgzVjE5aDNWNmgzVjE5aDNWMTBoM1YyNC4wMjUyN0MzNS44MzMxMywyNC4wMTc0LDM1LjY2ODgyLDI0LDM1LjUsMjRBMTAuNSwxMC41LDAsMCwwLDI1LDM0LjVaTTQyLDM2SDI5VjMzSDQyWiIvPjwvc3ZnPg==");
}

.top-area-03 .top-link-01 .type2 a {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwNzFjNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjAzX2RlbnNlbjwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSI0IiB5PSIxNSIgd2lkdGg9IjciIGhlaWdodD0iMyIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iNCIgeT0iMjMiIHdpZHRoPSI3IiBoZWlnaHQ9IjMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00NSwxMVY4SDQyVjNIMzlWOEgzMy44OTE5MUMzMS43NzMzMiw5Ljc2MSwyNS42Mzc2MywxNC44NjIzNywxNywxMy40MDczNVY4YTEsMSwwLDAsMC0xLTFIM3YzSDE0VjQySDN2M0gxNmExLDEsMCwwLDAsMS0xVjM1LjIxODM4QTExLjQ3MTgyLDExLjQ3MTgyLDAsMCwwLDM2Ljk3NDY3LDI4bC4wMTg0My04SDM5VjQ1aDNWMjBoM1YxN0g0MlYxMVptLTYsNkgzNFYyNy41YTguNSw4LjUsMCwwLDEtMTcsMFYxNi40NDk0NmEyMi4yNTI0MywyMi4yNTI0MywwLDAsMCwzLjIwNy4yNDI5MkEyMy4wMjQ3NSwyMy4wMjQ3NSwwLDAsMCwzNS4xMzUzOCwxMUgzOVoiLz48L3N2Zz4=");
}

.top-area-03 .top-link-01 .type3 a {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwNzFjNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjAxX2tvdWppPC90aXRsZT48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMTkuMDAyIDE3IDE3LjAwMiAxNyAxNy4wMDIgMTUgMTUuMDAyIDE1IDE1LjAwMiAxNyAxMy4wMDIgMTcgMTMuMDAyIDE5IDE1LjAwMiAxOSAxNS4wMDIgMjEgMTcuMDAyIDIxIDE3LjAwMiAxOSAxOS4wMDIgMTkgMTkuMDAyIDE3Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjkuNzE0NDYsMTkuNzA4LDI4LjAzMDU2LDE4di0uNTcyODhDMjguMDMwNTYsMTAuODA0MzgsMjQuMDAyMzYsNCwxNi4wMDIzNiw0UzMuOTc0MTYsMTAuMzEwMTgsMy45NzQxNiwxNy4wMjgxNHEwLC4wODYwNS4wMDEyMy4xNzE4N1YxOEwyLjI5MDQ1LDE5LjcwOGExLjAwMDA3LDEuMDAwMDcsMCwwLDAtLjI4ODA5LjcwMjI3VjI1YTEsMSwwLDAsMCwxLDFoMjZhMSwxLDAsMCwwLDEtMVYyMC40MUEuOTk5OTIuOTk5OTIsMCwwLDAsMjkuNzE0NDYsMTkuNzA4Wk0yOC4wMDIzNiwyNGgtMjRWMjAuODIwNDNsMS4zOTY3OS0xLjQxNTg5TDUuNzk4MjYsMTloNS4yMDQxVjE3SDUuOTc1MTRDNS45ODU3NiwxMS41Miw5LjA4Njc3LDYsMTYuMDAyMzYsNmE5LjE2MTA3LDkuMTYxMDcsMCwwLDEsNy40NDc1MSwzLjQ3MzMzQTEyLjg2Njk0LDEyLjg2Njk0LDAsMCwxLDI2LjAxMzg0LDE3SDIxLjAwMjM2djJoNS4yMDU1N2wuMzk4NDQuNDA0MTEsMS4zOTYsMS40MTZaIi8+PC9zdmc+");
}

@media only screen and (max-width: 768px) {
  .top-area-03 {
    padding: 27px 0 50px 0;
  }
  .top-area-03 .top-link-01 {
    display: block;
    font-size: 0.875rem;
    line-height: 1.71429;
    margin: 15px 0 0 0;
  }
  .top-area-03 .top-link-01 li {
    padding: 15px 0;
    width: 100%;
  }
  .top-area-03 .top-link-01 li + li {
    border-top: #cccccc 1px dashed;
  }
  .top-area-03 .top-link-01 li + li::before {
    content: none;
  }
  .top-area-03 .top-link-01 li:first-child {
    padding-top: 0;
  }
  .top-area-03 .top-link-01 li:last-child {
    padding-bottom: 10px;
    padding-top: 30px;
  }
  .top-area-03 .top-link-01 li a {
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .top-area-03 .top-link-01 li a br {
    display: none;
  }
}

/* --------------------------------------
 top-area-04
-------------------------------------- */
.top-area-04 {
  background: url("/common_rwd/images/top/bg-01.jpg") no-repeat bottom center;
  background-size: cover;
  margin: 0 -20px;
  padding: 0 20px;
}

.top-area-04 .inner {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 70px;
}

.top-area-04 .inner .data-01 {
  padding-right: 20px;
  width: 50%;
}

.top-area-04 .inner .data-02 {
  width: 50%;
}

.top-area-04 .inner .lead-01 {
  margin-top: 20px;
}

.top-area-04 .inner .lead-01 + .nav-btn-01 {
  margin-top: 20px;
}

.top-area-04 .inner .top-panel-03 {
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 0 -10px;
}

.top-area-04 .inner .top-panel-03.col2 li {
  padding: 0 10px;
  width: 50%;
}

.top-area-04 .inner .top-panel-03.col2 li:nth-child(n + 3) {
  margin-top: 20px;
}

.top-area-04 .inner .top-panel-03 li {
  max-width: 300px;
}

.top-area-04 .inner .top-panel-03 .link {
  background: #ffffff;
  border: #cccccc 1px solid;
  display: block;
  width: 100%;
}

.top-area-04 .inner .top-panel-03 .link .txt {
  padding-left: 20px;
}

.top-area-04 .inner .top-panel-03 .link .txt::before {
  content: none;
}

.top-area-04 .inner .top-panel-03 a {
  background: #ffffff;
  border: #cccccc 1px solid;
  display: block;
  text-decoration: none;
  width: 100%;
}

.top-area-04 .inner .top-panel-03 a:hover, .top-area-04 .inner .top-panel-03 a:focus {
  text-decoration: underline;
}

.top-area-04 .inner .top-panel-03 a:hover *, .top-area-04 .inner .top-panel-03 a:focus * {
  text-decoration: underline;
}

.top-area-04 .inner .top-panel-03 a:hover .img img, .top-area-04 .inner .top-panel-03 a:focus .img img {
  transform: scale(1.1, 1.1);
}

.top-area-04 .inner .top-panel-03 .img {
  display: block;
  line-height: 1;
  overflow: hidden;
}

.top-area-04 .inner .top-panel-03 .img img {
  transform: scale(1, 1);
  transition: .2s all;
  width: 100%;
}

.top-area-04 .inner .top-panel-03 .txt {
  color: #333333;
  display: block;
  padding: 5px 5px 5px 40px;
  position: relative;
}

.top-area-04 .inner .top-panel-03 .txt::before {
  border-right: solid 2px #0071c5;
  border-top: solid 2px #0071c5;
  content: "";
  display: block;
  height: 8px;
  left: 22px;
  position: absolute;
  top: 13px;
  transform: rotate(45deg);
  width: 8px;
  will-change: transform;
}

@media only screen and (max-width: 768px) {
  .top-area-04 {
    background: url("/common_rwd/images/top/bg-03.jpg") no-repeat top center;
    background-size: 100% auto;
    margin: 0 -15px;
    padding: 0 15px;
  }
  .top-area-04 .inner {
    display: block;
    padding-top: 40px;
  }
  .top-area-04 .inner .data-01 {
    padding-right: 0;
    width: 100%;
  }
  .top-area-04 .inner .data-02 {
    width: 100%;
  }
  .top-area-04 .inner .top-panel-03 {
    justify-content: flex-start;
    margin: 107px -5px 0 -5px;
  }
  .top-area-04 .inner .top-panel-03.col2 li {
    padding: 0 5px;
  }
  .top-area-04 .inner .top-panel-03.col2 li:nth-child(n + 3) {
    margin-top: 10px;
  }
  .top-area-04 .inner .top-panel-03 .link .txt {
    padding-left: 15px;
  }
  .top-area-04 .inner .top-panel-03 li {
    max-width: 100%;
  }
  .top-area-04 .inner .top-panel-03 .txt {
    color: #333333;
    padding: 5px 5px 5px 25px;
  }
  .top-area-04 .inner .top-panel-03 .txt::before {
    left: 10px;
  }
}

/* --------------------------------------
 top-area-05
-------------------------------------- */
.top-area-05 {
  padding: 50px 0 80px 0;
}

.top-area-05 .top-panel-02 {
  flex-wrap: wrap;
}

.top-area-05 .top-panel-02.col4 li {
  width: 25%;
}

.top-area-05 .top-panel-02 li {
  margin-top: 40px;
  padding: 0 5px;
  position: relative;
}

.top-area-05 .top-panel-02 li::before {
  border-left: #cccccc 1px dashed;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}

.top-area-05 .top-panel-02 li:last-child::after {
  border-left: #cccccc 1px dashed;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}

.top-area-05 .top-panel-02 a {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 74px 74px;
  color: #333333;
  display: block;
  padding-top: 113px;
  text-align: center;
}

.top-area-05 .top-panel-02 .title {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: bold;
  padding-left: 20px;
  position: relative;
}

.top-area-05 .top-panel-02 .title::before {
  border-right: solid 2px #0071c5;
  border-top: solid 2px #0071c5;
  content: "";
  display: block;
  height: 8px;
  left: 0;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 8px;
  will-change: transform;
}

.top-area-05 .top-panel-02 .txt {
  display: block;
  margin-top: 25px;
}

.top-area-05 .top-panel-02 .type1 a {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwNzFjNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjAyX3NhaWdhaTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTQuODU4NCwxMC4yNTQzOVY5LjAyM2E3Ljk4MjU0LDcuOTgyNTQsMCwwLDAsMS4xOTY3OC0uMTE0MjYsMS42ODUsMS42ODUsMCwwLDAsLjg4NjIzLS40ODI0MiwxLjU4NTMsMS41ODUzLDAsMCwwLC4zNTQ0OS0uNjYwMTYsMS41MjU5MSwxLjUyNTkxLDAsMCwwLC4wNjk4Mi0uMzY4MTZoMS41MTA3NFYxNi42MDJIMTcuMDIzVjEwLjI1NDM5WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI3Ljg0NzY2LDguOTM0MDhhMTEuMzYyMjMsMTEuMzYyMjMsMCwwLDAtMS4xMzE4NCwxLjQyNDgxLDExLjcyNzgyLDExLjcyNzgyLDAsMCwwLTEuOTE0NTUsNC4yMTE5MSw4LjY5MTUsOC42OTE1LDAsMCwwLS4zMTE1MiwyLjAzMTI1SDIyLjYxMDg0YTExLjA1OTU1LDExLjA1OTU1LDAsMCwxLDEuNjI2NDYtNS4xNDg0NCwxMi4yMDg4OSwxMi4yMDg4OSwwLDAsMSwxLjY3MDQxLTIuMzEwNTRIMjEuMzIyMjdsLjAyNTM5LTEuNjI1aDYuNVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yOS4xMjM1NCwxMC4yNTQzOVY5LjAyM2E3Ljk4MjIxLDcuOTgyMjEsMCwwLDAsMS4xOTY3Ny0uMTE0MjYsMS42ODQ5MiwxLjY4NDkyLDAsMCwwLC44ODYyMy0uNDgyNDIsMS41ODUzMSwxLjU4NTMxLDAsMCwwLC4zNTQ1LS42NjAxNiwxLjUyNjQyLDEuNTI2NDIsMCwwLDAsLjA2OTgyLS4zNjgxNkgzMy4xNDE2VjE2LjYwMkgzMS4yODgwOVYxMC4yNTQzOVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMC4yMTkyNCwzNC4xODExNWgxLjQxMTEzbC44MTA1NSwzLjgzMy44MzAwOC0zLjgzM2gxLjQ1MDE5bC0xLjU0Myw1LjMyMjI3SDExLjc0NzU2bC0uODM1LTMuODc3LS44NDQ3MywzLjg3N0g4LjYyMjU2TDcuMTI4NDIsMzQuMTgxMTVIOC42MjI1NmwuODMwMDgsMy44MTgzNloiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xOC45NTYwNSwzNC4yODg1N2EyLjE2NTQxLDIuMTY1NDEsMCwwLDEsLjkxOTQ0Ljc4ODA5LDIuNjEwMzQsMi42MTAzNCwwLDAsMSwuNDI0MzEsMS4wOTk2MSw2Ljc5MzI4LDYuNzkzMjgsMCwwLDEsLjA0NTksMS4wNTY2NEgxNi40NjkyNGExLjI3NiwxLjI3NiwwLDAsMCwuNTU2NjQsMS4xMjMwNSwxLjQxMDI3LDEuNDEwMjcsMCwwLDAsLjc2NzA5LjIwMDE5QTEuMDc5ODksMS4wNzk4OSwwLDAsMCwxOC44NTIsMzcuOTQ1OEgyMC4yNzNhMS43MzgyMiwxLjczODIyLDAsMCwxLS41MTYxMS45NjE5MSwyLjU4NTU4LDIuNTg1NTgsMCwwLDEtMi4wMDIuNzc2MzcsMi45MDIzNiwyLjkwMjM2LDAsMCwxLTEuODc1LS42NTUyNywyLjU3OTMsMi41NzkzLDAsMCwxLS44MTItMi4xMzA4NiwyLjg3NjkxLDIuODc2OTEsMCwwLDEsLjczMzQtMi4xMjAxMiwyLjU2Mzg3LDIuNTYzODcsMCwwLDEsMS45MDI4My0uNzM4MjhBMy4wMzU3MywzLjAzNTczLDAsMCwxLDE4Ljk1NjA1LDM0LjI4ODU3Wm0tMi4wODIsMS4yMDIxNWExLjQ0NTg3LDEuNDQ1ODcsMCwwLDAtLjM3MDYuODI0MjJoMi4zOTc0NmExLjE2MjI5LDEuMTYyMjksMCwwLDAtLjM3MDYxLS44NDA4MiwxLjIxOTk0LDEuMjE5OTQsMCwwLDAtLjgyNTY4LS4yODcxMUExLjEwNiwxLjEwNiwwLDAsMCwxNi44NzQsMzUuNDkwNzJaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjUuODEzLDM0LjgyMDhhMy4wNTk1OSwzLjA1OTU5LDAsMCwxLC41OTcxNywxLjk1MzEzLDMuNDIxODIsMy40MjE4MiwwLDAsMS0uNTg4ODcsMi4wNTU2NiwyLjEzODM3LDIuMTM4MzcsMCwwLDEtMi43MDk0Ny41NTE3NiwyLjEyNCwyLjEyNCwwLDAsMS0uNTItLjU0Njg4di42Njg5NUgyMS4yMTk3M3YtNy4xODc1aDEuMzkxNnYyLjU1ODU5YTIuMDMwNjYsMi4wMzA2NiwwLDAsMSwuNTg1LS41NjY0LDEuNzQxNTcsMS43NDE1NywwLDAsMSwuOTYyODktLjI0NDE1QTEuOTg4MDcsMS45ODgwNywwLDAsMSwyNS44MTMsMzQuODIwOFpNMjQuNjQ5OSwzOC4wNjNhMS45NzM0MiwxLjk3MzQyLDAsMCwwLC4zMDAzLTEuMTQyNTgsMi41NjExNCwyLjU2MTE0LDAsMCwwLS4xNDc0Ny0uOTM3NSwxLjAyOSwxLjAyOSwwLDAsMC0xLjAzNDE4LS43MDMxMiwxLjA0NDI1LDEuMDQ0MjUsMCwwLDAtMS4wNDg4Mi42ODg0NywyLjU3MDQ5LDIuNTcwNDksMCwwLDAtLjE0NzQ2Ljk0NzI3LDEuOTcxMSwxLjk3MTEsMCwwLDAsLjMwNTE3LDEuMTMyODEsMS4wNDc2MywxLjA0NzYzLDAsMCwwLC45MzA2Ny40NDkyMkEuOTY0NzQuOTY0NzQsMCwwLDAsMjQuNjQ5OSwzOC4wNjNaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjcuMDkzNzUsMzQuNjIwNjF2LS45NDcyN2E2LjEzMzA5LDYuMTMzMDksMCwwLDAsLjkyMDQxLS4wODc4OSwxLjI5NTU3LDEuMjk1NTcsMCwwLDAsLjY4MjEzLS4zNzEwOSwxLjIxODY4LDEuMjE4NjgsMCwwLDAsLjI3MjQ2LS41MDc4MiwxLjE3NjcsMS4xNzY3LDAsMCwwLC4wNTM3MS0uMjgzMmgxLjE2MjExdjcuMDgwMDhIMjguNzU4NzlWMzQuNjIwNjFaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzYuNzYzMTgsMzMuNjA1YTguNzY0MzMsOC43NjQzMywwLDAsMC0uODcwNiwxLjA5NTcsOS4wMjA0LDkuMDIwNCwwLDAsMC0xLjQ3MjY2LDMuMjQwMjQsNi42ODQwOSw2LjY4NDA5LDAsMCwwLS4yMzk3NCwxLjU2MjVIMzIuNzM0ODZhOC41MDYyLDguNTA2MiwwLDAsMSwxLjI1MS0zLjk2QTkuMzU4MzksOS4zNTgzOSwwLDAsMSwzNS4yNzEsMzMuNzY2MTFIMzEuNzQzNjVsLjAxOTUzLTEuMjVoNVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNy43ODA3NiwzNC42MjA2MXYtLjk0NzI3YTYuMTMzMDksNi4xMzMwOSwwLDAsMCwuOTIwNDEtLjA4Nzg5LDEuMjk1NTcsMS4yOTU1NywwLDAsMCwuNjgyMTMtLjM3MTA5LDEuMjE4NjgsMS4yMTg2OCwwLDAsMCwuMjcyNDYtLjUwNzgyLDEuMTc2MTksMS4xNzYxOSwwLDAsMCwuMDUzNzEtLjI4MzJoMS4xNjIxMXY3LjA4MDA4SDM5LjQ0NThWMzQuNjIwNjFaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDQsNFYyMEg0VjRINDRtLjUtMkgzLjVBMS41LDEuNSwwLDAsMCwyLDMuNXYxN0ExLjUsMS41LDAsMCwwLDMuNSwyMmg0MUExLjUsMS41LDAsMCwwLDQ2LDIwLjVWMy41QTEuNSwxLjUsMCwwLDAsNDQuNSwyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQ0LDI4VjQ0SDRWMjhINDRtLjUtMkgzLjVBMS41LDEuNSwwLDAsMCwyLDI3LjV2MTdBMS41LDEuNSwwLDAsMCwzLjUsNDZoNDFBMS41LDEuNSwwLDAsMCw0Niw0NC41di0xN0ExLjUsMS41LDAsMCwwLDQ0LjUsMjZaIi8+PC9zdmc+");
}

.top-area-05 .top-panel-02 .type2 a {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwNzFjNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjAyX2tvdXN5dXVkZW53YTwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzNCIgeT0iMzMiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00NC41LDRoLTI5QTEuNSwxLjUsMCwwLDAsMTQsNS41VjE0SDEyVjEwLjVBMS41LDEuNSwwLDAsMCwxMC41LDloLTZBMS41LDEuNSwwLDAsMCwzLDEwLjV2MjFBMS41LDEuNSwwLDAsMCw0LjUsMzNoNkExLjUsMS41LDAsMCwwLDEyLDMxLjVWMjhoMlY0Mi41QTEuNSwxLjUsMCwwLDAsMTUuNSw0NGgyOUExLjUsMS41LDAsMCwwLDQ2LDQyLjVWNS41QTEuNSwxLjUsMCwwLDAsNDQuNSw0Wk0xMCwzMUg1VjExaDVabTQtNUgxMlYxNmgyWk00NCw0MkgxNlY2SDQ0WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIwLDEwVjMwSDQwVjEwWk0zNywyMEgzMlYxOGg1Wm0wLTVIMzJWMTNoNVoiLz48L3N2Zz4=");
}

.top-area-05 .top-panel-02 .type3 a {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwNzFjNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjAyX2dhbGxlcnk8L3RpdGxlPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxNiAzOSAxNiAyOCAyNS42OTQgMzMuNSAxNiAzOSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM5LjE5OTIyLDEwLjQwMDM5YTIuNDg4MzEsMi40ODgzMSwwLDAsMC0zLjI0MzE3LS4yNDhsLTIuMjQ0OTMsMS42NDM3NC0yLjA0MTItMi4yMzY1MWEyLjUwNDUsMi41MDQ1LDAsMCwwLTMuMjg3MTEtLjM1ODRMMTguNzYxNzIsMTUuOTgzNGwxLjE1MjM0LDEuNjM0NzYsOS42MjExLTYuNzgyMjJhLjUwMTI4LjUwMTI4LDAsMCwxLC42NTgyLjA3MTI5TDMyLjA4ODc1LDEyLjk4NGwtMy4wMTc0NiwyLjIwOTM1LDEuMTgxNjQsMS42MTMyOCw2Ljg4NDc3LTUuMDQxYS41MDE1OC41MDE1OCwwLDAsMSwuNjQ4NDMuMDQ5ODFsMy4xNjksMy4xNjk5MiwxLjQxNDA2LTEuNDE0MDZaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDQuNSwzaC0yOEExLjUsMS41LDAsMCwwLDE1LDQuNVYyMkgzLjVBMS41LDEuNSwwLDAsMCwyLDIzLjV2MjBBMS41LDEuNSwwLDAsMCwzLjUsNDVoMzRBMS41LDEuNSwwLDAsMCwzOSw0My41VjQxaDUuNUExLjUsMS41LDAsMCwwLDQ2LDM5LjVWNC41QTEuNSwxLjUsMCwwLDAsNDQuNSwzWk0zNyw0M0g0VjI0SDM3Wm03LTRIMzlWMjMuNUExLjUsMS41LDAsMCwwLDM3LjUsMjJIMTdWNUg0NFoiLz48L3N2Zz4=");
}

.top-area-05 .top-panel-02 .type4 a {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwNzFjNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjAyX3NtaWxlPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNS44NTcxNCwxNS4yMjQ0OWE2LjE0Mjg1LDYuMTQyODUsMCwxLDEtNi4xNDI4NSw2LjE0Mjg4LDYuMTQ5ODIsNi4xNDk4MiwwLDAsMSw2LjE0Mjg1LTYuMTQyODhtMC0yQTguMTQyODUsOC4xNDI4NSwwLDEsMCwyNCwyMS4zNjczN2E4LjE0Mjg3LDguMTQyODcsMCwwLDAtOC4xNDI4Ni04LjE0Mjg4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE1Ljg1NjkzLDI1LjQwMjM0QTUuNzc5NjgsNS43Nzk2OCwwLDAsMSwxMS43NTgzLDIzLjcwN0wxMy4xNzIzNiwyMi4yOTNhMy44MDA1LDMuODAwNSwwLDAsMCw1LjM2OTE0LDBMMTkuOTU1NTcsMjMuNzA3QTUuNzc4ODYsNS43Nzg4NiwwLDAsMSwxNS44NTY5MywyNS40MDIzNFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNS4zMzMzNCw1YzQuNjAyMzksMCw4LjMzMzMyLDMuMzI1ODcsOC4zMzMzMiw3LjQyODU5cy0zLjczMDkzLDcuNDI4NTMtOC4zMzMzMiw3LjQyODUzYTkuMTg4LDkuMTg4LDAsMCwxLTMuMTYzODUtLjU1Nzc0bC0xLjIwMTI0LjU1Nzc0LS4xNDc4My0xLjE4OTQ2QTcuMjYzNjIsNy4yNjM2MiwwLDAsMSwyNywxMi40Mjg1OUMyNyw4LjMyNTg3LDMwLjczMSw1LDM1LjMzMzM0LDVtMC0yQzI5LjYzNTUxLDMsMjUsNy4yMjk2OCwyNSwxMi40Mjg1OWE5LjEwMDQzLDkuMTAwNDMsMCwwLDAsMy45NTA4NSw3LjQxMjIzbC4wMzI2OS4yNjNMMjkuMzIyLDIyLjgyNjZsMi40ODg1Ny0xLjE1NTQ2LjQ5MjI0LS4yMjg1N2ExMS4xOTc1NiwxMS4xOTc1NiwwLDAsMCwzLjAzMDU4LjQxNDU1YzUuNjk3ODEsMCwxMC4zMzMzMi00LjIyOTYyLDEwLjMzMzMyLTkuNDI4NTNTNDEuMDMxMTUsMywzNS4zMzMzNCwzWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2LjcxNDI5LDMyLjU3MTQxYTEwLjAxMTMxLDEwLjAxMTMxLDAsMCwxLDEwLDEwVjQ0SDVWNDIuNTcxNDFhMTAuMDExMzEsMTAuMDExMzEsMCwwLDEsMTAtMTBoMS43MTQyOW0wLTJIMTVhMTIsMTIsMCwwLDAtMTIsMTJWNDQuNUExLjUsMS41LDAsMCwwLDQuNSw0NkgyNy4yMTQyOWExLjUsMS41LDAsMCwwLDEuNS0xLjVWNDIuNTcxNDFhMTIsMTIsMCwwLDAtMTItMTJaIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzMiIgeT0iOSIgd2lkdGg9IjciIGhlaWdodD0iMiIvPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMzIiIHk9IjEzIiB3aWR0aD0iNyIgaGVpZ2h0PSIyIi8+PC9zdmc+");
}

@media only screen and (max-width: 768px) {
  .top-area-05 {
    padding: 40px 0 50px 0;
  }
  .top-area-05 .top-panel-02 {
    margin-top: 10px;
  }
  .top-area-05 .top-panel-02.col4 li {
    width: 50%;
  }
  .top-area-05 .top-panel-02 li {
    margin-top: 10px;
    padding: 0;
  }
  .top-area-05 .top-panel-02 li::before {
    content: none;
  }
  .top-area-05 .top-panel-02 li:last-child::after {
    content: none;
  }
  .top-area-05 .top-panel-02 a {
    background-size: 60px 60px;
    padding-top: 75px;
  }
  .top-area-05 .top-panel-02 .title {
    font-size: 0.875rem;
    padding-left: 14px;
  }
  .top-area-05 .top-panel-02 .txt {
    font-size: 0.75rem;
    margin-top: 10px;
  }
}

/* --------------------------------------
 top-area-06
-------------------------------------- */
.top-area-06 {
  background: url("/common_rwd/images/top/bg-02.jpg") no-repeat center center;
  background-size: cover;
  margin: 0 -20px;
  padding: 60px 20px;
}

.top-area-06 .top-inquiry-01, .top-area-06 .top-inquiry-02 {
  align-items: center;
  flex-wrap: wrap;
  margin-top: 10px;
  max-width: 800px;
  width: 100%;
}

.top-area-06 .top-inquiry-01 .title, .top-area-06 .top-inquiry-02 .title {
  padding: 30px 0 30px 30px;
  width: 40%;
}

.top-area-06 .top-inquiry-01 .label-01, .top-area-06 .top-inquiry-02 .label-01 {
  font-size: 1.125rem;
  line-height: 1;
  margin-bottom: 20px;
}

.top-area-06 .top-inquiry-01 .label-01 span, .top-area-06 .top-inquiry-02 .label-01 span {
  border-radius: 50px;
  color: #ffffff;
  display: block;
  max-width: 270px;
  padding: 10px 5px 8px 5px;
  text-align: center;
  width: 100%;
}

.top-area-06 .top-inquiry-01 .label-01.type1 span, .top-area-06 .top-inquiry-02 .label-01.type1 span {
  background: #0071c5;
}

.top-area-06 .top-inquiry-01 .label-01.type2 span, .top-area-06 .top-inquiry-02 .label-01.type2 span {
  background: #cf3c3c;
}

.top-area-06 .top-inquiry-01 .hdg-01, .top-area-06 .top-inquiry-02 .hdg-01 {
  color: #000000;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.45455;
}

.top-area-06 .top-inquiry-01 .hdg-01 + p, .top-area-06 .top-inquiry-02 .hdg-01 + p {
  font-size: 0.75rem;
  margin-top: 5px;
}

.top-area-06 .top-inquiry-01 .nav-btn-01 a, .top-area-06 .top-inquiry-02 .nav-btn-01 a {
  width: 100%;
}

.top-area-06 .top-inquiry-01 .data-01, .top-area-06 .top-inquiry-02 .data-01 {
  padding: 20px 15px 20px 60px;
  position: relative;
  width: 60%;
}

.top-area-06 .top-inquiry-01 .data-01 > *:first-child, .top-area-06 .top-inquiry-02 .data-01 > *:first-child {
  margin-top: 0;
}

.top-area-06 .top-inquiry-01 .data-01::before, .top-area-06 .top-inquiry-02 .data-01::before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 30px;
}

.top-area-06 .top-inquiry-01 .data-01 p:not(.nav-btn-01), .top-area-06 .top-inquiry-02 .data-01 p:not(.nav-btn-01) {
  font-size: 0.875rem;
}

.top-area-06 .top-inquiry-01 .data-01 .tel-01 b, .top-area-06 .top-inquiry-02 .data-01 .tel-01 b {
  color: #000000;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  vertical-align: middle;
}

.top-area-06 .top-inquiry-01 .data-01 .tel-01 b span, .top-area-06 .top-inquiry-02 .data-01 .tel-01 b span {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", Meiryo, "メイリオ", Arial, sans-serif;
  font-size: 0.875rem;
}

.top-area-06 .top-inquiry-01 .data-01 .tel-01 .notice, .top-area-06 .top-inquiry-02 .data-01 .tel-01 .notice {
  color: #666666;
  display: block;
  font-size: 0.75rem;
  margin-top: 3px;
}

.top-area-06 .top-inquiry-01 .data-01 .tel-01 .label, .top-area-06 .top-inquiry-02 .data-01 .tel-01 .label {
  border: #0071c5 1px solid;
  border-radius: 50px;
  color: #0071c5;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1;
  margin-right: 17px;
  min-width: 180px;
  padding: 5px 0;
  text-align: center;
  vertical-align: middle;
}

.top-area-06 .top-inquiry-01 {
  background: linear-gradient(90deg, rgba(234, 243, 249, 0.8) 0%, rgba(234, 243, 249, 0.8) 40%, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.8) 100%);
}

.top-area-06 .top-inquiry-01 .data-01::before {
  background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #eaf3f9 50%) no-repeat top left/100% 51%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #eaf3f9 50%) no-repeat bottom right/100% 51%;
}

.top-area-06 .top-inquiry-01 .data-01 .tel-01 {
  margin-top: 10px;
}

.top-area-06 .top-inquiry-02 {
  background: linear-gradient(90deg, rgba(254, 239, 224, 0.8) 0%, rgba(254, 239, 224, 0.8) 40%, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.8) 100%);
}

.top-area-06 .top-inquiry-02 .data-01::before {
  background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #feefe0 50%) no-repeat top left/100% 51%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #feefe0 50%) no-repeat bottom right/100% 51%;
}

.top-area-06 .top-inquiry-02 .data-01 .tel-01 + .tel-01 {
  margin-top: 15px;
}

@media only screen and (max-width: 768px) {
  .top-area-06 {
    background: #ececea url("/common_rwd/images/top/bg-04.jpg") no-repeat right bottom;
    background-size: contain;
    margin: 0 -15px;
    padding: 45px 15px 45% 15px;
  }
  .top-area-06 .top-inquiry-01, .top-area-06 .top-inquiry-02 {
    display: block;
    max-width: 100%;
    width: 100%;
  }
  .top-area-06 .top-inquiry-01 .title, .top-area-06 .top-inquiry-02 .title {
    padding-left: 0;
    text-align: center;
    width: 100%;
  }
  .top-area-06 .top-inquiry-01 .label-01, .top-area-06 .top-inquiry-02 .label-01 {
    font-size: 1rem;
    margin-bottom: 0;
    padding: 0 20px;
  }
  .top-area-06 .top-inquiry-01 .label-01 span, .top-area-06 .top-inquiry-02 .label-01 span {
    max-width: 100%;
    padding: 10px 5px 8px 5px;
  }
  .top-area-06 .top-inquiry-01 .hdg-01, .top-area-06 .top-inquiry-02 .hdg-01 {
    font-size: 1.25rem;
    padding: 20px 0 0 0;
  }
  .top-area-06 .top-inquiry-01 .hdg-01 br, .top-area-06 .top-inquiry-02 .hdg-01 br {
    display: none;
  }
  .top-area-06 .top-inquiry-01 .hdg-01 + p, .top-area-06 .top-inquiry-02 .hdg-01 + p {
    font-size: 0.625rem;
  }
  .top-area-06 .top-inquiry-01 .data-01, .top-area-06 .top-inquiry-02 .data-01 {
    background: #ffffff;
    display: block;
    min-height: auto;
    padding: 34px 20px 25px 20px;
    position: relative;
    text-align: center;
    width: 100%;
  }
  .top-area-06 .top-inquiry-01 .data-01::after, .top-area-06 .top-inquiry-02 .data-01::after {
    content: "";
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .top-area-06 .top-inquiry-01 .data-01::before, .top-area-06 .top-inquiry-02 .data-01::before {
    content: none;
  }
  .top-area-06 .top-inquiry-01 .data-01 p:not(.nav-btn-01), .top-area-06 .top-inquiry-02 .data-01 p:not(.nav-btn-01) {
    font-size: 0.75rem;
  }
  .top-area-06 .top-inquiry-01 .data-01 .tel-01 b span, .top-area-06 .top-inquiry-02 .data-01 .tel-01 b span {
    font-size: 0.875rem;
  }
  .top-area-06 .top-inquiry-01 .data-01 .tel-01 .notice, .top-area-06 .top-inquiry-02 .data-01 .tel-01 .notice {
    font-size: 0.625rem;
  }
  .top-area-06 .top-inquiry-01 .data-01 .tel-01 .label, .top-area-06 .top-inquiry-02 .data-01 .tel-01 .label {
    display: block;
    margin-bottom: 5px;
    margin-right: 0;
    min-width: auto;
    padding: 5px 0;
    width: 100%;
  }
  .top-area-06 .top-inquiry-01 {
    background: none;
  }
  .top-area-06 .top-inquiry-01 .title {
    background: #eaf3f9;
  }
  .top-area-06 .top-inquiry-01 .data-01::after {
    background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #eaf3f9 50%) no-repeat top left/51% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #eaf3f9 50%) no-repeat top right/51% 100%;
  }
  .top-area-06 .top-inquiry-01 .data-01 .tel-01 {
    margin-top: 10px;
  }
  .top-area-06 .top-inquiry-01 .list-link-01 li {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
  .top-area-06 .top-inquiry-02 {
    background: none;
    margin-top: 10px;
  }
  .top-area-06 .top-inquiry-02 .title {
    background: #feefe0;
  }
  .top-area-06 .top-inquiry-02 .data-01::after {
    background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #feefe0 50%) no-repeat top left/51% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #feefe0 50%) no-repeat top right/51% 100%;
  }
  .top-area-06 .top-inquiry-02 .data-01 .tel-01 + .tel-01 {
    margin-top: 15px;
  }
}

/* --------------------------------------
 top-area-07
-------------------------------------- */
.top-area-07 {
  background: #0071c5;
  color: #ffffff;
  margin: 0 -20px;
  padding: 80px 20px 80px 20px;
}

.top-area-07 .lead-01 {
  font-size: 1.25rem;
  text-align: center;
}

.top-area-07 .link-01 {
  flex-wrap: wrap;
  margin-top: 20px;
}

.top-area-07 .link-01 li {
  width: 16.66667%;
}

.top-area-07 .link-01 li:first-child {
  width: 50%;
}

.top-area-07 .link-01 li:not(.type1) a {
  padding: 12px 5px;
}

.top-area-07 .link-01 li:not(.type1) span {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 42px 42px;
  padding-top: 54px;
}

.top-area-07 .link-01 a {
  align-items: center;
  background: #ffffff;
  color: #333333;
  justify-content: center;
  text-align: center;
  width: 100%;
}

.top-area-07 .link-01 .type1 {
  font-size: 1.5rem;
  padding-right: 10px;
}

.top-area-07 .link-01 .type1 a {
  color: #0071c5;
}

.top-area-07 .link-01 .type1 span {
  background: url("data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwNzFjNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjAxX2NvbnRhY3Q8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTMxLDE4YTUuOTk2NjMsNS45OTY2MywwLDAsMC01LTUuOTFWMTJBMTAsMTAsMCwwLDAsNiwxMnYuMDlBNS45OTY3Miw1Ljk5NjcyLDAsMCwwLDcsMjRoM2ExLDEsMCwwLDAsMS0xVjEzYTEsMSwwLDAsMC0xLTFIOGE4LDgsMCwwLDEsMTYsMEgyMmExLDEsMCwwLDAtMSwxVjIzYTEsMSwwLDAsMCwxLDFoMnY0SDE5VjI3YTEsMSwwLDAsMC0xLTFIMTVhMSwxLDAsMCwwLTEsMXYzSDI0YTIuMDAyNiwyLjAwMjYsMCwwLDAsMi0yVjIzLjkxQTUuOTk2NjMsNS45OTY2MywwLDAsMCwzMSwxOFpNOSwxNHY4SDdhNCw0LDAsMCwxLDAtOFptMTYsOEgyM1YxNGgyYTQsNCwwLDAsMSwwLDhaIi8+PC9zdmc+") no-repeat left center;
  background-size: 46px 46px;
  padding: 35px 0 35px 70px;
}

.top-area-07 .link-01 .type2 span {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwNzFjNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjAxX3F1ZXN0aW9uPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yNy4wMDIzNiw1VjIzaC00djRIMjEuODMwNzhsLTMuNDE0MjEtMy40MTQyMkwxNy44MzA3OSwyM0g1LjAwMjM2VjVoMjJtMS0yaC0yNGExLDEsMCwwLDAtMSwxVjI0YTEsMSwwLDAsMCwxLDFoMTNsNCw0aDRWMjVoM2ExLDEsMCwwLDAsMS0xVjRhMSwxLDAsMCwwLTEtMVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yMC45Mzc0MiwxNi4zNTM1MmE0LjEzMDY3LDQuMTMwNjcsMCwwLDEtLjg2MzI4LDEuNTg2OTFsMS4yNzUzOSwxLjIwMDE5LTEuMjEsMS4yNjI3LTEuMzM0LTEuMjY1NjJhNS42MzE1OCw1LjYzMTU4LDAsMCwxLTEuMDU1NjcuNTIyNDYsNS42Nyw1LjY3LDAsMCwxLTEuNzg3MTEuMjQ5LDUuMTE0LDUuMTE0LDAsMCwxLTMuNTg4ODctMS4yOTU5LDUuODY5NjQsNS44Njk2NCwwLDAsMS0xLjcxODc1LTQuNTc5MSw1LjgyNTA2LDUuODI1MDYsMCwwLDEsMS43NjI3LTQuNjAzNTJBNS4yMDM1NSw1LjIwMzU1LDAsMCwxLDE1Ljk5Niw4LjE1ODJhNS4xMzA3MSw1LjEzMDcxLDAsMCwxLDMuNjE2MjIsMS4zNDg2NCw1LjY0MTkxLDUuNjQxOTEsMCwwLDEsMS42ODc1LDQuMzYxMzJBNy4zNzQ3OCw3LjM3NDc4LDAsMCwxLDIwLjkzNzQyLDE2LjM1MzUyWm0tNC4yMDksMS40OTEyMWEzLjc2NTEyLDMuNzY1MTIsMCwwLDAsLjUxOTUzLS4xODg0OGwtMS4xMjQtMS4wNjkzNCwxLjE5MjM5LTEuMjQ0MTQsMS4xMjc5MywxLjA2MjVhNS4yNTExOSw1LjI1MTE5LDAsMCwwLC4zNjkxNC0uOTQ4MjQsNS40NzE5LDUuNDcxOSwwLDAsMCwuMTY2LTEuNDIzODMsNC43NDIwOCw0Ljc0MjA4LDAsMCwwLS43NjQ2NS0yLjg4ODY3QTIuNjIwMjYsMi42MjAyNiwwLDAsMCwxNS45ODEzNywxMC4xMjRhMi43MjQ1OCwyLjcyNDU4LDAsMCwwLTIuMjAwMi45Nzk1LDQuNDc1NjIsNC40NzU2MiwwLDAsMC0uODIxMjksMi45MzA2Niw0LjA1MDIsNC4wNTAyLDAsMCwwLDEuMTc1NzgsMy4yNjg1NSwyLjc0MjI0LDIuNzQyMjQsMCwwLDAsMS44MjQyMi42NDA2M0EyLjk4MjQxLDIuOTgyNDEsMCwwLDAsMTYuNzI4NDQsMTcuODQ0NzNaIi8+PC9zdmc+");
}

.top-area-07 .link-01 .type3 {
  padding-left: 2px;
}

.top-area-07 .link-01 .type3 span {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwNzFjNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjAxX3ByaWNlPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNC44NzIsMjRWMjAuNjc0NDFIMTEuNDAwMzFWMTkuMTk4MTRIMTQuODcyVjE3LjQ4NTkybC0uMDg5ODQtLjE5NjYySDExLjQwMDMxVjE1LjgxM2gyLjY3Njc2TDEwLjk0ODE2LDkuMjAxMTdoMi41MTM2OGwyLjU4NTkzLDYuMTk5NDhMMTguNzA2LDkuMjAxMTdoMi4zNTA1OEwxNy45Mjc2NiwxNS44MTNoMi42MjIwN1YxNy4yODkzaC0zLjMwODZsLS4xNDQ1My4zMTQ2djEuNTk0MjRoMy40NTMxM3YxLjQ3NjI3SDE3LjA5NjZWMjRaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTYuMDAyMzYsNGExMiwxMiwwLDEsMS0xMiwxMiwxMi4wMTM1OSwxMi4wMTM1OSwwLDAsMSwxMi0xMm0wLTJhMTQsMTQsMCwxLDAsMTQsMTQsMTQsMTQsMCwwLDAtMTQtMTRaIi8+PC9zdmc+");
}

.top-area-07 .link-01 .type4 {
  padding-left: 2px;
}

.top-area-07 .link-01 .type4 span {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwNzFjNTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjAxX2tvdWppPC90aXRsZT48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMTkuMDAyIDE3IDE3LjAwMiAxNyAxNy4wMDIgMTUgMTUuMDAyIDE1IDE1LjAwMiAxNyAxMy4wMDIgMTcgMTMuMDAyIDE5IDE1LjAwMiAxOSAxNS4wMDIgMjEgMTcuMDAyIDIxIDE3LjAwMiAxOSAxOS4wMDIgMTkgMTkuMDAyIDE3Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjkuNzE0NDYsMTkuNzA4LDI4LjAzMDU2LDE4di0uNTcyODhDMjguMDMwNTYsMTAuODA0MzgsMjQuMDAyMzYsNCwxNi4wMDIzNiw0UzMuOTc0MTYsMTAuMzEwMTgsMy45NzQxNiwxNy4wMjgxNHEwLC4wODYwNS4wMDEyMy4xNzE4N1YxOEwyLjI5MDQ1LDE5LjcwOGExLjAwMDA3LDEuMDAwMDcsMCwwLDAtLjI4ODA5LjcwMjI3VjI1YTEsMSwwLDAsMCwxLDFoMjZhMSwxLDAsMCwwLDEtMVYyMC40MUEuOTk5OTIuOTk5OTIsMCwwLDAsMjkuNzE0NDYsMTkuNzA4Wk0yOC4wMDIzNiwyNGgtMjRWMjAuODIwNDNsMS4zOTY3OS0xLjQxNTg5TDUuNzk4MjYsMTloNS4yMDQxVjE3SDUuOTc1MTRDNS45ODU3NiwxMS41Miw5LjA4Njc3LDYsMTYuMDAyMzYsNmE5LjE2MTA3LDkuMTYxMDcsMCwwLDEsNy40NDc1MSwzLjQ3MzMzQTEyLjg2Njk0LDEyLjg2Njk0LDAsMCwxLDI2LjAxMzg0LDE3SDIxLjAwMjM2djJoNS4yMDU1N2wuMzk4NDQuNDA0MTEsMS4zOTYsMS40MTZaIi8+PC9zdmc+");
}

.top-area-07 br {
  display: none;
}

@media only screen and (max-width: 768px) {
  .top-area-07 {
    margin: 0 -15px;
    padding: 40px 15px 50px 15px;
  }
  .top-area-07 .lead-01 {
    font-size: 0.875rem;
    text-align: left;
  }
  .top-area-07 .link-01 {
    margin: 30px -1px 0 -1px;
  }
  .top-area-07 .link-01 li {
    padding: 0 1px;
    width: 33.33333%;
  }
  .top-area-07 .link-01 li:first-child {
    width: 100%;
  }
  .top-area-07 .link-01 li:not(.type1) {
    font-size: 0.75rem;
    margin-top: 20px;
  }
  .top-area-07 .link-01 li:not(.type1) a {
    padding: 5px 0;
  }
  .top-area-07 .link-01 li:not(.type1) span {
    background-size: 27px 27px;
    padding-top: 35px;
  }
  .top-area-07 .link-01 .type1 {
    font-size: 1rem;
    padding-right: 0;
  }
  .top-area-07 .link-01 .type1 a {
    color: #333333;
  }
  .top-area-07 .link-01 .type1 span {
    background-size: 30px 30px;
    padding: 17px 0 16px 42px;
  }
  .top-area-07 .link-01 .type2, .top-area-07 .link-01 .type3, .top-area-07 .link-01 .type4 {
    padding: 0 1px;
  }
  .top-area-07 br {
    display: block;
  }
}

/* --------------------------------------
 top-area-08
-------------------------------------- */
.top-area-08 {
  padding: 70px 0 80px 0;
}

.top-area-08 .top-panel-01 {
  flex-wrap: wrap;
  margin: 0 -20px;
}

.top-area-08 .top-panel-01.col2 li {
  padding: 0 20px;
  width: 50%;
}

.top-area-08 .top-panel-01 li {
  margin-top: 40px;
}

.top-area-08 .top-panel-01 a {
  color: #333333;
}

.top-area-08 .top-panel-01 a:hover .img img, .top-area-08 .top-panel-01 a:focus .img img {
  transform: scale(1.1, 1.1);
}

.top-area-08 .top-panel-01 a .img {
  line-height: 1;
  overflow: hidden;
}

.top-area-08 .top-panel-01 a .img img {
  transform: scale(1, 1);
  transition: .2s all;
  width: 100%;
}

.top-area-08 .top-panel-01 a .data {
  flex: 1;
  min-width: 180px;
  padding-left: 30px;
}

.top-area-08 .top-panel-01 a .txt-01 {
  color: #666666;
  display: block;
  font-size: 0.875rem;
  vertical-align: middle;
}

.top-area-08 .top-panel-01 a .title-01 {
  color: #0071c5;
  display: block;
  font-size: 1.125rem;
  font-weight: bold;
}

.top-area-08 .top-panel-01 a .label-new {
  background-color: #c50000;
  color: #ffffff;
  display: inline-block;
  font-weight: 900;
  line-height: 1;
  margin-right: 5px;
  padding: 4px 6px 2px;
  text-align: center;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  .top-area-08 {
    padding: 50px 0;
  }
  .top-area-08 .top-panel-01 {
    display: block;
    margin: 0;
  }
  .top-area-08 .top-panel-01.col2 li {
    padding: 0;
    width: 100%;
  }
  .top-area-08 .top-panel-01 li {
    margin-top: 30px;
  }
  .top-area-08 .top-panel-01 a .data {
    flex: 1;
    min-width: 150px;
    padding-left: 15px;
  }
  .top-area-08 .top-panel-01 a .txt-01, .top-area-08 .top-panel-01 a .txt-02 {
    font-size: 0.75rem;
  }
  .top-area-08 .top-panel-01 a .title-01 {
    font-size: 0.875rem;
  }
}

/* --------------------------------------
 top-area-09
-------------------------------------- */
.top-area-09 {
  padding: 60px 0;
}

.top-area-09 .top-bnr-01 {
  justify-content: space-between;
  margin: 0 -5px;
}

.top-area-09 .top-bnr-01.col2 li {
  width: 50%;
}

.top-area-09 .top-bnr-01.col2 li:nth-child(n + 3) {
  margin-top: 25px;
}

.top-area-09 .top-bnr-01.col3 li {
  width: 33.33333%;
}

.top-area-09 .top-bnr-01.col3 li:nth-child(n + 4) {
  margin-top: 25px;
}

.top-area-09 .top-bnr-01.col4 li {
  width: 25%;
}

.top-area-09 .top-bnr-01.col4 li:nth-child(n + 5) {
  margin-top: 25px;
}

.top-area-09 .top-bnr-01 li {
  justify-content: center;
  padding: 0 5px;
}

.top-area-09 .top-bnr-01 a {
  color: #333333;
  display: block;
  text-decoration: none;
}

.top-area-09 .top-bnr-01 a:hover, .top-area-09 .top-bnr-01 a:focus {
  text-decoration: underline;
}

.top-area-09 .top-bnr-01 a:hover *, .top-area-09 .top-bnr-01 a:focus * {
  text-decoration: underline;
}

.top-area-09 .top-bnr-01 a:hover .img img, .top-area-09 .top-bnr-01 a:focus .img img {
  transform: scale(1.1, 1.1);
}

.top-area-09 .top-bnr-01 .img {
  display: block;
  line-height: 1;
  overflow: hidden;
}

.top-area-09 .top-bnr-01 .img img {
  transform: scale(1, 1);
  transition: .2s all;
}

.top-area-09 .top-bnr-01 .txt {
  display: block;
  margin-top: 5px;
  padding-left: 15px;
  position: relative;
}

.top-area-09 .top-bnr-01 .txt::before {
  border-right: solid 2px #0071c5;
  border-top: solid 2px #0071c5;
  content: "";
  display: block;
  height: 8px;
  left: 0;
  position: absolute;
  top: 9px;
  transform: rotate(45deg);
  width: 8px;
  will-change: transform;
}

@media only screen and (max-width: 768px) {
  .top-area-09 {
    padding: 50px 0;
  }
  .top-area-09 .top-bnr-01 {
    display: block;
    margin: 0;
  }
  .top-area-09 .top-bnr-01.col2 li, .top-area-09 .top-bnr-01.col3 li, .top-area-09 .top-bnr-01.col4 li {
    padding: 0;
    width: 100%;
  }
  .top-area-09 .top-bnr-01.col2 li + li, .top-area-09 .top-bnr-01.col3 li + li, .top-area-09 .top-bnr-01.col4 li + li {
    margin-top: 25px;
  }
  .top-area-09 .top-bnr-01 .img img {
    width: 100%;
  }
}

/* --------------------------------------
 top-important-area
-------------------------------------- */
.top-important-area {
  margin: 0 -20px;
  padding: 0 20px;
}

.top-important-area.type1 {
  background: #fef4f6;
}

.top-important-area.type2 {
  background: #e5f1f9;
}

.top-important-area > .inner {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .top-important-area > .inner {
    padding: 0;
  }
  .top-important-area > .inner .box-important-01 {
    padding: 15px;
  }
}

.top-important-area .box-important-01 {
  padding: 20px;
}

.top-important-area .box-important-01 .box-inner {
  align-items: center;
  background: #ffffff;
  border: #c50000 1px solid;
  padding: 13px 15px;
}

.top-important-area .box-important-01 .hdg-01 {
  color: #000000;
  text-align: center;
  width: 200px;
}

.top-important-area .box-important-01 .hdg-01 span {
  font-weight: bold;
}

.top-important-area .box-important-01 .data {
  border-left: #cccccc 1px solid;
  flex: 1;
  padding-left: 30px;
}

.top-important-area .box-important-01 .data > *:first-child {
  margin-top: 0;
}

.top-important-area .lead-important-01 {
  background: #c50000;
  color: #ffffff;
  position: relative;
  text-align: center;
}

.top-important-area .lead-important-01::before, .top-important-area .lead-important-01::after {
  background: #c50000;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.top-important-area .lead-important-01::before {
  left: -100%;
}

.top-important-area .lead-important-01::after {
  right: -100%;
}

.top-important-area .lead-important-01 strong {
  background: url("data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjAxX2F0dGVudGlvbjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTQuNDc0LDguODI3MTVoMy4wNTY2NHYzLjY0ODQ0bC0uNzkxLDYuNzEyODlIMTUuMjg0NTlMMTQuNDc0LDEyLjQ3NTU5Wm0uMDY4MzYsMTEuNTIzNDRoMi45MTk5MnYyLjgyMjI2SDE0LjU0MjRaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTYuMDAyMzYsNGExMiwxMiwwLDEsMS0xMiwxMiwxMi4wMTM1OSwxMi4wMTM1OSwwLDAsMSwxMi0xMm0wLTJhMTQsMTQsMCwxLDAsMTQsMTQsMTQsMTQsMCwwLDAtMTQtMTRaIi8+PC9zdmc+") no-repeat center left;
  background-size: 28px 28px;
  color: #ffffff;
  display: inline-block;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 12px 0 11px 0;
  padding-left: 38px;
}

.top-important-area .lead-important-01 br {
  display: none;
}

.top-important-area .lead-important-02 {
  background: #0071c5;
  color: #ffffff;
  padding: 15px 0 14px 0;
  position: relative;
  text-align: center;
}

.top-important-area .lead-important-02::before, .top-important-area .lead-important-02::after {
  background: #0071c5;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.top-important-area .lead-important-02::before {
  left: -100%;
}

.top-important-area .lead-important-02::after {
  right: -100%;
}

.top-important-area .lead-important-02 b {
  color: #ffffff;
  display: block;
  font-size: 1.375rem;
  font-weight: bold;
  letter-spacing: -.5px;
  line-height: 1.09091;
  padding: 12px 0 11px 0;
}

.top-important-area .lead-important-02 b .label {
  background: #ffffff;
  border-radius: 50px;
  color: #0071c5;
  display: inline-block;
  font-size: 0.9375rem;
  margin-bottom: 3px;
  margin-right: 20px;
  padding: 6px 24px 3px 24px;
}

.top-important-area .lead-important-02 b .label span {
  font-size: 1.3125rem;
  vertical-align: middle;
}

.top-important-area .lead-important-02 br {
  display: none;
}

.top-important-area .box-important-02 {
  flex-wrap: wrap;
  padding-bottom: 20px;
}

.top-important-area .box-important-02 .list-link-01 li {
  display: inline-block;
}

.top-important-area .box-important-02 .title-01 {
  font-weight: bold;
}

.top-important-area .box-important-02 .title-01 + p {
  margin-top: 15px;
}

.top-important-area .box-important-02 .col {
  margin-top: 35px;
  padding: 0 60px;
  text-align: center;
  width: 50%;
}

.top-important-area .box-important-02 .col + .col {
  border-left: #cccccc 1px solid;
}

.top-important-area .box-important-02 .notice-01 {
  color: #666666;
  font-size: 0.875rem;
}

.top-important-area .box-important-02 .notice-02 {
  font-size: 0.875rem;
}

.top-important-area .box-important-02 .nav-btn-01, .top-important-area .box-important-02 .nav-btn-02 {
  margin-top: 30px;
}

.top-important-area .top-important-list-01 {
  flex-wrap: wrap;
}

.top-important-area .top-important-list-01 dt {
  color: #000000;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
  padding-left: 85px;
  position: relative;
  text-align: left;
}

.top-important-area .top-important-list-01 dt.type1::before {
  background: #0071c5 url("data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjAyX2tvdXN5dXVkZW53YTwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzNCIgeT0iMzMiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00NC41LDRoLTI5QTEuNSwxLjUsMCwwLDAsMTQsNS41VjE0SDEyVjEwLjVBMS41LDEuNSwwLDAsMCwxMC41LDloLTZBMS41LDEuNSwwLDAsMCwzLDEwLjV2MjFBMS41LDEuNSwwLDAsMCw0LjUsMzNoNkExLjUsMS41LDAsMCwwLDEyLDMxLjVWMjhoMlY0Mi41QTEuNSwxLjUsMCwwLDAsMTUuNSw0NGgyOUExLjUsMS41LDAsMCwwLDQ2LDQyLjVWNS41QTEuNSwxLjUsMCwwLDAsNDQuNSw0Wk0xMCwzMUg1VjExaDVabTQtNUgxMlYxNmgyWk00NCw0MkgxNlY2SDQ0WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIwLDEwVjMwSDQwVjEwWk0zNywyMEgzMlYxOGg1Wm0wLTVIMzJWMTNoNVoiLz48L3N2Zz4=") no-repeat center center;
  background-size: 42px 42px;
  border-radius: 5px;
  content: "";
  display: block;
  height: 60px;
  left: 0;
  margin-top: -30px;
  position: absolute;
  top: 50%;
  width: 60px;
}

.top-important-area .top-important-list-01 dt.type2::before {
  background: #0071c5 url("data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjAxX3Bjc3A8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI5LDNIOEExLDEsMCwwLDAsNyw0djdIM2ExLDEsMCwwLDAtMSwxVjI4YTEsMSwwLDAsMCwxLDFIMTNhMSwxLDAsMCwwLDEtMVYyNEgyOVYyMkgyMFYyMGg5YTEsMSwwLDAsMCwxLTFWNEExLDEsMCwwLDAsMjksM1pNMTIsMjZINFYxM2g4Wm01LTRIMTRWMjBoM1ptMTEtNEgxNFYxMmExLDEsMCwwLDAtMS0xSDlWNUgyOFoiLz48L3N2Zz4=") no-repeat center center;
  background-size: 42px 42px;
  border-radius: 5px;
  content: "";
  display: block;
  height: 60px;
  left: 0;
  margin-top: -30px;
  position: absolute;
  top: 50%;
  width: 60px;
}

.top-important-area .top-important-list-01 dd {
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {
  .top-important-area {
    margin: 0 -15px;
    padding: 0 15px 15px 15px;
  }
  .top-important-area .lead-important-01 strong {
    display: block;
    font-size: 0.875rem;
    line-height: 1.42857;
    padding: 7px 0 6px 0;
  }
  .top-important-area .lead-important-01 br {
    display: block;
  }
  .top-important-area .lead-important-02 {
    font-size: 0.75rem;
    padding: 7px 0 8px 0;
  }
  .top-important-area .lead-important-02 b {
    font-size: 0.875rem;
    line-height: 1.42857;
    margin-top: 3px;
    padding: 0;
  }
  .top-important-area .lead-important-02 b .label {
    display: table;
    font-size: 0.75rem;
    font-weight: bold;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 2px 24px 1px 24px;
  }
  .top-important-area .lead-important-02 b .label span {
    font-size: 0.75rem;
  }
  .top-important-area .lead-important-02 br {
    display: block;
  }
  .top-important-area .box-important-01 {
    padding: 15px 0;
  }
  .top-important-area .box-important-01 .box-inner {
    display: block;
    padding: 10px 15px;
  }
  .top-important-area .box-important-01 .hdg-01 {
    padding-bottom: 10px;
    text-align: left;
    width: 100%;
  }
  .top-important-area .box-important-01 .data {
    border-left: 0;
    border-top: #cccccc 1px solid;
    padding-left: 0;
    padding-top: 10px;
  }
  .top-important-area .box-important-02 {
    display: block;
  }
  .top-important-area .box-important-02 .col {
    margin-top: 25px;
    padding: 0;
    text-align: left;
    width: 100%;
  }
  .top-important-area .box-important-02 .col + .col {
    border-left: 0;
    border-top: #cccccc 1px solid;
    margin-top: 25px;
    padding-top: 25px;
  }
  .top-important-area .box-important-02 .notice-01, .top-important-area .box-important-02 .notice-02 {
    font-size: 0.75rem;
  }
  .top-important-area .box-important-02 .nav-btn-01, .top-important-area .box-important-02 .nav-btn-02 {
    margin-top: 15px;
  }
  .top-important-area .top-important-list-01 {
    display: block;
  }
  .top-important-area .top-important-list-01 dt {
    font-size: 1rem;
    line-height: 1.5;
    padding-left: 57px;
  }
  .top-important-area .top-important-list-01 dt.type1::before {
    background-size: 31px 31px;
    height: 48px;
    margin-top: -24px;
    width: 48px;
  }
  .top-important-area .top-important-list-01 dt.type2::before {
    background-size: 31px 31px;
    height: 48px;
    margin-top: -24px;
    width: 48px;
  }
  .top-important-area .top-important-list-01 dd {
    margin-top: 10px;
  }
  .top-important-area .top-important-list-01 .list-link-01 {
    margin-top: 10px;
    text-align: center;
  }
}

/* --------------------------------------
 carousel
-------------------------------------- */
/**
 * Swiper 5.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 11, 2020
 */
:root {
  --swiper-theme-color: #007aff;
}

.js-carousel-01 {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
  z-index: 1;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

.swiper-slide {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-button-prev, .swiper-button-next {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 70px;
  justify-content: center;
  margin-top: -35px;
  position: absolute;
  top: 50%;
  width: 76px;
  z-index: 10;
}

.swiper-button-prev span, .swiper-button-next span {
  font-size: 0.75rem;
  opacity: 0;
}

@media only screen and (max-width: 768px) {
  .swiper-button-prev, .swiper-button-next {
    height: 40px;
    top: 30%;
    width: 46px;
  }
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 20px;
  right: auto;
}

@media only screen and (max-width: 768px) {
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0;
  }
}

.swiper-button-prev::before {
  border-bottom: solid 2px #ffffff;
  border-left: solid 2px #ffffff;
  content: "";
  display: block;
  height: 40px;
  left: 18px;
  position: absolute;
  top: 12px;
  transform: rotate(45deg);
  width: 40px;
  will-change: transform;
}

@media only screen and (max-width: 768px) {
  .swiper-button-prev::before {
    height: 20px;
    width: 20px;
  }
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  left: auto;
  right: 20px;
}

@media only screen and (max-width: 768px) {
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0;
  }
}

.swiper-button-next::before {
  border-right: solid 2px #ffffff;
  border-top: solid 2px #ffffff;
  content: "";
  display: block;
  height: 40px;
  position: absolute;
  right: 18px;
  top: 12px;
  transform: rotate(45deg);
  width: 40px;
  will-change: transform;
}

@media only screen and (max-width: 768px) {
  .swiper-button-next::before {
    height: 20px;
    width: 20px;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  text-align: center;
  transform: translate3d(0, 0, 0);
  transition: 300ms opacity;
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
  align-items: center;
  bottom: 20px;
  flex-wrap: wrap;
  justify-content: center;
  left: 0;
  position: absolute;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    padding: 20px 100px 20px 100px;
    position: static;
  }
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  background: #f3f3f3;
  font-size: .625rem;
  height: 6px;
  overflow: hidden;
  position: relative;
  width: 60px;
}

.swiper-pagination-bullet span {
  color: #f3f3f3;
  display: block;
  left: 0;
  top: 0;
}

:root .swiper-pagination-bullet span {
  position: absolute;
}

@media only screen and (max-width: 768px) {
  .swiper-pagination-bullet {
    background: #cbe2f3;
    width: 30px;
  }
  .swiper-pagination-bullet span {
    color: #cbe2f3;
  }
}

.swiper-pagination-bullet-active {
  background: #0071c5;
  height: 10px;
  opacity: 1;
}

.swiper-pagination-bullet-active span {
  color: #0071c5;
}

@media only screen and (max-width: 768px) {
  .swiper-pagination-bullet-active {
    background: #ffffff;
  }
  .swiper-pagination-bullet-active span {
    color: #ffffff;
  }
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: 6px 0;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  overflow: hidden;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transform-origin: left top;
  width: 100%;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 4px;
  left: 0;
  top: 0;
  width: 100%;
}

.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 100%;
  left: 0;
  top: 0;
  width: 4px;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  position: relative;
}

.swiper-container-horizontal > .swiper-scrollbar {
  bottom: 3px;
  height: 5px;
  left: 1%;
  position: absolute;
  width: 98%;
  z-index: 50;
}

.swiper-container-vertical > .swiper-scrollbar {
  height: 98%;
  position: absolute;
  right: 3px;
  top: 1%;
  width: 5px;
  z-index: 50;
}

.swiper-scrollbar-drag {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%;
}

.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #ffffff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* a11y */
.swiper-container .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100%;
  pointer-events: none;
  transform-origin: 0 0;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow {
  background: #000000;
  bottom: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  height: 100%;
  left: 0;
  opacity: .6;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0;
}

.js-carousel-inner {
  display: flex;
  height: 100%;
  position: relative;
  transform: translate3d(0, 0, 0);
  transition-property: transform;
  width: 100%;
  z-index: 1;
}

.js-carousel-item {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}

.carousel-nav {
  background: rgba(0, 0, 0, 0.55);
  bottom: 20px;
  color: #ffffff !important;
  font-size: 0.75rem;
  font-weight: bold;
  min-width: 120px;
  padding: 5px 0 5px 5px;
  position: absolute;
  right: 20px;
  text-align: center;
  z-index: 20;
}

.carousel-nav::before {
  border-left: #ffffff 3px solid;
  border-right: #ffffff 3px solid;
  content: "";
  display: block;
  height: 12px;
  left: 13px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  width: 10px;
}

.carousel-nav.stop::before {
  content: none;
}

.carousel-nav.stop::after {
  border-color: transparent transparent transparent #ffffff;
  border-style: solid;
  border-width: 6px 0 6px 12px;
  content: "";
  display: block;
  height: 0;
  left: 13px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  width: 0;
}

@media only screen and (max-width: 768px) {
  .carousel-nav {
    background: none;
    min-width: auto;
    padding: 0 0 0 30px;
  }
}

/* --------------------------------------
 alert
-------------------------------------- */

.a-area {
    margin: 0 -20px;
}

@media only screen and (max-width: 768px) {
 .a-area {
    margin: 0;
 }
}

.top-area-a {
    padding: 20px;
}

@media only screen and (max-width: 768px) {
 .top-area-a {
    padding: 20px 0 20px 0;
 }
}

.top-area-a .inner {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

@media only screen and (max-width: 768px) {
 .top-area-a .inner {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
 }
}