@charset "UTF-8";
/**
 * Set up a decent box model on the root element
 */
html {
  box-sizing: border-box;
  margin-top: 0 !important;
}

.modal-backdrop.show {
  opacity: 0.85;
}

body {
  font-family: "Noto Sans JP", serif;
  color: #555;
  font-weight: normal;
  background: #F8F8F8;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 767px) {
  body {
    padding-top: 50px !important;
  }
}

img {
  max-width: 100%;
}

.view-all {
  text-align: center;
  margin-bottom: 0;
}
.view-all a {
  color: #00576F;
  font-size: 17px;
}
.view-all a img {
  width: 40px;
  margin-left: 30px;
}
@media only screen and (max-width: 767px) {
  .view-all a {
    font-size: 14px;
  }
  .view-all a img {
    width: 28px;
    margin-left: 20px;
  }
}

.container {
  max-width: 1230px;
}
@media only screen and (max-width: 767px) {
  .container {
    max-width: 100% !important;
    padding-right: 20px;
    padding-left: 20px;
  }
}

.container-big {
  max-width: 1440px;
  margin: auto;
  display: block;
}
@media only screen and (max-width: 767px) {
  .container-big {
    max-width: 100% !important;
  }
}

.entry-content {
  width: 802px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

body *:focus {
  outline: none;
}

.cursor-default {
  cursor: default;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
 * Basic styles for links
 */
a {
  text-decoration: none;
  color: #555;
}
a:hover, a:active, a:focus {
  text-decoration: none;
  color: #555;
}
/**
* Style OwlCarousel
*/
#scroll-top {
  width: 50px;
  overflow: hidden;
  display: inline-block;
  position: fixed;
  bottom: 15px;
  right: calc((100vw - 1150px) / 2);
  z-index: 9999;
}

.block-breadcrumb {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .block-breadcrumb {
    padding-bottom: 21px;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
  }
}
.block-breadcrumb ul {
  list-style: none;
  display: flex;
  align-items: center;
  padding-left: 0;
  margin: 0;
}
.block-breadcrumb ul li a {
  color: #555555;
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 32px;
  display: inline-block;
  font-family: "Noto Sans JP";
}
@media only screen and (max-width: 767px) {
  .block-breadcrumb ul li a {
    font-size: 10px;
  }
}
.block-breadcrumb ul li a br {
  display: none;
}
.block-breadcrumb ul li:first-child {
  margin-right: 10px;
}
.block-breadcrumb ul li:first-child a {
  text-decoration: underline;
}
.block-breadcrumb ul li:not(:last-child) a {
  text-decoration: underline;
}
.block-breadcrumb ul li:not(:first-child):before {
  content: "";
  width: 16px;
  height: 1px;
  background: #F78CA2;
  display: inline-block;
  position: relative;
  top: -3px;
  margin: 0 10px;
}
@media only screen and (max-width: 767px) {
  .block-breadcrumb ul li:not(:first-child):before {
    margin-left: 8px;
    width: 8px;
  }
}
.block-breadcrumb ul li:last-child a {
  cursor: default;
}

.owl-dots {
  text-align: center;
  line-height: 1;
}
.owl-dots button {
  width: 10px;
  height: 10px;
  background: #A0ABBE !important;
  margin-right: 10px;
  margin-left: 10px;
  border-radius: 50%;
  opacity: 0.2;
}
.owl-dots button.active {
  background: #F78CA2 !important;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .owl-dots button {
    width: 8px;
    height: 8px;
    margin-right: 6px;
    margin-left: 6px;
  }
}

.owl-theme .owl-dots .owl-dot span {
  display: none;
}

.block-pagination {
  text-align: center;
}
.block-pagination a {
  border-radius: 0 !important;
  border: 0;
  font-size: 16px;
  line-height: 33px;
  text-align: center;
  color: #FFFFFF;
  width: 36px;
  background: linear-gradient(90deg, #71AFD1 -11.54%, #9DCCE0 108.64%);
  height: 36px;
  margin: 0 6px;
  padding: 0;
  display: inline-block;
}
.block-pagination span {
  border-radius: 0 !important;
  border: 0;
  font-size: 16px;
  line-height: 33px;
  text-align: center;
  color: #FFFFFF;
  width: 36px;
  background: #1c7ae5;
  height: 36px;
  margin: 0 6px;
  padding: 0;
  display: inline-block;
}
.block-pagination ul {
  display: inline-block;
  border-radius: 0;
  margin-bottom: 0;
}
.block-pagination ul li {
  float: left;
  border-radius: 0;
}
.block-pagination ul li a {
  border-radius: 0 !important;
  border: 0;
  font-size: 16px;
  line-height: 33px;
  text-align: center;
  color: #FFFFFF;
  width: 36px;
  background: linear-gradient(90deg, #71AFD1 -11.54%, #9DCCE0 108.64%);
  height: 36px;
  margin: 0 6px;
  padding: 0;
}

/* Block Alignments */
/**
 * These selectors set the default max width for content appearing inside a post or page.
 */
/**
 * .alignleft
 */
.alignleft {
  text-align: left;
  margin-top: 0;
}

.alignleft:after {
  content: "";
  display: block;
  clear: both;
}

.entry-content > .alignleft {
  max-width: var(--responsive--aligndefault-width);
}

@media only screen and (min-width: 482px) {
  .alignleft {
    float: left;
    margin-right: var(--global--spacing-horizontal);
    margin-bottom: var(--global--spacing-vertical);
  }
  .entry-content > .alignleft {
    max-width: calc(50% - var(--responsive--alignleft-margin));
  }
}
/**
 * .aligncenter
 */
.aligncenter {
  clear: both;
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/**
 * .alignright
 */
.alignright {
  margin-top: 0;
  margin-bottom: var(--global--spacing-vertical);
}

.alignright:after {
  content: "";
  display: block;
  clear: both;
}

.entry-content > .alignright {
  max-width: var(--responsive--aligndefault-width);
}

.opacity {
  opacity: 0.8;
  cursor: default !important;
}

.page-link:hover {
  color: #FFFFFF !important;
  background: #234872 !important;
  opacity: 0.9;
}

@media only screen and (min-width: 482px) {
  .alignright {
    float: right;
    margin-left: var(--global--spacing-horizontal);
  }
  .entry-content > .alignright {
    max-width: calc(50% - var(--responsive--alignright-margin));
  }
}
#menu-mobile img {
  width: 20px;
}
#menu-mobile img:nth-child(2) {
  display: none;
}
#menu-mobile.show img:nth-child(1) {
  display: none;
}
#menu-mobile.show img:nth-child(2) {
  display: inline-block;
}

#icon-search {
  position: absolute;
  right: 0;
  top: 23px;
}
#icon-search img {
  width: 40px;
  background: #231815;
  border-radius: 50%;
}
#icon-search img:nth-child(2) {
  display: none;
}
#icon-search img:hover {
  background: #4B4956;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
#icon-search.show img:nth-child(1) {
  display: none;
}
#icon-search.show img:nth-child(2) {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  #icon-search {
    top: 3px;
  }
  #icon-search img {
    width: 30px;
  }
}

.box-select {
  text-align: right;
  padding-top: 40px;
  padding-bottom: 10px;
}
.box-select select {
  min-width: 173px;
  height: 40px;
  border: 1px solid var(--jab-bk, #121016);
  color: var(--jab-bk, #121016);
  font-size: 14px;
  font-family: Hiragino Kaku Gothic Pro;
  font-style: normal;
  font-weight: 300;
  line-height: 175%;
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
  .box-select {
    padding-top: 30px;
    padding-bottom: 0;
  }
  .box-select select {
    width: 100%;
    font-size: 10px;
    text-align: center;
  }
}

rt {
  font-size: 9px;
}

.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: none;
}

.box-paging {
  text-align: center;
}
.box-paging .page-numbers {
  font-family: "ShipporiMincho";
  color: #004A63;
  font-size: 18px;
  font-weight: 500;
  line-height: 41px;
  margin: 0 17px;
}
@media only screen and (max-width: 767px) {
  .box-paging .page-numbers {
    font-size: 16px;
    margin: 0 19px;
  }
}
.box-paging .page-numbers.active {
  color: #000;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.7;
}

.paging {
  display: inline-flex;
  width: 744px;
  max-width: 100%;
  align-items: center;
  justify-content: center;
}
.paging img {
  width: 20px;
  margin: 0 12px;
}
.paging .prev img {
  width: 40px;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .paging .prev img {
    width: 30px;
  }
}
.paging .next img {
  width: 40px;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .paging .next img {
    width: 30px;
  }
}
.paging span {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 41px;
  color: #004A63;
}
@media only screen and (max-width: 767px) {
  .paging span {
    font-size: 16px;
  }
}

.wrap-slide {
  padding-left: calc((100vw - 1230px) / 2);
}
@media only screen and (max-width: 767px) {
  .wrap-slide {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrap-slide {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrap-slide {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .wrap-slide {
    padding-left: calc((100vw - 1220px) / 2);
  }
}

.box-related .container {
  position: relative;
}
.box-related .box-next-prev {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.box-related .box-next-prev img {
  width: 40px;
}
.box-related .box-next-prev a:last-child {
  margin-left: 60px;
}
@media only screen and (max-width: 767px) {
  .box-related .box-next-prev a:last-child {
    margin-left: 35px;
  }
}
.box-related .box-title {
  border-top: 1px solid #000000;
  padding-top: 50px;
  margin-bottom: 50px;
}
.box-related h2 {
  width: 100%;
  font-size: 50px;
  font-family: Times;
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .box-related .box-title {
    padding-top: 60px;
    margin-bottom: 24px;
  }
  .box-related .box-title.recommend {
    padding-top: 30px;
    margin-top: 28px;
  }
  .box-related h2 {
    font-size: 24px;
  }
  .box-related .box-next-prev {
    position: relative;
    display: inline-flex;
    align-items: center;
  }
  .box-related .box-next-prev img {
    width: 30px;
  }
  .box-related .box-next-prev .next-button {
    margin-left: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .box-related .box-title {
    padding-top: 40px;
    margin-bottom: 35px;
  }
  .box-related .box-title.goods {
    margin-bottom: 40px;
  }
  .box-related .box-title.recommend {
    padding-top: 40px;
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .box-related .box-title {
    padding-top: 40px;
    margin-bottom: 35px;
  }
  .box-related .box-title.recommend {
    padding-top: 40px;
    margin-bottom: 40px;
  }
}

.box-btn-more {
  text-align: center;
}

.btn-more {
  width: 300px;
  height: 60px;
  border-radius: 60px;
  background: var(--jab-jremall-bk, #231815);
  color: var(--jab-wh, #FFF);
  /* JAB/pc/button_en */
  font-family: Times;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
  letter-spacing: 1.4px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
}
.btn-more img {
  width: 40px;
}
@media only screen and (max-width: 767px) {
  .btn-more {
    width: 200px;
    font-size: 12px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .btn-more img {
    width: 30px;
  }
}

.box-menu {
  z-index: 9999999;
  position: fixed;
  background: rgba(255, 255, 255, 0.3); /* nên có màu nền mờ để thấy hiệu ứng rõ hơn */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* để hỗ trợ trình duyệt Safari */
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: none;
  top: 0px;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .box-menu {
    right: 0;
    text-align: right;
  }
}
.box-menu .ct {
  background: #F78CA2;
  width: 100%;
  min-height: 820px;
  padding-bottom: 52.6px;
  border-radius: 0 0 80px 80px;
  overflow-y: auto;
}
@media only screen and (max-width: 767px) {
  .box-menu .ct {
    width: 303px;
    display: inline-block;
    text-align: left;
    padding-bottom: 0px;
    min-height: auto;
    height: 100vh;
    border-radius: 0;
  }
}
.box-menu .top {
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.box-menu .top a {
  margin-right: 40px;
}
@media only screen and (max-width: 767px) {
  .box-menu .top {
    height: 52px;
  }
  .box-menu .top img {
    width: 20px;
  }
  .box-menu .top a {
    margin-right: 20px;
  }
}
.box-menu .content {
  display: flex;
}
.box-menu .logo-box {
  width: 450px;
  text-align: center;
  margin-right: 122px;
  margin-top: 93px;
}
.box-menu .logo-box .logo-img {
  min-width: 450px;
  max-width: 100%;
}
.box-menu .logo-box .text-logo {
  font-family: "Noto Sans JP";
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 28px;
  color: #fff;
  margin-top: 65.5px;
  margin-bottom: 28.9px;
  font-weight: bold;
}
.box-menu .logo-box .logo-text {
  width: 199.85px;
}
.box-menu .menu-box {
  display: flex;
  flex-wrap: wrap;
}
.box-menu .menu-box ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.box-menu .menu-box ul:nth-child(1) {
  width: 232px;
  margin-right: 56px;
}
.box-menu .menu-box ul:nth-child(3) {
  width: 100%;
  display: flex;
  margin-top: 70px;
  margin-bottom: 194px;
}
.box-menu .menu-box ul:nth-child(3) li {
  margin-right: 45px;
}
.box-menu .menu-box ul:nth-child(3) li:last-child {
  margin-right: 0;
}
.box-menu .menu-box ul:nth-child(3) li a {
  font-size: 14px;
}
.box-menu .menu-box ul li {
  margin-bottom: 30px;
}
.box-menu .menu-box ul li h3 {
  font-size: 18px;
  font-weight: bold;
  font-family: "Noto Sans JP";
  line-height: 32px;
  letter-spacing: 0.5px;
  color: #fff;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.box-menu .menu-box ul li a {
  font-size: 16px;
  font-family: "Noto Sans JP";
  line-height: 32px;
  letter-spacing: 0.5px;
  color: #fff;
  display: flex;
  align-items: center;
  text-decoration: underline;
}
.box-menu .menu-box ul li a img {
  width: 10.89px;
  margin-left: 18px;
}
.box-menu p.copy {
  font-family: Chillax;
  font-size: 12px;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .box-menu p.copy {
    font-size: 10px;
    text-align: left;
    margin-top: 30px;
  }
}
.box-menu .content-mobile {
  height: calc(100vh - 52px);
  overflow-y: auto;
  padding-bottom: 68px;
}
.box-menu .content-mobile ul {
  padding: 0;
  list-style: none;
  margin-bottom: 10px;
}
.box-menu .content-mobile ul li a {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 42px;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.box-menu .content-mobile ul li.has-child > a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.box-menu .content-mobile ul li.has-child > a.active {
  border-bottom: 0px solid rgba(255, 255, 255, 0.3);
}
.box-menu .content-mobile ul li.has-child > a .plus {
  display: block;
  width: 10px;
}
.box-menu .content-mobile ul li.has-child > a .minus {
  display: none;
  width: 10px;
}
.box-menu .content-mobile ul li.has-child > a.active .plus {
  display: none;
  width: 10px;
}
.box-menu .content-mobile ul li.has-child > a.active .minus {
  display: block;
  width: 10px;
}
.box-menu .content-mobile ul li ul {
  padding-left: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.box-menu .content-mobile ul li ul.no-border {
  border-bottom: 0;
}
.box-menu .content-mobile ul li ul li a {
  font-size: 12px;
  line-height: 40px;
  display: flex;
  align-items: center;
  letter-spacing: -0.3px;
}
.box-menu .content-mobile ul li ul li a img {
  width: 10.89px;
  margin-left: 20px;
}
.box-menu .content-mobile ul li ul li:last-child a {
  border-bottom: 0;
}
.box-menu .content-mobile ul.list-bot {
  display: flex;
  flex-wrap: wrap;
}
.box-menu .content-mobile ul.list-bot li {
  width: 50%;
}
.box-menu .content-mobile ul.list-bot li a {
  font-size: 12px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  border-bottom: 0;
}
.box-menu .content-mobile ul.list-bot li a img {
  width: 10.89px;
  margin-left: 20px;
}
.box-menu .content-mobile form {
  position: relative;
  display: inline-block;
}
.box-menu .content-mobile form input {
  width: 263px;
  line-height: 36px;
  border: 0px;
  border-radius: 18px;
  background: #fff;
  padding: 0;
}
.box-menu .content-mobile form input::placeholder {
  color: #A0ABBE;
  font-size: 14px;
}
.box-menu .content-mobile form input:focus {
  border-color: #F78CA2;
}
.box-menu .content-mobile form input:focus::placeholder {
  color: transparent; /* Hides placeholder text */
}
.box-menu .content-mobile form button {
  border: 0;
  background: none;
  padding: 0;
  position: absolute;
  top: 9.6px;
  right: 15.4px;
  line-height: 12.91px;
}
.box-menu .content-mobile form button img {
  width: 12.64px;
}
.box-menu .content-mobile .logo-box {
  width: 164px;
  text-align: center;
  margin: 30px auto 0;
}
.box-menu .content-mobile .logo-box .logo-img {
  min-width: 164px;
  max-width: 100%;
}
.box-menu .content-mobile .logo-box .text-logo {
  font-family: "Noto Sans JP";
  font-size: 9px;
  letter-spacing: 1px;
  line-height: 9px;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}
.box-menu .content-mobile .logo-box .logo-text {
  width: 101px;
}

@media only screen and (max-width: 767px) {
  .box-map iframe {
    height: 181px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .box-map iframe {
    height: 383px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .box-map iframe {
    height: 522px;
  }
}

.next img, .next-button img, .box-next-prev-post a img, .box-next-prev a img {
  background: #231815;
  border-radius: 50%;
}
.next img:hover, .next-button img:hover, .box-next-prev-post a img:hover, .box-next-prev a img:hover {
  background: #4B4956;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.prev img, .prev-button img {
  background: #231815;
  border-radius: 50%;
}
.prev img:hover, .prev-button img:hover {
  background: #4B4956;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

#open-mobile, #show-menu {
  cursor: pointer;
}

.box-pagination {
  display: flex;
  list-style: none;
  padding: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 0;
}
.box-pagination .page-item {
  margin: 0 4px;
}
.box-pagination .page-item.next {
  margin-left: 16px;
}
.box-pagination .page-item.next a {
  border: 1px solid #F78CA2;
  width: 46px;
  height: 46px;
  line-height: 37px;
  color: #F78CA2;
  background: #fff;
}
.box-pagination .page-item.next a:hover {
  background: #F78CA2;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .box-pagination .page-item.next a {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .box-pagination .page-item.next {
    margin-left: 4px;
  }
}
.box-pagination .page-item.prev {
  margin-right: 16px;
}
.box-pagination .page-item.prev a {
  border: 1px solid #F78CA2;
  width: 46px;
  height: 46px;
  line-height: 37px;
  color: #F78CA2;
  background: #fff;
}
.box-pagination .page-item.prev a:hover {
  background: #F78CA2;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .box-pagination .page-item.prev a {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .box-pagination .page-item.prev {
    margin-right: 4px;
  }
}
.box-pagination .page-item a {
  width: 46px;
  height: 46px;
  background: #F4F4F4;
  font-family: Chillax;
  font-size: 16px;
  text-align: center;
  line-height: 46px;
  color: #3C3C3C;
  display: inline-block;
}
.box-pagination .page-item a:hover {
  background: #A0ABBE;
  color: #fff;
}
.box-pagination .page-item a i {
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .box-pagination .page-item a i {
    font-size: 11px;
  }
}
@media only screen and (max-width: 767px) {
  .box-pagination .page-item a {
    width: 38px;
    height: 38px;
    font-size: 12px;
    line-height: 38px;
  }
}
.box-pagination .page-item span {
  width: 46px;
  height: 46px;
  background: #F78CA2;
  font-family: Chillax;
  font-size: 16px;
  text-align: center;
  line-height: 44px;
  color: #fff;
  display: inline-block;
}
.box-pagination .page-item span i {
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .box-pagination .page-item span i {
    font-size: 11px;
  }
}
.box-pagination .page-item span.dots {
  background: none;
  color: #A0ABBE;
  font-size: 35px;
  font-weight: bold;
}
.box-pagination .page-item span.current {
  border: 1px solid #F78CA2;
  line-height: 44px;
}
@media only screen and (max-width: 767px) {
  .box-pagination .page-item span.current {
    line-height: 36px;
  }
}
.box-pagination .page-item span.disabled {
  border: 1px solid #F78CA2;
  color: #F78CA2;
  background: #fff;
  line-height: 37px;
}
@media only screen and (max-width: 767px) {
  .box-pagination .page-item span {
    width: 38px;
    font-size: 12px;
    height: 38px;
    line-height: 38px;
  }
  .box-pagination .page-item span.dots {
    background: none;
    color: #A0ABBE;
    font-size: 30px;
    font-weight: bold;
  }
}

.fa-solid {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "ShipporiMincho";
  src: url("../fonts/ShipporiMincho-Bold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "ShipporiMincho";
  src: url("../fonts/ShipporiMincho-ExtraBold.ttf") format("truetype");
  font-weight: 800;
}
@font-face {
  font-family: "ShipporiMincho";
  src: url("../fonts/ShipporiMincho-Medium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "ShipporiMincho";
  src: url("../fonts/ShipporiMincho-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "ShipporiMincho";
  src: url("../fonts/ShipporiMincho-SemiBold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "ZenMaruGothic";
  src: url("../fonts/ZenMaruGothic-Light.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "ZenMaruGothic";
  src: url("../fonts/ZenMaruGothic-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "ZenMaruGothic";
  src: url("../fonts/ZenMaruGothic-Medium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "ZenMaruGothic";
  src: url("../fonts/ZenMaruGothic-Bold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "ZenMaruGothic";
  src: url("../fonts/ZenMaruGothic-Black.ttf") format("truetype");
  font-weight: 900;
}
@font-face {
  font-family: "ZenOldMincho";
  src: url("../fonts/ZenOldMincho-Black.ttf") format("truetype");
  font-weight: 900;
}
@font-face {
  font-family: "ZenOldMincho";
  src: url("../fonts/ZenOldMincho-SemiBold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "ZenOldMincho";
  src: url("../fonts/ZenOldMincho-Medium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "ZenOldMincho";
  src: url("../fonts/ZenOldMincho-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "ZenOldMincho";
  src: url("../fonts/ZenOldMincho-Bold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "PlaywriteTZ";
  src: url("../fonts/PlaywriteTZ-ExtraLight.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "PlaywriteTZ";
  src: url("../fonts/PlaywriteTZ-Light.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "PlaywriteTZ";
  src: url("../fonts/PlaywriteTZ-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "PlaywriteTZ";
  src: url("../fonts/PlaywriteTZ-Thin.ttf") format("truetype");
  font-weight: 100;
}
.button-danger {
  background: #CA2D30 !important;
  color: #fff !important;
}

.button-primary {
  background: #4C2503 !important;
  color: #fff !important;
}

.button-warning {
  background: #4baac4 !important;
  color: #fff !important;
}

.button-more {
  min-width: 240px;
  line-height: 48px;
  text-align: center;
  display: inline-block;
  color: #1c7ae5;
  border: 1px solid #1c7ae5;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}
.button-more.button-white {
  color: #fff;
  border: 1px solid #fff;
}
.button-more.button-white:hover {
  background: #fff;
  color: #1c7ae5;
}
.button-more img {
  position: absolute;
  right: 4px;
  bottom: 4px;
}
.button-more:hover {
  color: #fff;
  background: #1c7ae5;
}
.button-more.button-submit3 {
  color: #fff;
  background: #1c7ae5;
  margin-left: 24px;
  margin-top: 45px;
}
@media only screen and (max-width: 767px) {
  .button-more.button-submit3 {
    margin-left: 0;
    margin-top: 24px;
  }
}
.button-more.button-submit3:hover {
  color: #1c7ae5;
  background: #fff;
}

.btn-service {
  min-width: 320px;
  max-width: 100%;
  line-height: 62px;
  text-align: center;
  background: #266cba;
  border-radius: 6px;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-family: "Noto Sans JP";
  font-weight: 500;
  position: relative;
}
.btn-service i {
  position: absolute;
  right: 24px;
  font-size: 22px;
  top: 18px;
}
@media only screen and (max-width: 767px) {
  .btn-service {
    min-width: 240px;
    line-height: 52px;
    font-size: 14px;
    border-radius: 4px;
  }
  .btn-service i {
    right: 18px;
    font-size: 15px;
    top: 18px;
  }
}

.button-style1 {
  font-size: 16px;
  line-height: 46px;
  color: #1C7AE5;
  width: 240px;
  height: 48px;
  border: 1px solid #1C7AE5;
  position: relative;
  display: inline-block;
  margin-top: 48px;
}
.button-style1 img {
  position: absolute;
  right: 16px;
  top: 16px;
}

/* Base for label styling */
[type=checkbox]:not(:checked),
[type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}

[type=checkbox]:not(:checked) + label,
[type=checkbox]:checked + label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 14px;
  color: #555;
  line-height: 20px;
}

/* checkbox aspect */
[type=checkbox]:before {
  background-color: #F3F8FC !important;
}

[type=checkbox]:not(:checked) + label:before,
[type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #A0ABBE;
  background: none;
  border-radius: 3px;
  top: 0px;
}

/* checked mark aspect */
[type=checkbox]:not(:checked) + label:after,
[type=checkbox]:checked + label:after {
  content: "✔";
  position: absolute;
  top: 0px;
  left: 2px;
  font-size: 16px;
  line-height: 0.8;
  color: #fff;
  transition: all 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: contain;
}

/* checked mark aspect changes */
[type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

[type=checkbox]:checked + label:after, [type=checkbox]:not(:checked) + label:before {
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */
[type=checkbox]:disabled:not(:checked) + label:before,
[type=checkbox]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #fff;
}

[type=checkbox]:disabled:checked + label:after {
  color: #999;
}

[type=checkbox]:disabled + label {
  color: #aaa;
}

/* accessibility */
/* hover style just for information */
/* Base for label styling */
[type=radio]:not(:checked),
[type=radio]:checked {
  position: absolute;
  left: -9999px;
}

[type=radio]:not(:checked) + label,
[type=radio]:checked + label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 14px;
  color: #555;
  line-height: 20px;
}

/* checkbox aspect */
[type=radio]:before {
  background-color: #F3F8FC !important;
}

[type=radio]:not(:checked) + label:before,
[type=radio]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 20px;
  height: 20px;
  border: 1px solid #A0ABBE;
  background: none;
}

/* checked mark aspect */
[type=radio]:not(:checked) + label:after,
[type=radio]:checked + label:after {
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 18px;
  line-height: 0.8;
  color: #12C912;
  transition: all 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: contain;
}

/* checked mark aspect changes */
[type=radio]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

[type=radio]:checked + label:after, [type=radio]:not(:checked) + label:before {
  opacity: 1;
  transform: scale(1);
}

/* disabled checkbox */
[type=radio]:disabled:not(:checked) + label:before,
[type=radio]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #fff;
}

[type=radio]:disabled:checked + label:after {
  color: #999;
}

[type=radio]:disabled + label {
  color: #aaa;
}

/* accessibility */
/* hover style just for information */
.select-selected {
  border: 1px solid #666666;
  line-height: 108px;
  color: #4D4D4D;
  font-size: 16px;
  font-family: "NotoSansCJKjp-Regular", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 0 38px;
  height: 108px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  position: relative;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  content: "";
  background: url("../images/arrow-down.png") no-repeat top right;
  width: 12px;
  height: 7px;
  position: absolute;
  right: 38px;
  top: 50px;
  z-index: 99;
}
@media (max-width: 767px) {
  .select-selected:after {
    top: 40px;
  }
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  content: "";
  background: url("../images/arrow-down.png") no-repeat top right;
  width: 12px;
  height: 7px;
  transform: rotate(180deg);
  position: absolute;
  right: 38px;
  top: 50px;
  z-index: 99;
}

/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
  border: 1px solid #666666;
  line-height: 108px;
  color: #4D4D4D;
  font-size: 16px;
  font-family: "NotoSansCJKjp-Regular", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 0 38px;
  height: 108px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  position: relative;
  cursor: pointer;
  user-select: none;
  margin-top: -1px;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: #F2F2F2;
}

/**
 * Blog Title 1
 */
.block-title {
  overflow: hidden;
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .block-title {
    margin-bottom: 60px;
  }
}
.block-title .content {
  background: #A0ABBE;
  height: 240px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.block-title .content:before {
  background: #A0ABBE;
  content: "";
  right: 99%;
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
}
.block-title .content h2 {
  font-family: "Noto Sans JP";
  font-size: 38px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 62px;
  color: #fff;
  position: relative;
  z-index: 1;
  width: 49%;
}
@media only screen and (max-width: 767px) {
  .block-title .content h2 {
    width: 100%;
  }
}
.block-title .content span {
  font-family: Chillax;
  font-size: 160px;
  font-weight: 500;
  line-height: 213px;
  color: #A0ABBE;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff; /* Firefox không hỗ trợ */
  text-align: center;
  margin-right: -14px;
  position: absolute;
  right: 0;
  opacity: 0.3;
}
.block-title .content span.style-1 {
  margin-right: 77px;
}
@media only screen and (max-width: 767px) {
  .block-title .content span {
    font-size: 50px;
    line-height: 50px;
    text-align: left;
    margin-bottom: 5px;
    bottom: 0;
    right: 24px;
    -webkit-text-stroke: 0.5px #fff;
    text-stroke: 0.5px #fff; /* Firefox không hỗ trợ */
  }
}
@media only screen and (max-width: 767px) {
  .block-title .content {
    height: 124px;
  }
  .block-title .content h2 {
    font-size: 18px;
    line-height: 32px;
  }
  .block-title .content span {
    display: none;
  }
}

.title-author {
  font-size: 38px;
  line-height: 50px;
  color: #555555;
  font-weight: bold;
  margin-bottom: 100px;
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .title-author {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 60px;
  }
}

.block-contact {
  padding-bottom: 85px;
}
@media only screen and (max-width: 767px) {
  .block-contact {
    padding-bottom: 0px;
  }
}
.block-contact .container {
  max-width: 1080px;
}
.block-contact__info {
  background: #f7f7f7;
  padding: 40px 100px;
  margin-top: 100px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .block-contact__info {
    margin-top: 50px;
    padding: 30px 22px 40px;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-contact__info {
    padding: 27px 25px;
  }
}
.block-contact__info h3 {
  font-family: "KoburinaGoStdN W6";
  font-weight: bold;
  color: #040f27;
  font-size: 30px;
  line-height: 45px;
  margin-right: 50px;
}
@media only screen and (max-width: 767px) {
  .block-contact__info h3 {
    font-size: 22px;
    line-height: 18px;
    text-align: center;
    margin: 0 0 18px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .block-contact__info h3 {
    font-size: 30px;
    line-height: 70px;
    margin-right: 33px;
    min-width: max-content;
  }
}
.block-contact__info p {
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-size: 16px;
  color: #555555;
  line-height: 26px;
  margin-bottom: 30px;
}
.block-contact__info .phone {
  height: 110px;
  border: 1px solid #666666;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .block-contact__info .phone {
    margin-bottom: 15px;
  }
}
.block-contact__info .phone h5 {
  font-family: "Noto Sans JP";
  font-size: 32px;
  color: #2f2f2f;
  margin-bottom: 0px;
  margin-top: 3px;
  font-weight: bold;
}
.block-contact__info .phone span {
  font-family: "Noto Sans JP";
  color: #666666;
  font-size: 14px;
  font-weight: 400;
}
.block-contact__info .phone span:first-child {
  font-weight: 500;
  color: #262626;
}
.block-contact__info a {
  font-family: "Noto Sans JP";
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  height: 110px;
  background: #3372b7;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}
.block-contact__list img {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .block-contact__list .col-sm-4 {
    padding: 0;
  }
  .block-contact__list .col-sm-4 img {
    width: 100%;
    margin-bottom: 5px;
  }
  .block-contact__list .col-sm-4:last-child img {
    margin-bottom: 0;
  }
}

.block-header {
  position: relative !important;
  height: auto !important;
  background-color: #F8F8F8;
}
@media only screen and (max-width: 767px) {
  .block-header {
    position: fixed !important;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 9999;
  }
}
.block-header .top1 {
  display: flex;
  height: 110px;
  align-items: center;
  justify-content: space-between;
  padding-left: 50px;
  padding-right: 40px;
}
@media only screen and (max-width: 767px) {
  .block-header .top1 {
    padding: 0 15px 0 20px;
    height: 50px;
  }
}
.block-header .top1.padding-160 {
  padding-right: 398px;
}
.block-header .top1 h2 {
  margin: 0;
  min-width: 388px;
}
.block-header .top1 h2 img {
  width: 120px;
}
@media only screen and (max-width: 767px) {
  .block-header .top1 h2 img {
    width: 68px;
  }
}
@media only screen and (max-width: 767px) {
  .block-header .top1 h2 {
    min-width: auto;
  }
}
.block-header .top1 .logo img {
  width: 190px;
}
@media only screen and (max-width: 767px) {
  .block-header .top1 .logo img {
    width: 96.68px;
  }
}
.block-header .top1 .right {
  display: flex;
  align-items: center;
}
.block-header .top1 .right img {
  pointer-events: auto;
}
.block-header .top1 .right .close_search {
  position: absolute;
  top: 14px;
  right: 45px;
  width: 20px;
}
@media only screen and (max-width: 767px) {
  .block-header .top1 .right {
    width: 68px;
    text-align: right;
    justify-content: flex-end;
  }
}
.block-header .top1 .right form {
  position: relative;
  display: inline-block;
  margin-right: 57px;
  z-index: 10;
}
.block-header .top1 .right form.fixed {
  position: fixed;
  right: 42px;
}
@media only screen and (max-width: 767px) {
  .block-header .top1 .right form {
    display: none;
  }
}
.block-header .top1 .right input {
  width: 331px;
  line-height: 44px;
  border: 2px solid transparent;
  border-radius: 22px;
  background: #fff;
  padding: 0;
}
.block-header .top1 .right input::placeholder {
  color: #A0ABBE;
  font-size: 15px;
}
.block-header .top1 .right input:focus {
  border-color: #F78CA2;
}
.block-header .top1 .right input:focus::placeholder {
  color: transparent; /* Hides placeholder text */
}
.block-header .top1 .right button {
  border: 0;
  background: none;
  padding: 0;
  position: absolute;
  top: 14px;
  right: 19.3px;
  line-height: 12.91px;
  z-index: 4;
}
.block-header .top1 .right button img {
  width: 15.91px;
}
.block-header .top1 .right #show-menu {
  width: 36px;
  position: fixed;
  right: 40px;
  z-index: 9;
}
@media only screen and (max-width: 767px) {
  .block-header .top1 .right #show-menu {
    width: 24px;
    right: 15px;
  }
}
.block-header .top1 .right #icon_search {
  height: 25px;
  margin-right: 23px;
  position: fixed;
  right: 76px;
  z-index: 9;
  width: auto;
}
@media only screen and (max-width: 767px) {
  .block-header .top1 .right #icon_search {
    display: none;
  }
}

.block-header.-fixed-header .top1 .right form.fixed input {
  border-radius: 5px;
}

@media only screen and (max-width: 767px) {
  .link-tag-a {
    text-align: center;
  }
}
.link-tag-a a {
  display: inline-block;
  width: 238px;
  line-height: 58px;
  border: 1px solid #A0ABBE;
  text-align: center;
  font-size: 15px;
  letter-spacing: 0.5px;
  color: #555;
  font-family: "Noto Sans JP";
  position: relative;
}
.link-tag-a a img {
  width: 39.01px;
  position: absolute;
  top: 24px;
  right: -24px;
  transition: all 0.3s linear;
}
.link-tag-a a:hover {
  background: #A0ABBE !important;
  color: #fff;
}
.link-tag-a a:hover img {
  right: -30px;
}
@media only screen and (max-width: 767px) {
  .link-tag-a a {
    line-height: 46px;
    font-size: 12px;
  }
  .link-tag-a a img {
    width: 36px;
    position: absolute;
    top: 19px;
    right: -20px;
  }
}

.sidebar {
  background: #fff;
  padding: 50px 40px 10px 50px;
  min-width: 450px;
  max-width: 450px;
  margin-right: 50px;
}
@media only screen and (max-width: 767px) {
  .sidebar {
    padding: 42px 20px 50px;
    max-width: 100%;
    min-width: 100%;
    margin-right: 0;
    margin-bottom: 60px;
  }
}
.sidebar aside {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .sidebar aside {
    margin-bottom: 30px;
  }
}
.sidebar aside:last-child {
  margin-bottom: 0;
}
.sidebar aside h3 {
  color: #555555;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .sidebar aside h3 {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 20px;
  }
}
.sidebar aside ul {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.sidebar aside ul li a {
  color: #3C3C3C;
  font-size: 12px;
  display: inline-block;
  background: #F2F2F2;
  border-radius: 4px;
  line-height: 26px;
  margin-right: 12px;
  padding: 0px 29px 0 16px;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
}
.sidebar aside ul li a:hover {
  background: #A0ABBE;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .sidebar aside ul li a {
    font-size: 11px;
    line-height: 23px;
    padding: 0 16px;
    margin-bottom: 10px;
    margin-right: 10px;
  }
}
.sidebar .item-news {
  margin-bottom: 28px;
}
@media only screen and (max-width: 767px) {
  .sidebar .item-news {
    margin-bottom: 16px;
    max-width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #F2F2F2;
  }
  .sidebar .item-news:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
  }
}
.sidebar .item-news > a {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .sidebar .item-news > a {
    align-items: center;
  }
}
.sidebar .item-news > a img {
  min-width: 160px;
  max-width: 160px;
  height: 102px;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .sidebar .item-news > a img {
    order: 2;
    min-width: 142px;
    max-width: 142px;
    height: 90px;
  }
}
.sidebar .item-news > a h4 {
  color: #555555;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .sidebar .item-news > a h4 {
    font-size: 14px;
    margin-left: 0;
    margin-right: 20px;
    line-height: 21px;
    margin-bottom: 0;
    width: 100%;
  }
}
.sidebar .item-news > a:hover h4 {
  text-decoration: underline;
}
.sidebar .item-news .tag {
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .sidebar .item-news .tag {
    margin-top: 15.5px;
  }
}
.sidebar .item-news .tag a {
  color: #3C3C3C;
  font-size: 12px;
  display: inline-block;
  background: #F2F2F2;
  border-radius: 4px;
  line-height: 26px;
  margin-right: 12px;
  padding: 0px 29px 0 16px;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
}
@media only screen and (max-width: 767px) {
  .sidebar .item-news .tag a {
    font-size: 11px;
    line-height: 23px;
    padding: 0 16px;
    margin-bottom: 10px;
    margin-right: 10px;
  }
}

footer {
  background: #fff;
  padding: 100px 0 18.6px;
}
footer .container {
  max-width: 1245px;
}
@media only screen and (max-width: 767px) {
  footer .container {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  footer {
    padding: 10px 0 40px;
  }
}
footer .content {
  display: flex;
  width: 100%;
  margin-bottom: 84.5px;
}
footer .content .logo {
  text-align: center;
  margin-right: 82px;
}
footer .content .logo .logo-img {
  width: 340px;
}
@media only screen and (max-width: 767px) {
  footer .content .logo .logo-img {
    width: 203px;
  }
}
footer .content .logo div {
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.5px;
  margin-top: 47.5px;
  margin-bottom: 20px;
  color: #555;
}
footer .content .logo .logo-text {
  width: 151px;
}
@media only screen and (max-width: 767px) {
  footer .content .logo {
    margin-right: 0;
    width: 100%;
    margin-top: 41px;
  }
  footer .content .logo .logo-text {
    width: 120px;
  }
  footer .content .logo div {
    font-size: 13px;
    margin-bottom: 11px;
    margin-top: 31px;
  }
}
footer .content .box-menu-footer {
  display: flex;
  margin-top: 15px;
}
footer .content .box-menu-footer ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  padding-right: 40px;
  margin-right: 40px;
  border-right: 1px solid #F2F2F2;
}
footer .content .box-menu-footer ul:last-child {
  margin-right: 0;
  padding: 0;
  border-right: 0;
}
footer .content .box-menu-footer ul:nth-child(1) {
  min-width: 205px;
}
footer .content .box-menu-footer ul:nth-child(2) {
  min-width: 307px;
}
footer .content .box-menu-footer ul:nth-child(3) {
  min-width: 120.89px;
}
footer .content .box-menu-footer ul li {
  margin-bottom: 30px;
}
footer .content .box-menu-footer ul li:last-child {
  margin-bottom: 0;
}
footer .content .box-menu-footer ul li a {
  font-family: "Noto Sans JP";
  font-size: 14px;
  color: #555555;
  display: flex;
  line-height: 24px;
  letter-spacing: 0.5px;
  align-items: center;
}
footer .content .box-menu-footer ul li a img {
  width: 10.89px;
  margin-left: 10px;
}
footer .content .box-menu-footer ul li a.fs-12 {
  font-size: 12px;
}
footer .content .box-menu-footer ul li a:hover {
  text-decoration: underline;
}
footer .content .box-menu-footer ul ul {
  margin-top: 24px;
}
footer .content .box-menu-footer ul ul li {
  margin-bottom: 24px;
  padding-left: 20px;
}
footer .content .box-menu-footer ul ul li:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  footer .content {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  footer .content .box-menu-footer {
    order: 1;
    display: block;
    width: 100%;
    margin-top: 0;
  }
  footer .content .box-menu-footer ul {
    border: 0 !important;
    padding: 0 !important;
    margin-right: 0 !important;
  }
  footer .content .box-menu-footer ul li {
    margin-top: 11px;
    margin-bottom: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid #F2F2F2;
  }
  footer .content .box-menu-footer ul li a {
    font-size: 13px;
    position: relative;
  }
  footer .content .box-menu-footer ul li a .icon-plus {
    display: inline-block;
    position: absolute;
    top: 7px;
    right: 0;
    width: 10px;
  }
  footer .content .box-menu-footer ul li a .icon-minus {
    display: none;
    position: absolute;
    top: 11.5px;
    right: 0;
    width: 10px;
  }
  footer .content .box-menu-footer ul li ul {
    margin-top: 22px;
    display: none;
  }
  footer .content .box-menu-footer ul li ul li {
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 17px;
    margin-top: 0;
  }
  footer .content .box-menu-footer ul li.show a .icon-plus {
    display: none;
  }
  footer .content .box-menu-footer ul li.show a .icon-minus {
    display: inline-block;
  }
  footer .content .box-menu-footer ul li.show ul {
    display: block;
  }
  footer .content .box-menu-footer ul:nth-child(3) {
    display: flex;
    flex-wrap: wrap;
  }
  footer .content .box-menu-footer ul:nth-child(3) li {
    width: 50%;
    border-bottom: 0;
    margin-top: 21px;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  footer .content .box-menu-footer ul:nth-child(3) li a {
    text-decoration: underline;
  }
  footer .content .logo {
    order: 2;
  }
}
footer .copyright {
  font-family: "Chillax";
  font-size: 10px;
  text-align: right;
  color: #555555;
  padding-right: 70px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  footer .copyright {
    font-size: 10px;
    line-height: 15px;
    padding-right: 0;
    text-align: left;
    padding-left: 20px;
  }
}

#back-top {
  position: fixed;
  right: 20px;
  bottom: 58px;
  z-index: 9;
}
#back-top:hover img:first-child {
  display: none;
}
#back-top:hover img:last-child {
  display: block;
}
#back-top img {
  width: 80px;
  height: 80px;
}
#back-top img:first-child {
  display: block;
}
#back-top img:last-child {
  display: none;
}
@media only screen and (max-width: 767px) {
  #back-top img {
    width: 48px;
    height: 48px;
  }
}

.home .block-banner-home {
  margin-bottom: 124px;
  padding-left: 75px;
}
@media only screen and (max-width: 767px) {
  .home .block-banner-home {
    margin-bottom: 60px;
    margin-top: 20px;
    padding-left: 0;
  }
}
.home .block-banner-home .slide-home .owl-stage {
  padding-left: 120px !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .home .block-banner-home .slide-home .owl-stage {
    padding-left: 50px !important;
  }
}
@media (min-width: 1451px) and (max-width: 1700px) {
  .home .block-banner-home .slide-home .owl-stage {
    padding-left: 45px !important;
  }
}
@media only screen and (max-width: 767px) {
  .home .block-banner-home .slide-home .owl-stage {
    padding-left: 0px !important;
  }
}
.home .block-banner-home .slide-home .owl-dots {
  max-width: 1200px;
  margin: auto;
  text-align: right;
  position: absolute;
  left: 240px;
  width: 1200px;
  bottom: 35px;
  height: 10px;
  line-height: 10px;
  z-index: 8;
}
.home .block-banner-home .slide-home .owl-dots button:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .home .block-banner-home .slide-home .owl-dots {
    left: 107px;
  }
}
@media (min-width: 1601px) and (max-width: 1750px) {
  .home .block-banner-home .slide-home .owl-dots {
    width: 1126px;
    bottom: 34px;
  }
}
@media (min-width: 1367px) and (max-width: 1600px) {
  .home .block-banner-home .slide-home .owl-dots {
    width: 1131px;
  }
}
@media (min-width: 1300px) and (max-width: 1366px) {
  .home .block-banner-home .slide-home .owl-dots {
    left: 107px;
    width: 1131px;
  }
}
@media (min-width: 1025px) and (max-width: 1299px) {
  .home .block-banner-home .slide-home .owl-dots {
    left: 107px;
    width: 1040px;
  }
}
@media only screen and (max-width: 767px) {
  .home .block-banner-home .slide-home .owl-dots {
    position: relative;
    width: auto;
    left: 0;
    bottom: 0;
    margin-top: -30px;
    padding-right: 20px;
  }
  .home .block-banner-home .slide-home .owl-dots button {
    margin-right: 6px;
    margin-left: 6px;
  }
}
.home .block-banner-home .slide-home .owl-nav {
  max-width: 1200px;
  margin: auto;
  text-align: right;
  position: absolute;
  left: 240px;
  width: 1050px;
  bottom: 32px;
  height: 15px;
  z-index: 10;
}
.home .block-banner-home .slide-home .owl-nav button {
  margin: 0 10px;
  width: 48px;
  height: 15px;
  padding: 5px !important;
}
@media only screen and (max-width: 767px) {
  .home .block-banner-home .slide-home .owl-nav button {
    margin: 0 6px;
    width: 36px;
  }
}
.home .block-banner-home .slide-home .owl-nav button.owl-prev {
  background: url("../images/icon/icon_slide_left.png") no-repeat center;
  background-size: 48px 5px;
}
@media only screen and (max-width: 767px) {
  .home .block-banner-home .slide-home .owl-nav button.owl-prev {
    background-size: 36px 4px;
  }
}
.home .block-banner-home .slide-home .owl-nav button.owl-next {
  background: url("../images/icon/icon_slide_right.png") no-repeat center;
  background-size: 48px 5px;
}
@media only screen and (max-width: 767px) {
  .home .block-banner-home .slide-home .owl-nav button.owl-next {
    background-size: 36px 4px;
  }
}
.home .block-banner-home .slide-home .owl-nav span {
  font-size: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .home .block-banner-home .slide-home .owl-nav {
    left: 95px;
  }
}
@media (min-width: 1601px) and (max-width: 1750px) {
  .home .block-banner-home .slide-home .owl-nav {
    width: 962px;
    bottom: 34px;
  }
}
@media (min-width: 1367px) and (max-width: 1600px) {
  .home .block-banner-home .slide-home .owl-nav {
    width: 980px;
  }
}
@media (min-width: 1280px) and (max-width: 1366px) {
  .home .block-banner-home .slide-home .owl-nav {
    left: 95px;
    width: 980px;
  }
}
@media (min-width: 1025px) and (max-width: 1299px) {
  .home .block-banner-home .slide-home .owl-nav {
    left: 95px;
    width: 885px;
  }
}
@media only screen and (max-width: 767px) {
  .home .block-banner-home .slide-home .owl-nav {
    left: 10px;
    position: relative;
    bottom: 0;
    width: auto;
    text-align: left;
    display: inline-block;
    margin-top: 30px;
  }
}
.home .block-banner-home .slide-home .item {
  display: flex;
}
.home .block-banner-home .slide-home .item:hover h3 {
  text-decoration: underline;
}
.home .block-banner-home .slide-home .item:hover img {
  transform: scale(1.1);
}
@media only screen and (max-width: 767px) {
  .home .block-banner-home .slide-home .item {
    display: block;
  }
}
.home .block-banner-home .slide-home .item .img {
  max-width: 700px !important;
  max-height: 505px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .home .block-banner-home .slide-home .item .img {
    min-width: 700px !important;
  }
}
@media only screen and (max-width: 767px) {
  .home .block-banner-home .slide-home .item .img {
    width: 329px !important;
    height: 237px !important;
  }
}
.home .block-banner-home .slide-home .item img {
  width: 100% !important;
  height: 100%;
  transition: all 0.3s linear;
  object-fit: cover;
}
.home .block-banner-home .slide-home .item .content {
  min-width: 621px;
  max-width: 621px;
}
@media only screen and (max-width: 767px) {
  .home .block-banner-home .slide-home .item .content {
    background: #fff;
    padding-top: 22.5px;
    margin-top: -73px;
    padding-bottom: 40px;
    max-width: 100%;
    min-width: 100%;
  }
}
.home .block-banner-home .slide-home .item .content .bg-content {
  background: #fff;
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 223px;
  padding-top: 58px;
  margin-top: -95px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .home .block-banner-home .slide-home .item .content .bg-content {
    padding: 0 20px 0;
    margin-top: -10px;
  }
  .home .block-banner-home .slide-home .item .content .bg-content:before {
    display: none;
  }
  .home .block-banner-home .slide-home .item .content .bg-content:after {
    display: none;
  }
}
.home .block-banner-home .slide-home .item .content .bg-content:before {
  content: "";
  background: #fff;
  position: absolute;
  right: 325px;
  height: 105px;
  width: 482px;
  bottom: 0px;
}
.home .block-banner-home .slide-home .item .content .bg-content:after {
  content: "";
  background: #F8F8F8;
  position: absolute;
  right: 0px;
  height: 80px;
  width: 324px;
  bottom: 0px;
}
.home .block-banner-home .slide-home .item .number {
  color: #A0ABBE;
  font-size: 122px;
  font-weight: 500;
  text-align: right;
  line-height: 163px;
  margin-bottom: 0;
  font-family: Chillax;
  padding-right: 60px;
  position: relative;
  z-index: 1;
}
.home .block-banner-home .slide-home .item .number span {
  font-size: 80px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .home .block-banner-home .slide-home .item .number {
    font-size: 61px;
    line-height: 81px;
    padding-right: 32px;
  }
  .home .block-banner-home .slide-home .item .number span {
    font-size: 40px;
  }
}
.home .block-banner-home .slide-home .item .category {
  font-size: 14px;
  font-family: "Noto Sans JP";
  color: #F78CA2;
  line-height: 28px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .home .block-banner-home .slide-home .item .category {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px;
  }
}
.home .block-banner-home .slide-home .item h3 {
  color: #555555;
  font-size: 30px;
  line-height: 45px;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .home .block-banner-home .slide-home .item h3 {
    font-size: 20px;
    line-height: 35px;
    height: auto;
    font-family: "Noto Sans JP";
    font-weight: bold;
    margin-bottom: 15px;
  }
}
.home .block-banner-home .slide-home .item .desc {
  font-size: 15px;
  line-height: 32px;
  font-family: "Noto Sans JP";
  color: #555555;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .home .block-banner-home .slide-home .item .desc {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 21px;
  }
}
.home .block-banner-home .slide-home .item .tag {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.home .block-banner-home .slide-home .item .tag span {
  color: #3C3C3C;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 29px 5px 16px;
  background: #F2F2F2;
  border-radius: 4px;
  margin-right: 15px;
  display: inline-block;
  margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
  .home .block-banner-home .slide-home .item .tag span {
    padding: 4px 18px;
    margin-right: 8px;
    line-height: 15px;
  }
}
.home .block-special {
  margin-top: 90px;
  margin-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .home .block-special {
    margin-bottom: 54px;
    margin-top: 60px;
  }
}
.home .block-subscribe {
  margin-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .home .block-subscribe {
    margin-bottom: 60px;
  }
}
.home .block-introduction {
  margin-top: 90px;
  margin-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .home .block-introduction {
    margin-bottom: 60px;
    margin-top: 60px;
  }
}

.block-about {
  position: relative;
  margin-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .block-about {
    margin-bottom: 60px;
  }
}
.block-about .img {
  width: 840px;
  position: absolute;
  right: 0;
  top: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1450px) {
  .block-about .img {
    width: 720px;
  }
}
@media only screen and (max-width: 767px) {
  .block-about .img {
    display: none;
  }
}
.block-about h2 {
  font-family: Chillax;
  font-size: 160px;
  font-weight: 500;
  line-height: 213px;
  color: #fff;
  -webkit-text-stroke: 0.5px #A0ABBE;
  text-stroke: 0.5px #A0ABBE; /* Firefox không hỗ trợ */
  padding-left: 31.5px;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .block-about h2 {
    font-size: 60px;
    line-height: 80px;
    padding-left: 20px;
  }
}
.block-about .content {
  background: #fff;
  padding: 164px 0 100px 100px;
  margin-top: -90px;
}
.block-about .content h4 {
  font-family: "Noto Sans JP";
  font-size: 28px;
  letter-spacing: 1px;
  line-height: 37px;
  margin-bottom: 36px;
  color: #555555;
  font-weight: bold;
  position: relative;
  z-index: 2;
}
.block-about .content p {
  font-family: "Noto Sans JP";
  font-size: 18px;
  line-height: 42px;
  margin-bottom: 48px;
  letter-spacing: -1.5px;
  color: #555555;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .block-about .content {
    margin: -38px -20px 0;
    padding: 64.3px 20px 74px;
  }
  .block-about .content h4 {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 20px;
  }
  .block-about .content p {
    font-size: 15px;
    font-family: "Noto Sans JP";
    line-height: 28px;
    margin-bottom: 45px;
  }
  .block-about .content > img {
    margin-left: -20px;
    margin-right: -20px;
    max-width: 100vw;
    margin-bottom: 30px;
  }
}

.block-category .data-qa {
  background: #fff;
  padding: 50px;
  margin-bottom: 40px;
}
.block-category .data-qa > img {
  width: 100%;
  height: 341px;
  object-fit: cover;
}
.block-category .data-qa .name {
  font-size: 24px;
  color: #555555;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 54px;
  margin-bottom: 30px;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .block-category .data-qa .name {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
.block-category .data-qa .desc {
  color: #555555;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.5px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .block-category .data-qa .desc {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 30px;
  }
}
.block-category .data-qa .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .block-category .data-qa .list {
    padding: 0;
    background: none;
  }
}
@media only screen and (max-width: 767px) {
  .block-category .data-qa .list .item {
    width: 100%;
    margin-bottom: 15px;
  }
}
.block-category .data-qa .list .item a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  width: 190px;
  height: 190px;
  background: #A0ABBE;
  border-radius: 4px;
  padding: 0 19px;
}
.block-category .data-qa .list .item a > div:first-child {
  height: 71.81px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 11px;
}
.block-category .data-qa .list .item a > div:first-child img.style1 {
  width: 120px;
}
@media only screen and (max-width: 767px) {
  .block-category .data-qa .list .item a > div:first-child img.style1 {
    width: 83px;
  }
}
.block-category .data-qa .list .item a > div:first-child img.style2 {
  width: 79.93px;
}
.block-category .data-qa .list .item a > div:first-child img.style3 {
  width: 82.47px;
}
@media only screen and (max-width: 767px) {
  .block-category .data-qa .list .item a > div:first-child img.style3 {
    width: 70.57px;
  }
}
.block-category .data-qa .list .item a h4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
.block-category .data-qa .list .item a p {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 767px) {
  .block-category .data-qa .list .item a {
    width: 100%;
    height: 100px;
    flex-direction: row;
    text-align: left;
    padding: 0;
  }
  .block-category .data-qa .list .item a > div:first-child {
    min-width: 126px;
    height: 100%;
    margin-bottom: 0;
  }
  .block-category .data-qa .list .item a h4 {
    font-size: 16px;
    margin-bottom: 9px;
    line-height: 21px;
  }
  .block-category .data-qa .list .item a p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .block-category .data-qa .list {
    flex-wrap: wrap;
  }
}
.block-category.page-useful {
  margin-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .block-category.page-useful {
    margin-bottom: 60px;
  }
}
.block-category.page-useful .link-tag-a {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .block-category.page-useful .link-tag-a {
    margin-top: 60px;
  }
}
.block-category ul.tab {
  list-style: none;
  margin: 0 auto 100px;
  padding: 0;
  display: flex;
  width: 664px;
}
@media only screen and (max-width: 767px) {
  .block-category ul.tab {
    width: 100%;
  }
}
.block-category ul.tab li {
  min-width: 20%;
  margin-right: 50px;
  position: relative;
}
.block-category ul.tab li:after {
  content: "";
  width: 56px;
  height: 3px;
  left: 100%;
  bottom: 0;
  position: absolute;
  background: #F2F2F2;
}
@media only screen and (max-width: 767px) {
  .block-category ul.tab li:after {
    width: 5px;
  }
}
.block-category ul.tab li a {
  min-width: 124px;
  font-size: 16px;
  font-weight: bold;
  color: #555555;
  line-height: 24px;
  border-bottom: 3px solid #F2F2F2;
  padding: 0 0px 20px 0;
  text-align: center;
  width: 100%;
  display: block;
  height: 47px;
}
.block-category ul.tab li a:hover {
  color: #A0ABBE;
}
.block-category ul.tab li a:hover button {
  right: -5px;
}
.block-category ul.tab li a.active {
  color: #F78CA2;
  border-bottom: 3px solid #F78CA2;
}
@media only screen and (max-width: 767px) {
  .block-category ul.tab {
    margin: 0 0 30px 0;
  }
  .block-category ul.tab li {
    margin-right: 5px;
    min-width: 80px;
  }
  .block-category ul.tab li a {
    font-size: 14px;
    padding-bottom: 12px;
    line-height: 19px;
    min-width: 80px;
    height: 34px;
  }
}
.block-category .content {
  display: flex;
  align-items: flex-start;
}
.block-category .box-right {
  width: 100%;
}
@media (min-width: 767px) {
  .block-category .box-right {
    width: calc(100% - 500px);
  }
}
.block-category .box-right h3 {
  font-size: 28px;
  font-family: "Noto Sans JP";
  color: #555555;
  letter-spacing: 1px;
  line-height: 37px;
  margin-bottom: 50px;
  font-weight: bold;
}
.block-category .box-right .tab-ul {
  list-style: none;
  margin: 0 0 50px 0;
  padding: 20px 20px 0px;
  background: #fff;
  display: block;
}
.block-category .box-right .tab-ul .owl-nav [class*=owl-]:hover {
  background: none;
  color: inherit;
}
.block-category .box-right .tab-ul .owl-nav {
  display: inline-flex;
  background: #F2F2F2;
  border-radius: 15px;
  width: 100px;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
.block-category .box-right .tab-ul .owl-nav button {
  margin: 0;
  font-size: 28px;
  height: 24px;
  width: 50px;
  padding: 0 15px;
}
.block-category .box-right .tab-ul .owl-nav button span {
  font-size: 28px;
  line-height: 24px;
  position: relative;
  top: -13px;
  height: 24px;
  display: inline-block;
}
.block-category .box-right .tab-ul .owl-nav button:hover {
  background: #4d4d4d !important;
}
.block-category .box-right .tab-ul .owl-nav button:hover span {
  color: #fff;
}
.block-category .box-right .tab-ul .owl-nav button.disabled {
  opacity: 0.2;
}
.block-category .box-right .tab-ul .owl-nav button.disabled:hover {
  background: none !important;
}
.block-category .box-right .tab-ul .owl-nav button.disabled:hover span {
  color: #555 !important;
}
.block-category .box-right .tab-ul .item {
  position: relative;
}
.block-category .box-right .tab-ul .item:last-child {
  margin-right: 0;
}
.block-category .box-right .tab-ul .item:last-child:after {
  display: none;
}
.block-category .box-right .tab-ul .item:after {
  content: "";
  width: 56px;
  height: 3px;
  left: 100%;
  bottom: 0px;
  position: absolute;
  background: #F2F2F2;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right .tab-ul .item:after {
    width: 20px;
  }
}
.block-category .box-right .tab-ul .item a {
  font-size: 16px;
  font-weight: bold;
  color: #555555;
  line-height: 24px;
  border-bottom: 3px solid #F2F2F2;
  padding: 0 0px 20px;
  text-align: center;
  width: 100%;
  display: block;
  height: 47px;
  white-space: nowrap;
}
.block-category .box-right .tab-ul .item a:hover {
  color: #A0ABBE;
}
.block-category .box-right .tab-ul .item a.active {
  color: #F78CA2;
  border-bottom: 3px solid #F78CA2;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right .tab-ul .item a {
    padding: 0px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .block-category .box-right .tab-ul {
    margin: 0 0 30px 0;
  }
  .block-category .box-right .tab-ul li a {
    font-size: 14px;
    padding-bottom: 12px;
    line-height: 19px;
    height: 34px;
  }
}
.block-category .box-right ul {
  list-style: none;
  margin: 0 0 50px 0;
  padding: 0;
  display: flex;
}
.block-category .box-right ul li {
  min-width: 20%;
  margin-right: 50px;
  position: relative;
}
.block-category .box-right ul li:last-child {
  margin-right: 0;
}
.block-category .box-right ul li:last-child:after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right ul li {
    margin-right: 20px;
  }
}
.block-category .box-right ul li:after {
  content: "";
  width: 56px;
  height: 3px;
  left: 100%;
  bottom: 0px;
  position: absolute;
  background: #F2F2F2;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right ul li:after {
    width: 20px;
  }
}
.block-category .box-right ul li a {
  font-size: 16px;
  font-weight: bold;
  color: #555555;
  line-height: 24px;
  border-bottom: 3px solid #F2F2F2;
  padding: 0 0px 20px;
  text-align: center;
  width: 100%;
  display: block;
  height: 47px;
}
.block-category .box-right ul li a:hover {
  color: #A0ABBE;
}
.block-category .box-right ul li a.active {
  color: #F78CA2;
  border-bottom: 3px solid #F78CA2;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right ul {
    margin: 0 0 30px 0;
  }
  .block-category .box-right ul li a {
    font-size: 14px;
    padding-bottom: 12px;
    line-height: 19px;
    height: 34px;
  }
}
.block-category .box-right .data {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right .data {
    margin-bottom: 44px;
  }
}
.block-category .box-right .data .item-data {
  width: 330px;
  margin-bottom: 46px;
}
.block-category .box-right .data .item-data a {
  display: block;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right .data .item-data {
    margin-bottom: 16px;
    max-width: 100%;
    padding-bottom: 7px;
    border-bottom: 1px solid #F2F2F2;
  }
  .block-category .box-right .data .item-data:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
}
.block-category .box-right .data .item-data > .box-1 {
  display: block;
  width: 100%;
}
.block-category .box-right .data .item-data > .box-1 > a {
  width: 100%;
  overflow: hidden;
  height: 210px;
  display: block;
}
.block-category .box-right .data .item-data > .box-1 > a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s linear;
}
.block-category .box-right .data .item-data > .box-1 > div {
  width: 100%;
  overflow: hidden;
}
.block-category .box-right .data .item-data > .box-1 .category {
  color: #F78CA2;
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 10px;
  margin-top: 20px;
  font-weight: 500;
}
.block-category .box-right .data .item-data > .box-1 h4 {
  color: #555;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
}
.block-category .box-right .data .item-data > .box-1:hover img {
  transform: scale(1.1);
}
.block-category .box-right .data .item-data > .box-1:hover h4 {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right .data .item-data > .box-1 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
  }
  .block-category .box-right .data .item-data > .box-1 > a img {
    width: 142px;
    height: 90px;
    object-fit: cover;
  }
  .block-category .box-right .data .item-data > .box-1 > a:first-child {
    order: 2;
    min-width: 142px;
    max-width: 142px;
    height: 90px;
    margin-left: 30px;
  }
  .block-category .box-right .data .item-data > .box-1 .category {
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 6px;
    margin-top: 0;
  }
  .block-category .box-right .data .item-data > .box-1 h4 {
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Số dòng muốn hiển thị */
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.block-category .box-right .data .item-data .tag {
  margin-top: 20px;
}
.block-category .box-right .data .item-data .tag a {
  color: #3C3C3C;
  font-size: 12px;
  display: inline-block;
  background: #F2F2F2;
  border-radius: 4px;
  line-height: 26px;
  margin-right: 8px;
  padding: 0px 29px 0 16px;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right .data .item-data .tag {
    margin-top: 17px;
  }
  .block-category .box-right .data .item-data .tag.home {
    margin-top: 10px;
  }
  .block-category .box-right .data .item-data .tag a {
    font-family: "Noto Sans JP";
    padding: 0 16px;
    line-height: 23px;
    margin-bottom: 8px;
  }
}
.block-category .box-right .data .item-data:hover .box-1 > a img {
  transform: scale(1.1);
}
.block-category .box-right .data .item-data:hover .box-1 h4 {
  text-decoration: underline;
}
.block-category .box-right .data .item-data:nth-last-child(-n+2) {
  margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right .data .item-data:nth-last-child(-n+2) {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .block-category .box-right h3 {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 30px;
  }
}
.block-category .box-right-useful {
  width: 100%;
}
.block-category .box-right-useful .item-data {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #F2F2F2;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right-useful .item-data {
    padding-bottom: 7px;
  }
}
.block-category .box-right-useful .item-data:last-child {
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right-useful .item-data:last-child {
    margin-bottom: 40px;
  }
}
.block-category .box-right-useful .item-data:hover .box-1 > a img {
  transform: scale(1.1);
}
.block-category .box-right-useful .item-data:hover .box-1 h4 {
  text-decoration: underline;
}
.block-category .box-right-useful .item-data .box-1 {
  display: flex;
}
.block-category .box-right-useful .item-data .box-1 > a:first-child {
  min-width: 240px;
  max-width: 240px;
  height: 153px;
  overflow: hidden;
  margin-right: 40px;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right-useful .item-data .box-1 > a:first-child {
    min-width: 148px;
    max-width: 148px;
    height: 94px;
    margin-right: 20px;
  }
}
.block-category .box-right-useful .item-data .box-1 > a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s linear;
}
.block-category .box-right-useful .item-data .box-1 .category {
  color: #F78CA2;
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 10px;
  font-weight: 500;
  display: block;
}
.block-category .box-right-useful .item-data .box-1 h4 {
  color: #555;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right-useful .item-data .box-1 .category {
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 10px;
    margin-top: 0;
  }
  .block-category .box-right-useful .item-data .box-1 h4 {
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Số dòng muốn hiển thị */
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
  }
}
.block-category .box-right-useful .item-data .tag {
  display: flex;
  flex-wrap: wrap;
}
.block-category .box-right-useful .item-data .tag a {
  color: #3C3C3C;
  font-size: 12px;
  display: inline-block;
  background: #F2F2F2;
  border-radius: 4px;
  line-height: 26px;
  margin-right: 8px;
  padding: 0px 29px 0 16px;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right-useful .item-data .tag {
    margin-top: 20px;
  }
  .block-category .box-right-useful .item-data .tag a {
    font-family: "Noto Sans JP";
    padding: 0 16px;
    line-height: 23px;
    margin-bottom: 8px;
    font-size: 11px;
  }
}
@media only screen and (max-width: 767px) {
  .block-category .box-right-useful .data.search {
    padding-bottom: 20px;
  }
}
.block-category .box-right-useful .data-qa {
  background: #fff;
  padding: 50px;
}
.block-category .box-right-useful .data-qa .item-qa:not(:first-child) {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right-useful .data-qa {
    margin-bottom: 15px;
    padding: 0;
    background: none;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .block-category .box-right-useful .data-qa .item-qa > img {
    height: 167px;
    width: 100%;
    object-fit: cover;
  }
}
.block-category .box-right-useful .data-qa > img {
  width: 100%;
  height: 341px;
  object-fit: cover;
}
.block-category .box-right-useful .data-qa .name {
  font-size: 24px;
  color: #555555;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 54px;
  margin-bottom: 30px;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right-useful .data-qa .name {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 30px;
    margin-top: 20px;
  }
}
.block-category .box-right-useful .data-qa .desc {
  color: #555555;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.5px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right-useful .data-qa .desc {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 30px;
  }
}
.block-category .box-right-useful .data-qa .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right-useful .data-qa .list {
    padding: 0;
    background: none;
  }
}
@media only screen and (max-width: 767px) {
  .block-category .box-right-useful .data-qa .list .item {
    width: 100%;
    margin-bottom: 15px;
  }
}
.block-category .box-right-useful .data-qa .list .item a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  width: 190px;
  height: 190px;
  background: #A0ABBE;
  border-radius: 4px;
  padding: 0 19px;
}
.block-category .box-right-useful .data-qa .list .item a:hover {
  background: #F78CA2;
}
.block-category .box-right-useful .data-qa .list .item a > div:first-child {
  height: 71.81px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 11px;
}
.block-category .box-right-useful .data-qa .list .item a > div:first-child img.style1 {
  width: 120px;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right-useful .data-qa .list .item a > div:first-child img.style1 {
    width: 83px;
  }
}
.block-category .box-right-useful .data-qa .list .item a > div:first-child img.style2 {
  width: 79.93px;
}
.block-category .box-right-useful .data-qa .list .item a > div:first-child img.style3 {
  width: 82.47px;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right-useful .data-qa .list .item a > div:first-child img.style3 {
    width: 70.57px;
  }
}
.block-category .box-right-useful .data-qa .list .item a h4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
.block-category .box-right-useful .data-qa .list .item a p {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 767px) {
  .block-category .box-right-useful .data-qa .list .item a {
    width: 100%;
    height: 100px;
    flex-direction: row;
    text-align: left;
    padding: 0;
  }
  .block-category .box-right-useful .data-qa .list .item a > div:first-child {
    min-width: 126px;
    height: 100%;
    margin-bottom: 0;
  }
  .block-category .box-right-useful .data-qa .list .item a h4 {
    font-size: 16px;
    margin-bottom: 9px;
    line-height: 21px;
  }
  .block-category .box-right-useful .data-qa .list .item a p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .block-category .box-right-useful .data-qa .list {
    flex-wrap: wrap;
  }
}

.scroll-arrow {
  position: relative;
  background: none;
  top: 0%;
  border: 0;
  cursor: pointer;
  z-index: 5;
  text-align: center;
  box-shadow: none;
  transition: all 0.3s linear;
}
@media only screen and (max-width: 767px) {
  .scroll-arrow {
    line-height: 15px;
  }
}
.scroll-arrow i {
  color: #F78CA2;
  font-size: 22px;
}
@media only screen and (max-width: 767px) {
  .scroll-arrow i {
    font-size: 17px;
  }
}

.scroll-arrow.left {
  left: 0;
}

.scroll-arrow.right {
  right: 0;
}

.cto {
  scroll-behavior: smooth; /* Trượt mượt */
}
@media only screen and (max-width: 767px) {
  .cto {
    width: calc(100vw - 40px);
  }
}

.cto::-webkit-scrollbar {
  display: none; /* Ẩn scrollbar nếu muốn */
}

.box-link {
  width: 640px;
  height: 170px;
  padding: 30px;
  background: #fff;
  position: fixed;
  z-index: 9;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .box-link {
    width: 100vw;
    height: 96px;
    padding: 20px;
  }
}
.box-link .close_pop {
  position: absolute;
  right: 17px;
  top: -17px;
  width: 30px;
}
@media only screen and (max-width: 767px) {
  .box-link .close_pop {
    width: 24px;
    right: 10px;
    top: -14px;
  }
}
.box-link .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.box-link .content a {
  width: 280px;
  height: 96px;
  line-height: 24px;
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  color: #fff;
  font-family: "Noto Sans JP";
  font-weight: bold;
  letter-spacing: 0.5px;
  position: relative;
  margin: 0 10px;
  font-size: 16px;
}
.box-link .content a:first-child {
  background: #5DD6BE;
  padding-left: 109px;
}
.box-link .content a:last-child {
  background: #F78CA2;
  display: block;
  text-align: center;
  line-height: 96px;
}
.box-link .content a .circle {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  width: 70px;
  height: 70px;
  background: #fff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 21px;
  letter-spacing: 0.5px;
  color: #5DD6BE;
  position: absolute;
  top: 13px;
  left: 14px;
}
@media only screen and (max-width: 767px) {
  .box-link .content a .circle {
    font-size: 13px;
    line-height: 14px;
    width: 42px;
    height: 42px;
    left: 12px;
    top: 7px;
  }
  .box-link .content a .circle img {
    display: none;
  }
}
.box-link .content a .circle img {
  position: absolute;
  left: 65px;
  width: 13px;
}
.box-link .content a .circle i {
  font-size: 14px;
  font-style: normal;
}
@media only screen and (max-width: 767px) {
  .box-link .content a .circle i {
    font-size: 10px;
  }
}
.box-link .content a .oval {
  background: #fff;
  color: #F78CA2;
  font-size: 14px;
  font-weight: bold;
  font-family: "Noto Sans JP";
  letter-spacing: 0.5px;
  line-height: 27px;
  border: 2px solid #F78CA2;
  text-align: center;
  position: absolute;
  border-radius: 16px;
  display: inline-block;
  width: 191px;
  top: -14px;
  left: 50%;
  margin-left: -95px;
}
.box-link .content a .oval img {
  position: absolute;
  left: 50%;
  width: 9px;
  top: 100%;
  margin-left: -4.5px;
}
@media only screen and (max-width: 767px) {
  .box-link .content a .oval {
    font-size: 9px;
    border: 0;
    position: relative;
    width: 128px;
    left: 0;
    margin-left: 0;
    top: 0;
    line-height: 17px;
  }
  .box-link .content a .oval img {
    width: 7px;
    margin-left: -3.5px;
  }
}
.box-link .content a .icon-link {
  position: absolute;
  top: 41px;
  right: 15px;
  width: 14px;
}
@media only screen and (max-width: 767px) {
  .box-link .content a {
    width: 162px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    font-size: 12px;
  }
  .box-link .content a:first-child {
    padding-left: 66px;
    text-align: left;
    line-height: 16px;
  }
  .box-link .content a:last-child {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    line-height: 24px;
    padding-top: 5px;
  }
  .box-link .content a .icon-link {
    top: 40px;
    right: 6px;
    width: 10px;
  }
}

.no-results {
  font-size: 18px;
  margin-bottom: 31px;
  margin-top: 59px;
}
@media only screen and (max-width: 767px) {
  .no-results {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 0;
  }
}

.block-conference {
  margin-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .block-conference {
    margin-bottom: 60px;
  }
}
.block-conference .banner {
  margin-bottom: 152px;
}
.block-conference .banner img {
  width: 100%;
  height: 479px;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .block-conference .banner {
    margin-bottom: 30px;
  }
  .block-conference .banner img {
    height: 265px;
    object-fit: cover;
    width: 100%;
  }
}
.block-conference .content1 {
  position: relative;
}
.block-conference .content1 .left {
  font-size: 20px;
  line-height: 50px;
  font-weight: bold;
  letter-spacing: 0.5px;
  color: #555555;
  width: calc(100vw - 830px);
}
@media only screen and (max-width: 767px) {
  .block-conference .content1 .left {
    font-size: 15px;
    line-height: 28px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .block-conference .content1 .right {
    text-align: right;
    margin-right: -20px;
    margin-top: 30px;
  }
}
.block-conference .content1 .right img {
  width: 691px;
  height: 479px;
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .block-conference .content1 .right img {
    position: relative;
    display: inline-block;
    width: 312px;
    height: 221px;
  }
}
.block-conference .content2 {
  position: relative;
  margin-top: 80px;
  margin-bottom: 80px;
  padding-bottom: 176px;
}
@media only screen and (max-width: 767px) {
  .block-conference .content2 {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
  }
  .block-conference .content2 .container {
    padding: 0 20px 0 0;
  }
}
.block-conference .content2 .ct {
  display: flex;
  justify-content: space-between;
}
.block-conference .content2 .left img.first {
  width: 690px;
  height: 448px;
}
.block-conference .content2 .left img.second {
  width: 930px;
  height: 577px;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .block-conference .content2 .left {
    width: 50%;
  }
  .block-conference .content2 .left img.first {
    width: 160px;
    height: 103px;
    margin-bottom: 29px;
    margin-left: 20px;
  }
  .block-conference .content2 .left img.second {
    min-width: 180px;
    max-width: 180px;
    height: 113px;
    position: relative;
    margin-left: -20px;
  }
}
.block-conference .content2 .right img {
  width: 470px;
  height: 715px;
  margin-top: 214px;
}
@media only screen and (max-width: 767px) {
  .block-conference .content2 .right {
    width: 50%;
    text-align: right;
  }
  .block-conference .content2 .right img {
    width: 161px;
    height: 245px;
    margin-top: 0px;
    display: inline-block;
  }
}
.block-conference .content3 .ct {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .block-conference .content3 .ct {
    flex-wrap: wrap;
  }
}
.block-conference .content3 .left {
  font-size: 20px;
  line-height: 50px;
  font-weight: bold;
  letter-spacing: 0.5px;
  color: #555555;
}
@media only screen and (max-width: 767px) {
  .block-conference .content3 .left {
    order: 2;
    font-size: 15px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .block-conference .content3 .right {
    text-align: center;
    margin-bottom: 30px;
  }
}
.block-conference .content3 .right img {
  width: 600px;
  height: 365px;
}
@media only screen and (max-width: 767px) {
  .block-conference .content3 .right img {
    width: 335px;
    height: 202px;
    display: inline-block;
  }
}
.block-conference .content4 {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .block-conference .content4 {
    margin-top: 52px;
  }
}
.block-conference .content4 h3 {
  font-size: 32px;
  text-align: center;
  color: #555555;
  font-weight: bold;
  padding-bottom: 22px;
  position: relative;
  margin-bottom: 50px;
}
.block-conference .content4 h3:after {
  position: absolute;
  width: 130px;
  height: 4px;
  background: #F78CA2;
  left: 50%;
  bottom: 0;
  margin-left: -65px;
  content: "";
}
@media only screen and (max-width: 767px) {
  .block-conference .content4 h3 {
    font-size: 18px;
    padding-bottom: 12px;
    margin-bottom: 75px;
  }
  .block-conference .content4 h3:after {
    height: 2px;
  }
}
.block-conference .content4 .ct {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.block-conference .content4 .ct1 {
  width: 373px;
}
@media only screen and (max-width: 767px) {
  .block-conference .content4 .ct1 {
    width: 100%;
  }
}
.block-conference .content4 .ct1 a {
  margin-bottom: 40px;
  border-radius: 20px;
  padding: 50px;
  display: block;
  position: relative;
  color: #555;
  font-weight: bold;
  line-height: 32px;
}
.block-conference .content4 .ct1 a > img {
  position: absolute;
  top: -10px;
  right: 21px;
  width: 38px;
}
.block-conference .content4 .ct1 a.green-left {
  background: white;
}
.block-conference .content4 .ct1 a.green-left:before {
  content: "";
  width: 37px;
  height: 27px;
  position: absolute;
  left: 8px;
  bottom: -23px;
  background: url("../images/icon/white-left.png") no-repeat;
  background-size: 100%;
}
.block-conference .content4 .ct1 a.pink-right {
  background: #fff;
}
.block-conference .content4 .ct1 a.pink-right:before {
  content: "";
  width: 37px;
  height: 27px;
  position: absolute;
  right: 8px;
  bottom: -23px;
  background: url("../images/icon/white-right.png") no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 767px) {
  .block-conference .content4 .ct1 a {
    padding: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
  }
}

.about {
  background: url("../images/about/bg_about.png") no-repeat center 340px;
  background-size: 1439.74px 446.75px;
  margin-bottom: 140px;
  margin-top: 80px;
  background-attachment: fixed;
}
@media only screen and (max-width: 767px) {
  .about {
    margin-top: 33px;
    margin-bottom: 60px;
    background-size: 100%;
    background-position: center 200px;
  }
}
.about .title-page {
  font-family: Chillax;
  font-size: 160px;
  font-weight: 500;
  line-height: 213px;
  color: #fff;
  -webkit-text-stroke: 0.5px #A0ABBE;
  text-stroke: 0.5px #A0ABBE; /* Firefox không hỗ trợ */
  text-align: center;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .about .title-page {
    font-size: 60px;
    line-height: 80px;
    text-align: left;
    margin-bottom: 5px;
  }
}
.about h3 {
  font-family: "Noto Sans JP";
  font-weight: bold;
  line-height: 37px;
  letter-spacing: 1px;
  color: #555555;
  margin-bottom: 100px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .about h3 {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 31px;
    text-align: left;
  }
}
.about .detail {
  font-family: "Noto Sans JP";
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 42px;
  color: #555555;
  text-align: center;
  margin-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .about .detail {
    font-size: 15px;
    text-align: left;
    line-height: 28px;
    font-family: "Noto Sans JP";
  }
}

.block-subscribe h2 {
  font-family: Chillax;
  font-size: 160px;
  font-weight: 500;
  line-height: 213px;
  color: #fff;
  -webkit-text-stroke: 1px #A0ABBE;
  text-stroke: 1px #A0ABBE; /* Firefox không hỗ trợ */
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .block-subscribe h2 {
    font-size: 60px;
    line-height: 80px;
    text-align: center;
    -webkit-text-stroke: 0.5px #A0ABBE;
    text-stroke: 0.5px #A0ABBE; /* Firefox không hỗ trợ */
  }
}
.block-subscribe .content {
  background: #fff;
  padding: 100px 0;
  text-align: center;
  margin-top: -90px;
}
@media only screen and (max-width: 767px) {
  .block-subscribe .content {
    margin-top: -40px;
    padding: 39.8px 20px 20.2px;
    display: flex;
    justify-content: space-between;
    margin-left: -20px;
    margin-right: -20px;
  }
}
.block-subscribe .content a {
  width: 480px;
  height: 96px;
  line-height: 96px;
  text-align: center;
  display: inline-block;
  border-radius: 6px;
  color: #fff;
  font-family: "Noto Sans JP";
  font-weight: bold;
  letter-spacing: 0.5px;
  position: relative;
  margin: 0 10px;
  font-size: 18px;
}
.block-subscribe .content a:first-child {
  background: #5DD6BE;
  padding-left: 46px;
}
.block-subscribe .content a:last-child {
  background: #F78CA2;
}
.block-subscribe .content a .circle {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  width: 70px;
  height: 70px;
  background: #fff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 21px;
  letter-spacing: 0.5px;
  color: #5DD6BE;
  position: absolute;
  top: 13px;
  left: 87px;
}
@media only screen and (max-width: 767px) {
  .block-subscribe .content a .circle {
    font-size: 13px;
    line-height: 14px;
    width: 42px;
    height: 42px;
    left: 12px;
    top: 7px;
  }
  .block-subscribe .content a .circle img {
    display: none;
  }
}
.block-subscribe .content a .circle img {
  position: absolute;
  left: 65px;
  width: 13px;
}
.block-subscribe .content a .circle i {
  font-size: 14px;
  font-style: normal;
}
@media only screen and (max-width: 767px) {
  .block-subscribe .content a .circle i {
    font-size: 10px;
  }
}
.block-subscribe .content a .oval {
  background: #fff;
  color: #F78CA2;
  font-size: 14px;
  font-weight: bold;
  font-family: "Noto Sans JP";
  letter-spacing: 0.5px;
  line-height: 32px;
  border: 2px solid #F78CA2;
  text-align: center;
  position: absolute;
  border-radius: 16px;
  display: inline-block;
  width: 201px;
  top: -16px;
  left: 50%;
  margin-left: -100px;
}
.block-subscribe .content a .oval img {
  position: absolute;
  left: 50%;
  width: 9px;
  top: 100%;
  margin-left: -4.5px;
}
@media only screen and (max-width: 767px) {
  .block-subscribe .content a .oval {
    font-size: 9px;
    border: 0;
    position: relative;
    width: 128px;
    left: 0;
    margin-left: 0;
    top: 0;
    line-height: 17px;
  }
}
.block-subscribe .content a .icon-link {
  position: absolute;
  top: 41px;
  right: 20px;
  width: 14px;
}
@media only screen and (max-width: 767px) {
  .block-subscribe .content a {
    width: 162px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    font-size: 12px;
  }
  .block-subscribe .content a:first-child {
    padding-left: 66px;
    text-align: left;
    line-height: 16px;
  }
  .block-subscribe .content a:last-child {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    line-height: 30px;
    padding-top: 8px;
  }
  .block-subscribe .content a .icon-link {
    display: none;
  }
}

.block-special {
  overflow: hidden;
}
.block-special h2 {
  font-family: Chillax;
  font-size: 160px;
  font-weight: 500;
  line-height: 213px;
  color: #fff;
  -webkit-text-stroke: 1px #A0ABBE;
  text-stroke: 1px #A0ABBE; /* Firefox không hỗ trợ */
  margin-bottom: 0;
  text-align: right;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .block-special h2 {
    font-size: 60px;
    line-height: 80px;
    padding-right: 20px;
    -webkit-text-stroke: 0.5px #A0ABBE;
    text-stroke: 0.5px #A0ABBE; /* Firefox không hỗ trợ */
  }
}
.block-special .content {
  background: #fff;
  padding: 100px 0 100px 80px;
  text-align: center;
  margin-top: -100px;
  position: relative;
}
.block-special .content:after {
  content: "";
  position: absolute;
  background: #fff;
  left: 100%;
  width: 100vw;
  top: 0;
  height: 100%;
}
.block-special .content h3 {
  font-family: "Noto Sans JP";
  font-size: 28px;
  font-weight: bold;
  text-align: left;
  letter-spacing: 1px;
  line-height: 37px;
  margin-bottom: 50px;
}
.block-special .content .box-item {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .block-special .content .box-item {
    align-items: center;
  }
}
.block-special .content .box-item .item a {
  display: block;
  width: 260px;
  text-align: left;
}
.block-special .content .box-item .item a > div {
  width: 100%;
  height: 165px;
  overflow: hidden;
}
.block-special .content .box-item .item a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s linear;
}
.block-special .content .box-item .item a h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  color: #555;
  letter-spacing: 0.5px;
  font-family: "Noto Sans JP";
  margin-top: 15px;
  margin-bottom: 15px;
}
.block-special .content .box-item .item a p {
  font-size: 14px;
  line-height: 24px;
  color: #555;
  letter-spacing: 0.5px;
  font-family: "Noto Sans JP";
  margin-bottom: 0;
}
.block-special .content .box-item .item a:hover h4 {
  text-decoration: underline;
}
.block-special .content .box-item .item a:hover img {
  transform: scale(1.1);
}
@media only screen and (max-width: 767px) {
  .block-special .content .box-item {
    flex-wrap: wrap;
  }
  .block-special .content .box-item .item {
    margin-bottom: 30px;
  }
  .block-special .content .box-item .item a {
    width: 156px;
  }
  .block-special .content .box-item .item a > div {
    height: 99px;
  }
  .block-special .content .box-item .item a h4 {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 14px;
  }
  .block-special .content .box-item .item a p {
    display: none;
  }
}
.block-special .content .link {
  text-align: right;
  margin-top: 66px;
}
.block-special .content .link a {
  font-family: "Noto Sans JP";
  font-size: 15px;
  line-height: 32px;
  letter-spacing: 0.5px;
  color: #555555;
  display: inline-flex;
  align-items: center;
  position: relative;
  z-index: 3;
}
.block-special .content .link a img {
  margin-left: 21px;
  transition: all 0.3s linear;
  width: 39.01px;
}
.block-special .content .link a:hover {
  color: #F78CA2;
}
.block-special .content .link a:hover img {
  transform: translateX(10px);
}
@media only screen and (max-width: 767px) {
  .block-special .content {
    margin-top: -40px;
    margin-left: -20px;
    padding: 52px 0 60px 20px;
  }
  .block-special .content h3 {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 30px;
  }
  .block-special .content .link {
    margin-top: 10px;
  }
  .block-special .content .link a {
    font-size: 12px;
  }
}

.block-introduction {
  overflow: hidden;
}
.block-introduction h2 {
  font-family: Chillax;
  font-size: 160px;
  font-weight: 500;
  line-height: 213px;
  color: #fff;
  -webkit-text-stroke: 1px #A0ABBE;
  text-stroke: 1px #A0ABBE; /* Firefox không hỗ trợ */
  margin-bottom: 0;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .block-introduction h2 {
    font-size: 60px;
    line-height: 80px;
    -webkit-text-stroke: 0.5px #A0ABBE;
    text-stroke: 0.5px #A0ABBE; /* Firefox không hỗ trợ */
  }
}
.block-introduction .content {
  background: #fff;
  padding: 82px 80px 40px 80px;
  text-align: center;
  margin-top: -90px;
  position: relative;
}
.block-introduction .content h3 {
  font-family: "Noto Sans JP";
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 37px;
  margin-bottom: 50px;
  text-align: center;
  color: #555555;
}
.block-introduction .content p {
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #555555;
  line-height: 32px;
  margin-bottom: 50px;
  font-family: "Noto Sans JP";
}
@media only screen and (max-width: 767px) {
  .block-introduction .content {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -40px;
    padding: 40px 20px 20px;
  }
  .block-introduction .content h3 {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .block-introduction .content p {
    font-size: 14px;
    text-align: left;
    margin-bottom: 30px;
    line-height: 21px;
  }
}
.block-introduction .content .box-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.block-introduction .content .box-item .item {
  margin-bottom: 40px;
}
.block-introduction .content .box-item .item a {
  height: 110px;
  width: 320px;
  display: block;
  position: relative;
}
.block-introduction .content .box-item .item a > div {
  height: 100%;
  overflow: hidden;
}
.block-introduction .content .box-item .item a > div img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.block-introduction .content .box-item .item a > div:after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.3s linear;
}
.block-introduction .content .box-item .item a h4 {
  font-family: "Noto Sans JP";
  font-weight: bold;
  color: #fff;
  font-size: 16px;
  line-height: 110px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.block-introduction .content .box-item .item a h4 img {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 20px;
  top: 48px;
}
.block-introduction .content .box-item .item a:hover > div:after {
  background: rgba(0, 0, 0, 0.8);
}
@media only screen and (max-width: 767px) {
  .block-introduction .content .box-item .item a {
    width: 162px;
    height: 56px;
  }
  .block-introduction .content .box-item .item a h4 {
    font-size: 11px;
    line-height: 56px;
  }
  .block-introduction .content .box-item .item a h4 img {
    width: 10.89px;
    height: 10.89px;
    position: absolute;
    right: 10px;
    top: 22.6px;
  }
}
@media only screen and (max-width: 767px) {
  .block-introduction .content .box-item .item {
    margin-bottom: 10px;
  }
}

.block-theme {
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .block-theme {
    margin-bottom: 60px;
  }
}
.block-theme h2 {
  font-family: Chillax;
  font-size: 160px;
  font-weight: 500;
  line-height: 213px;
  color: #fff;
  -webkit-text-stroke: 1px #A0ABBE;
  text-stroke: 1px #A0ABBE; /* Firefox không hỗ trợ */
  margin-bottom: 0;
  text-align: right;
  position: relative;
  z-index: 2;
  margin-right: 50px;
}
@media only screen and (max-width: 767px) {
  .block-theme h2 {
    font-size: 60px;
    line-height: 80px;
    padding-right: 20px;
    -webkit-text-stroke: 0.5px #A0ABBE;
    text-stroke: 0.5px #A0ABBE; /* Firefox không hỗ trợ */
  }
}
.block-theme .content {
  background: #fff;
  padding: 80px 120px 80px 80px;
  text-align: center;
  margin-top: -100px;
  position: relative;
}
.block-theme .content h3 {
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  letter-spacing: 1px;
  line-height: 37px;
  margin-bottom: 50px;
}
.block-theme .content .tag {
  margin-top: 20px;
  text-align: left;
}
.block-theme .content .tag a {
  color: #3C3C3C;
  font-size: 12px;
  display: inline-block;
  background: #F2F2F2;
  border-radius: 4px;
  line-height: 26px;
  margin-right: 12px;
  padding: 0px 29px 0 16px;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
}
.block-theme .content .tag a:hover {
  background: #A0ABBE;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .block-theme .content .tag {
    margin-top: 17px;
  }
  .block-theme .content .tag a {
    font-family: "Noto Sans JP";
    padding: 0 16px;
    line-height: 23px;
    margin-bottom: 8px;
    font-size: 11px;
  }
}
@media only screen and (max-width: 767px) {
  .block-theme .content {
    margin-top: -40px;
    margin-left: -20px;
    padding: 52px 20px 30px 20px;
    margin-right: -20px;
  }
  .block-theme .content h3 {
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 30px;
  }
}

.page-404 {
  margin-bottom: 100px;
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .page-404 {
    margin-top: 26px;
    margin-bottom: 60px;
  }
}
.page-404 .content {
  background: #fff;
  text-align: center;
  padding: 100px 0 50px;
}
.page-404 .content h1 {
  font-size: 200px;
  font-family: "Chillax";
  line-height: 200px;
  margin-bottom: 0;
  color: #A0ABBE;
}
.page-404 .content h2 {
  color: #F78CA2;
  font-size: 34px;
  font-family: "Chillax";
  line-height: 34px;
  margin-bottom: 50px;
}
.page-404 .content p {
  font-size: 18px;
  color: #555555;
  line-height: 30px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .page-404 .content {
    padding-top: 30px;
  }
  .page-404 .content h1 {
    font-size: 100px;
    line-height: 100px;
  }
  .page-404 .content h2 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 32px;
  }
  .page-404 .content p {
    font-size: 15px;
    line-height: 28px;
  }
  .page-404 .content .link-tag-a a {
    width: 240px;
  }
}

.qa .content {
  display: flex;
}
.qa .content .sidebar-content {
  width: 450px;
  margin-right: 50px;
  max-width: 450px;
}
.qa .content .box-right {
  background: #fff;
  padding: 50px;
}
@media only screen and (max-width: 767px) {
  .qa .content .box-right {
    padding: 20px;
  }
}
.qa .content .box-right img {
  max-width: 100%;
}
.qa .content .box-right h1 {
  color: #555555;
  font-size: 24px;
  line-height: 32px;
  margin: 30px 0;
  font-weight: bold;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 767px) {
  .qa .content .box-right h1 {
    font-size: 18px;
    line-height: 30px;
    margin: 20px 0 10px;
  }
}
.qa .content .box-right .desc {
  color: #555555;
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 50px;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 767px) {
  .qa .content .box-right .desc {
    font-size: 15px;
    margin-bottom: 30px;
  }
}
.qa .content .box-right .scroll {
  display: flex;
  flex-wrap: wrap;
}
.qa .content .box-right .scroll a {
  min-width: 190px;
  background: #A0ABBE;
  border-radius: 4px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
  position: relative;
  padding: 0 25px;
  font-size: 14px;
}
.qa .content .box-right .scroll a:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .qa .content .box-right .scroll a {
    min-width: 142px;
    line-height: 40px;
    font-size: 12px;
    margin-right: 11px;
    margin-bottom: 11px;
    text-align: left;
    padding-left: 10px;
  }
  .qa .content .box-right .scroll a:nth-child(3n) {
    margin-right: 11px;
  }
  .qa .content .box-right .scroll a:nth-child(2n) {
    margin-right: 0;
  }
}
.qa .content .box-right .scroll a img {
  position: absolute;
  top: 16px;
  right: 10px;
  color: #fff;
  width: 8px;
}
@media only screen and (max-width: 767px) {
  .qa .content .box-right .scroll a img {
    right: 7px;
  }
}
.qa .content .box-right .ct .item {
  margin-top: 60px;
}
.qa .content .box-right .ct .item:first-child {
  margin-top: 21px;
}
.qa .content .box-right .ct .item h4 {
  color: #555555;
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
  padding-bottom: 20px;
  border-bottom: 1px solid #F78CA2;
}
@media only screen and (max-width: 767px) {
  .qa .content .box-right .ct .item h4 {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 15px;
  }
}
.qa .content .box-right .ct .item ul {
  padding: 0;
  margin-bottom: 0;
}
.qa .content .box-right .ct .item ul li {
  list-style: none;
}
.qa .content .box-right .ct .item ul li a {
  display: flex;
  align-items: center;
  color: #555555;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  min-height: 48px;
  padding: 20px 0;
  border-bottom: 1px solid #F2F2F2;
}
.qa .content .box-right .ct .item ul li a span {
  width: 100%;
}
.qa .content .box-right .ct .item ul li a:hover {
  color: #F78CA2;
}
.qa .content .box-right .ct .item ul li a:hover span {
  text-decoration: underline;
}
.qa .content .box-right .ct .item ul li a img {
  margin-left: 25.8px;
  color: #F78CA2;
  width: 8px;
}
@media only screen and (max-width: 767px) {
  .qa .content .box-right .ct .item ul li a {
    font-size: 14px;
    min-height: 68px;
    padding: 15px 0;
  }
  .qa .content .box-right .ct .item ul li a img {
    width: 8px;
    margin-left: 16.8px;
  }
}

.detail-qa .content {
  width: 900px;
  margin: auto;
  background: #fff;
  padding: 100px 100px 16px;
  margin-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .detail-qa .content {
    max-width: 100%;
    padding: 20px;
    margin-bottom: 60px;
  }
}
.detail-qa .content h1 {
  font-size: 32px;
  line-height: 52px;
  font-weight: bold;
  color: #555555;
  padding-bottom: 32px;
  position: relative;
  margin-bottom: 50px;
  letter-spacing: 0.5px;
}
.detail-qa .content h1:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 212px;
  height: 2px;
  background: #F78CA2;
}
@media only screen and (max-width: 767px) {
  .detail-qa .content h1 {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 22px;
    margin-bottom: 20px;
  }
  .detail-qa .content h1:after {
    width: 147px;
  }
}
.detail-qa .content .img-detail {
  width: 100%;
  height: auto;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .detail-qa .content .img-detail {
    margin-bottom: 20px;
  }
}
.detail-qa .content .ct {
  color: #555555;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.5px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .detail-qa .content .ct {
    font-size: 14px;
    line-height: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.detail-qa .content .ct a {
  text-decoration: underline;
}
.detail-qa .content .ct h2 {
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.5px;
  font-weight: bold;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .detail-qa .content .ct h2 {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 24px;
  }
}
.detail-qa .content .ct h3 {
  font-size: 20px;
  line-height: 29px;
  letter-spacing: 0.5px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #F78CA2;
}
@media only screen and (max-width: 767px) {
  .detail-qa .content .ct h3 {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 24px;
  }
}
.detail-qa .content .ct h4 {
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.5px;
  font-weight: bold;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .detail-qa .content .ct h4 {
    font-size: 15px;
  }
}
.detail-qa .content .ct .profile {
  border-top: 1px solid #F78CA2;
  padding-top: 50px;
  margin-top: 50px;
}
.detail-qa .content .profile h2 {
  font-family: Chillax;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 20px;
  letter-spacing: 0.2px;
  font-weight: bold;
  color: #A0ABBE;
}
@media only screen and (max-width: 767px) {
  .detail-qa .content .profile h2 {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.detail-qa .content .profile .name {
  font-size: 16px;
  color: #555555;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 24px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .detail-qa .content .profile .name {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
.detail-qa .content .profile .desc {
  color: #555555;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  margin-bottom: 62px;
}
@media only screen and (max-width: 767px) {
  .detail-qa .content .profile .desc {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 30px;
  }
}
.detail-qa .content .profile .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 50px;
  background: #F8F8F8;
}
@media only screen and (max-width: 767px) {
  .detail-qa .content .profile .list {
    padding: 0;
    background: none;
  }
}
@media only screen and (max-width: 767px) {
  .detail-qa .content .profile .list .item {
    width: 100%;
    margin-bottom: 15px;
  }
}
.detail-qa .content .profile .list .item a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  width: 190px;
  height: 190px;
  background: #A0ABBE;
  border-radius: 4px;
  padding: 0 19px;
}
.detail-qa .content .profile .list .item a:hover {
  background: #F78CA2;
}
.detail-qa .content .profile .list .item a > div:first-child {
  height: 71.81px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 11px;
}
.detail-qa .content .profile .list .item a > div:first-child img.style1 {
  width: 120px;
}
@media only screen and (max-width: 767px) {
  .detail-qa .content .profile .list .item a > div:first-child img.style1 {
    width: 83px;
  }
}
.detail-qa .content .profile .list .item a > div:first-child img.style2 {
  width: 79.93px;
}
.detail-qa .content .profile .list .item a > div:first-child img.style3 {
  width: 82.47px;
}
@media only screen and (max-width: 767px) {
  .detail-qa .content .profile .list .item a > div:first-child img.style3 {
    width: 70.57px;
  }
}
.detail-qa .content .profile .list .item a h4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
.detail-qa .content .profile .list .item a p {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.5px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .detail-qa .content .profile .list .item a {
    width: 100%;
    height: 100px;
    flex-direction: row;
    text-align: left;
    padding: 0;
  }
  .detail-qa .content .profile .list .item a > div:first-child {
    min-width: 126px;
    height: 100%;
    margin-bottom: 0;
  }
  .detail-qa .content .profile .list .item a h4 {
    font-size: 16px;
    margin-bottom: 9px;
    line-height: 21px;
  }
  .detail-qa .content .profile .list .item a p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .detail-qa .content .profile .list {
    flex-wrap: wrap;
  }
}
.detail-qa .content a {
  text-decoration: underline;
}
.detail-qa .content .share {
  display: flex;
  align-items: center;
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .detail-qa .content .share {
    margin-top: 15px;
  }
}
.detail-qa .content .share span {
  font-size: 12px;
  font-family: Chillax;
  color: #555555;
  letter-spacing: 1px;
  margin-right: 37px;
}
@media only screen and (max-width: 767px) {
  .detail-qa .content .share span {
    font-size: 10px;
    margin-right: 23px;
  }
}
.detail-qa .content .share a {
  display: inline-block;
  margin-right: 10px;
}
.detail-qa .content .share a img {
  width: 50px;
  height: 50px;
}
.detail-qa .content .share a img:first-child {
  display: block;
}
.detail-qa .content .share a img:last-child {
  display: none;
}
.detail-qa .content .share a:hover img {
  opacity: 0.7;
}
.detail-qa .content .share a:hover img:first-child {
  display: none;
}
.detail-qa .content .share a:hover img:last-child {
  display: block;
}
@media only screen and (max-width: 767px) {
  .detail-qa .content .share a {
    margin-right: 8px;
  }
  .detail-qa .content .share a img {
    width: 36px;
    height: 36px;
  }
}
.detail-qa .content .tag {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .detail-qa .content .tag {
    margin-bottom: 20px;
  }
}
.detail-qa .content .tag a {
  color: #3C3C3C;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 29px 5px 16px;
  background: #F2F2F2;
  border-radius: 4px;
  margin-right: 15px;
  display: inline-block;
}
.detail-qa .content .tag a:hover {
  background: #A0ABBE;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .detail-qa .content .tag a {
    padding: 4px 18px;
    margin-right: 8px;
    line-height: 15px;
  }
}
.detail-qa .box-relate {
  background: #fff;
  padding: 65px;
}
@media only screen and (max-width: 767px) {
  .detail-qa .box-relate {
    background: none;
    padding: 0;
    margin-bottom: 60px;
  }
  .detail-qa .box-relate .link-tag-a a {
    width: 180px;
    line-height: 46px;
  }
}
.detail-qa .box-relate h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  letter-spacing: 0.5px;
  margin-bottom: 43px;
  color: #555;
}
@media only screen and (max-width: 767px) {
  .detail-qa .box-relate h2 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
.detail-qa .box-relate .ct1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .detail-qa .box-relate .ct1 {
    flex-wrap: wrap;
    margin-bottom: 14px;
  }
}
.detail-qa .box-relate .ct1 .item {
  width: 330px;
}
@media only screen and (max-width: 767px) {
  .detail-qa .box-relate .ct1 .item {
    margin-bottom: 16px;
    max-width: 100%;
    padding-bottom: 7px;
    border-bottom: 1px solid #F2F2F2;
  }
}
.detail-qa .box-relate .ct1 .item > a {
  display: block;
  width: 100%;
}
.detail-qa .box-relate .ct1 .item > a > div {
  width: 100%;
  overflow: hidden;
}
.detail-qa .box-relate .ct1 .item > a > div:first-child {
  height: 210px;
}
.detail-qa .box-relate .ct1 .item > a > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s linear;
}
.detail-qa .box-relate .ct1 .item > a .category {
  color: #F78CA2;
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 10px;
  margin-top: 20px;
  font-weight: 500;
}
.detail-qa .box-relate .ct1 .item > a h4 {
  color: #555;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .detail-qa .box-relate .ct1 .item > a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
  }
  .detail-qa .box-relate .ct1 .item > a > div img {
    width: 142px;
    height: 90px;
    object-fit: cover;
  }
  .detail-qa .box-relate .ct1 .item > a > div:first-child {
    order: 2;
    min-width: 142px;
    max-width: 142px;
    height: 90px;
    margin-left: 30px;
  }
  .detail-qa .box-relate .ct1 .item > a .category {
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 6px;
    margin-top: 0;
  }
  .detail-qa .box-relate .ct1 .item > a h4 {
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Số dòng muốn hiển thị */
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.detail-qa .box-relate .ct1 .item .tag {
  margin-top: 20px;
}
.detail-qa .box-relate .ct1 .item .tag a {
  color: #3C3C3C;
  font-size: 12px;
  display: inline-block;
  background: #F2F2F2;
  border-radius: 4px;
  line-height: 26px;
  margin-right: 8px;
  padding: 0px 29px 0 16px;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
}
.detail-qa .box-relate .ct1 .item .tag a:hover {
  background: #A0ABBE;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .detail-qa .box-relate .ct1 .item .tag {
    margin-top: 17px;
  }
  .detail-qa .box-relate .ct1 .item .tag a {
    font-family: "Noto Sans JP";
    padding: 0 16px;
    line-height: 23px;
    margin-bottom: 8px;
  }
}
.detail-qa .box-relate .ct1 .item:hover a > div img {
  transform: scale(1.1);
}
.detail-qa .box-relate .ct1 .item:hover a h4 {
  text-decoration: underline;
}

.news .block-special {
  margin-top: 90px;
  margin-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .news .block-special {
    margin-bottom: 54px;
    margin-top: 60px;
  }
}
.news .block-subscribe {
  margin-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .news .block-subscribe {
    margin-bottom: 60px;
  }
}
.news .block-introduction {
  margin-top: 140px;
  margin-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .news .block-introduction {
    margin-bottom: 60px;
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .news .container {
    padding: 0;
  }
}
.news .list-item {
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .news .list-item {
    padding-left: 20px;
    margin-bottom: 60px;
  }
  .news .list-item .owl-stage {
    padding-left: 0px !important;
  }
}
.news .list-item h2 {
  margin-bottom: 30px;
}
.news .list-item h2 span {
  font-size: 24px;
  line-height: 32px;
  color: #555555;
  min-width: 600px;
  border-bottom: 1px solid #F78CA2;
  padding-bottom: 30px;
  display: inline-block;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .news .list-item h2 span {
    font-size: 16px;
    min-width: 167px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .news .list-item h2 {
    margin-bottom: 20px;
  }
}
.news .list-item .slide-news a {
  display: block;
  background: #fff;
}
.news .list-item .slide-news a > div {
  width: 100%;
  height: 230px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .news .list-item .slide-news a > div {
    height: 203px;
  }
}
.news .list-item .slide-news a:hover img {
  transform: scale(1.1);
}
.news .list-item .slide-news a:hover h3 {
  text-decoration: underline;
}
.news .list-item .slide-news img {
  transition: 0.3s linear all;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news .list-item .slide-news h3 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  color: #555555;
  letter-spacing: 0.5px;
  font-weight: bold;
  padding: 29px 30px 30px;
}
@media only screen and (max-width: 767px) {
  .news .list-item .slide-news h3 {
    font-size: 14px;
    padding: 20px 28px;
    line-height: 22px;
  }
}
.news .list-item .slide-news .owl-dots {
  margin-top: 50px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .news .list-item .slide-news .owl-dots {
    margin-top: 30px;
  }
}
.news .list-item .link {
  position: absolute;
  right: 0;
  bottom: 0;
}
.news .list-item .link a {
  font-family: "Noto Sans JP";
  font-size: 15px;
  line-height: 32px;
  letter-spacing: 0.5px;
  color: #555555;
  display: inline-flex;
  align-items: center;
  position: relative;
  z-index: 3;
}
.news .list-item .link a img {
  margin-left: 21px;
  transition: all 0.3s linear;
  width: 39.01px;
}
.news .list-item .link a:hover {
  color: #F78CA2;
}
.news .list-item .link a:hover img {
  transform: translateX(10px);
}
@media only screen and (max-width: 767px) {
  .news .list-item .link {
    right: 20px;
    bottom: -3px;
  }
  .news .list-item .link a {
    font-size: 13px;
    line-height: 17px;
  }
  .news .list-item .link a img {
    width: 28px;
    margin-left: 12px;
  }
}

.detail {
  margin-top: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .detail {
    margin-top: 10px;
  }
  .detail .link-tag-a a {
    width: 180px;
  }
}
.detail .content {
  display: flex;
  margin-bottom: 142px;
}
@media only screen and (max-width: 767px) {
  .detail .content {
    flex-wrap: wrap;
    margin-bottom: 60px;
  }
}
.detail .content .sidebar-content {
  min-width: 450px;
  margin-right: 50px;
}
@media only screen and (max-width: 767px) {
  .detail .content .sidebar-content {
    max-width: 100%;
    min-width: 100%;
  }
}
.detail .content .sidebar-content h1 {
  font-size: 38px;
  line-height: 62px;
  color: #555555;
  letter-spacing: -0.5px;
  font-weight: bold;
  min-height: 180px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .detail .content .sidebar-content h1 {
    font-size: 20px;
    line-height: 32px;
    min-height: auto;
    margin-bottom: 20px;
  }
}
.detail .content .sidebar-content .category {
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #F78CA2;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .detail .content .sidebar-content .category {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px;
  }
}
.detail .content .sidebar-content .desc {
  margin-bottom: 30px;
}
.detail .content .sidebar-content .desc p {
  margin-bottom: 0;
  font-family: "Noto Sans JP";
  font-size: 15px;
  color: #555;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .detail .content .sidebar-content .desc {
    display: none;
  }
}
.detail .content .sidebar-content .tag {
  margin-bottom: 54px;
}
@media only screen and (max-width: 767px) {
  .detail .content .sidebar-content .tag {
    margin-bottom: 20px;
  }
}
.detail .content .sidebar-content .tag a {
  color: #3C3C3C;
  font-size: 12px;
  display: inline-block;
  background: #F2F2F2;
  border-radius: 4px;
  line-height: 26px;
  margin-right: 8px;
  padding: 0px 29px 0 16px;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
}
.detail .content .sidebar-content .tag a:hover {
  cursor: default;
}
.detail .content .sidebar-content .tag a.tag-1:hover {
  cursor: pointer;
  background: #A0ABBE;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .detail .content .sidebar-content .tag {
    margin-top: 12px;
  }
  .detail .content .sidebar-content .tag a {
    font-family: "Noto Sans JP";
    padding: 0 16px;
    line-height: 23px;
    margin-bottom: 8px;
    font-size: 11px;
  }
}
.detail .content .bx-content img.img-detail {
  width: 940px;
  max-width: none;
  height: 678px;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .detail .content .bx-content img.img-detail {
    width: 100%;
    height: 241px;
  }
}
.detail .content .bx-content .share {
  margin-bottom: 0;
}
.detail .share {
  display: flex;
  align-items: center;
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .detail .share {
    margin-bottom: 30px;
  }
}
.detail .share span {
  font-size: 12px;
  font-family: Chillax;
  color: #555555;
  letter-spacing: 1px;
  margin-right: 37px;
}
@media only screen and (max-width: 767px) {
  .detail .share span {
    font-size: 10px;
    margin-right: 23px;
  }
}
.detail .share a {
  display: inline-block !important;
  margin-right: 10px;
}
.detail .share a img {
  width: 50px;
  height: 50px;
}
.detail .share a img:first-child {
  display: block;
}
.detail .share a img:last-child {
  display: none;
}
.detail .share a:hover img {
  opacity: 0.7;
}
.detail .share a:hover img:first-child {
  display: none;
}
.detail .share a:hover img:last-child {
  display: block;
}
@media only screen and (max-width: 767px) {
  .detail .share a {
    margin-right: 8px;
  }
  .detail .share a img {
    width: 36px;
    height: 36px;
  }
}
.detail .box-relate {
  background: #fff;
  padding: 65px;
}
@media only screen and (max-width: 767px) {
  .detail .box-relate {
    background: none;
    padding: 0;
    margin-bottom: 60px;
  }
}
.detail .box-relate h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  letter-spacing: 0.5px;
  margin-bottom: 43px;
  color: #555;
}
@media only screen and (max-width: 767px) {
  .detail .box-relate h2 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
.detail .box-relate .ct {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .detail .box-relate .ct {
    flex-wrap: wrap;
    margin-bottom: 14px;
  }
}
.detail .box-relate .ct .item {
  width: 330px;
}
@media only screen and (max-width: 767px) {
  .detail .box-relate .ct .item {
    margin-bottom: 16px;
    max-width: 100%;
    padding-bottom: 7px;
    border-bottom: 1px solid #F2F2F2;
  }
}
.detail .box-relate .ct .item > a {
  display: block;
  width: 100%;
}
.detail .box-relate .ct .item > a > div {
  width: 100%;
  overflow: hidden;
}
.detail .box-relate .ct .item > a > div:first-child {
  height: 210px;
}
.detail .box-relate .ct .item > a > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s linear;
}
.detail .box-relate .ct .item > a .category {
  color: #F78CA2;
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 10px;
  margin-top: 20px;
  font-weight: 500;
}
.detail .box-relate .ct .item > a h4 {
  color: #555;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .detail .box-relate .ct .item > a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
  }
  .detail .box-relate .ct .item > a > div img {
    width: 142px;
    height: 90px;
    object-fit: cover;
  }
  .detail .box-relate .ct .item > a > div:first-child {
    order: 2;
    min-width: 142px;
    max-width: 142px;
    height: 90px;
    margin-left: 30px;
  }
  .detail .box-relate .ct .item > a .category {
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 6px;
    margin-top: 0;
  }
  .detail .box-relate .ct .item > a h4 {
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Số dòng muốn hiển thị */
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.detail .box-relate .ct .item .tag {
  margin-top: 20px;
}
.detail .box-relate .ct .item .tag a {
  color: #3C3C3C;
  font-size: 12px;
  display: inline-block;
  background: #F2F2F2;
  border-radius: 4px;
  line-height: 26px;
  margin-right: 8px;
  padding: 0px 29px 0 16px;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
}
.detail .box-relate .ct .item .tag a:hover {
  background: #A0ABBE;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .detail .box-relate .ct .item .tag {
    margin-top: 17px;
  }
  .detail .box-relate .ct .item .tag a {
    font-family: "Noto Sans JP";
    padding: 0 16px;
    line-height: 23px;
    margin-bottom: 8px;
  }
}
.detail .box-relate .ct .item:hover a > div img {
  transform: scale(1.1);
}
.detail .box-relate .ct .item:hover a h4 {
  text-decoration: underline;
}
.detail .box-relate .ct .item:nth-last-child(-n+2) {
  margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
  .detail .box-relate .ct .item:nth-last-child(-n+2) {
    margin-bottom: 16px;
  }
}

.style-detail {
  width: 700px;
  max-width: 100%;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .style-detail {
    width: 100%;
    margin-bottom: 30px;
  }
}
.style-detail p {
  color: #555555;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 767px) {
  .style-detail p {
    font-size: 15px;
    line-height: 28px;
  }
}
.style-detail a {
  text-decoration: underline;
}
.style-detail .underline-green {
  text-decoration: underline;
  text-decoration-thickness: 5px;
  text-decoration-color: #5DD6BE; /* Hoặc mã màu: #00ff00, #008000, ... */
}
.style-detail h3 {
  color: #555555;
  font-size: 32px;
  line-height: 52px;
  padding-bottom: 30px;
  position: relative;
}
.style-detail h3:after {
  content: "";
  width: 212px;
  height: 2px;
  background: #F78CA2;
  left: 0;
  bottom: 0;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .style-detail h3 {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 20px;
  }
  .style-detail h3:after {
    width: 130px;
  }
}
.style-detail .custom-list-box {
  background: #fff;
  padding: 50px;
  font-size: 14px;
  line-height: 24px;
  color: #555;
  border-radius: 8px;
}
@media only screen and (max-width: 767px) {
  .style-detail .custom-list-box {
    padding: 20px;
  }
  .style-detail .custom-list-box table, .style-detail .custom-list-box td {
    display: block;
    width: 100% !important;
    font-size: 12px;
    line-height: 20px;
    text-align: justify-all;
  }
  .style-detail .custom-list-box td:first-child {
    text-align: center;
  }
}
.style-detail .custom-list-box img {
  width: 139px;
}
@media only screen and (max-width: 767px) {
  .style-detail .custom-list-box img {
    margin-bottom: 15px;
  }
}
.style-detail .custom-list-box h3 {
  color: #555555;
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 32px;
  font-weight: bold;
  padding-bottom: 20px;
  position: relative;
  display: inline-block;
  border-bottom: 2px #F78CA2 solid;
}
.style-detail .custom-list-box h3:after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .style-detail .custom-list-box h3 {
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.style-detail .custom-list-box p {
  margin-bottom: 0;
}
.style-detail .custom-list-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.style-detail .custom-list-box ul li {
  color: #555555;
  font-size: 16px;
  line-height: 21px;
  font-weight: bold;
  letter-spacing: 0.5px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
}
.style-detail .custom-list-box ul li:last-child {
  margin-bottom: 0;
}
.style-detail .custom-list-box ul li:before {
  content: "";
  min-width: 7px;
  max-width: 7px;
  height: 7px;
  background: #F78CA2;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
  margin-top: 6px;
}
@media only screen and (max-width: 767px) {
  .style-detail .custom-list-box ul li {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }
}
.style-detail .box-profile {
  border-bottom: 1px solid #A0ABBE;
}
.style-detail .box-profile h3 {
  font-family: Chillax;
  color: #A0ABBE;
  font-size: 24px;
  letter-spacing: 0.5px;
  line-height: 32px;
  margin-bottom: 22px;
  padding-bottom: 0;
}
.style-detail .box-profile h3:after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .style-detail .box-profile h3 {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 10px;
  }
}
.style-detail .box-profile .ct {
  color: #555555;
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 24px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .style-detail .box-profile .ct {
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 20px;
  }
}

.introduction h1 {
  color: #555555;
  font-size: 38px;
  line-height: 50px;
  margin-bottom: 100px;
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .introduction h1 {
    font-size: 18px;
    margin-bottom: 55px;
    margin-top: 20px;
  }
}
.introduction .item-introduction {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .introduction .item-introduction {
    margin-bottom: 15px;
  }
}
.introduction .item-introduction img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s linear;
}
.introduction .item-introduction h3 {
  font-weight: bold;
  font-size: 16px;
  font-family: "Noto Sans JP";
  color: #555555;
  line-height: 24px;
  letter-spacing: 0.5px;
  padding: 30px;
  display: flex;
  align-items: center;
}
.introduction .item-introduction h3 img {
  width: 10.89px;
  height: 10.89px;
  margin-left: 15px;
}
@media only screen and (max-width: 767px) {
  .introduction .item-introduction h3 img {
    margin-left: 10px;
  }
}
.introduction .item-introduction a {
  display: block;
  background: #fff;
}
.introduction .item-introduction a:hover h3 {
  text-decoration: underline;
}
.introduction .item-introduction a:hover img {
  transform: scale(1.1);
}
.introduction .item-introduction a > div {
  height: 230px;
  overflow: hidden;
  width: 100%;
  display: block;
}
@media only screen and (max-width: 767px) {
  .introduction .item-introduction a {
    display: flex;
    align-items: center;
  }
  .introduction .item-introduction a > div {
    min-width: 162px;
    max-width: 162px;
    height: 98px;
  }
  .introduction .item-introduction a h3 {
    margin-bottom: 0;
    padding: 0 20px;
    font-size: 14px;
  }
}
.introduction .block-special {
  margin-top: 90px;
  margin-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .introduction .block-special {
    margin-bottom: 54px;
    margin-top: 60px;
  }
}
.introduction .block-subscribe {
  margin-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .introduction .block-subscribe {
    margin-bottom: 60px;
  }
}
.introduction .block-introduction {
  margin-top: 90px;
  margin-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  .introduction .block-introduction {
    margin-bottom: 60px;
    margin-top: 45px;
  }
}

.introduction-single .box1 {
  margin-bottom: 100px;
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .introduction-single .box1 {
    margin-top: 10px;
    margin-bottom: 60px;
  }
}
.introduction-single .box1 .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.5px;
  font-weight: bold;
  color: #555555;
}
.introduction-single .box1 .content > div {
  width: 100%;
}
.introduction-single .box1 .content > div.img {
  min-width: 600px;
  height: 314px;
  margin-right: 52px;
}
@media only screen and (max-width: 767px) {
  .introduction-single .box1 .content > div.img {
    min-width: auto;
    height: 176px;
  }
}
.introduction-single .box1 .content > div.img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.introduction-single .box1 .content h1 {
  font-size: 38px;
  color: #555;
  font-weight: bold;
  line-height: 56px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .introduction-single .box1 .content h1 {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .introduction-single .box1 .content {
    display: block;
    font-size: 14px;
    line-height: 24px;
  }
  .introduction-single .box1 .content > div.img {
    margin-bottom: 30px;
  }
}
.introduction-single .box3 .filter {
  margin-bottom: 100px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .introduction-single .box3 .filter {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .introduction-single .box3 .filter > div {
    width: calc(100% + 20px);
    display: flex;
    white-space: nowrap;
    overflow-y: auto;
    margin-right: -20px;
    border-bottom: 1px solid #f2f2f2;
  }
}
.introduction-single .box3 .filter span {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.5px;
  color: #555555;
  margin-right: 56px;
}
@media only screen and (max-width: 767px) {
  .introduction-single .box3 .filter span {
    font-size: 14px;
    display: block;
    margin-bottom: 30px;
  }
}
.introduction-single .box3 .filter a {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 0.5px;
  color: #555555;
  padding-bottom: 21px;
  padding-left: 42px;
  padding-right: 42px;
  min-width: 118px;
  text-align: center;
  border-bottom: 3px solid transparent;
  display: inline-block;
}
.introduction-single .box3 .filter a.active {
  border-bottom: 3px solid #F78CA2;
  color: #F78CA2;
}
@media only screen and (max-width: 767px) {
  .introduction-single .box3 .filter a {
    font-size: 14px;
    padding-bottom: 12px;
    padding-left: 22px;
    padding-right: 22px;
    min-width: auto;
  }
}
.introduction-single .box3 .content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .introduction-single .box3 .content {
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0px;
  }
}
.introduction-single .box3 .content .item {
  width: 270px;
  background: #fff;
  min-height: 454px;
  margin-bottom: 40px;
}
.introduction-single .box3 .content .item .image {
  width: 100%;
  height: 163px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  position: relative;
}
.introduction-single .box3 .content .item .image img {
  max-width: 100%;
  max-height: 100%;
}
.introduction-single .box3 .content .item .image img.icon_plus {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
}
@media only screen and (max-width: 767px) {
  .introduction-single .box3 .content .item .image img.icon_plus {
    width: 16px;
    height: 16px;
  }
}
.introduction-single .box3 .content .item h3 {
  font-weight: bold;
  font-size: 18px;
  line-height: 27px;
  color: #555555;
  letter-spacing: 0.5px;
  padding: 0 30px;
  margin-bottom: 20px;
}
.introduction-single .box3 .content .item .ty {
  font-size: 13px;
  line-height: 17px;
  color: #555;
  padding: 0 30px;
  margin-bottom: 12px;
}
.introduction-single .box3 .content .item .ty span {
  color: #F78CA2;
  font-size: 13px;
  line-height: 17px;
  margin-right: 10px;
}
.introduction-single .box3 .content .item .desc {
  font-size: 14px;
  line-height: 24px;
  margin-top: 20px;
  color: #555;
  padding: 0 30px;
}
@media only screen and (max-width: 767px) {
  .introduction-single .box3 .content .item .desc {
    font-size: 12px;
    line-height: 20px;
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .introduction-single .box3 .content .item {
    width: 100%;
    margin-right: 0;
    min-height: 242px;
    margin-bottom: 15px;
  }
  .introduction-single .box3 .content .item .image {
    min-width: 182px;
    height: 110px;
    margin-bottom: 0;
    order: 2;
    max-width: 182px;
  }
  .introduction-single .box3 .content .item .flex-mobile {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 9px;
  }
  .introduction-single .box3 .content .item h3 {
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0 20px;
  }
  .introduction-single .box3 .content .item .ty {
    font-size: 12px;
    margin-bottom: 10px;
    padding: 0 20px;
  }
  .introduction-single .box3 .content .item .ty span {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
  }
}
.introduction-single .modal-dialog {
  max-width: 900px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .introduction-single .modal-dialog {
    margin-top: 100px;
  }
}
.introduction-single .modal-dialog .modal-body {
  padding: 33px 45px;
  height: 500px;
}
@media only screen and (max-width: 767px) {
  .introduction-single .modal-dialog .modal-body {
    padding: 20px 20px;
    height: 315px;
  }
}
.introduction-single .modal-dialog .modal-body .dtd {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .introduction-single .modal-dialog .modal-body .dtd img {
    max-height: 200px !important;
  }
}
.introduction-single .modal-dialog .modal-title {
  color: #555555;
  font-size: 18px;
  line-height: 30px;
  padding-bottom: 20px;
  position: relative;
  margin-bottom: 20px;
}
.introduction-single .modal-dialog .modal-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  background: #F78CA2;
  width: 210px;
}
.introduction-single .modal-dialog button {
  top: 10px;
  right: 10px;
  position: absolute;
  padding: 0;
  opacity: 1;
  height: 20px;
  margin: 0;
}
.introduction-single .modal-dialog button img {
  width: 20px;
  height: 20px;
}
@media only screen and (max-width: 767px) {
  .introduction-single .modal-dialog button img {
    width: 16px;
    height: 16px;
  }
}
.introduction-single .box4 .table-content {
  background: #fff;
  padding: 50px;
}
@media only screen and (max-width: 767px) {
  .introduction-single .box4 .table-content {
    padding: 0;
  }
}
.introduction-single .box4 .table-content h3 {
  color: #555555;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}
.introduction-single .box4 .table-content table {
  margin-bottom: 50px;
}
.introduction-single .box4 .table-content table th {
  background: #F78CA2;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.5px;
  height: 50px;
  font-weight: normal;
  border: 1px solid #F2F2F2;
  text-align: center;
}
.introduction-single .box4 .table-content table td {
  padding: 15px 30px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  border: 1px solid #F2F2F2;
  vertical-align: middle;
}
.introduction-single .box4 .table-content table td p {
  margin-bottom: 0;
}
.introduction-single .box4 .table-content table tr:nth-child(2n) {
  background: #F8F8F8;
}
.introduction-single .box4 .table-content ul {
  padding: 0;
  list-style: none;
  margin-bottom: 10px;
}
.introduction-single .box4 .table-content ul li {
  display: flex;
  border-bottom: 1px solid #F2F2F2;
}
.introduction-single .box4 .table-content ul li:last-child {
  margin-bottom: 0;
}
.introduction-single .box4 .table-content ul li span {
  font-size: 13px;
  color: #fff;
  background: #F78CA2;
  display: inline-block;
  padding: 10px 13px;
  min-width: 92px;
  max-width: 92px;
}
.introduction-single .box4 .table-content ul li > div {
  font-size: 13px;
  padding: 10px 22px;
  line-height: 20px;
  color: #555;
}
.introduction-single .box4 .search-content {
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .introduction-single .box4 .search-content {
    margin-bottom: 30px;
  }
}
.introduction-single .box4 .search-content h3 {
  background: #A0ABBE;
  line-height: 63px;
  position: relative;
  color: #fff;
  text-align: center;
  font-size: 20px;
  letter-spacing: 0.5px;
  font-weight: bold;
  margin-bottom: 0;
  cursor: pointer;
}
.introduction-single .box4 .search-content h3 img {
  position: absolute;
  right: 20px;
  top: 21.5px;
  width: 20px;
  height: 20px;
}
.introduction-single .box4 .search-content h3 img.plus {
  display: block;
}
.introduction-single .box4 .search-content h3 img.minus {
  display: none;
}
.introduction-single .box4 .search-content h3.active img.plus {
  display: none;
}
.introduction-single .box4 .search-content h3.active img.minus {
  display: block;
}
@media only screen and (max-width: 767px) {
  .introduction-single .box4 .search-content h3 {
    font-size: 14px;
    line-height: 50px;
  }
  .introduction-single .box4 .search-content h3 img {
    right: 15px;
    top: 17px;
    width: 16px;
    height: 16px;
  }
}
.introduction-single .box4 .search-content .box-input {
  background: #fff;
  padding: 50px;
}
.introduction-single .box4 .search-content .box-input .ct {
  padding-bottom: 10px;
  border-bottom: 1px solid #F2F2F2;
  margin-bottom: 30px;
}
.introduction-single .box4 .search-content .box-input .ct:last-child {
  border-bottom: 0;
  margin-bottom: 50px;
}
.introduction-single .box4 .search-content .box-input .ct.floop {
  display: flex;
}
.introduction-single .box4 .search-content .box-input .ct.floop > div {
  margin-right: 13px;
  display: block;
}
.introduction-single .box4 .search-content .box-input .ct.floop > div:first-child {
  width: 144px;
}
.introduction-single .box4 .search-content .box-input .ct.floop > div:nth-child(2) {
  width: 124px;
}
.introduction-single .box4 .search-content .box-input .ct.floop > div:nth-child(3) {
  width: 101px;
}
.introduction-single .box4 .search-content .box-input .ct.floop > div:last-child {
  margin-right: 0;
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  .introduction-single .box4 .search-content .box-input .ct.floop > div {
    width: 50% !important;
    margin-right: 0 !important;
  }
}
.introduction-single .box4 .search-content .box-input .ct.floop label {
  white-space: nowrap;
}
.introduction-single .box4 .search-content .box-input .button-style {
  text-align: center;
}
.introduction-single .box4 .search-content .box-input .button-style button {
  border: 1px solid #A0ABBE;
  width: 238px;
  line-height: 60px;
  background: none;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 15px;
  color: #555;
  margin: 0 15px;
  cursor: pointer;
}
.introduction-single .box4 .search-content .box-input h4 {
  font-size: 16px;
  margin-bottom: 20px;
  color: #555;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.5px;
}
.introduction-single .box4 .search-content .box-input .custom-control-inline {
  padding-left: 0;
  margin-right: 30px;
  min-height: auto;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .introduction-single .box4 .search-content .box-input {
    padding: 30px 20px;
  }
  .introduction-single .box4 .search-content .box-input h4 {
    font-size: 15px;
  }
  .introduction-single .box4 .search-content .box-input .custom-control-inline {
    width: 50%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .introduction-single .box4 .search-content .box-input .custom-control-inline.w-1000 {
    width: 100%;
  }
  .introduction-single .box4 .search-content .box-input .ct {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 6px;
    margin-bottom: 0;
    border-bottom: 0;
  }
  .introduction-single .box4 .search-content .box-input .ct:last-child {
    margin-bottom: 0;
  }
  .introduction-single .box4 .search-content .box-input .button-style {
    display: flex;
    margin-top: 10px;
  }
  .introduction-single .box4 .search-content .box-input .button-style button {
    min-width: 140px;
    line-height: 44px;
    font-size: 12px;
    color: #555;
    margin: 0 7px;
  }
  .introduction-single .box4 .search-content .box-input .button-style button:first-child {
    margin-left: 0;
  }
}
.introduction-single .share {
  display: flex;
  align-items: center;
  margin-bottom: 100px;
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .introduction-single .share {
    margin-bottom: 30px;
    margin-top: 0;
    justify-content: center;
  }
}
.introduction-single .share span {
  font-size: 12px;
  font-family: Chillax;
  color: #555555;
  letter-spacing: 1px;
  margin-right: 37px;
}
@media only screen and (max-width: 767px) {
  .introduction-single .share span {
    font-size: 10px;
    margin-right: 23px;
  }
}
.introduction-single .share a {
  display: inline-block;
  margin-right: 10px;
}
.introduction-single .share a img {
  width: 50px;
  height: 50px;
}
.introduction-single .share a img:first-child {
  display: block;
}
.introduction-single .share a img:last-child {
  display: none;
}
.introduction-single .share a:hover img {
  opacity: 0.7;
}
.introduction-single .share a:hover img:first-child {
  display: none;
}
.introduction-single .share a:hover img:last-child {
  display: block;
}
@media only screen and (max-width: 767px) {
  .introduction-single .share a {
    margin-right: 8px;
  }
  .introduction-single .share a img {
    width: 36px;
    height: 36px;
  }
}

.newpaper .content1 {
  position: relative;
  overflow: hidden;
}
.newpaper .content1 > span {
  font-family: "Chillax", system-ui;
  font-size: 307px;
  color: #fff;
  line-height: 368px;
  letter-spacing: 0.2px;
  text-align: center;
  display: block;
  position: absolute;
  top: -35px;
  left: 0;
  width: 100%;
  height: 100%;
}
.newpaper .content1 > span i {
  font-size: 269px;
  font-style: normal;
}
@media only screen and (max-width: 767px) {
  .newpaper .content1 > span {
    font-size: 70px;
    line-height: 89px;
    top: 0;
  }
  .newpaper .content1 > span i {
    font-size: 57px;
  }
}
.newpaper .content1 > div {
  position: relative;
  text-align: center;
  padding-bottom: 25px;
  height: 743px;
}
@media only screen and (max-width: 767px) {
  .newpaper .content1 > div {
    padding-bottom: 0;
    height: 260px;
  }
}
@media (min-width: 1681px) {
  .newpaper .content1 > div {
    height: 850px;
  }
}
.newpaper .content1 > div > img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0px;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .newpaper .content1 > div > img {
    display: inline-block;
    z-index: 2;
    top: -24px;
  }
}
.newpaper .content1 > div h3 {
  margin-bottom: 0;
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.newpaper .content1 > div h3 img {
  width: 772px;
  display: block;
}
.newpaper .content1 > div h3 span {
  margin-bottom: 29px;
  margin-top: 29px;
  display: block;
  color: #555555;
  font-size: 24px;
  text-align: center;
  line-height: 44px;
  letter-spacing: 1.3px;
}
@media only screen and (max-width: 767px) {
  .newpaper .content1 > div h3 {
    z-index: 1;
  }
  .newpaper .content1 > div h3 img {
    width: 335px;
  }
  .newpaper .content1 > div h3 span {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.newpaper .content2 {
  margin-bottom: 100px;
  margin-top: 30px;
  height: auto !important;
}
@media only screen and (max-width: 767px) {
  .newpaper .content2 {
    margin-bottom: 30px;
  }
}
.newpaper .content2 .tag {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 50px 102px 38px;
  background: #fff;
  border-radius: 20px;
}
.newpaper .content2 .tag a {
  color: #3C3C3C;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 29px 5px 16px;
  background: #F2F2F2;
  border-radius: 4px;
  margin-right: 12px;
  margin-bottom: 12px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .newpaper .content2 .tag a {
    padding: 4px 18px;
    margin-right: 8px;
    line-height: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .newpaper .content2 .tag {
    padding: 30px 20px 18px;
  }
}
.newpaper .content3 {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .newpaper .content3 {
    margin-bottom: 0;
  }
}
.newpaper .content3 .ct {
  display: grid;
  flex-wrap: wrap;
  gap: 0 45px;
}
@media only screen and (max-width: 767px) {
  .newpaper .content3 .ct {
    gap: 0;
  }
}
.newpaper .content3 .bt {
  min-height: 430px;
  width: 370px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .newpaper .content3 .bt {
    margin-bottom: 30px;
    min-height: auto;
    width: 100%;
  }
}
.newpaper .content3 .item {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .newpaper .content3 .item > div:first-child {
    display: flex;
    margin-bottom: 20px;
  }
}
.newpaper .content3 .item .img-detail {
  width: 100%;
  height: 235px;
  display: block;
  margin-bottom: 20px;
  position: relative;
  border-radius: 118px;
}
.newpaper .content3 .item .img-detail img:first-child {
  width: 100% !important;
  height: 100% !important;
  border-radius: 118px;
}
.newpaper .content3 .item .img-detail .plus {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
}
@media only screen and (max-width: 767px) {
  .newpaper .content3 .item .img-detail {
    min-width: 168px;
    max-width: 168px;
    height: 107px;
    margin-right: 20px;
  }
  .newpaper .content3 .item .img-detail .plus {
    width: 16px;
  }
}
.newpaper .content3 .item .tag {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
  .newpaper .content3 .item .tag {
    margin-bottom: 8px;
  }
}
.newpaper .content3 .item .tag a {
  color: #3C3C3C;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 29px 5px 16px;
  background: #F2F2F2;
  border-radius: 4px;
  margin-right: 12px;
  margin-bottom: 12px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .newpaper .content3 .item .tag a {
    padding: 4px 18px;
    margin-right: 8px;
    line-height: 15px;
    font-size: 11px;
  }
}
.newpaper .content3 .item h3 {
  margin-bottom: 0;
}
.newpaper .content3 .item h3 a {
  display: block;
  font-size: 20px;
  color: #555;
  line-height: 32px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .newpaper .content3 .item h3 a {
    font-size: 15px;
    line-height: 28px;
  }
}
.newpaper .modal-dialog {
  max-width: 1200px;
  min-width: 1200px;
  padding: 80px;
  background: #fff;
  border: 0;
  position: relative;
  border-radius: 20px;
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .newpaper .modal-dialog {
    max-width: 356px;
    min-width: 356px;
    padding: 25px;
  }
}
.newpaper .modal-dialog .close {
  position: absolute;
  right: 0;
  top: -34px;
  opacity: 1;
}
.newpaper .modal-dialog .close img {
  width: 20.3px;
}
@media only screen and (max-width: 767px) {
  .newpaper .modal-dialog .close {
    right: 15px;
    top: 8px;
    opacity: 1;
    z-index: 99;
    line-height: 12px;
  }
  .newpaper .modal-dialog .close img {
    width: 12.02px;
  }
}
.newpaper .modal-dialog .modal-content {
  border: 0;
}
.newpaper .modal-dialog .modal-body {
  padding: 0;
}
.newpaper .modal-dialog .modal-body .owl-prev {
  position: absolute;
  top: 167px;
  right: 570px;
  opacity: 1 !important;
}
.newpaper .modal-dialog .modal-body .owl-prev img {
  width: 48px;
  height: 48px;
  background: #FFFFFF;
}
.newpaper .modal-dialog .modal-body .owl-dots {
  width: 601px;
  margin-left: auto;
}
.newpaper .modal-dialog .modal-body .owl-next {
  position: absolute;
  top: 167px;
  right: -24px;
  opacity: 1 !important;
}
.newpaper .modal-dialog .modal-body .owl-next img {
  width: 48px;
  height: 48px;
  background: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  .newpaper .modal-dialog .modal-body .owl-dots {
    width: 100%;
  }
  .newpaper .modal-dialog .modal-body .owl-prev {
    position: absolute;
    bottom: 108px;
    left: -15px;
    right: auto;
    top: auto;
  }
  .newpaper .modal-dialog .modal-body .owl-prev img {
    width: 30px;
    height: 30px;
  }
  .newpaper .modal-dialog .modal-body .owl-next {
    position: absolute;
    bottom: 108px;
    right: -15px;
    left: auto;
    top: auto;
  }
  .newpaper .modal-dialog .modal-body .owl-next img {
    width: 30px;
    height: 30px;
  }
}
.newpaper .modal-dialog .ct1 {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .newpaper .modal-dialog .ct1 {
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100%;
    min-height: 440px;
    flex-direction: column;
  }
}
.newpaper .modal-dialog .ct1 .left {
  width: 100%;
  padding-top: 72px;
}
.newpaper .modal-dialog .ct1 .left span {
  font-family: "Chillax";
  font-size: 30px;
  color: #F78CA2;
  display: block;
  margin-bottom: 34px;
  line-height: 52px;
}
.newpaper .modal-dialog .ct1 .left span i {
  font-size: 42px;
  font-style: normal;
}
.newpaper .modal-dialog .ct1 .left h3 {
  color: #555555;
  font-size: 20px;
  line-height: 35px;
  margin-bottom: 30px;
}
.newpaper .modal-dialog .ct1 .left > div {
  color: #555555;
  font-size: 16px;
  line-height: 29px;
}
@media only screen and (max-width: 767px) {
  .newpaper .modal-dialog .ct1 .left {
    padding-top: 0;
  }
  .newpaper .modal-dialog .ct1 .left span {
    font-size: 15px;
    margin-bottom: 12px;
  }
  .newpaper .modal-dialog .ct1 .left span i {
    font-size: 20px;
  }
  .newpaper .modal-dialog .ct1 .left h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
  }
  .newpaper .modal-dialog .ct1 .left > div {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 25px;
    min-height: 96px;
  }
}
.newpaper .modal-dialog .ct1 .right {
  margin-left: 107px;
  min-width: 601px;
  max-width: 601px;
}
.newpaper .modal-dialog .ct1 .right .items img {
  width: 601px !important;
  height: 382px !important;
  object-fit: cover;
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .newpaper .modal-dialog .ct1 .right {
    margin-left: 0;
    min-width: 100%;
    max-width: 100%;
  }
  .newpaper .modal-dialog .ct1 .right video {
    width: 306px;
    height: 194px;
  }
  .newpaper .modal-dialog .ct1 .right .items img {
    width: 100% !important;
    height: 194px !important;
    object-fit: cover;
    border-radius: 10px;
  }
}

.page-tensei {
  margin-top: 80px;
  color: #555;
}
@media only screen and (max-width: 767px) {
  .page-tensei {
    margin-top: 10px;
  }
}
.page-tensei .block1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-tensei .block1 img {
  min-width: 600px;
  max-width: 600px;
  height: 314px;
  object-fit: cover;
  margin-right: 52px;
}
.page-tensei .block1 > div {
  width: 100%;
}
.page-tensei .block1 h1 {
  font-size: 38px;
  line-height: 56px;
  font-weight: bold;
  margin-bottom: 50px;
  color: #555;
}
.page-tensei .block1 h1.child {
  margin-bottom: 30px;
}
.page-tensei .block1 h6 {
  font-size: 20px;
  font-weight: bold;
  color: #555;
  margin-bottom: 30px;
  line-height: 32px;
}
.page-tensei .block1 p {
  font-size: 16px;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block1 {
    flex-wrap: wrap;
  }
  .page-tensei .block1 img {
    min-width: auto;
    max-width: 100%;
    height: 176px;
    margin-right: 0;
    width: 100%;
  }
  .page-tensei .block1 h1 {
    font-size: 20px;
    line-height: 32px;
    margin-top: 30px;
  }
  .page-tensei .block1 h1.child {
    margin-bottom: 20px;
  }
  .page-tensei .block1 h6 {
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 22px;
  }
  .page-tensei .block1 p {
    font-size: 14px;
    line-height: 24px;
  }
}
.page-tensei .block2 {
  display: flex;
  margin-top: 100px;
}
.page-tensei .block2 img {
  width: 380px;
  height: 230px;
  object-fit: cover;
  margin-left: 120px;
}
.page-tensei .block2 > div {
  width: 100%;
}
.page-tensei .block2 h2 {
  font-size: 32px;
  line-height: 47px;
  font-weight: bold;
  padding-bottom: 30px;
  position: relative;
  margin-bottom: 50px;
  color: #555;
}
.page-tensei .block2 h2:after {
  content: "";
  background: #F78CA2;
  width: 212px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.page-tensei .block2 p {
  font-size: 16px;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block2 {
    margin-top: 60px;
    flex-wrap: wrap;
  }
  .page-tensei .block2 img {
    max-width: 100%;
    height: 203px;
    margin-top: 30px;
    margin-left: 0;
  }
  .page-tensei .block2 h2 {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    color: #555;
  }
  .page-tensei .block2 h2:after {
    width: 130px;
  }
  .page-tensei .block2 p {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 0;
  }
}
.page-tensei .block3 {
  margin-top: 140px;
}
.page-tensei .block3 h3 {
  color: #F78CA2;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 50px;
  text-align: center;
}
.page-tensei .block3 .item {
  margin-bottom: 50px;
}
.page-tensei .block3 .item > div {
  background: #fff;
}
.page-tensei .block3 .item > div a {
  display: block;
}
.page-tensei .block3 .item > div a > div {
  height: 230px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block3 .item > div a > div {
    height: 98px;
  }
}
@media only screen and (max-width: 767px) {
  .page-tensei .block3 .item > div a {
    display: flex;
  }
}
.page-tensei .block3 .item:hover img {
  transform: scale(1.1);
}
.page-tensei .block3 .item:hover h4 {
  text-decoration: underline;
}
.page-tensei .block3 img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  transition: all 0.3s linear;
}
.page-tensei .block3 h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  padding: 30px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block3 {
    margin-top: 60px;
  }
  .page-tensei .block3 h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
  }
  .page-tensei .block3 .item {
    margin-bottom: 15px;
  }
  .page-tensei .block3 .item:last-child {
    margin-bottom: 0;
  }
  .page-tensei .block3 .item a {
    display: flex;
    align-items: center;
  }
  .page-tensei .block3 .item a > div {
    height: 98px;
    min-width: 162px;
    max-width: 162px;
    overflow: hidden;
  }
  .page-tensei .block3 .item img {
    min-width: 162px;
    max-width: 162px;
    height: 98px;
    object-fit: cover;
  }
  .page-tensei .block3 .item h4 {
    color: #555;
    font-size: 14px;
    padding: 0 20px;
  }
}
.page-tensei .block4 {
  margin-top: 98px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block4 {
    margin-top: 30px;
  }
}
.page-tensei .block4 .top {
  margin-bottom: 62px;
}
.page-tensei .block4 .top h2 {
  font-family: Chillax;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 22px;
  font-weight: bold;
  color: #A0ABBE;
}
.page-tensei .block4 .top h6 {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.page-tensei .block4 .top p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block4 .top {
    padding: 0 20px;
    margin-bottom: 30px;
  }
  .page-tensei .block4 .top h2 {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 11px;
  }
  .page-tensei .block4 .top h6 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
  }
  .page-tensei .block4 .top p {
    font-size: 12px;
    line-height: 20px;
  }
}
.page-tensei .block4 .content .item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}
.page-tensei .block4 .content .item.right > img {
  margin-left: 0;
  margin-right: 120px;
}
.page-tensei .block4 .content .item .text-wrapper {
  max-height: 8em; /* khoảng 4 dòng với line-height ~1.65em */
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block4 .content .item .text-wrapper {
    max-height: 165px;
    margin-bottom: 10px;
  }
}
.page-tensei .block4 .content .item .text-wrapper.expanded {
  max-height: 1000em; /* mở toàn bộ */
}
.page-tensei .block4 .content .item .fade {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2em;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block4 .content .item .fade img {
    height: 31px;
    object-fit: cover;
  }
}
.page-tensei .block4 .content .item .text-wrapper.expanded .fade {
  opacity: 0;
}
.page-tensei .block4 .content .item > img {
  width: 380px;
  height: 230px;
  object-fit: cover;
  margin-left: 120px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block4 .content .item {
    flex-wrap: wrap;
    margin-bottom: 50px;
  }
  .page-tensei .block4 .content .item > img {
    order: 1;
    margin: 0 0 30px;
    height: 203px;
  }
  .page-tensei .block4 .content .item > div {
    order: 2;
  }
}
.page-tensei .block4 .content h3 {
  font-size: 32px;
  line-height: 47px;
  font-weight: bold;
  padding-bottom: 30px;
  margin-bottom: 50px;
  position: relative;
}
.page-tensei .block4 .content h3:after {
  content: "";
  background: #F78CA2;
  width: 212px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.page-tensei .block4 .content h3 span {
  font-size: 16px;
}
.page-tensei .block4 .content p {
  font-family: "Noto Sans JP";
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 0;
}
.page-tensei .block4 .content a {
  width: 141px;
  height: 38px;
  border: 1px solid #707070;
  border-radius: 19px;
  display: inline-flex;
  font-size: 14px;
  align-items: center;
  position: relative;
  justify-content: center;
}
.page-tensei .block4 .content a img {
  width: 13px;
  height: 7px;
  object-fit: contain;
  position: absolute;
  top: 15px;
  right: 13px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block4 .content h3 {
    font-size: 18px;
    padding-bottom: 20px;
    line-height: 27px;
    margin-bottom: 30px;
  }
  .page-tensei .block4 .content h3 span {
    font-size: 12px;
  }
  .page-tensei .block4 .content h3:after {
    width: 130px;
  }
  .page-tensei .block4 .content p {
    font-size: 15px;
    line-height: 28px;
  }
  .page-tensei .block4 .content a {
    font-size: 12px;
    width: 118px;
    height: 30px;
  }
  .page-tensei .block4 .content a img {
    top: 11px;
    right: 10px;
  }
}
.page-tensei .block5 {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block5 {
    margin-top: 65px;
  }
}
.page-tensei .block5 .content1 {
  width: 700px;
  max-width: 100%;
}
.page-tensei .block5 .content1 p {
  font-family: "Noto Sans JP";
  font-size: 16px;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block5 .content1 p {
    font-size: 15px;
    line-height: 28px;
  }
}
.page-tensei .block5 .content2 {
  padding: 50px 108px;
  background: #F2F2F2;
  border-radius: 20px;
  margin-top: 80px;
}
.page-tensei .block5 .content2 h3 {
  font-size: 24px;
  font-weight: bold;
  color: #F78CA2;
  line-height: 36px;
  margin-bottom: 30px;
  text-align: center;
}
.page-tensei .block5 .content2 > div > img {
  max-width: 100%;
  margin-bottom: 60px;
}
.page-tensei .block5 .content2 .quote {
  display: flex;
  justify-content: center;
}
.page-tensei .block5 .content2 .quote .item {
  background: #FFFFFF;
  border-radius: 20px;
  width: 373px;
  height: 164px;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 50px;
  font-size: 16px;
  line-height: 32px;
  font-weight: bold;
  margin: 0 9.5px;
}
.page-tensei .block5 .content2 .quote .item .quote-top {
  width: 58.94px;
  position: absolute;
  right: 30px;
  top: -10px;
}
.page-tensei .block5 .content2 .quote .item .quote-white {
  position: absolute;
  right: 15px;
  top: 100%;
  width: 37px;
}
.page-tensei .block5 .content2 .note {
  font-size: 12px;
  text-align: center;
  margin-top: 25px;
}
.page-tensei .block5 .content2 p {
  font-family: "Noto Sans JP";
  font-size: 16px;
  line-height: 32px;
  margin-top: 50px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block5 .content2 p {
    margin-top: 0;
    line-height: 28px;
  }
}
.page-tensei .block5 .content2 .button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-tensei .block5 .content2 .button a {
  display: inline-flex;
  width: 277px;
  height: 50px;
  border: 1px solid #707070;
  font-size: 14px;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: 0 20px;
}
.page-tensei .block5 .content2 .button a img {
  width: 20px;
  height: 20px;
  margin-left: 32px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block5 .content2 {
    padding: 30px 20px;
    margin-top: 70px;
  }
  .page-tensei .block5 .content2 h3 {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 21px;
  }
  .page-tensei .block5 .content2 > div > img {
    margin-bottom: 30px;
  }
  .page-tensei .block5 .content2 .quote {
    flex-wrap: wrap;
  }
  .page-tensei .block5 .content2 .quote .item {
    width: 100%;
    height: 105px;
    margin: 0 0 35px;
    padding: 0px 22px 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 10px;
  }
  .page-tensei .block5 .content2 .quote .item .quote-top {
    width: 34px;
    position: absolute;
    right: 10px;
    top: -10px;
  }
  .page-tensei .block5 .content2 .quote .item .quote-white {
    position: absolute;
    right: 6px;
    top: 100%;
    width: 30px;
  }
  .page-tensei .block5 .content2 .note {
    font-size: 12px;
    line-height: 20px;
    margin-top: 0;
  }
  .page-tensei .block5 .content2 .button {
    flex-wrap: wrap;
  }
  .page-tensei .block5 .content2 .button a {
    width: 273px;
    height: 50px;
    margin: 0 0 20px;
  }
  .page-tensei .block5 .content2 .button a img {
    width: 16px;
    height: 16px;
  }
  .page-tensei .block5 .content2 .button a:last-child {
    margin-bottom: 0;
  }
}
.page-tensei .block5 .content3 {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block5 .content3 {
    margin-top: 50px;
  }
}
.page-tensei .block5 .content3 .ct {
  padding: 100px 108px 50px;
  background: #F2F2F2;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page-tensei .block5 .content3 .ct .item {
  width: 300px;
  margin-bottom: 50px;
}
.page-tensei .block5 .content3 .ct .item h4 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 15px;
}
.page-tensei .block5 .content3 .ct .item p {
  font-family: "Noto Sans JP";
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block5 .content3 .ct {
    padding: 0;
    background: none;
    margin: 0 -20px;
    width: 100vw;
  }
  .page-tensei .block5 .content3 .ct .item {
    width: 295px;
    margin-bottom: 30px;
  }
  .page-tensei .block5 .content3 .ct .item h4 {
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .page-tensei .block5 .content3 .ct .item p {
    font-size: 14px;
    line-height: 24px;
  }
  .page-tensei .block5 .content3 .ct .owl-stage {
    padding-left: 20px !important;
  }
  .page-tensei .block5 .content3 .ct .owl-dots {
    margin-top: 0;
    width: 100%;
    text-align: center;
  }
}
.page-tensei .block5 .content4 {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block5 .content4 {
    margin-top: 50px;
  }
}
.page-tensei .block5 .content4 .desc {
  font-family: "Noto Sans JP";
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block5 .content4 .desc {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 30px;
  }
}
.page-tensei .block5 .content4 .ct .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 86px;
}
.page-tensei .block5 .content4 .ct .item .box {
  padding: 50px 50px 0;
  background: #fff;
  border-radius: 20px;
  font-size: 16px;
  line-height: 32px;
  position: relative;
}
.page-tensei .block5 .content4 .ct .item .box b {
  width: 100%;
  margin-top: 40px;
  display: block;
}
.page-tensei .block5 .content4 .ct .item .box.style1 {
  min-width: 800px;
  max-width: 800px;
  height: 284px;
}
.page-tensei .block5 .content4 .ct .item .box.style2 {
  min-width: 766px;
  max-width: 766px;
  height: 310px;
}
.page-tensei .block5 .content4 .ct .item .box.style3 {
  min-width: 800px;
  max-width: 800px;
  height: 339px;
}
.page-tensei .block5 .content4 .ct .item .box.style4 {
  min-width: 766px;
  max-width: 766px;
  height: 281px;
}
.page-tensei .block5 .content4 .ct .item .box .quote-top {
  position: absolute;
  right: 29.8px;
  top: -10px;
  width: 58.94px;
}
.page-tensei .block5 .content4 .ct .item .box .quote-white {
  width: 79.36px;
  right: 4px;
  top: 99%;
  position: absolute;
}
.page-tensei .block5 .content4 .ct .item > img.style1 {
  min-width: 305px;
  max-width: 305px;
  height: 219px;
}
.page-tensei .block5 .content4 .ct .item > img.style2 {
  min-width: 339px;
  max-width: 339px;
  height: 228px;
}
.page-tensei .block5 .content4 .ct .item > img.style3 {
  min-width: 330px;
  max-width: 330px;
  height: 246px;
}
.page-tensei .block5 .content4 .ct .item > img.style4 {
  min-width: 304px;
  max-width: 304px;
  height: 227px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block5 .content4 .ct .item {
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 30px;
  }
  .page-tensei .block5 .content4 .ct .item .box {
    order: 1;
    padding: 30px 20px 0;
    border-radius: 10px;
    font-size: 14px;
    line-height: 24px;
  }
  .page-tensei .block5 .content4 .ct .item .box b {
    margin-top: 25px;
  }
  .page-tensei .block5 .content4 .ct .item .box.style1 {
    min-width: auto;
    max-width: 100%;
    height: 299.41px;
    margin-bottom: 70px;
  }
  .page-tensei .block5 .content4 .ct .item .box.style2 {
    min-width: auto;
    max-width: 100%;
    height: 322.43px;
    margin-bottom: 46px;
  }
  .page-tensei .block5 .content4 .ct .item .box.style3 {
    min-width: auto;
    max-width: 100%;
    height: 368.22px;
    margin-bottom: 64px;
  }
  .page-tensei .block5 .content4 .ct .item .box.style4 {
    min-width: auto;
    max-width: 100%;
    height: 253.75px;
    margin-bottom: 105px;
  }
  .page-tensei .block5 .content4 .ct .item .box .quote-top {
    position: absolute;
    right: 10px;
    top: -10px;
    width: 34px;
  }
  .page-tensei .block5 .content4 .ct .item .box .quote-white {
    width: 34.07px;
    right: 2px;
    top: 100%;
    position: absolute;
  }
  .page-tensei .block5 .content4 .ct .item > img {
    order: 2;
    position: absolute;
    z-index: 4;
  }
  .page-tensei .block5 .content4 .ct .item > img.style1 {
    min-width: 163px;
    max-width: 163px;
    height: 117px;
    bottom: 0px;
    right: 0;
  }
  .page-tensei .block5 .content4 .ct .item > img.style2 {
    min-width: 174px;
    max-width: 174px;
    height: 117px;
    bottom: 0px;
    right: 0;
  }
  .page-tensei .block5 .content4 .ct .item > img.style3 {
    min-width: 178px;
    max-width: 178px;
    height: 133px;
    bottom: 0px;
    right: 16px;
  }
  .page-tensei .block5 .content4 .ct .item > img.style4 {
    min-width: 178px;
    max-width: 178px;
    height: 132.96px;
    bottom: 0px;
    right: 19px;
  }
}
.page-tensei .block6 {
  padding: 0 100px;
}
.page-tensei .block6 h1 {
  font-size: 38px;
  line-height: 56px;
  margin-bottom: 50px;
}
.page-tensei .block6 img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block6 {
    padding: 30px 0 0;
    margin-left: -20px;
    margin-right: -20px;
    width: 100vw;
  }
  .page-tensei .block6 h1 {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 30px;
    padding: 0 20px;
  }
}
.page-tensei .block7 {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block7 {
    margin-top: 60px;
  }
}
.page-tensei .block7 .content {
  display: flex;
}
.page-tensei .block7 .content h4 {
  font-size: 24px;
  font-weight: bold;
  color: #F78CA2;
  line-height: 36px;
  margin-bottom: 20px;
}
.page-tensei .block7 .content p {
  font-family: "Noto Sans JP";
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 50px;
}
.page-tensei .block7 .content .right {
  margin-left: 50px;
}
.page-tensei .block7 .content .right img {
  min-width: 757px;
  max-width: 757px;
  height: 631px;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block7 .content {
    flex-wrap: wrap;
  }
  .page-tensei .block7 .content h4 {
    font-size: 16px;
    line-height: 24px;
  }
  .page-tensei .block7 .content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
  }
  .page-tensei .block7 .content .left .title-tensei br {
    display: none;
  }
  .page-tensei .block7 .content .right {
    margin-left: -20px;
    margin-right: -20px;
    width: 100vw;
  }
  .page-tensei .block7 .content .right img {
    height: 313px;
    min-width: 100%;
    max-width: 100vw;
  }
}
.page-tensei .block8 {
  margin-top: 90px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block8 {
    margin-top: 0;
  }
}
.page-tensei .block8 p {
  font-family: "Noto Sans JP";
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 50px;
}
.page-tensei .block8 a {
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  color: #F78CA2;
  display: block;
  margin-top: 100px;
}
.page-tensei .block8 a img {
  margin-top: 11px;
  width: 166px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block8 {
    margin-top: 50px;
  }
  .page-tensei .block8 p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
  }
  .page-tensei .block8 > div {
    overflow-x: auto;
    height: 412px;
  }
  .page-tensei .block8 > div img {
    height: 412px;
    width: auto;
    max-width: min-content;
    padding-bottom: 20px;
  }
  .page-tensei .block8 a {
    margin-bottom: 20px;
  }
}
.page-tensei .block9 {
  margin-bottom: 46px;
}
.page-tensei .block9 .content {
  display: flex;
}
.page-tensei .block9 .content p {
  font-family: "Noto Sans JP";
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 50px;
}
.page-tensei .block9 .content > div {
  width: 100%;
}
.page-tensei .block9 .content img {
  margin-left: 100px;
  width: 293px;
  height: 293px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block9 .content {
    display: block;
  }
  .page-tensei .block9 .content > div {
    display: flex;
  }
  .page-tensei .block9 .content > div img {
    width: 87px;
    height: 87px;
    margin-left: 19px;
    margin-right: 20px;
  }
  .page-tensei .block9 .content p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}
.page-tensei .block9 .item-question {
  background: #fff;
  padding: 46px 50px 50px;
  border-radius: 20px;
  margin-bottom: 16px;
}
.page-tensei .block9 .item-question h3 {
  display: flex;
  align-items: center;
  margin-bottom: 33px;
  color: #555;
}
.page-tensei .block9 .item-question h3 img {
  width: 40px;
  margin-right: 30px;
}
.page-tensei .block9 .item-question h3 span {
  font-size: 18px;
  font-weight: bold;
}
.page-tensei .block9 .item-question div {
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 0;
  color: #555;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block9 .item-question {
    padding: 25px;
    margin-bottom: 15px;
  }
  .page-tensei .block9 .item-question h3 {
    margin-bottom: 20px;
    align-items: flex-start;
  }
  .page-tensei .block9 .item-question h3 img {
    width: 30px;
    margin-right: 20px;
    margin-top: 2px;
  }
  .page-tensei .block9 .item-question h3 span {
    font-size: 16px;
    line-height: 24px;
  }
  .page-tensei .block9 .item-question div {
    font-size: 14px;
    line-height: 24px;
  }
}
.page-tensei .block9 .note {
  font-size: 12px;
  line-height: 20px;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .block9 .note {
    margin-top: 20px;
  }
}
.page-tensei h3.title-tensei {
  font-size: 32px;
  line-height: 47px;
  font-weight: bold;
  padding-bottom: 30px;
  margin-bottom: 50px;
  position: relative;
}
.page-tensei h3.title-tensei:after {
  content: "";
  background: #F78CA2;
  width: 212px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.page-tensei h3.title-tensei span {
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .page-tensei h3.title-tensei {
    font-size: 18px;
    line-height: 27px;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  .page-tensei h3.title-tensei:after {
    width: 130px;
  }
}
.page-tensei .modal-dialog {
  max-width: 900px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .page-tensei .modal-dialog {
    margin-top: 80px;
  }
}
.page-tensei .modal-dialog .modal-body {
  padding: 33px 45px;
  height: 500px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .modal-dialog .modal-body {
    height: 350px;
    padding: 20px;
  }
}
.page-tensei .modal-dialog .modal-body .dtd {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-tensei .modal-dialog .modal-body .dtd img {
  max-width: 700px;
}
@media only screen and (max-width: 767px) {
  .page-tensei .modal-dialog .modal-body .dtd img {
    max-width: 100%;
  }
}
.page-tensei .modal-dialog .modal-title {
  color: #555555;
  font-size: 18px;
  line-height: 30px;
  padding-bottom: 20px;
  position: relative;
  margin-bottom: 20px;
}
.page-tensei .modal-dialog .modal-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  background: #F78CA2;
  width: 210px;
}
.page-tensei .modal-dialog button {
  top: 10px;
  right: 10px;
  position: absolute;
  padding: 0;
  opacity: 1;
  height: 20px;
  margin: 0;
}
.page-tensei .modal-dialog button img {
  width: 20px;
  height: 20px;
}

.page-no1 {
  padding-top: 70px;
}
@media only screen and (max-width: 767px) {
  .page-no1 {
    padding-top: 0px;
  }
}
.page-no1 .block1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-no1 .block1 img {
  min-width: 600px;
  max-width: 600px;
  height: 314px;
  object-fit: cover;
  margin-right: 52px;
}
.page-no1 .block1 > div {
  width: 100%;
}
.page-no1 .block1 h1 {
  font-size: 38px;
  line-height: 56px;
  font-weight: bold;
  margin-bottom: 30px;
  color: #555;
}
.page-no1 .block1 h1.child {
  margin-bottom: 30px;
}
.page-no1 .block1 h6 {
  font-size: 20px;
  font-weight: bold;
  color: #555;
  margin-bottom: 30px;
  line-height: 32px;
}
.page-no1 .block1 p {
  font-size: 16px;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .page-no1 .block1 {
    flex-wrap: wrap;
  }
  .page-no1 .block1 img {
    min-width: auto;
    max-width: 100%;
    height: 176px;
  }
  .page-no1 .block1 h1 {
    font-size: 20px;
    line-height: 32px;
    margin-top: 30px;
  }
  .page-no1 .block1 h1.child {
    margin-bottom: 20px;
  }
  .page-no1 .block1 h6 {
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 22px;
  }
  .page-no1 .block1 p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
  }
}
.page-no1 .block2 {
  margin-top: 100px;
  margin-bottom: 100px;
}
.page-no1 .block2 p {
  font-family: "Noto Sans JP";
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .page-no1 .block2 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .page-no1 .block2 p {
    font-size: 15px;
    line-height: 28px;
  }
}
.page-no1 .block3 {
  margin-bottom: 100px;
}
.page-no1 .block3 .col-sm-6:first-child .item {
  padding-right: 35px;
}
@media only screen and (max-width: 767px) {
  .page-no1 .block3 .col-sm-6:first-child .item {
    margin-bottom: 30px;
    padding-right: 0;
  }
}
.page-no1 .block3 .col-sm-6:last-child .item {
  padding-left: 35px;
}
@media only screen and (max-width: 767px) {
  .page-no1 .block3 .col-sm-6:last-child .item {
    padding-left: 0;
  }
}
.page-no1 .block3 .border1 {
  border-right: 1px solid #F2F2F2;
}
@media only screen and (max-width: 767px) {
  .page-no1 .block3 .border1 {
    border: 0;
  }
}
.page-no1 .block3 h3 {
  font-size: 24px;
  font-weight: bold;
  color: #F78CA2;
  margin-bottom: 20px;
}
.page-no1 .block3 p {
  font-family: "Noto Sans JP";
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .page-no1 .block3 h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .page-no1 .block3 p {
    font-size: 14px;
    line-height: 24px;
  }
}
.page-no1 .block4 {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .page-no1 .block4 {
    margin-top: 14px;
  }
}
.page-no1 .block4 .ct {
  padding: 0 50px;
}
@media only screen and (max-width: 767px) {
  .page-no1 .block4 .ct {
    padding: 0;
  }
}
.page-no1 .block4 .ct .not {
  text-align: right;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .page-no1 .block4 .ct .not {
    text-align: left;
    font-size: 12px;
    margin-top: 20px;
  }
}
.page-no1 .block4 .ct div.tx {
  border: 1px solid #A0ABBE;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .page-no1 .block4 .ct div.tx {
    display: none;
  }
}
.page-no1 .block4 .ct .list {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-no1 .block4 .ct .list {
    display: block;
  }
}
.page-no1 .block4 .ct .list ul {
  padding: 0;
  list-style: none;
  margin-bottom: 10px;
}
.page-no1 .block4 .ct .list ul li {
  display: flex;
  border-bottom: 1px solid #F2F2F2;
}
.page-no1 .block4 .ct .list ul li:last-child {
  margin-bottom: 0;
}
.page-no1 .block4 .ct .list ul li span {
  font-size: 13px;
  color: #fff;
  background: #F78CA2;
  display: inline-block;
  padding: 10px 13px;
  min-width: 92px;
  max-width: 92px;
}
.page-no1 .block4 .ct .list ul li > div {
  font-size: 13px;
  padding: 10px 22px;
  line-height: 20px;
  color: #555;
}
.page-no1 .block4 .ct table {
  margin-bottom: 0;
}
.page-no1 .block4 .ct table th {
  background: #F78CA2;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.5px;
  height: 50px;
  font-weight: normal;
  border: 1px solid #F2F2F2;
  text-align: center;
}
.page-no1 .block4 .ct table td {
  padding: 15px 16px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  border: 1px solid #F2F2F2;
  vertical-align: middle;
  min-height: 70px;
}
.page-no1 .block4 .ct table td p {
  margin-bottom: 0;
}
.page-no1 .block4 .ct table tr:nth-child(2n) {
  background: #F8F8F8;
}
.page-no1 .block4 .ct table tr:nth-child(2n+1) {
  background: #fff;
}
.page-no1 .block5 {
  margin-top: 100px;
}
.page-no1 .block5 h2 {
  color: #F78CA2;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 50px;
  text-align: center;
}
.page-no1 .block5 .item a {
  display: block;
  background: #fff;
}
.page-no1 .block5 .item a > div {
  height: 230px;
  overflow: hidden;
}
.page-no1 .block5 .item a img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  transition: all 0.3s linear;
}
.page-no1 .block5 .item a h3 {
  color: #555555;
  font-size: 16px;
  font-weight: bold;
  padding: 30px;
  margin-bottom: 0;
}
.page-no1 .block5 .item a:hover img {
  transform: scale(1.1);
}
.page-no1 .block5 .item a:hover h3 {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .page-no1 .block5 {
    margin-top: 60px;
  }
  .page-no1 .block5 h2 {
    margin-bottom: 30px;
    font-size: 16px;
  }
  .page-no1 .block5 .item {
    margin-bottom: 15px;
  }
  .page-no1 .block5 .item a {
    display: flex;
    align-items: center;
  }
  .page-no1 .block5 .item a > div {
    min-width: 162px;
    max-width: 162px;
    height: 98px;
  }
  .page-no1 .block5 .item a img {
    min-width: 162px;
    max-width: 162px;
    height: 98px;
  }
  .page-no1 .block5 .item a h3 {
    padding: 20px;
    font-size: 14px;
    line-height: 24px;
  }
}
.page-no1 .block6 {
  margin-top: 96px;
  margin-bottom: 100px;
}
.page-no1 .block6 .item-question {
  background: #fff;
  padding: 46px 50px 50px;
  border-radius: 20px;
  margin-bottom: 15px;
}
.page-no1 .block6 .item-question h3 {
  display: flex;
  align-items: center;
  margin-bottom: 33px;
  color: #555;
}
.page-no1 .block6 .item-question h3 img {
  width: 40px;
  margin-right: 30px;
}
.page-no1 .block6 .item-question h3 span {
  font-size: 18px;
  font-weight: bold;
}
.page-no1 .block6 .item-question div {
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 0;
  color: #555;
}
@media only screen and (max-width: 767px) {
  .page-no1 .block6 .item-question {
    padding: 25px;
    margin-bottom: 15px;
  }
  .page-no1 .block6 .item-question h3 {
    margin-bottom: 20px;
    align-items: flex-start;
  }
  .page-no1 .block6 .item-question h3 img {
    width: 30px;
    margin-right: 20px;
    margin-top: -7px;
  }
  .page-no1 .block6 .item-question h3 span {
    font-size: 16px;
    line-height: 24px;
  }
  .page-no1 .block6 .item-question div {
    font-size: 14px;
    line-height: 24px;
  }
}
.page-no1 .block6 .not {
  margin-top: 50px;
  font-size: 16px;
  font-family: "Noto Sans JP";
  line-height: 32px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .page-no1 .block6 {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .page-no1 .block6 .not {
    font-family: "Noto Sans JP";
    font-size: 15px;
    line-height: 28px;
    margin-top: 30px;
  }
}
.page-no1 .block7 {
  padding: 0 100px;
}
.page-no1 .block7 img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .page-no1 .block7 {
    padding: 0;
  }
}
.page-no1 .block8 {
  margin-top: 100px;
}
.page-no1 .block8 .ct h4 {
  color: #F78CA2;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.page-no1 .block8 .ct p {
  font-size: 16px;
  font-family: "Noto Sans JP";
  line-height: 32px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .page-no1 .block8 .ct h4 {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 28px;
  }
  .page-no1 .block8 .ct p {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 24px;
  }
}
.page-no1 .block10 {
  margin-bottom: 140px;
  margin-top: 100px;
}
.page-no1 .block10 h4 {
  font-size: 24px;
  font-weight: bold;
  color: #F78CA2;
  margin-bottom: 20px;
}
.page-no1 .block10 p {
  font-size: 16px;
  font-family: "Noto Sans JP";
  line-height: 32px;
  margin-bottom: 50px;
}
.page-no1 .block10 img {
  width: 100%;
}
.page-no1 .block10 .ct {
  display: flex;
  align-items: flex-start;
}
.page-no1 .block10 .ct img {
  min-width: 684px;
  max-width: 684px;
  margin-left: 50px;
}
@media only screen and (max-width: 767px) {
  .page-no1 .block10 {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .page-no1 .block10 h4 {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 28px;
  }
  .page-no1 .block10 p {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 24px;
  }
  .page-no1 .block10 .ct {
    flex-wrap: wrap;
  }
  .page-no1 .block10 .ct img {
    width: 100%;
    height: auto;
    margin-left: 0;
    min-width: 100%;
  }
}
.page-no1 h3.title-no1 {
  font-size: 32px;
  line-height: 47px;
  font-weight: bold;
  padding-bottom: 30px;
  margin-bottom: 50px;
  position: relative;
}
.page-no1 h3.title-no1:after {
  content: "";
  background: #F78CA2;
  width: 212px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.page-no1 h3.title-no1 span {
  font-size: 16px;
  margin-left: 10px;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .page-no1 h3.title-no1 {
    font-size: 18px;
    line-height: 27px;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  .page-no1 h3.title-no1:after {
    width: 130px;
  }
  .page-no1 h3.title-no1 span {
    display: block;
    margin-left: 0;
    font-size: 14px;
    font-weight: normal;
    margin-top: 20px;
  }
}

.page-vol {
  padding-top: 70px;
}
@media only screen and (max-width: 767px) {
  .page-vol {
    padding-top: 0px;
  }
}
.page-vol .block1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-vol .block1 img {
  min-width: 600px;
  max-width: 600px;
  height: 314px;
  object-fit: cover;
  margin-right: 52px;
}
.page-vol .block1 > div {
  width: 100%;
}
.page-vol .block1 h1 {
  font-size: 38px;
  line-height: 56px;
  font-weight: bold;
  margin-bottom: 30px;
  color: #555;
}
.page-vol .block1 h1.child {
  margin-bottom: 30px;
}
.page-vol .block1 h6 {
  font-size: 20px;
  font-weight: bold;
  color: #555;
  margin-bottom: 30px;
  line-height: 32px;
}
.page-vol .block1 p {
  font-size: 16px;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block1 {
    flex-wrap: wrap;
  }
  .page-vol .block1 img {
    min-width: auto;
    width: 100%;
    height: 176px;
    margin-right: 0;
  }
  .page-vol .block1 h1 {
    font-size: 20px;
    line-height: 32px;
    margin-top: 30px;
  }
  .page-vol .block1 h1.child {
    margin-bottom: 20px;
  }
  .page-vol .block1 h6 {
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 22px;
  }
  .page-vol .block1 p {
    font-size: 14px;
    line-height: 24px;
  }
}
.page-vol .block2 {
  margin-top: 100px;
}
.page-vol .block2 .ct {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.page-vol .block2 .ct img {
  width: 757px;
  margin-left: 50px;
}
.page-vol .block2 .ct img.width671 {
  width: 671px;
}
.page-vol .block2 p {
  font-size: 16px;
  font-family: "Noto Sans JP";
  line-height: 32px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block2 p {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 24px;
    font-family: "Noto Sans JP";
  }
}
@media only screen and (max-width: 767px) {
  .page-vol .block2 {
    margin-top: 60px;
  }
  .page-vol .block2 .ct {
    flex-wrap: wrap;
  }
  .page-vol .block2 .ct img {
    margin-left: 0;
    width: 100%;
  }
  .page-vol .block2 .ct img.width671 {
    width: 100%;
  }
  .page-vol .block2 .ct img.w100vw {
    width: 100vw;
    max-width: 100vw;
    margin-left: -20px;
  }
}
.page-vol .block3 {
  text-align: center;
  margin-top: 130px;
}
.page-vol .block3 .ct {
  display: inline-flex;
  padding: 66px 40px 40px;
  border: 2px solid #F78CA2;
  border-radius: 8px;
  width: 800px;
  position: relative;
  text-align: left;
}
.page-vol .block3 .ct span {
  font-size: 18px;
  color: #fff;
  line-height: 60px;
  width: 223px;
  background: #F78CA2;
  border-radius: 8px;
  padding-left: 27px;
  position: absolute;
  left: -13px;
  top: -30px;
  display: inline-block;
}
.page-vol .block3 .ct span:after {
  content: "";
  width: 18.5px;
  height: 15px;
  background: url("../images/vol/icon1.png") no-repeat;
  background-size: 100%;
  position: absolute;
  right: 25px;
  bottom: -10px;
}
.page-vol .block3 .ct span.style1 {
  width: 300px;
}
.page-vol .block3 .ct span.style2 {
  width: 317px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block3 .ct span.style2 {
    width: 288px;
  }
}
.page-vol .block3 .ct img {
  width: 229px;
  margin-right: 39px;
}
.page-vol .block3 .ct img.style1 {
  width: 444px;
  margin-right: 30px;
}
.page-vol .block3 .ct p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}
.page-vol .block3 .ct p i {
  font-size: 18px;
  display: block;
  font-weight: bold;
  margin-bottom: 21px;
  font-style: normal;
}
.page-vol .block3 .ct h5 {
  font-size: 24px;
  line-height: 40px;
  color: #555;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block3 {
    margin-top: 60px;
  }
  .page-vol .block3.style2 img {
    order: 2;
    margin-bottom: 0;
    margin-top: 20px;
  }
  .page-vol .block3 .ct {
    padding: 30px 20px 40px;
    flex-wrap: wrap;
    width: 100%;
  }
  .page-vol .block3 .ct span {
    width: 204px;
    line-height: 44px;
    padding-left: 30px;
    font-size: 16px;
  }
  .page-vol .block3 .ct span:after {
    width: 14px;
    height: 11.35px;
    left: 30px;
  }
  .page-vol .block3 .ct img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .page-vol .block3 .ct p {
    font-size: 14px;
    line-height: 24px;
  }
  .page-vol .block3 .ct p i {
    font-size: 15px;
    margin-bottom: 11px;
  }
  .page-vol .block3 .ct h5 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 11px;
  }
}
.page-vol .block5 {
  margin-top: 100px;
}
.page-vol .block5.mt140 {
  margin-top: 140px;
}
.page-vol .block5 h2 {
  color: #F78CA2;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 50px;
  text-align: center;
}
.page-vol .block5 .item a {
  display: block;
  background: #fff;
}
.page-vol .block5 .item a > div {
  height: 230px;
  overflow: hidden;
}
.page-vol .block5 .item a img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  transition: all 0.3s linear;
}
.page-vol .block5 .item a h3 {
  color: #555555;
  font-size: 16px;
  font-weight: bold;
  padding: 30px;
  margin-bottom: 0;
}
.page-vol .block5 .item a:hover img {
  transform: scale(1.1);
}
.page-vol .block5 .item a:hover h3 {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .page-vol .block5 {
    margin-top: 60px;
  }
  .page-vol .block5.mt140 {
    margin-top: 60px;
  }
  .page-vol .block5.mt-30 {
    margin-top: 30px;
  }
  .page-vol .block5 h2 {
    margin-bottom: 30px;
    font-size: 16px;
  }
  .page-vol .block5 .item {
    margin-bottom: 15px;
  }
  .page-vol .block5 .item:last-child {
    margin-bottom: 0;
  }
  .page-vol .block5 .item a {
    display: flex;
    align-items: center;
  }
  .page-vol .block5 .item a > div {
    min-width: 162px;
    max-width: 162px;
    height: 98px;
  }
  .page-vol .block5 .item a img {
    min-width: 162px;
    max-width: 162px;
    height: 98px;
  }
  .page-vol .block5 .item a h3 {
    padding: 15px 20px;
    font-size: 14px;
    line-height: 23px;
  }
  .page-vol .block5 .item a h3 br {
    display: none;
  }
}
.page-vol .block6 {
  margin-top: 100px;
}
.page-vol .block6 .ct {
  display: flex;
  justify-content: space-between;
}
.page-vol .block6 .ct img {
  width: 671px;
  margin-left: 49px;
}
.page-vol .block6 ul {
  border: 2px solid #F78CA2;
  border-radius: 8px;
  list-style: none;
  padding: 40px;
  width: 480px;
  margin-top: 100px;
}
.page-vol .block6 ul li {
  display: flex;
  font-family: "Noto Sans JP";
  font-size: 16px;
  line-height: 32px;
  align-items: center;
}
.page-vol .block6 ul li span {
  color: #F78CA2;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #F78CA2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  padding-bottom: 2px;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block6 ul {
    width: 100%;
    padding: 20px;
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .page-vol .block6 ul li {
    font-size: 14px;
    line-height: 24px;
    align-items: flex-start;
  }
  .page-vol .block6 ul li span {
    margin-top: 3px;
    padding-bottom: 1px;
  }
}
.page-vol .block6 p {
  font-size: 16px;
  font-family: "Noto Sans JP";
  line-height: 32px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block6 p {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 24px;
    font-family: "Noto Sans JP";
  }
}
@media only screen and (max-width: 767px) {
  .page-vol .block6 {
    margin-top: 60px;
  }
  .page-vol .block6 .ct {
    flex-wrap: wrap;
  }
  .page-vol .block6 .ct img {
    margin-left: 0;
    width: 100%;
  }
}
.page-vol .block7 {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block7 {
    margin-top: 30px;
  }
}
.page-vol .block7 .ct {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-vol .block7 .ct img {
  width: 676px;
  margin-right: 45px;
}
.page-vol .block7 .ct p {
  font-size: 16px;
  font-family: "Noto Sans JP";
  line-height: 32px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block7 .ct p {
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 24px;
    font-family: "Noto Sans JP";
  }
}
@media only screen and (max-width: 767px) {
  .page-vol .block7 .ct {
    flex-wrap: wrap;
  }
  .page-vol .block7 .ct img {
    max-width: 100%;
    margin-right: 0;
    order: 2;
    margin-top: 20px;
  }
}
.page-vol .block8 {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block8 {
    margin-top: 60px;
  }
}
.page-vol .block8 .ct {
  display: flex;
  justify-content: space-between;
  background: #F2F2F2;
  padding: 70px 75px;
  border-radius: 20px;
}
.page-vol .block8 .ct .item {
  width: 310px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block8 .ct .item {
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #A0ABBE;
  }
  .page-vol .block8 .ct .item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
  }
}
.page-vol .block8 .ct .item .item-child {
  padding-bottom: 20px;
  border-bottom: 1px solid #A0ABBE;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block8 .ct .item .item-child {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.page-vol .block8 .ct .item .item-child:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.page-vol .block8 .ct .item .item-child > div {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.page-vol .block8 .ct .item .item-child > div span {
  font-size: 18px;
  font-weight: bold;
  color: #555555;
  line-height: 27px;
  display: flex;
  align-items: center;
}
.page-vol .block8 .ct .item .item-child > div span i {
  font-style: normal;
  font-size: 12px;
  padding-left: 15px;
  margin-left: 15px;
  border-left: 1px solid #F78CA2;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .page-vol .block8 .ct .item .item-child > div span {
    font-size: 16px;
  }
  .page-vol .block8 .ct .item .item-child > div span i {
    font-size: 10px;
  }
}
.page-vol .block8 .ct .item .item-child p {
  font-family: "Noto Sans JP";
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .page-vol .block8 .ct .item .item-child p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .page-vol .block8 .ct {
    flex-wrap: wrap;
    padding: 20px;
  }
}
.page-vol .block-qa {
  margin-top: 104px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block-qa {
    margin-top: 30px;
  }
}
.page-vol .block-qa .item {
  background: #fff;
  padding: 46px 50px 50px;
  border-radius: 20px;
  margin-bottom: 16px;
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .page-vol .block-qa .item {
    flex-wrap: wrap;
  }
}
.page-vol .block-qa .item > img {
  min-width: 500px;
  max-width: 500px;
  margin-left: 50px;
}
.page-vol .block-qa .item > img.circle-img {
  min-width: 120px;
  max-width: 120px;
  height: 120px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block-qa .item > img {
    max-width: 100%;
    min-width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  .page-vol .block-qa .item > img.circle-img {
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    margin: 20px auto 0;
  }
}
.page-vol .block-qa .item h3 {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  color: #555;
}
.page-vol .block-qa .item h3 img {
  width: 40px;
  margin-right: 30px;
}
.page-vol .block-qa .item h3 span {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
}
.page-vol .block-qa .item div {
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 0;
  color: #555;
  letter-spacing: -0.2px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block-qa .item {
    padding: 25px;
    margin-bottom: 15px;
  }
  .page-vol .block-qa .item h3 {
    margin-bottom: 20px;
    align-items: flex-start;
  }
  .page-vol .block-qa .item h3 img {
    width: 30px;
    margin-right: 20px;
    margin-top: -7px;
  }
  .page-vol .block-qa .item h3 span {
    font-size: 16px;
    line-height: 24px;
  }
  .page-vol .block-qa .item div {
    font-size: 14px;
    line-height: 24px;
  }
}
.page-vol .block-profile {
  display: flex;
  margin-top: 100px;
}
.page-vol .block-profile img {
  width: 140px;
  height: 140px;
  margin-right: 30px;
}
.page-vol .block-profile h6 {
  font-family: "Chillax";
  font-size: 24px;
  color: #A0ABBE;
  font-weight: normal;
  margin-bottom: 22px;
}
.page-vol .block-profile b {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
  display: block;
}
.page-vol .block-profile p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .page-vol .block-profile {
    margin-top: 30px;
  }
  .page-vol .block-profile img {
    width: 74px;
    height: 74px;
    margin-right: 17px;
  }
  .page-vol .block-profile h6 {
    font-size: 14px;
    margin-bottom: 11px;
  }
  .page-vol .block-profile b {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .page-vol .block-profile p {
    font-size: 12px;
    line-height: 20px;
  }
}
.page-vol .block9 {
  margin-top: 62px;
}
.page-vol .block9 p {
  font-size: 16px;
  font-family: "Noto Sans JP";
  line-height: 32px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block9 p {
    font-size: 15px;
    line-height: 24px;
    font-family: "Noto Sans JP";
  }
}
@media only screen and (max-width: 767px) {
  .page-vol .block9 {
    margin-top: 30px;
  }
}
.page-vol .block10 {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block10 {
    margin-top: 60px;
  }
}
.page-vol .block10 p {
  font-size: 16px;
  font-family: "Noto Sans JP";
  line-height: 32px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block10 p {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 24px;
    font-family: "Noto Sans JP";
  }
}
.page-vol .block10 .ct .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 86px;
}
.page-vol .block10 .ct .item .box {
  padding: 50px 50px 0;
  background: #fff;
  border-radius: 20px;
  font-size: 16px;
  line-height: 32px;
  position: relative;
}
.page-vol .block10 .ct .item .box b {
  width: 100%;
  margin-top: 40px;
  display: block;
}
.page-vol .block10 .ct .item .box.style1 {
  min-width: 800px;
  max-width: 800px;
  height: 284px;
}
.page-vol .block10 .ct .item .box.style2 {
  min-width: 766px;
  max-width: 766px;
  height: 310px;
}
.page-vol .block10 .ct .item .box.style3 {
  min-width: 800px;
  max-width: 800px;
  height: 339px;
}
.page-vol .block10 .ct .item .box.style4 {
  min-width: 766px;
  max-width: 766px;
  height: 281px;
}
.page-vol .block10 .ct .item .box .quote-top {
  position: absolute;
  right: 29.8px;
  top: -10px;
  width: 58.94px;
}
.page-vol .block10 .ct .item .box .quote-white {
  width: 79.36px;
  right: 4px;
  top: 99%;
  position: absolute;
}
.page-vol .block10 .ct .item > img.style1 {
  min-width: 305px;
  max-width: 305px;
  height: 219px;
}
.page-vol .block10 .ct .item > img.style2 {
  min-width: 339px;
  max-width: 339px;
  height: 228px;
}
.page-vol .block10 .ct .item > img.style3 {
  min-width: 330px;
  max-width: 330px;
  height: 246px;
}
.page-vol .block10 .ct .item > img.style4 {
  min-width: 304px;
  max-width: 304px;
  height: 227px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block10 .ct .item {
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 30px;
  }
  .page-vol .block10 .ct .item .box {
    order: 1;
    padding: 30px 20px 0;
    border-radius: 10px;
    font-size: 14px;
    line-height: 24px;
  }
  .page-vol .block10 .ct .item .box b {
    margin-top: 25px;
  }
  .page-vol .block10 .ct .item .box.style1 {
    min-width: auto;
    max-width: 100%;
    height: 299.41px;
    margin-bottom: 70px;
  }
  .page-vol .block10 .ct .item .box.style2 {
    min-width: auto;
    max-width: 100%;
    height: 322.43px;
    margin-bottom: 46px;
  }
  .page-vol .block10 .ct .item .box.style3 {
    min-width: auto;
    max-width: 100%;
    height: 368.22px;
    margin-bottom: 64px;
  }
  .page-vol .block10 .ct .item .box.style4 {
    min-width: auto;
    max-width: 100%;
    height: 253.75px;
    margin-bottom: 105px;
  }
  .page-vol .block10 .ct .item .box .quote-top {
    position: absolute;
    right: 10px;
    top: -10px;
    width: 34px;
  }
  .page-vol .block10 .ct .item .box .quote-white {
    width: 34.07px;
    right: 2px;
    top: 100%;
    position: absolute;
  }
  .page-vol .block10 .ct .item > img {
    order: 2;
    position: absolute;
    z-index: 4;
  }
  .page-vol .block10 .ct .item > img.style1 {
    min-width: 163px;
    max-width: 163px;
    height: 117px;
    bottom: 0px;
    right: 0;
  }
  .page-vol .block10 .ct .item > img.style2 {
    min-width: 174px;
    max-width: 174px;
    height: 117px;
    bottom: 0px;
    right: 0;
  }
  .page-vol .block10 .ct .item > img.style3 {
    min-width: 178px;
    max-width: 178px;
    height: 133px;
    bottom: 0px;
    right: 16px;
  }
  .page-vol .block10 .ct .item > img.style4 {
    min-width: 178px;
    max-width: 178px;
    height: 132.96px;
    bottom: 0px;
    right: 19px;
  }
}
.page-vol .block11 {
  display: flex;
  border: 2px solid #F78CA2;
  background: #fff;
  border-radius: 8px;
  padding: 50px;
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block11 {
    margin-top: 60px;
  }
}
.page-vol .block11 img {
  min-width: 480px;
  max-width: 480px;
  margin-right: 50px;
}
.page-vol .block11 div h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 22px;
}
.page-vol .block11 div h6 {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 21px;
}
.page-vol .block11 div p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 39px;
}
.page-vol .block11 div a {
  display: inline-block;
  text-align: center;
  width: 441px;
  line-height: 70px;
  color: #fff;
  background: #5DD6BE;
  border-radius: 6px;
  font-size: 18px;
  font-family: "Noto Sans JP";
  position: relative;
  font-weight: bold;
}
.page-vol .block11 div a span {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  left: 20px;
  top: 8px;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  color: #5DD6BE;
}
.page-vol .block11 div a span small {
  font-size: 12px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block11 {
    flex-wrap: wrap;
    padding: 40px 20px 17px;
  }
  .page-vol .block11 img {
    min-width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .page-vol .block11 div h3 {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 30px;
  }
  .page-vol .block11 div h6 {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 10px;
  }
  .page-vol .block11 div p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .page-vol .block11 div a {
    width: 295px;
    line-height: 56px;
    font-size: 14px;
    letter-spacing: -0.7px;
    border-radius: 4px;
  }
  .page-vol .block11 div a span {
    width: 42px;
    height: 42px;
    font-size: 13px;
    top: 7px;
    left: 12px;
    line-height: 14px;
  }
  .page-vol .block11 div a span small {
    font-size: 10px;
  }
  .page-vol .block11 div a img {
    position: absolute;
    width: 14px !important;
    min-width: 14px !important;
    height: 14px !important;
    top: 21px;
    right: 12px;
  }
}
.page-vol .block12 {
  margin-top: 100px;
}
.page-vol .block12 p {
  font-size: 16px;
  font-family: "Noto Sans JP";
  line-height: 32px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block12 p {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 24px;
    font-family: "Noto Sans JP";
  }
}
.page-vol .block12 .ct {
  background: #F2F2F2;
  border-radius: 20px;
  padding: 100px 100px 50px;
  display: flex;
  flex-wrap: wrap;
}
.page-vol .block12 .ct a {
  display: block;
  width: 300px;
  height: 320px;
  margin-bottom: 50px;
}
.page-vol .block12 .ct a:nth-child(3n+2) {
  margin-right: 50px;
  margin-left: 50px;
}
.page-vol .block12 .ct a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .page-vol .block12 {
    margin-top: 60px;
  }
  .page-vol .block12 .ct {
    background: none;
    padding: 0;
    margin: 0 -20px;
    width: 100vw;
  }
  .page-vol .block12 .ct .owl-stage {
    padding-left: 20px !important;
  }
  .page-vol .block12 .ct .owl-dots {
    margin-top: 30px;
    text-align: center;
    width: 100%;
  }
  .page-vol .block12 .ct a {
    display: block;
    width: 295px;
    height: 315px;
    margin-bottom: 0px;
  }
  .page-vol .block12 .ct a:nth-child(3n+2) {
    margin: 0px;
  }
  .page-vol .block12 .ct a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.page-vol .block13 {
  margin-top: 110px;
}
.page-vol .block13 img {
  max-width: 100%;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .page-vol .block13 {
    margin-top: 30px;
  }
  .page-vol .block13 img {
    margin-bottom: 30px;
  }
}
.page-vol .block13 p {
  font-size: 16px;
  font-family: "Noto Sans JP";
  line-height: 32px;
  margin-bottom: 50px;
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block13 p {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 24px;
    font-family: "Noto Sans JP";
  }
}
.page-vol .block14 {
  margin-top: 100px;
}
.page-vol .block14 .ct {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 50px 0;
}
.page-vol .block14 .ct a {
  display: block;
  width: 380px;
}
.page-vol .block14 .ct a img {
  width: 100%;
  background: #fff;
}
.page-vol .block14 p {
  font-size: 16px;
  font-family: "Noto Sans JP";
  line-height: 32px;
  margin-bottom: 50px;
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .page-vol .block14 p {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 24px;
    font-family: "Noto Sans JP";
  }
}
@media only screen and (max-width: 767px) {
  .page-vol .block14 {
    margin-top: 50px;
  }
  .page-vol .block14 .ct {
    display: block;
  }
  .page-vol .block14 .ct .owl-dots {
    margin-top: 30px;
  }
}
.page-vol h4 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #F78CA2;
}
.page-vol h4 span {
  color: #555555;
  font-size: 18px;
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .page-vol h4 {
    font-size: 16px;
  }
  .page-vol h4 span {
    font-size: 15px;
    margin-left: 17px;
  }
}
.page-vol h3.title-vol {
  font-size: 32px;
  line-height: 47px;
  font-weight: bold;
  padding-bottom: 30px;
  margin-bottom: 50px;
  position: relative;
}
.page-vol h3.title-vol:after {
  content: "";
  background: #F78CA2;
  width: 212px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.page-vol h3.title-vol span {
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .page-vol h3.title-vol {
    font-size: 18px;
    line-height: 27px;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  .page-vol h3.title-vol:after {
    width: 130px;
  }
}

.page-baseball {
  padding-top: 70px;
}
@media only screen and (max-width: 767px) {
  .page-baseball {
    padding-top: 0px;
  }
}
.page-baseball .block1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-baseball .block1 img {
  min-width: 600px;
  max-width: 600px;
  height: 314px;
  object-fit: cover;
  margin-right: 52px;
}
.page-baseball .block1 > div {
  width: 100%;
}
.page-baseball .block1 h1 {
  font-size: 38px;
  line-height: 56px;
  font-weight: bold;
  margin-bottom: 30px;
  color: #555;
}
.page-baseball .block1 h1.child {
  margin-bottom: 30px;
}
.page-baseball .block1 h6 {
  font-size: 20px;
  font-weight: bold;
  color: #555;
  margin-bottom: 30px;
  line-height: 32px;
}
.page-baseball .block1 p {
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .page-baseball .block1 {
    flex-wrap: wrap;
  }
  .page-baseball .block1 img {
    min-width: auto;
    width: 100%;
    height: 176px;
    margin-right: 0;
  }
  .page-baseball .block1 h1 {
    font-size: 20px;
    line-height: 32px;
    margin-top: 30px;
  }
  .page-baseball .block1 h1.child {
    margin-bottom: 20px;
  }
  .page-baseball .block1 h6 {
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 22px;
  }
  .page-baseball .block1 p {
    font-size: 14px;
    line-height: 24px;
  }
}
.page-baseball .block2 {
  margin-top: 100px;
  padding: 0 50px;
}
.page-baseball .block2 .not {
  font-size: 16px;
  line-height: 32px;
  margin-top: 100px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-baseball .block2 .not {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .page-baseball .block2 {
    padding: 0;
    margin-top: 30px;
  }
}
.page-baseball .block3 {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .page-baseball .block3 {
    margin-top: 30px;
  }
}
.page-baseball .block3 .ct {
  display: flex;
  margin-bottom: 50px;
}
.page-baseball .block3 .ct.left > div {
  margin-left: 30px;
}
.page-baseball .block3 .ct > div {
  min-width: 446px;
  max-width: 446px;
  margin-right: 30px;
}
.page-baseball .block3 .ct > div img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .page-baseball .block3 .ct {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .page-baseball .block3 .ct.bot0 {
    margin-bottom: 0;
  }
  .page-baseball .block3 .ct.top0 {
    margin-top: 0;
  }
  .page-baseball .block3 .ct.top0 > div img {
    margin-top: 0;
  }
  .page-baseball .block3 .ct > div {
    max-width: 100%;
    min-width: 100%;
    margin: 0 0 20px !important;
  }
  .page-baseball .block3 .ct > div.order {
    order: 1;
  }
  .page-baseball .block3 .ct > div img {
    margin-top: 30px;
  }
}
.page-baseball .block3 p {
  font-size: 16px;
  font-family: "Noto Sans JP";
  line-height: 32px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .page-baseball .block3 p {
    font-size: 14px;
    line-height: 24px;
    font-family: "Noto Sans JP";
  }
  .page-baseball .block3 p.order {
    order: 2;
  }
}
.page-baseball .block3 p a {
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-top: 80px;
  text-decoration: underline;
}
.page-baseball .block3 p a img {
  width: 12px;
  margin-left: 24px;
}
@media only screen and (max-width: 767px) {
  .page-baseball .block3 p a {
    font-size: 13px;
    justify-content: center;
    margin-top: 22px;
  }
}
.page-baseball .block3 small {
  font-size: 14px;
  line-height: 24px;
  display: block;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .page-baseball .block3 small {
    font-size: 12px;
    line-height: 20px;
  }
}
.page-baseball .block5 {
  margin-top: 100px;
}
.page-baseball .block5 h2 {
  color: #F78CA2;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 50px;
  text-align: center;
}
.page-baseball .block5 .item a {
  display: block;
  background: #fff;
}
.page-baseball .block5 .item a > div {
  height: 230px;
  overflow: hidden;
}
.page-baseball .block5 .item a img {
  transition: all 0.3s linear;
  width: 100%;
  height: 230px;
  object-fit: cover;
}
.page-baseball .block5 .item a h3 {
  color: #555555;
  font-size: 16px;
  font-weight: bold;
  padding: 30px;
  margin-bottom: 0;
}
.page-baseball .block5 .item a:hover img {
  transform: scale(1.1);
}
.page-baseball .block5 .item a:hover h3 {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .page-baseball .block5 {
    margin-top: 60px;
  }
  .page-baseball .block5 h2 {
    margin-bottom: 30px;
    font-size: 16px;
  }
  .page-baseball .block5 .item {
    margin-bottom: 15px;
  }
  .page-baseball .block5 .item a {
    display: flex;
    align-items: center;
  }
  .page-baseball .block5 .item a > div {
    height: 98px;
    overflow: hidden;
  }
  .page-baseball .block5 .item a img {
    min-width: 162px;
    max-width: 162px;
    height: 98px;
  }
  .page-baseball .block5 .item a h3 {
    padding: 20px;
    font-size: 14px;
    line-height: 24px;
  }
}
.page-baseball h4 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #F78CA2;
}
.page-baseball h4 span {
  color: #555555;
  font-size: 18px;
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .page-baseball h4 {
    font-size: 16px;
  }
  .page-baseball h4 span {
    font-size: 15px;
    margin-left: 17px;
  }
}
.page-baseball h3.title-baseball {
  font-size: 32px;
  line-height: 47px;
  font-weight: bold;
  padding-bottom: 30px;
  margin-bottom: 50px;
  position: relative;
}
.page-baseball h3.title-baseball:after {
  content: "";
  background: #F78CA2;
  width: 212px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.page-baseball h3.title-baseball span {
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .page-baseball h3.title-baseball {
    font-size: 18px;
    line-height: 27px;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  .page-baseball h3.title-baseball:after {
    width: 130px;
  }
}
.page-baseball .list {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-baseball .list {
    display: block;
  }
}
.page-baseball .list ul {
  padding: 0;
  list-style: none;
  margin-bottom: 10px;
  background: #fff;
}
.page-baseball .list ul li {
  display: flex;
  border-bottom: 1px solid #F2F2F2;
}
.page-baseball .list ul li:last-child {
  margin-bottom: 0;
}
.page-baseball .list ul li > span {
  font-size: 13px;
  color: #fff;
  background: #F78CA2;
  display: inline-block;
  padding: 10px 13px;
  min-width: 92px;
  max-width: 92px;
}
.page-baseball .list ul li > div {
  font-size: 13px;
  padding: 10px 22px;
  line-height: 20px;
  color: #555;
}
.page-baseball .list ul li > div a {
  display: inline-flex;
  align-items: center;
  text-decoration: underline;
}
.page-baseball .list ul li > div a span {
  display: block;
  text-align: left;
}
.page-baseball .list ul li > div a img {
  width: 12px;
  margin-left: 15px;
}
.page-baseball div.tx {
  border: 1px solid #A0ABBE;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .page-baseball div.tx {
    display: none;
  }
}
.page-baseball table {
  margin-bottom: 0;
}
.page-baseball table th {
  background: #F78CA2;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.5px;
  height: 50px;
  font-weight: normal;
  border: 1px solid #F2F2F2;
  text-align: center;
}
.page-baseball table td {
  padding: 15px 16px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  border: 1px solid #F2F2F2;
  vertical-align: middle;
  min-height: 70px;
}
.page-baseball table td p {
  margin-bottom: 0;
}
.page-baseball table td a {
  display: inline-flex;
  align-items: center;
  text-decoration: underline;
}
.page-baseball table td a span {
  display: block;
  text-align: left;
}
.page-baseball table td a img {
  width: 12px;
  margin-left: 15px;
}
.page-baseball table tr:nth-child(2n+1) {
  background: #fff;
}
.page-baseball table tr:nth-child(2n) {
  background: #F8F8F8;
}

/*# sourceMappingURL=style.css.map */