@charset "UTF-8";
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 300;
}
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 500;
}
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: bold;
}
@font-face {
  font-family: "Roboto";
  src: url("../../fonts/Roboto/Roboto-Regular.woff") format("woff");
  font-weight: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("../../fonts/Roboto/Roboto-Medium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../../fonts/NotoSansJapanese/NotoSansJP-Bold.woff") format("woff");
  font-weight: 700;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../../fonts/NotoSansJapanese/NotoSansJP-Medium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../../fonts/NotoSansJapanese/NotoSansJP-Regular.woff") format("woff");
  font-weight: normal;
}
/* =========================================================
 Base style
========================================================= */
body {
  background: #F9FBFF;
  font-family: "noto-sans-cjk-jp", "Noto Sans JP", "游明朝体", "Yu Mincho", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow-x: hidden;
  color: #454953;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  line-break: strict;
  word-break: normal;
  word-wrap: break-word;
}
@media screen and (max-width: 991px) {
  body {
    padding-top: 0 !important;
  }
}

a {
  color: #175286;
  transition: all ease-in-out 0.3s;
}
a:hover {
  color: #175286;
}

.site-title a {
  font-weight: bold;
}

form p:empty {
  display: none;
}

/* main layout
--------------------------------------------------------- */
.site {
  position: relative;
}

.container {
  max-width: 1200px;
  width: auto;
  margin: 0 auto;
}
@media screen and (max-width: 1224px) {
  .container {
    margin: 0 12px;
  }
}
@media screen and (max-width: 991px) {
  .container {
    margin: 0 12px;
  }
}
@media screen and (max-width: 550px) {
  .container {
    margin: 0 12px;
  }
}

.site-content {
  padding: 88px 0 0;
}
@media (max-width: 991px) {
  .site-content {
    padding: 50px 0 0;
  }
}

/*------ TOC ------*/
#toc_container {
  margin: 41px 0 60px;
  padding: 21px 40px 18px;
  width: 100% !important;
  border-radius: 6px;
  border: 1px solid #BDD9EA;
  background: #EEF3F9;
  display: block;
}
@media screen and (max-width: 767px) {
  #toc_container {
    padding: 6px 10px 12px;
    margin: 33px 0 39px;
    border-radius: 0px;
  }
}
#toc_container a {
  text-decoration: none;
}
#toc_container a:hover {
  text-decoration: none;
}
#toc_container p.toc_title {
  border-bottom: 1px solid #DBDBDB;
  color: #454953;
  text-align: left;
  padding: 0px 10px 8px;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #toc_container p.toc_title {
    font-size: 16px;
    padding: 8px 10px 8px;
    justify-content: flex-start;
    gap: 5px;
  }
}
#toc_container p.toc_title + ul.toc_list {
  margin-top: 22px;
}
@media (max-width: 767px) {
  #toc_container p.toc_title + ul.toc_list {
    margin-top: 15px;
  }
}
#toc_container .toc_toggle {
  padding-left: 0;
}
@media (max-width: 767px) {
  #toc_container .toc_toggle {
    font-size: 14px !important;
    margin-left: 6px;
  }
}
#toc_container .toc_toggle .toc_brackets {
  visibility: hidden;
  position: relative;
}
#toc_container .toc_toggle .toc_brackets::after {
  position: absolute;
  font-weight: 700;
  font-size: 15px;
  color: #454953;
  display: block;
  top: 2px;
  visibility: visible;
}
@media (max-width: 767px) {
  #toc_container .toc_toggle .toc_brackets::after {
    top: -2px;
  }
}
#toc_container .toc_toggle .toc_brackets:first-child::after {
  content: "(";
  left: -1px;
}
#toc_container .toc_toggle .toc_brackets:last-child::after {
  content: ")";
  right: -1px;
}
#toc_container .toc_toggle > a {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.6;
  color: #175286;
}
@media (max-width: 767px) {
  #toc_container .toc_toggle > a {
    font-size: 14px;
  }
}
#toc_container .toc_toggle > a:hover {
  color: #175286;
  text-decoration: underline;
}
#toc_container ul.toc_list {
  padding: 0 0px 0 5px;
  margin-top: 22px;
  margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
  #toc_container ul.toc_list {
    padding: 0 0 0 5px;
    margin: 15px 0 0;
  }
}
#toc_container ul.toc_list li {
  position: relative;
  padding-left: 15px;
  font-weight: 700;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  #toc_container ul.toc_list li {
    font-size: 14px;
    line-height: 22.4px;
    margin-bottom: 10px;
  }
}
#toc_container ul.toc_list li:last-child {
  margin-bottom: 0;
}
#toc_container ul.toc_list li a {
  font-weight: 500;
  color: #175286;
  font-size: 18px;
  line-height: 1.6;
}
@media (max-width: 767px) {
  #toc_container ul.toc_list li a {
    font-size: 14px;
  }
}
#toc_container ul.toc_list li a .toc_number {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
#toc_container ul.toc_list li a .toc_number::after {
  content: ".";
}
#toc_container ul.toc_list li a:hover {
  color: #175286;
}
#toc_container ul.toc_list li ul {
  margin-left: 0;
  margin-top: 7px;
}
@media screen and (max-width: 767px) {
  #toc_container ul.toc_list li ul {
    margin-top: 3px;
  }
}
#toc_container ul.toc_list li ul li {
  padding-left: 10px;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  #toc_container ul.toc_list li ul li {
    font-size: 13px;
    line-height: 26px;
    padding-left: 0;
  }
}
#toc_container ul.toc_list li ul li a {
  font-weight: 500;
  font-size: 15px;
  line-height: 2;
  color: #454953;
}
@media (max-width: 767px) {
  #toc_container ul.toc_list li ul li a {
    font-size: 13px;
    font-weight: 400;
  }
}
#toc_container ul.toc_list li ul li a .toc_number {
  left: -17px;
}
@media screen and (max-width: 767px) {
  #toc_container ul.toc_list li ul li a .toc_number {
    position: unset;
  }
}
#toc_container ul.toc_list li ul .toc_number {
  display: none;
}
#toc_container ul.toc_list li:before {
  content: none !important;
}

/*------ bzb-sns ------*/
#___plusone_0, #___plusone_1 {
  width: 63px !important;
}

/*------ header-snsボタン ------*/
#header-sns {
  display: none;
}

/*------ 記事下twitterウィジェット ------*/
.xeory-social-twitter {
  width: auto;
  display: block;
  text-align: center;
}

/*------ 記事下SNSボタン ------*/
@media screen and (max-width: 767px) {
  .xeory-social-btns > ul > li {
    width: 50% !important;
    padding: 0 !important;
  }
  .xeory-social-btns > ul > li:nth-child(1) > a {
    margin: 0 10px 10px 0;
  }
  .xeory-social-btns > ul > li:nth-child(2) > a {
    margin: 0 0 10px 0;
  }
  .xeory-social-btns > ul > li:nth-child(3) > a {
    margin: 0 10px 0 0;
  }
  .xeory-social-btns > ul > li:nth-child(4) > a {
    margin: 0;
  }
}

/*------ サイドバーSNSボタン ------*/
#secondary .sns-list {
  text-align: center;
  margin: 36px 0 0 0;
}
#secondary .sns-list li {
  border: 0;
  display: inline-block;
  font-size: 18px;
  padding: 0 7px;
}
#secondary .sns-list li a {
  color: #fff;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 36px;
  margin-left: 0;
  border-radius: 100%;
}
#secondary .sns-list li a:hover {
  background: #fff;
}
#secondary .sns-list .post-sns-facebook a {
  border: 2px solid #3b5998;
  background: #3b5998;
}
#secondary .sns-list .post-sns-facebook a:hover {
  border: 2px solid #3b5998;
  color: #3b5998;
}
#secondary .sns-list .post-sns-twitter a {
  border: 2px solid #43ccf7;
  background: #43ccf7;
}
#secondary .sns-list .post-sns-twitter a:hover {
  border: 2px solid #43ccf7;
  color: #43ccf7;
}
#secondary .sns-list .post-sns-google a {
  border: 2px solid #d23f2d;
  background: #d23f2d;
}
#secondary .sns-list .post-sns-google a:hover {
  border: 2px solid #d23f2d;
  color: #d23f2d;
}
#secondary .sns-list .post-sns-feedly a {
  border: 2px solid #87c031;
  background: #87c031;
}
#secondary .sns-list .post-sns-feedly a:hover {
  border: 2px solid #87c031;
  color: #87c031;
}

/*------ 404ページの検索フォーム ------*/
.no-results .search-form {
  margin-bottom: 40px;
}

/*------ pagetop ------*/
.pagetop {
  z-index: 100;
}

/*------ sp-navボタン ------*/
.sp-nav-btn {
  position: absolute;
  top: -18px;
  right: 14px;
  overflow: auto;
}
.sp-nav-btn:before {
  display: block;
  font-size: 32px;
  text-align: center;
}
.sp-nav-btn:after {
  content: "MENU";
  font-size: 10px;
  display: block;
  margin: -12px auto 0 auto;
  text-align: center;
}

/*------ sp-nav ------*/
.sp-nav.active {
  display: block;
  z-index: 200;
}

/*------ hide-pc & hide-sp ------*/
@media (min-width: 992px) {
  .hide-pc {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .hide-sp {
    display: none !important;
  }
}
/*------ content area ------*/
@media (max-width: 991px) {
  .content-area {
    margin: 0;
  }
}

.archive .site-main, .search .site-main, .error404 .site-main, .original-category .site-main, .page-post-list .site-main {
  padding-right: 408px;
}
@media (max-width: 991px) {
  .archive .site-main, .search .site-main, .error404 .site-main, .original-category .site-main, .page-post-list .site-main {
    padding-right: 0;
  }
}
.archive .site-content, .search .site-content, .error404 .site-content, .original-category .site-content, .page-post-list .site-content {
  padding-bottom: 32px;
}
@media (max-width: 991px) {
  .archive .site-content, .search .site-content, .error404 .site-content, .original-category .site-content, .page-post-list .site-content {
    padding-bottom: 0px;
  }
}
.archive .entry-content, .search .entry-content, .error404 .entry-content, .original-category .entry-content, .page-post-list .entry-content {
  padding: 40px;
}
.archive .entry-content a:hover, .search .entry-content a:hover, .error404 .entry-content a:hover, .original-category .entry-content a:hover, .page-post-list .entry-content a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 991px) {
  .archive .entry-content, .search .entry-content, .error404 .entry-content, .original-category .entry-content, .page-post-list .entry-content {
    padding: 24px 16px;
  }
}
.archive section.breadcrumbs, .search section.breadcrumbs, .error404 section.breadcrumbs, .original-category section.breadcrumbs, .page-post-list section.breadcrumbs {
  margin: 0 0 71px;
}
@media (max-width: 991px) {
  .archive section.breadcrumbs, .search section.breadcrumbs, .error404 section.breadcrumbs, .original-category section.breadcrumbs, .page-post-list section.breadcrumbs {
    margin: 0 0 32px;
  }
}
.archive #secondary, .search #secondary, .error404 #secondary, .original-category #secondary, .page-post-list #secondary {
  margin-top: 8px;
}

.archive.category .content-area {
  margin-bottom: 52px;
}

.search .pagination {
  margin: 51px 0 0;
}
@media (max-width: 767px) {
  .search .pagination {
    margin: 23px 0 38px;
  }
}
@media (max-width: 991px) {
  .search .page-header {
    margin: 0 0 26px;
  }
}
@media (max-width: 991px) {
  .search .page-header .page-title {
    font-size: 18px;
    letter-spacing: 0;
  }
}

.comments-area {
  padding: 25px 0;
  margin: 0;
  display: none;
}
@media screen and (max-width: 767px) {
  .comments-area {
    padding: 63px 0 0 0;
    margin: 0;
  }
}
.comments-area .comments-header .comments-title {
  margin: 0 0 32px;
  padding: 0 0 10px;
  background: transparent;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.6;
  color: #175286;
  border-bottom: 1px solid #B5C8DB;
}
@media screen and (max-width: 991px) {
  .comments-area .comments-header .comments-title {
    margin: 0 -24px 24px;
    padding: 15px 24px 16px;
  }
}
.comments-area .comments-header .comments-title::before {
  content: none;
}
.comments-area .comment-list li {
  border-bottom: 0;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .comments-area .comment-list li {
    padding-bottom: 3px;
  }
}
.comments-area .comment-list li .comment-author {
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .comments-area .comment-list li .comment-author {
    margin-bottom: 8px;
  }
}
.comments-area .comment-list li .comment-author .comment-author-image {
  margin: 0px 16px 0px 0;
}
@media (max-width: 767px) {
  .comments-area .comment-list li .comment-author .comment-author-image {
    margin: 0px 16px 0 0;
  }
}
.comments-area .comment-list li .comment-author .comment-author-content {
  margin-bottom: 0;
}
.comments-area .comment-list li .comment-author .comment-author-content .fn,
.comments-area .comment-list li .comment-author .comment-author-content .fn a {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.6;
  color: #454953;
  display: block;
  background-image: none;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .comments-area .comment-list li .comment-author .comment-author-content .fn,
  .comments-area .comment-list li .comment-author .comment-author-content .fn a {
    margin: 0 0 0px;
  }
}
.comments-area .comment-list li .comment-author .comment-author-content .fn:hover,
.comments-area .comment-list li .comment-author .comment-author-content .fn a:hover {
  color: #454953;
}
.comments-area .comment-list li .comment-author .comment-meta {
  line-height: normal;
  position: relative;
  margin-top: 3px;
}
.comments-area .comment-list li .comment-author .comment-meta a {
  color: #888888;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.6;
  background-image: none;
}
.comments-area .comment-list li .comment-author .comment-meta a:hover {
  color: #888;
}
.comments-area .comment-list li .comment-content {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.8;
  margin-bottom: 6px;
  color: #454953;
}
@media (max-width: 767px) {
  .comments-area .comment-list li .comment-content {
    margin-bottom: 7px;
  }
}
.comments-area .comment-list li .reply {
  position: relative;
}
@media (max-width: 767px) {
  .comments-area .comment-list li .reply {
    margin-bottom: 9px;
  }
}
.comments-area .comment-list li .reply > a {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.6;
  color: #175286;
}
.comments-area .comment-list li .reply > a::before {
  margin: 0;
}
.comments-area .comment-list li:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .comments-area .comment-list li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.comments-area .comments-text {
  display: none;
}
.comments-area .comment-list .children {
  background: #f6f7fa;
  margin-left: 0;
  padding: 40px 40px 15px 40px;
  margin-top: 35px;
}
@media screen and (max-width: 767px) {
  .comments-area .comment-list .children {
    padding: 40px 40px 0px;
    margin-top: 23px;
  }
}
.comments-area .comment-list .children .children {
  padding: 0 0px 2px 24px;
  margin-top: 29px;
  box-shadow: none;
}
@media (max-width: 767px) {
  .comments-area .comment-list .children .children {
    padding: 0 0px 18px 24px;
    margin-top: 20px;
  }
}
.comments-area .comment-list .children .comment-author {
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .comments-area .comment-list .children .comment-author {
    margin-bottom: 8px;
  }
}
.comments-area .comment-list .children .comment-author-image {
  margin: 0 12px 0px 0;
}
.comments-area .comment-list .children .comment-content {
  margin: 0 0 6px;
}
.comments-area .comment-author-image img {
  border-radius: 50%;
}
.comments-area .reply a:before {
  content: "";
}
.comments-area .comment-form .submit {
  border: 0;
  background: #175286;
}
.comments-area .comment-form .submit:hover {
  background: #175286;
  opacity: 0.8;
}
.comments-area .comment-respond {
  margin-bottom: 0;
}

.post-cta {
  margin: 33px 0 40px;
  background: transparent;
  border: 0 none;
  border-radius: 0px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .post-cta {
    margin: 30px 0px 30px;
  }
}
.post-cta .post-cta-header {
  border: 0 none;
  padding: 52px 40px 23px;
  display: none;
}
@media (max-width: 767px) {
  .post-cta .post-cta-header {
    padding: 52px 40px 26px;
  }
}
.post-cta .post-cta-header .post-cta-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
  color: #fff;
}
@media (max-width: 767px) {
  .post-cta .post-cta-header .post-cta-title {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .post-cta .post-cta-header .post-cta-title br:not(:first-child):not(:last-child) {
    display: none;
  }
}
@media (min-width: 768px) {
  .post-cta .post-cta-header .post-cta-title br:first-child, .post-cta .post-cta-header .post-cta-title br:last-child {
    display: none;
  }
}
.post-cta .post-cta-body {
  border: 0 none;
}
.post-cta .post-cta-body .post-cta-body-inner {
  padding: 24px 24px 24px;
  color: #fff;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .post-cta .post-cta-body .post-cta-body-inner {
    border-radius: 8px;
    padding: 12px 10px 11px;
  }
}
.post-cta .post-cta-body .post-cta-body-inner .post-cta-img {
  float: none;
  max-width: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .post-cta .post-cta-body .post-cta-body-inner .post-cta-img {
    max-width: 100%;
  }
}
.post-cta .post-cta-body .post-cta-body-inner .post-cta-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-cta .post-cta-body .post-cta-body-inner ul:last-child, .post-cta .post-cta-body .post-cta-body-inner p:last-child {
  margin-bottom: 0;
}
.post-cta .post-cta-content {
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(2.5px);
  padding: 20px 78px 30px;
  text-align: center;
}
@media (max-width: 767px) {
  .post-cta .post-cta-content {
    padding: 24px 10px 29px;
  }
}
.post-cta .post-cta-content > br {
  display: none;
}
.post-cta .post-cta-content h3 {
  font-size: 28px;
  color: #fff;
  margin: 0 0 6px;
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 991px) {
  .post-cta .post-cta-content h3 {
    font-size: 24px;
    margin: 0 0 18px;
  }
}
@media (max-width: 374px) {
  .post-cta .post-cta-content h3 {
    font-size: 20px;
  }
}
.post-cta .post-cta-content h4 {
  color: #fff;
  font-size: 16px;
  margin: 0 0 23px;
  font-weight: 350;
  padding: 0 12px;
}
@media (max-width: 991px) {
  .post-cta .post-cta-content h4 {
    font-size: 14px;
    margin: 0 -10px 24px;
    line-height: 1.5;
    padding: 0;
  }
}
.post-cta .post-cta-content ul {
  padding: 0;
  margin: 0 0 30px;
  list-style: outside none none;
  display: flex;
  flex-wrap: wrap;
  gap: 24px 23px;
}
@media (max-width: 767px) {
  .post-cta .post-cta-content ul {
    gap: 10px;
    margin: 0 0 18px;
  }
}
.post-cta .post-cta-content ul > li {
  position: relative;
  width: calc((100% - 23px) / 2);
}
@media (max-width: 767px) {
  .post-cta .post-cta-content ul > li {
    width: 100%;
    max-width: 311px;
    margin: 0 auto;
  }
}
.post-cta .post-cta-content ul > li::before {
  content: none;
}
.post-cta .post-cta-content ul > li > a {
  display: block;
  font-size: 16px;
  color: #FFF;
  position: relative;
  border-radius: 6px;
  border: 1px solid #175286;
  background: #175286;
  box-shadow: 0px 4px 20px 0px rgba(0, 41, 94, 0.05);
  font-weight: 400;
  letter-spacing: 1.6px;
  padding: 9px 26px 8.6px;
}
@media (max-width: 767px) {
  .post-cta .post-cta-content ul > li > a {
    font-weight: 500;
    padding: 6px 26px;
    letter-spacing: 1.6px;
  }
}
.post-cta .post-cta-content ul > li > a::after {
  content: "";
  width: 6px;
  height: 10px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  mask-image: url("../../images/icon/arrow-right-610.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  transform-origin: center;
  background-color: #fff;
}
.post-cta .post-cta-content ul > li > a:hover {
  opacity: 0.8;
}
.post-cta .post-cta-content ul > li:last-child > a {
  color: #fff;
  background: #3CB153;
  border-color: #3CB153;
}
.post-cta .post-cta-content .box-info {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: transparent;
  color: #fff;
  padding: 11px 40px 15px;
  margin: 0;
  border-radius: 12px;
}
@media (max-width: 991px) {
  .post-cta .post-cta-content .box-info {
    margin: 0;
    padding: 12px 30px 13px;
  }
}
@media (max-width: 374px) {
  .post-cta .post-cta-content .box-info {
    padding: 12px 10px 13px;
  }
}
.post-cta .post-cta-content .box-info p {
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 12px;
}
@media (max-width: 991px) {
  .post-cta .post-cta-content .box-info p {
    font-size: 16px;
  }
}
@media (max-width: 374px) {
  .post-cta .post-cta-content .box-info p {
    font-size: 14px;
    margin: 0 0 6px;
  }
}
.post-cta .post-cta-content .box-info p:first-child {
  margin: 0 0 15px;
}
@media (max-width: 374px) {
  .post-cta .post-cta-content .box-info p:first-child {
    margin: 0 0 6px;
  }
}
.post-cta .post-cta-content .box-info p.number {
  font-size: 42px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  position: relative;
  line-height: 30px;
  margin: 0 0 7px;
}
@media (max-width: 991px) {
  .post-cta .post-cta-content .box-info p.number {
    font-size: 30px;
    margin: 0 0 5px;
  }
}
@media (max-width: 374px) {
  .post-cta .post-cta-content .box-info p.number {
    font-size: 22px;
  }
}
.post-cta .post-cta-content .box-info p.number > a {
  color: #fff;
  display: block;
}
.post-cta .post-cta-content .box-info p.number > a::before {
  content: "";
  width: 24px;
  height: 24px;
  mask-image: url("../../images/icon/icon-phone.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  display: inline-block;
  margin-right: 17px;
  background-color: #fff;
  position: relative;
  top: -2px;
  left: 6px;
}
@media (max-width: 374px) {
  .post-cta .post-cta-content .box-info p.number > a::before {
    width: 16px;
    height: 16px;
  }
}
.post-cta .post-cta-content .box-info p.time {
  font-weight: 500;
  line-height: normal;
  font-size: 14px;
  margin: 0;
}
.post-cta .post-cta-footer {
  padding: 0 40px 80px;
  border: 0 none;
}
@media screen and (max-width: 767px) {
  .post-cta .post-cta-footer {
    padding: 0 24px 60px;
  }
}
.post-cta .post-cta-footer .post-cta-btn a {
  box-shadow: none;
  max-width: 367px;
  margin: 0 auto;
  border-radius: 0px;
  border: 0 none;
  background: #fff;
  color: #175286;
  font-size: 16px;
  font-weight: 700;
  padding: 24px 5px 23.2px;
}
@media (max-width: 767px) {
  .post-cta .post-cta-footer .post-cta-btn a {
    max-width: 327px;
    padding: 20px 5px 19.2px;
  }
}
.post-cta .post-cta-footer .post-cta-btn a::before {
  content: "";
  mask-image: url("../../images/icon/arrow-right-610.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  display: inline-block;
  width: 7px;
  height: 12px;
  background-color: #175286;
  position: relative;
  left: -20px;
}
@media (max-width: 767px) {
  .post-cta .post-cta-footer .post-cta-btn a::before {
    left: -18px;
    margin-right: -10px;
  }
}
.post-cta .post-cta-footer .post-cta-btn a:hover {
  background-color: #175286;
  color: #fff;
}
.post-cta .post-cta-footer .post-cta-btn a:hover::before {
  background-color: #fff;
}

.entry-content a {
  color: #175286;
  text-decoration: none;
}
.entry-content a:hover {
  color: #175286;
  text-decoration: underline;
}
.entry-content p {
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .entry-content p {
    font-size: 14px;
    margin-bottom: 8.5px;
  }
}
.entry-content p.box {
  border-radius: 6px;
  background: #EEF3F9;
  padding: 21.6px 40px;
  margin: 0 0 23px;
}
@media (max-width: 991px) {
  .entry-content p.box {
    padding: 10px 20px 14px;
    margin: 0 0 17px;
  }
}
.entry-content p strong:empty {
  display: none;
}
.entry-content h2 {
  margin: 60px 0 24px;
  padding: 10px 20px 10px;
  font-size: 28px;
  line-height: 1.4;
  font-weight: 400;
  color: #333;
  border-left: 10px solid #175286;
  border-bottom: 1px solid #B5C8DB;
  letter-spacing: -0.56px;
}
@media screen and (max-width: 767px) {
  .entry-content h2 {
    padding: 5px 14px 1px;
    margin: 10px 0px 21px;
    font-size: 22px;
    letter-spacing: -0.44px;
    border-left: 4px solid #175286;
  }
}
.entry-content h3 {
  margin: 42px 0 16px;
  padding: 0px 0 4px;
  border-left: 0;
  border-bottom: 1px solid #B5C8DB;
  position: relative;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.6;
  color: #175286;
}
@media (max-width: 767px) {
  .entry-content h3 {
    font-size: 18px;
    padding: 0px 0 1px;
    margin: 15px 0 16px;
  }
}
@media (max-width: 374px) {
  .entry-content h3 {
    font-size: 16px;
  }
}
.entry-content h4 {
  margin: 24px 0 6px;
  padding-left: 0;
  font-size: 20px;
  font-weight: 500;
  color: #175286;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .entry-content h4 {
    font-size: 16px;
    margin: 16px 0 10px;
  }
}
.entry-content h5 {
  margin: 36px 0 12px;
  padding-left: 28px;
  font-size: 18px;
  position: relative;
  border-left: 2px solid #175286;
}
@media screen and (max-width: 550px) {
  .entry-content h5 {
    font-size: 16px;
  }
}
.entry-content h6 {
  color: #175286;
  margin: 0 0 8px;
}
.entry-content ul {
  list-style: outside none none;
  margin-bottom: 15px;
  padding: 0;
}
@media (max-width: 767px) {
  .entry-content ul {
    margin-bottom: 7px;
  }
}
.entry-content ul li {
  position: relative;
  padding-left: 16px;
  text-indent: -8px;
}
@media (max-width: 767px) {
  .entry-content ul li {
    font-size: 14px;
  }
}
.entry-content ul li::before {
  content: "・";
  display: inline-block;
  color: #454953;
}
.entry-content ul li > * {
  display: inline;
}
.entry-content ul li ul {
  margin-bottom: 0;
  display: block;
}
.entry-content ol {
  margin-bottom: 15px;
  padding: 0 0 0 16px;
}
@media (max-width: 767px) {
  .entry-content ol {
    margin-bottom: 22px;
  }
}
.entry-content ol li {
  line-height: 28.8px;
}
@media (max-width: 767px) {
  .entry-content ol li {
    font-size: 14px;
    line-height: 1.8;
  }
}
.entry-content dl {
  margin-top: 32px;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .entry-content dl {
    margin-top: 22px;
    margin-bottom: 15px;
  }
}
.entry-content dl dt {
  display: inline-block;
  margin: 0 0 24px;
  padding: 9px 23.5px;
  border: 1px solid #2A77A9;
  background: #fff;
  font-size: 15px;
  font-weight: 400;
  color: #2A77A9;
}
@media (max-width: 767px) {
  .entry-content dl dt {
    font-size: 14px;
    padding: 5px 24px;
  }
}
.entry-content dl dd {
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.66;
  color: #33393A;
}
@media (max-width: 767px) {
  .entry-content dl dd {
    font-size: 14px;
  }
}
.entry-content [class^=f-marker-] {
  display: inline-block;
  margin: 0 0 13px;
}
@media (max-width: 767px) {
  .entry-content [class^=f-marker-] {
    margin: 0 0 3px;
  }
}
.entry-content [class^=f-marker-]:last-of-type {
  margin: 0;
}
.entry-content .f-marker-y {
  line-height: 10px;
  padding-bottom: 8px;
  background-image: -webkit-linear-gradient(transparent 50%, rgb(236, 233, 185) 50%);
  background-image: linear-gradient(transparent 50%, rgb(236, 233, 185) 50%);
}
.entry-content .f-marker-p {
  line-height: 10px;
  padding-bottom: 8px;
  background-image: -webkit-linear-gradient(transparent 50%, rgb(241, 213, 242) 50%);
  background-image: linear-gradient(transparent 50%, rgb(241, 213, 242) 50%);
}
.entry-content .f-marker-w {
  line-height: 10px;
  padding-bottom: 8px;
  background-image: -webkit-linear-gradient(transparent 50%, rgb(185, 219, 236) 50%);
  background-image: linear-gradient(transparent 50%, rgb(185, 219, 236) 50%);
}
.entry-content .f-marker-g, .entry-content .marker-g {
  line-height: 10px;
  padding-bottom: 8px;
  background-image: -webkit-linear-gradient(transparent 50%, rgb(194, 236, 185) 50%);
  background-image: linear-gradient(transparent 50%, rgb(194, 236, 185) 50%);
}
@media (max-width: 991px) {
  .entry-content .reponsive-table {
    overflow-x: auto;
    scrollbar-width: thin;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
}
@media (max-width: 991px) {
  .entry-content .reponsive-table::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
    height: 4px;
  }
}
@media (max-width: 991px) {
  .entry-content .reponsive-table::-webkit-scrollbar-thumb {
    width: 4px;
    height: 4px;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.5);
  }
}
@media (max-width: 991px) {
  .entry-content .reponsive-table::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
    width: 4px;
    height: 4px;
  }
}
.entry-content .wp-block-table {
  margin-bottom: 1em;
}
@media (max-width: 991px) {
  .entry-content .wp-block-table .reponsive-table table {
    width: 100% !important;
  }
}
.entry-content table {
  width: 100% !important;
  margin: 40px 0;
  border: 0 none;
}
@media (max-width: 991px) {
  .entry-content table {
    width: 800px !important;
    border-spacing: 0;
    max-width: none;
    margin: 30px 0 30px;
  }
}
.entry-content table thead tr td, .entry-content table thead tr th {
  background: #BDD9EA;
  border-bottom: 0 none;
  color: #175286;
  border-right-color: #fff;
}
.entry-content table thead tr td:last-child, .entry-content table thead tr th:last-child {
  border-right-color: #CCC;
}
.entry-content table tr th, .entry-content table tr td {
  border-color: #CCC;
  padding: 7.1px 16px;
  font-size: 16px;
  color: #454953;
  font-weight: 400;
}
@media (max-width: 767px) {
  .entry-content table tr th, .entry-content table tr td {
    padding: 7px 16px 8px 16px;
  }
}
.entry-content table tr th {
  background: #BDD9EA;
  border-bottom: 0 none;
  color: #175286;
  border-right-color: #fff;
}
.entry-content table tr th:last-child {
  border-right-color: #CCC;
}
.entry-content table tr td {
  border-width: 1px 0 0px 1px;
  border-color: #CCC;
  border-style: solid;
}
.entry-content table tr td ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.entry-content table tr td ul li {
  list-style: outside none none;
}
.entry-content table tr td ul li section ul > li {
  width: 140px;
  float: left;
}
.entry-content table tr td:last-child {
  border-right: 1px solid #CCC;
}
.entry-content table tr:last-child td {
  border-bottom: 1px solid #CCC;
}
.entry-content blockquote {
  margin: 40px 0;
  padding: 39px 40px 29px 84px;
  background: #FFF;
  border: 1px solid #BDD9EA;
  border-radius: 6px;
}
@media screen and (max-width: 767px) {
  .entry-content blockquote {
    padding: 24px 31px 22px;
    margin: 30px 0;
  }
}
.entry-content blockquote:before {
  content: "";
  width: 29px;
  height: 20px;
  top: 48px;
  left: 32px;
}
@media screen and (max-width: 767px) {
  .entry-content blockquote:before {
    position: static;
    display: block;
    margin: 0 0 2px;
  }
}
.entry-content blockquote p {
  margin-bottom: 8px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .entry-content blockquote p {
    font-size: 18px;
    line-height: 1.7;
  }
}
.entry-content blockquote p.link {
  text-align: right;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .entry-content blockquote p.link {
    font-size: 16px;
  }
}
.entry-content blockquote p.link a {
  color: #454953;
  position: relative;
}
.entry-content blockquote p.link a:hover {
  color: #175286;
}
.entry-content .attention {
  padding: 37px 40px 38px 36px;
  margin-bottom: 48px;
  border-radius: 6px;
  background: #EEF3F9;
}
@media (max-width: 767px) {
  .entry-content .attention {
    padding: 22px 22px;
    margin-bottom: 30px;
    border-radius: 8px;
  }
}
.entry-content .attention p {
  margin: 0 0 16px;
}
@media (max-width: 767px) {
  .entry-content .attention p {
    margin: 0 0 21px;
    font-size: 16px;
    line-height: 1.6;
  }
}
.entry-content .attention p:last-child {
  margin: 0;
}
@media (max-width: 767px) {
  .entry-content .attention ul > li, .entry-content .attention ol > li {
    font-size: 16px;
    line-height: 1.6;
  }
}
.entry-content .attention .attention ul:last-child, .entry-content .attention .attention ol:last-child, .entry-content .attention .attention p:last-child, .entry-content .attention blockquote ul:last-child, .entry-content .attention blockquote ol:last-child, .entry-content .attention blockquote p:last-child {
  margin-bottom: 0;
}
.entry-content .a-1 {
  border: 2px solid #175286;
  background: #FFF;
}
@media (max-width: 991px) {
  .entry-content .a-1 {
    border-width: 1px;
    border-radius: 8px;
  }
}
.entry-content .a-2 {
  border: 0 none;
  padding: 21px 40px 23px 40px;
  margin: 0 0 48px;
}
@media (max-width: 767px) {
  .entry-content .a-2 {
    padding: 26px 24px 23px;
    margin: 0 0 30px;
  }
}
.entry-content .a-3 {
  border: 0 none;
  padding: 0 40px 30px;
  margin: 35px 0 60px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .entry-content .a-3 {
    padding: 0 24px 25px;
    margin: 30px 0 31px;
  }
}
.entry-content .a-3 .attention-title {
  color: #FFF;
  font-weight: 400;
  font-size: 20px;
  padding: 19px 24px 20px;
  line-height: 1.6;
  background: #175286;
  margin: 0 -40px 26px !important;
}
@media (max-width: 767px) {
  .entry-content .a-3 .attention-title {
    margin: 0 -24px 24px !important;
    padding: 16px 24px;
    font-weight: 700;
    font-size: 18px;
  }
}
.entry-content .a-3 p {
  margin: 0 0 23px;
}
@media (max-width: 767px) {
  .entry-content .a-3 p {
    margin: 0 0 10px;
  }
}
.entry-content .a-3 ul {
  padding-top: 0px;
}
@media (max-width: 767px) {
  .entry-content .a-3 ul {
    padding-top: 0;
  }
}
.entry-content .a-3 ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .entry-content .a-3 ul li {
    line-height: 1.6;
  }
}
.entry-content .attention ul:last-child, .entry-content .attention p:last-child, .entry-content blockquote ul:last-child, .entry-content blockquote p:last-child {
  margin-bottom: 0;
}
.entry-content .link-button-green,
.entry-content .link-button-orange {
  padding: 0;
  display: flex;
  justify-content: center;
}
.entry-content .link-button-green a,
.entry-content .link-button-orange a {
  padding: 9px 26px 8.6px;
  color: #454953 !important;
  max-width: 384px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  transition: all 0.3s;
  text-align: center;
  border-radius: 6px;
  border: 1px solid rgba(46, 134, 185, 0.3);
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0px 4px 20px 0px rgba(0, 41, 94, 0.05);
  backdrop-filter: blur(5px);
}
@media (max-width: 767px) {
  .entry-content .link-button-green a,
  .entry-content .link-button-orange a {
    max-width: 351px;
    padding: 6px 26px 5.2px;
  }
}
.entry-content .link-button-green a i,
.entry-content .link-button-orange a i {
  position: absolute;
  width: 6px;
  height: 10px;
  content: "";
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #175286;
  mask-image: url("../../images/icon/arrow-right-610.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  display: inline-block;
  vertical-align: middle;
}
.entry-content .link-button-green a i::before,
.entry-content .link-button-orange a i::before {
  content: none;
}
.entry-content .link-button-green:hover a,
.entry-content .link-button-orange:hover a {
  opacity: 1;
  text-decoration: none !important;
}
.entry-content .link-button-green {
  margin-top: 42px;
}
@media (max-width: 767px) {
  .entry-content .link-button-green {
    margin-top: 27px;
  }
}
.entry-content .link-button-green a:hover {
  opacity: 0.8;
}
.entry-content .link-button-orange a {
  background: #175286;
  color: #fff !important;
}
.entry-content .link-button-orange a:hover {
  opacity: 0.8;
}
.entry-content .link-button-orange a i {
  background-color: #fff;
}
.entry-content .images-center {
  margin: 0 0 40px;
}
@media (max-width: 767px) {
  .entry-content .images-center {
    margin: 0 0 24px;
    font-size: 14px;
    line-height: 1.6;
  }
}
.entry-content .images-center .aligncenter {
  margin: 0 0 16px;
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  aspect-ratio: 792/529;
}
@media (max-width: 767px) {
  .entry-content .images-center .aligncenter {
    border-radius: 6px;
    aspect-ratio: auto;
  }
}
.entry-content .images-center:last-child {
  margin-bottom: 0;
}
.entry-content .images-left, .entry-content .images-right {
  overflow: hidden;
}
@media (max-width: 991px) {
  .entry-content .images-left, .entry-content .images-right {
    margin: 0 0 22px;
    font-size: 14px;
    line-height: 1.6;
  }
}
.entry-content .images-left .alignleft {
  margin: 0px 24px 40px 0;
  border-radius: 6px;
  overflow: hidden;
  width: 384px;
  height: 257px;
  object-fit: cover;
}
@media (max-width: 991px) {
  .entry-content .images-left .alignleft {
    width: 100%;
    height: auto;
    margin: 0 0 17px;
    border-radius: 8px;
  }
}
.entry-content .images-right .alignright {
  margin: 0px 0 40px 24px;
  border-radius: 6px;
  overflow: hidden;
  width: 384px;
  height: 257px;
  object-fit: cover;
}
@media (max-width: 991px) {
  .entry-content .images-right .alignright {
    width: 100%;
    height: auto;
    margin: 0 0 15px;
    border-radius: 8px;
  }
}
.entry-content .link-button {
  display: block;
}
.entry-content .link-button > a {
  display: block;
  border-radius: 6px;
  box-shadow: 0 4px 20px 0 rgba(0, 41, 94, 0.05);
  backdrop-filter: blur(5px);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1.6px;
  color: #fff;
  position: relative;
  max-width: 384px;
  padding: 10px 26px 9.2px;
  text-align: center;
  background: #175286;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .entry-content .link-button > a {
    max-width: 351px;
    padding: 7px 24px 6.2px 8px;
  }
}
.entry-content .link-button > a::after {
  position: absolute;
  width: 6px;
  height: 10px;
  content: "";
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  mask-image: url("../../images/icon/arrow-right-610.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
}
.entry-content .link-button > a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.entry-content .link-button.btn-amazon > a {
  background: #F90;
}
.entry-content .link-button.btn-yahoo > a {
  background: #F03;
}
.entry-content .link-button.btn-rakuten > a {
  background: #BF0000;
}
.entry-content p[class^=link-button] {
  margin-bottom: 15.8px;
}
@media (max-width: 991px) {
  .entry-content p[class^=link-button] {
    margin-bottom: 10px;
  }
}
.entry-content p[class^=link-button]:first-child {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .entry-content p[class^=link-button]:first-child {
    margin-top: 20px;
  }
}
.entry-content p[class^=link-button]:last-of-type {
  margin-bottom: 102px;
}
@media (max-width: 991px) {
  .entry-content p[class^=link-button]:last-of-type {
    margin-bottom: 30px;
  }
}
.entry-content .product-info .source {
  text-align: center;
}
.entry-content .block-affiliate {
  margin: 15px 0;
  padding: 24px;
  border-radius: 6px;
  border: 1px solid #F2F2F2;
  background: #FFF;
}
@media (max-width: 991px) {
  .entry-content .block-affiliate {
    padding: 22px 12px;
    margin: 8.5px auto;
  }
}
.entry-content .block-affiliate .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
@media (max-width: 991px) {
  .entry-content .block-affiliate .row {
    gap: 16px;
  }
}
.entry-content .block-affiliate figure {
  margin: 0;
  width: 200px;
}
@media (max-width: 991px) {
  .entry-content .block-affiliate figure {
    width: 160px;
  }
}
.entry-content .block-affiliate figure img {
  display: block;
  width: 100%;
  object-fit: contain;
  max-height: 132px;
}
.entry-content .block-affiliate .body {
  width: calc(100% - 240px);
}
@media (max-width: 991px) {
  .entry-content .block-affiliate .body {
    width: calc(100% - 176px);
  }
}
.entry-content .block-affiliate .body .item {
  margin: 0 0 0.5em;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
}
.entry-content .block-affiliate .body .link {
  display: flex;
  flex-wrap: wrap;
}
.entry-content .block-affiliate .body .link > .link-button {
  margin: 0 1% 1% 0;
  width: 49%;
}
@media (max-width: 991px) {
  .entry-content .block-affiliate .body .link > .link-button {
    margin: 0 0 1%;
    width: 100%;
  }
}
.entry-content .block-affiliate .body .link > .link-button > a {
  font-size: 0.875em;
  margin: 0;
}
@media (min-width: 992px) {
  .entry-content .block-affiliate .body .link > .link-button > a {
    padding: 10px 24px 9.2px;
  }
}
.entry-content .block-affiliate .body .link > .link-button > a::after {
  right: 12px;
}
@media (max-width: 991px) {
  .entry-content .block-affiliate .body .link > .link-button > a::after {
    right: 8px;
  }
}

.single .entry-content blockquote:before {
  mask-image: url(../../images/icon/icon-blockq.svg);
  mask-size: contain;
  mask-position: center center;
  background-color: #175286;
  top: 41px;
  left: 30px;
  display: inline-block;
}

.site-footer .footer-widget {
  border: 0 none;
  background: transparent;
}
.site-footer .footer-widget-area {
  display: grid;
  grid-template-columns: 1fr 1fr 186px;
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 24px;
  grid-row-gap: 44px;
}
@media (max-width: 991px) {
  .site-footer .footer-widget-area {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-row-gap: 25px;
  }
}
@media (max-width: 991px) {
  .site-footer .footer-widget-area > .footer-widget {
    grid-area: unset;
    width: 100%;
  }
}
.site-footer .footer-widget-area > .footer-widget:first-child {
  grid-area: 1/1/2/2;
}
@media (max-width: 991px) {
  .site-footer .footer-widget-area > .footer-widget:first-child {
    grid-area: unset;
    order: 1;
  }
}
.site-footer .footer-widget-area > .footer-widget:nth-child(2) {
  grid-area: 1/2/2/3;
}
@media (max-width: 991px) {
  .site-footer .footer-widget-area > .footer-widget:nth-child(2) {
    grid-area: unset;
    order: 3;
  }
}
.site-footer .footer-widget-area > .footer-widget:nth-child(3) {
  grid-area: 2/1/3/2;
}
@media (max-width: 991px) {
  .site-footer .footer-widget-area > .footer-widget:nth-child(3) {
    grid-area: unset;
    order: 2;
  }
}
.site-footer .footer-widget-area > .footer-widget:nth-child(4) {
  grid-area: 2/2/3/3;
}
@media (max-width: 991px) {
  .site-footer .footer-widget-area > .footer-widget:nth-child(4) {
    grid-area: unset;
    order: 5;
  }
}
.site-footer .footer-widget-area > .footer-widget:last-child {
  grid-area: 1/3/3/4;
}
@media (max-width: 991px) {
  .site-footer .footer-widget-area > .footer-widget:last-child {
    grid-area: unset;
    order: 6;
  }
}
@media (max-width: 991px) {
  .site-footer .footer-widget-area > .footer-widget:last-child ul.menu {
    columns: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 11px;
  }
}
.site-footer .footer-widget-area > .footer-widget:last-child ul.menu > li {
  margin: 0 0 27px;
}
@media (max-width: 991px) {
  .site-footer .footer-widget-area > .footer-widget:last-child ul.menu > li {
    margin: 0;
    width: calc((100% - 11px) / 2);
  }
}
.site-footer .footer-widget-area > .footer-widget:last-child ul.menu > li > a {
  font-size: 18px;
  line-height: normal;
}
.site-footer .footer-widget-area > .footer-widget:last-child ul.menu > li > a::before {
  content: none;
}
@media (max-width: 991px) {
  .site-footer .footer-widget-area > .footer-widget:last-child ul.menu > li:last-child {
    width: 100%;
    margin-top: 18px;
  }
}
.site-footer .footer-widget-area > .footer-widget:last-child .sub-menu {
  display: block !important;
  margin: 6px 0 0;
}
@media (max-width: 991px) {
  .site-footer .footer-widget-area > .footer-widget:last-child .sub-menu {
    display: flex !important;
    flex-wrap: wrap;
    gap: 0 11px;
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
}
.site-footer .footer-widget-area > .footer-widget:last-child .sub-menu > li {
  margin: 0 0 5px;
}
@media (max-width: 991px) {
  .site-footer .footer-widget-area > .footer-widget:last-child .sub-menu > li {
    position: relative;
    width: calc((100% - 11px) / 2);
  }
}
.site-footer .footer-widget-area > .footer-widget > .container {
  margin: 0;
  padding: 0;
}
.site-footer .footer-widget-title {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 7px;
  display: none;
}
.site-footer ul.menu > li:first-child > a {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 7px;
}
.site-footer ul.menu > li:first-child > a::before {
  content: none;
  margin: 0;
}
.site-footer ul.menu li {
  display: block;
  margin: 0 0 0px;
}
@media (max-width: 991px) {
  .site-footer ul.menu li {
    -webkit-margin-before: 0;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.site-footer ul.menu li a {
  display: block;
  font-size: 14px;
  font-weight: 350;
  line-height: 1.6;
  position: relative;
}
@media (max-width: 374px) {
  .site-footer ul.menu li a {
    font-size: 13px;
  }
}
.site-footer ul.menu li a::before {
  content: "-";
  display: inline-block;
  margin-right: 4px;
  text-decoration: none;
}
.site-footer ul.menu li a:hover {
  text-decoration: underline;
}
.site-footer ul.menu .sub-menu {
  display: block !important;
  z-index: 1;
}
@media (max-width: 991px) {
  .site-footer ul.menu .sub-menu {
    display: block;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    -webkit-column-gap: 11px;
    column-gap: 11px;
  }
}

.sec-cv {
  background: #999;
  padding: 140px 0;
  text-align: center;
  color: #fff;
}
.sec-cv .content-top {
  margin: 0 0 40px;
}
.sec-cv h2 {
  color: #FFF;
  font-size: 42px;
  font-weight: 700;
  margin: 0 0 5px;
}
.sec-cv h3 {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 15px;
}
.sec-cv p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}
.sec-cv .content-button {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin: 0 0 40px;
}
.sec-cv .content-button > a {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #FFF;
  border-radius: 30px;
  background: #333;
  height: 48px;
  line-height: 48px;
  padding: 0 36px 0 5px;
  position: relative;
  min-width: 384px;
}
.sec-cv .content-button > a::after {
  position: absolute;
  content: "";
  width: 16px;
  height: 12px;
  mask-image: url("../../images/icon/arrow-right-triangle.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
}
.sec-cv .content-button > a:hover {
  opacity: 0.8;
}
.sec-cv .content-bottom {
  padding: 20px 40px;
  border: 1px solid #FFF;
  color: #FFF;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px 20px;
}
.sec-cv .content-bottom .txt {
  font-size: 20px;
  font-weight: 700;
}
.sec-cv .content-bottom .tel {
  font-size: 50px;
  font-weight: 700;
  line-height: 37px;
}
.sec-cv .content-bottom .tel > span {
  font-size: 14px;
  font-weight: 700;
  display: block;
  line-height: 10px;
  margin: 14px 0 0;
}

.sec-ytb-f.section {
  padding: 56px 0 61px;
}
@media (max-width: 991px) {
  .sec-ytb-f.section {
    padding: 56px 0 60px;
  }
}
.sec-ytb-f.section .content-title {
  margin: 0 0 28px;
}
@media (max-width: 991px) {
  .sec-ytb-f.section .content-title {
    margin: 0 0 32px;
  }
}
.sec-ytb-f.section .content-title > h3 {
  margin: 0;
}
.sec-ytb-f.section .content-title > h3 > span {
  margin: 0 0 14px;
}
@media (max-width: 991px) {
  .sec-ytb-f.section .content-title > h3 > span {
    margin: 0 0 6px;
  }
}
@media (max-width: 991px) {
  .sec-ytb-f.section .list-ytb {
    margin-bottom: 23px;
    gap: 21px 9px;
  }
}
.sec-ytb-f.section .btn-more {
  margin: 31px 0 0;
}
@media (max-width: 991px) {
  .sec-ytb-f.section .btn-more {
    margin: 23px 0 0;
  }
}
.sec-ytb-f.section .list-content {
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .sec-ytb-f.section .list-content > a {
    padding: 20px 10px;
  }
}
@media (max-width: 991px) {
  .sec-ytb-f.section .list-content > a.book {
    order: 3;
  }
}
@media (max-width: 991px) {
  .sec-ytb-f.section .list-content > a.book::before {
    margin-right: 30px;
  }
}
@media (max-width: 991px) {
  .sec-ytb-f.section .list-content > a.blog {
    order: 2;
    padding: 27px 10px;
  }
}
@media (max-width: 991px) {
  .sec-ytb-f.section .list-content > a.blog::before {
    margin-right: 24px;
  }
}
@media (max-width: 991px) {
  .sec-ytb-f.section .list-content > a.message {
    order: 1;
    padding: 0px 10px;
  }
}

.sec-service-f.section {
  background: #175286;
  padding: 55px 0 60px;
}
.sec-service-f.section .content-title {
  margin: 0 0 29px;
}
@media (max-width: 991px) {
  .sec-service-f.section .content-title {
    margin: 0 0 31px;
  }
}
.sec-service-f.section .content-title h3 {
  text-align: center;
  color: #fff;
}
@media (max-width: 991px) {
  .sec-service-f.section .content-title h3 {
    text-align: left;
    margin: 0;
  }
}
.sec-service-f.section .content-title h3 > span {
  color: #fff;
  margin: 0 0 14px;
}
@media (max-width: 991px) {
  .sec-service-f.section .content-title h3 > span {
    margin: 0 0 7px;
  }
}
.sec-service-f.section .list-service {
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
  padding: 0 24px;
}
@media (max-width: 991px) {
  .sec-service-f.section .list-service {
    padding: 0 12px;
    gap: 10px;
  }
}
.sec-service-f.section .list-service [class*=icon-service] {
  margin-right: 28px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sec-service-f.section .list-service [class*=icon-service] {
    margin-right: 10px;
  }
}
@media (max-width: 991px) {
  .sec-service-f.section .list-service [class*=icon-service] {
    margin-right: 18px;
  }
}
.sec-service-f.section .list-service .icon-service01 {
  margin-right: 40px;
}
@media (max-width: 991px) {
  .sec-service-f.section .list-service .icon-service01 {
    margin-right: 19px;
  }
}
.sec-service-f.section .list-service .item > a {
  flex-direction: row;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.05);
  padding: 20px 10px;
  position: relative;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sec-service-f.section .list-service .item > a {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .sec-service-f.section .list-service .item > a {
    border-radius: 8px;
    justify-content: flex-start;
    padding: 22px 33px 21.2px;
  }
}
.sec-service-f.section .list-service .item > a::after {
  content: "";
  width: 6px;
  height: 10px;
  display: inline-block;
  margin-left: 15px;
  mask-image: url("../../images/icon/arrow-right-610.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  transform-origin: center;
  background-color: #175286;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sec-service-f.section .list-service .item > a::after {
    margin-left: 10px;
  }
}
@media (max-width: 991px) {
  .sec-service-f.section .list-service .item > a::after {
    margin-left: auto;
  }
}
.sec-service-f.section .list-service .item > a.external::after {
  mask-image: url("../../images/icon/icon-external.svg");
  width: 13px;
  height: 14px;
}
@media (max-width: 550px) {
  .sec-service-f.section .list-service .item:nth-child(2) {
    order: 2;
  }
}
@media (max-width: 550px) {
  .sec-service-f.section .list-service .item:nth-child(3) {
    order: 3;
  }
}

.footer-menu {
  background: #172347;
  color: #fff;
  padding: 112px 0 60px;
}
@media (max-width: 991px) {
  .footer-menu {
    padding: 53px 0 40px;
  }
}
.footer-menu a {
  color: #fff;
}
.footer-menu > .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 1224px) {
  .footer-menu > .container {
    padding: 0 12px;
  }
}

.footer-group {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 18px;
  padding: 0 0 92px;
  border-bottom: 1px solid #fff;
  margin: 0 0 60px;
}
@media (max-width: 991px) {
  .footer-group {
    flex-direction: column-reverse;
    gap: 0;
    padding: 0 0 40px;
    margin: 0 0 40px;
  }
}
.footer-group .footer-col-left, .footer-group .footer-col-right {
  position: relative;
}
.footer-group .footer-col-left {
  width: 384px;
}
@media (max-width: 991px) {
  .footer-group .footer-col-left {
    width: 100%;
    text-align: center;
  }
}
.footer-group .footer-col-right {
  width: calc(100% - 402px);
}
@media (max-width: 991px) {
  .footer-group .footer-col-right {
    width: 100%;
    padding: 0 0 54px;
    border-bottom: 1px solid #fff;
    margin: 0 0 32px;
  }
}

.footer-banner {
  max-width: 996px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 24px 24px;
  justify-content: center;
}
@media (max-width: 991px) {
  .footer-banner {
    gap: 11px;
  }
}
.footer-banner > .item {
  position: relative;
  display: block;
  width: calc((100% - 96px) / 5);
}
@media (max-width: 991px) {
  .footer-banner > .item {
    width: calc((100% - 11px) / 2);
  }
}
.footer-banner > .item > img {
  width: 100%;
}
.footer-banner > .item:hover {
  opacity: 0.8;
}

.footer-logo {
  margin: 7px 0 33px;
}
.footer-logo > a {
  display: inline-block;
}
.footer-logo > a img {
  height: 36px;
  object-fit: contain;
}
@media (max-width: 767px) {
  .footer-logo > a img {
    height: 31px;
  }
}

.contact-f {
  font-size: 14px;
}
@media (max-width: 374px) {
  .contact-f {
    font-size: 13px;
  }
}
.contact-f p {
  margin: 0 0 14px;
}
@media (max-width: 767px) {
  .contact-f p {
    margin: 0 0 3px;
  }
}
.contact-f p:last-child {
  margin: 0;
}
.contact-f p.phone {
  font-size: 20px;
  font-weight: 500;
  position: relative;
  line-height: 14px;
}
@media (max-width: 767px) {
  .contact-f p.phone {
    margin-top: 24px;
  }
}
.contact-f p.phone::before {
  content: "";
  width: 14px;
  height: 14px;
  mask-image: url("../../images/icon/icon-phone.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  display: inline-block;
  margin-right: 10px;
  background-color: #fff;
}

.social-sns {
  list-style: outside none none;
  display: flex;
  gap: 0 16px;
  margin: 41px 0 0;
}
@media (max-width: 991px) {
  .social-sns {
    justify-content: center;
    margin: 28px 0 0;
  }
}
.social-sns > li > a {
  display: flex;
  align-items: center;
  gap: 0 10px;
  font-size: 14px;
  font-weight: 400;
}
.social-sns > li > a > i {
  background-color: #fff;
  width: 34px;
  height: 24px;
  mask-image: url("../../images/icon/icon-youtube.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  display: inline-block;
}
.social-sns > li > a:hover {
  opacity: 0.8;
}

.site-info {
  background: #000;
  text-align: center;
  padding: 11px 16px;
  border: 0 none;
  font-size: 14px;
}
@media (max-width: 767px) {
  .site-info {
    padding: 10px 16px;
  }
}
.site-info .container {
  padding: 0;
}
.site-info .container p {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 767px) {
  .site-info .container p {
    font-size: 10px;
  }
}

.site-header {
  background: rgba(249, 251, 255, 0.9);
  backdrop-filter: blur(5px);
  color: #454953;
  position: relative;
  z-index: 3;
  height: 88px;
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  z-index: 10;
}
@media (max-width: 991px) {
  .site-header {
    height: 50px;
  }
}
.site-header a {
  color: #454953;
}

.home .site-header {
  background: rgb(38, 71, 89);
}
.home .site-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(249, 251, 255, 0.9);
}

.site-branding {
  position: relative;
  z-index: 2;
}
.site-branding > .container {
  max-width: 100%;
  padding: 0 60px;
}
@media (max-width: 1199px) {
  .site-branding > .container {
    padding: 0px 12px;
    margin: 0;
  }
}
@media (max-width: 991px) {
  .site-branding > .container {
    padding: 13px 12px;
  }
}

.top-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0 16px;
}
@media (max-width: 1199px) {
  .top-header {
    gap: 0 8px;
  }
}

.site-title {
  float: none;
}
.site-title > a {
  display: block;
}
.site-title > a img {
  max-width: 203px;
  height: auto;
  object-fit: contain;
}
@media (max-width: 1199px) {
  .site-title > a img {
    max-width: 153px;
  }
}

.header-right {
  padding: 16px 0 0px;
  width: calc(100% - 240px);
}
@media (max-width: 1199px) {
  .header-right {
    width: calc(100% - 161px);
  }
}
@media screen and (max-width: 991px) {
  .header-right {
    width: 100%;
    padding: 0;
  }
}

.menu-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0 20px;
  margin: 0 0 5.5px;
}

.customer {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 5px;
}
.customer > a {
  color: #175286;
  font-size: 10px;
  font-weight: 500;
  line-height: normal;
  display: inline-block;
  padding: 1px 19px;
  border: 1px solid rgba(46, 134, 185, 0.3);
  background: transparent;
}

.contact-h {
  display: flex;
  align-items: center;
  gap: 0 4px;
  font-size: 9px;
  font-weight: 400;
  line-height: normal;
}

.number {
  font-size: 20px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}
.number > a {
  display: block;
  color: #454953;
  position: relative;
}
.number > a::before {
  content: "";
  width: 14px;
  height: 14px;
  mask-image: url("../../images/icon/icon-phone-h.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  display: inline-block;
  margin-right: 6.5px;
  background-color: #175286;
}

.button-h {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0 10px;
}
.button-h > a {
  font-size: 14px;
  font-weight: 500;
  width: 150px;
  height: 30px;
  line-height: 30px;
  max-width: 100%;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  padding: 0px 5px;
  color: #fff;
  position: relative;
  border: 1px solid transparent;
}
.button-h > a::after {
  content: "";
  width: 6px;
  height: 10px;
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  mask-image: url("../../images/icon/arrow-right-610.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  transform-origin: center;
  background-color: #fff;
}
.button-h > a.bg-green {
  background: #06C755;
  border-color: #06C755;
}
.button-h > a.bg-green:hover {
  opacity: 0.8;
}
.button-h > a.bg-blue {
  background: #175286;
  border-color: #175286;
}
.button-h > a.bg-blue:hover {
  opacity: 0.8;
}

.main-navigation {
  background: transparent;
  border: 0 none;
  position: static;
}
.main-navigation .primary-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.main-navigation .primary-menu > .menu-item {
  position: static;
}
.main-navigation .primary-menu li {
  padding: 0;
  position: relative;
}
.main-navigation .primary-menu li:before {
  content: none;
}
.main-navigation .primary-menu li a {
  color: #454953;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  position: relative;
}
@media (max-width: 1300px) {
  .main-navigation .primary-menu li a {
    font-size: 10px;
  }
}
.main-navigation .primary-menu li a:hover {
  background-color: transparent;
  color: #175286;
  text-decoration: none;
}
.main-navigation .primary-menu li .menu-mega {
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  z-index: 8;
  transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  padding: 31px 60px 40px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.05);
  border-top: 1px solid rgba(51, 51, 51, 0.05);
  background: rgba(249, 251, 255, 0.9);
  backdrop-filter: blur(5px);
  display: flex;
  gap: 24px 24px;
  flex-wrap: wrap;
}
.main-navigation .primary-menu li .menu-mega a {
  color: #454953;
}
.main-navigation .primary-menu li .menu-mega a:hover {
  color: #175286;
}
.main-navigation .primary-menu li .menu-mega .parent-mega-link {
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  width: calc(25.5% - 24px);
}
.main-navigation .primary-menu li .menu-mega .parent-mega-link:hover {
  text-decoration: none;
}
.main-navigation .primary-menu li .menu-mega .menu-mega-child {
  width: 74.5%;
  display: flex;
  flex-wrap: wrap;
  gap: 15px 24px;
}
.main-navigation .primary-menu li .menu-mega .menu-mega-child > li {
  position: relative;
  width: calc((100% - 24px) / 2);
}
.main-navigation .primary-menu li .menu-mega .menu-mega-child > li > a {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  padding: 0 16px 5px 10px;
  border-bottom: 1px solid #C0C1C3;
  display: block;
  position: relative;
}
.main-navigation .primary-menu li .menu-mega .menu-mega-child > li > a::after {
  content: "";
  width: 6px;
  height: 10px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  mask-image: url("../../images/icon/arrow-right-610.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  transform-origin: center;
  background-color: #175286;
}
.main-navigation .primary-menu li .menu-mega .menu-mega-child > li > a:hover {
  text-decoration: none;
  border-bottom-color: #175286;
}
.main-navigation .primary-menu li .menu-mega .menu-mega-2 {
  display: none;
}
.main-navigation .primary-menu li .menu-mega .current-menu-item > a {
  color: #175286;
  text-decoration: none;
}
.main-navigation .primary-menu li.active .menu-mega {
  opacity: 1;
  visibility: visible;
  transition: all ease-in-out 0.3s;
}
.main-navigation .primary-menu > li {
  position: relative;
}
.main-navigation .primary-menu > li:last-child a::before {
  content: none;
}
.main-navigation .primary-menu > li > a {
  padding: 9px 12.5px 10px;
}
@media (min-width: 992px) {
  .main-navigation .primary-menu > li > a {
    background-image: linear-gradient(#175286, #175286);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    transition: background-size 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  }
}
@media (max-width: 1300px) {
  .main-navigation .primary-menu > li > a {
    padding: 9px 8px;
  }
}
.main-navigation .primary-menu > li > a::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 16px;
  background: rgba(153, 153, 153, 0.5);
}
@media (min-width: 992px) {
  .main-navigation .primary-menu > li > a:hover {
    background-color: transparent;
    background-size: 100% 1px;
    background-position: 0 100%;
    opacity: 1;
    outline-width: 0;
    color: #175286;
  }
}
.main-navigation .primary-menu > li.menu-item-has-children > a:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  width: 10px;
  height: 5px;
  mask-image: url("../../images/icon/arrow-down.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: #175286;
  position: relative;
  top: -1px;
}
.main-navigation .primary-menu > li.menu-item-has-children > a:hover::after {
  background-color: #175286;
}
.main-navigation .primary-menu > li:last-child > a {
  padding-right: 8px;
}
.main-navigation .primary-menu > li:nth-child(2).current-menu-item > a {
  color: #383838;
  text-decoration: none;
  background-size: 0 1px;
}
.main-navigation .primary-menu > li:nth-child(2).current-menu-item > a:hover {
  background-image: linear-gradient(#175286, #175286);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  transition: background-size 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
.main-navigation .primary-menu .current-menu-item, .main-navigation .primary-menu .current-menu-parent {
  background: transparent;
}
.main-navigation .primary-menu .current-menu-item > a, .main-navigation .primary-menu .current-menu-parent > a {
  color: #175286;
  background-color: transparent;
  background-size: 100% 1px;
  background-position: 0 100%;
  opacity: 1;
  outline-width: 0;
}
.main-navigation .primary-menu .sub-menu {
  background: #fff;
  color: #454953;
}
.main-navigation .primary-menu .sub-menu a {
  background: #fff;
}

/* SP nav btn
---------------------------------------------------------- */
.sp-nav-btn {
  display: none;
}

.xeory-sp-nav-btn {
  display: none;
  position: absolute;
  width: 26px;
  height: 22px;
  text-align: center;
  top: 2px;
  right: 12px;
  bottom: 0;
  margin: auto;
}
.xeory-sp-nav-btn:before {
  content: "";
  background-color: #333;
  mask-image: url("../../images/icon/icon-menu.svg");
  mask-size: contain;
  mask-position: center center;
  mask-repeat: no-repeat;
  display: inline-block;
  width: 26px;
  height: 22px;
  position: absolute;
  top: 0px;
  left: 0;
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .xeory-sp-nav-btn {
    display: block;
  }
}

/* SP nav btn-close
---------------------------------------------------------- */
.sp-nav-inner {
  position: relative;
}
.sp-nav-inner .xeory-spnav-btn-close {
  width: 24px;
  height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 0;
  position: relative;
  top: 1px;
  left: -1px;
}
.sp-nav-inner .xeory-spnav-btn-close:after {
  content: "";
  background-color: #333;
  mask-image: url("../../images/icon/icon-close.svg");
  mask-size: contain;
  mask-position: center center;
  mask-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.sp-nav-inner .widget_search {
  position: absolute;
  top: 75px;
  left: 0;
  right: 0;
  background: #454953;
  padding: 16px;
  margin: 0 !important;
}
.sp-nav-inner .widget_search .search-form {
  margin: 0;
}

/* SP nav
---------------------------------------------------------- */
.xeory-spnav-wrap {
  display: none;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.xeory-spnav-wrap .sp-nav-inner {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 60px;
}
.xeory-spnav-wrap .sp-nav-inner .spnav-widget {
  margin-bottom: 16px;
  padding: 0 0px 0px;
}
.xeory-spnav-wrap .sp-nav-inner .spnav-widget > div {
  border-top: 0 none;
}
.xeory-spnav-wrap ul.menu {
  list-style: none;
  padding-top: 0px;
}
.xeory-spnav-wrap ul.menu li a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: #383838;
  padding: 15px 30px 15px 10px;
  position: relative;
  background-image: none;
  transition: all 0.3s;
  border-bottom: 1px solid #C0C5CA;
}
.xeory-spnav-wrap ul.menu li a:hover {
  color: #175286;
  text-decoration: none;
}
.xeory-spnav-wrap ul.menu li a:hover::after {
  color: #383838;
}
.xeory-spnav-wrap ul.menu li.menu-item-has-children > a .arrow {
  width: 30px;
  height: 100%;
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.xeory-spnav-wrap ul.menu li.menu-item-has-children > a .arrow::before {
  content: "";
  width: 14px;
  height: 8px;
  background-color: #175286;
  mask-image: url("../../images/icon/arrow-down-814.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  display: block;
}
.xeory-spnav-wrap ul.menu li.menu-item-has-children.nav-open > a .arrow::before {
  transform: rotate(180deg);
}
.xeory-spnav-wrap ul.menu .current-menu-item > a, .xeory-spnav-wrap ul.menu .current-post-parent > a {
  background: transparent;
  color: #175286;
  text-decoration: none;
}
.xeory-spnav-wrap ul.menu .current-menu-item > a:after, .xeory-spnav-wrap ul.menu .current-post-parent > a:after {
  color: #fff;
}
.xeory-spnav-wrap ul.menu .sub-menu {
  list-style: outside none none;
}
.xeory-spnav-wrap ul.menu .sub-menu > li > a {
  padding-left: 40px;
}
.xeory-spnav-wrap ul.menu > li:nth-child(2).current-menu-item > a {
  color: #383838;
}
.xeory-spnav-wrap .sp-nav-top {
  background: rgba(249, 251, 255, 0.95);
  padding: 15px 12px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 50px;
  border-bottom: 1px solid #C0C5CA;
}
.xeory-spnav-wrap .menu-logo {
  width: 153px;
  margin-right: auto;
  line-height: normal;
  margin-bottom: 0;
}
.xeory-spnav-wrap .menu-logo a {
  background-image: none;
  transition: all 0.3s;
  display: block;
}
.xeory-spnav-wrap .menu-logo img {
  display: block;
}
.xeory-spnav-wrap .content-main {
  padding: 16px 12px 14px;
}
.xeory-spnav-wrap .contact-h {
  justify-content: center;
  padding: 0 0 15px;
  border-bottom: 1px solid #C0C5CA;
  gap: 10px;
  font-size: 12px;
}
.xeory-spnav-wrap .contact-h .number {
  font-size: 22px;
}
.xeory-spnav-wrap .contact-h .number > a::before {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.xeory-spnav-wrap .button-h {
  padding: 20px 0;
  border-bottom: 1px solid #C0C5CA;
  gap: 11px;
}
.xeory-spnav-wrap .button-h > a {
  width: calc((100% - 11px) / 2);
  height: 38px;
  line-height: 38px;
}
.xeory-spnav-wrap .button-h > a::after {
  right: 10px;
}
.xeory-spnav-wrap .list-icon {
  background: rgba(23, 35, 71, 0.8);
  display: flex;
  align-items: center;
}
.xeory-spnav-wrap .list-icon > a {
  position: relative;
  display: block;
  flex: 1;
  color: #fff;
  font-size: 8px;
  font-weight: 500;
  line-height: 1.4;
  height: 50px;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  text-align: center;
  padding: 10px 7px 10px 9px;
}
.xeory-spnav-wrap .list-icon > a span {
  font-size: 6px;
}
.xeory-spnav-wrap .list-icon > a:last-child {
  border-right: 0;
}
.xeory-spnav-wrap .list-icon [class*=icon-] {
  display: block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 0 auto 3px;
}
.xeory-spnav-wrap .list-icon .icon-phone {
  background-image: url("../../images/icon/icon-phone.png");
}
.xeory-spnav-wrap .list-icon .icon-mail {
  background-image: url("../../images/icon/icon-mail.png");
  width: 17px;
  height: 14px;
  margin-top: 3px;
}
.xeory-spnav-wrap .list-icon .icon-line {
  background-image: url("../../images/icon/icon-line.png");
}

body.noscroll {
  overflow: hidden;
  position: fixed !important;
  width: 100%;
}

.xeory-spnav-wrap.active {
  display: block;
  opacity: 1;
  animation: fadeIn 0.5s ease 0s 1 normal;
  z-index: 11;
  width: 100%;
  height: 100%;
  padding: 0;
  position: fixed;
  overflow-y: scroll;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(249, 251, 255, 0.95);
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.pagination {
  text-align: center;
  margin: 35px 0 0;
}
@media (max-width: 767px) {
  .pagination {
    margin: 23px 0 38px;
  }
}
.pagination span, .pagination a {
  width: 20px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  margin: 0px 2.5px;
  background-image: none;
  background-color: #fff;
  color: #175286;
  border-radius: 2px;
}
.pagination span:hover, .pagination a:hover {
  background: #175286;
  color: #FFF;
  text-decoration: none;
}
.pagination span:hover .fa, .pagination a:hover .fa {
  background: #fff;
}
.pagination .current {
  background: #175286;
  color: #FFF;
  text-decoration: none;
}
.pagination .fa {
  display: inline-block;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: 15px;
  height: 15px;
  background: #175286;
  position: relative;
}
.pagination .fa.fa-angle-double-left {
  mask-image: url("../../images/icon/icon-angle-double-left.svg");
  top: 2px;
}
.pagination .fa.fa-angle-left {
  mask-image: url("../../images/icon/icon-angle-left.svg");
  width: 12px;
  height: 12px;
}
.pagination .fa.fa-angle-right {
  mask-image: url("../../images/icon/icon-angle-right.svg");
  width: 12px;
  height: 12px;
}
.pagination .fa.fa-angle-double-right {
  mask-image: url("../../images/icon/icon-angle-double-right.svg");
  top: 2px;
}

.pagetop {
  z-index: 10;
}

.pagetop-inner {
  line-height: 44px;
}
@media screen and (max-width: 991px) {
  .pagetop-inner {
    line-height: 33px;
  }
}

.wpcf7-submit {
  width: 60%;
  background: #175286 !important;
}
.wpcf7-submit:hover {
  background: #175286 !important;
}
@media screen and (max-width: 550px) {
  .wpcf7-submit {
    width: 100%;
  }
}

.search-form {
  margin-bottom: 0px;
  height: 54px;
  border: 0 none;
  background: transparent;
}
@media (max-width: 767px) {
  .search-form {
    height: 42px;
  }
}
.search-form > label {
  padding: 0;
}
.search-form input.search-field {
  padding: 0px 48px 0px 19px;
  height: 54px;
  line-height: 54px;
  font-weight: 350;
  font-size: 16px;
  border-radius: 4px;
  background: #FFF;
  border: 1px solid rgba(23, 82, 134, 0.1);
  position: static;
  -webkit-appearance: none;
}
@media (max-width: 767px) {
  .search-form input.search-field {
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    padding: 0px 38px 0px 20px;
  }
}
.search-form input[type=submit] {
  width: 22px;
  height: 100%;
  padding: 0;
  background-color: #175286;
  border: 0 none;
  mask-image: url("../../images/icon/icon-search.svg");
  mask-repeat: no-repeat;
  mask-size: 22px auto;
  mask-position: center;
  color: #888;
  font-size: 20px;
  right: 20px;
}
@media (max-width: 767px) {
  .search-form input[type=submit] {
    width: 18px;
    mask-size: 18px auto;
  }
}
.search-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #888;
}
.search-form input::-moz-placeholder { /* Firefox 19+ */
  color: #888;
}
.search-form input:-ms-input-placeholder { /* IE 10+ */
  color: #888;
}
.search-form input:-moz-placeholder { /* Firefox 18- */
  color: #888;
}
.search-form input::-webkit-input-selection { /* Chrome/Opera/Safari */
  color: #888;
}
.search-form input::-moz-selection { /* Firefox 19+ */
  color: #888;
}
.search-form input:-ms-input-selection { /* IE 10+ */
  color: #888;
}
.search-form input:-moz-selection { /* Firefox 18- */
  color: #888;
}

.single .xeory-social-btns ul li a:before {
  font-size: 18px;
  margin-right: 8px;
}

.xeory-social-btns > ul > li.item-facebook a:before {
  content: "\f09a";
}

.xeory-breadcrumbs {
  background: rgba(255, 255, 255, 0.8);
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
  position: relative;
  z-index: 2;
  margin-bottom: 0;
}
@media (min-width: 992px) and (max-width: 1300px) {
  .xeory-breadcrumbs {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.xeory-breadcrumbs-list {
  font-size: 12px;
  font-weight: 350;
  padding: 12px 0 11.4px;
  max-width: 1200px;
  width: auto;
  margin: auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .xeory-breadcrumbs-list {
    margin: 0;
  }
}
@media (max-width: 991px) {
  .xeory-breadcrumbs-list {
    line-height: 18px;
    font-size: 10px;
    padding: 6px 12px 7px;
    margin: 0;
  }
}

.xeory-breadcrumbs-item a {
  color: #454953;
}
.xeory-breadcrumbs-item a:hover {
  color: #175286;
}
.xeory-breadcrumbs-item a br {
  display: none !important;
}
.xeory-breadcrumbs-item:last-child::after {
  content: none;
}
.xeory-breadcrumbs-item::after {
  content: "＞";
  margin: 0 9px;
  color: #175286;
  display: inline-block;
}
@media (max-width: 991px) {
  .xeory-breadcrumbs-item::after {
    font-size: 10px;
  }
}
.xeory-breadcrumbs-item.xeory-breadcrumbs-item-home {
  padding-left: 0;
}
.xeory-breadcrumbs-item.xeory-breadcrumbs-item-home::before {
  content: none;
}

.xeory-breadcrumbs-item-current:before {
  content: "";
}
.xeory-breadcrumbs-item-current a {
  color: #454953;
  text-decoration: none;
}

.error404 .xeory-breadcrumbs {
  margin-bottom: 40px;
}

.page-header {
  padding: 0px;
  margin: 0 0 23px;
}
@media screen and (max-width: 550px) {
  .page-header {
    padding: 0;
    margin: 0 0 22px;
  }
}
.page-header .page-title {
  font-size: 24px;
  font-weight: 350;
  line-height: 1.4;
  margin: 0 0 20px;
  color: #175286;
}
@media (max-width: 991px) {
  .page-header .page-title {
    font-size: 24px;
    margin: 0 0 0px;
    letter-spacing: -0.48px;
  }
}
.page-header .taxonomy-description {
  font-size: 16px;
  line-height: 1.6;
  margin: 20px 0 0;
}

.entry-header,
.entry-content,
.entry-summary,
.entry-footer,
.post-cta-header,
.post-cta-body-inner,
.post-cta-footer,
.post-author,
.underpost-widget {
  padding-left: 40px;
  padding-right: 40px;
}

.wpcf7-form textarea {
  width: 100% !important;
}

.message-right {
  position: absolute;
  right: 10px;
  top: 494px;
  z-index: 6;
  display: none;
}
@media (max-width: 991px) {
  .message-right {
    right: 2px;
    top: 334px;
  }
}
.message-right > a {
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 4px 20px 0px rgba(0, 41, 94, 0.05);
  overflow: hidden;
  color: #175286;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  padding-left: 10px;
  padding-right: 15px;
}
@media (max-width: 991px) {
  .message-right > a {
    font-size: 9px;
    padding-left: 0px;
    padding-right: 10px;
    border-radius: 7px;
  }
}
.message-right > a > p {
  position: relative;
  display: flex;
  align-items: center;
}
.message-right > a > p::after {
  content: "";
  width: 7px;
  height: 14px;
  mask-image: url("../../images/icon/arrow-right-714.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  transform-origin: center;
  background-color: #175286;
  margin-left: 20px;
}
@media (max-width: 991px) {
  .message-right > a > p::after {
    margin-left: 19px;
  }
}
.message-right > a:hover {
  opacity: 0.8;
}
.message-right .icon-message {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 86px;
  display: inline-block;
  background-image: url("../../images/content-message.png");
  width: 82px;
  margin-right: 8px;
}
@media (max-width: 991px) {
  .message-right .icon-message {
    width: 44px;
    height: 53px;
    margin-right: 4px;
  }
}

.home .message-right, .page-front-page .message-right {
  display: block;
}

@keyframes shiny {
  0% {
    transform: scale(0) rotate(25deg);
    opacity: 0;
  }
  50% {
    transform: scale(1) rotate(25deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(25deg);
    opacity: 0;
  }
}
.site-main article {
  overflow: hidden;
  margin-bottom: 20px;
  padding: 16px;
}
@media (max-width: 991px) {
  .site-main article {
    margin-bottom: 43px;
  }
}
.site-main article .entry-header {
  position: relative;
  float: left;
  padding: 0;
}
@media screen and (max-width: 550px) {
  .site-main article .entry-header {
    float: none;
  }
}
.site-main article .entry-header .entry-thumbnail {
  width: 302px;
  margin: 0;
  float: none;
}
@media screen and (max-width: 767px) {
  .site-main article .entry-header .entry-thumbnail {
    width: 252px;
  }
}
@media screen and (max-width: 550px) {
  .site-main article .entry-header .entry-thumbnail {
    width: 100%;
  }
}
.site-main article .entry-header .entry-thumbnail a:hover {
  opacity: 0.8;
}
.site-main article .entry-content {
  padding: 4px 16px;
}
@media screen and (max-width: 550px) {
  .site-main article .entry-content {
    padding: 0;
  }
}
.site-main article .entry-content .entry-title {
  margin: 0;
  padding: 0;
  margin-bottom: 12px;
  border-bottom: 0;
  background: #fff;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .site-main article .entry-content .entry-title {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 550px) {
  .site-main article .entry-content .entry-title {
    margin: 12px 0;
  }
}
.site-main article .entry-content .entry-title a {
  color: #383838;
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  .site-main article .entry-content .entry-title a {
    font-size: 20px;
  }
}
.site-main article .entry-content .entry-title a:hover {
  color: #175286;
}
.site-main article .entry-content .cont-str {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.5;
}
.site-main article .entry-content .entry-meta {
  overflow: hidden;
  margin-bottom: 0;
  padding-left: 0;
}
.site-main article .entry-content .entry-meta:before {
  content: none;
}
.site-main article .entry-content .entry-meta li {
  list-style: none;
  display: inline-block;
}
.site-main article .entry-content .entry-meta .date {
  line-height: 32px;
}
@media screen and (max-width: 767px) {
  .site-main article .entry-content .entry-meta .date {
    line-height: 28px;
  }
}
.site-main article .entry-content .entry-meta .more {
  float: right;
  background: #175286;
}
.site-main article .entry-content .entry-meta .more a {
  color: #fff;
  display: block;
  padding: 6px 12px;
  font-size: 13px;
}
.site-main article .entry-content .entry-meta .more a:hover {
  background: #175286;
}
.site-main article .entry-content .entry-meta .more a:before {
  content: "\f18e";
  font-family: FontAwesome;
  font-size: 16px;
  font-weight: normal;
  padding-right: 5px;
}

.page:not(.page-post-list) .site-main {
  padding-right: 0px;
}
.page:not(.page-post-list) article .entry-header {
  margin-bottom: 40px;
}
.page:not(.page-post-list) article .entry-header .entry-thumbnail {
  width: 100%;
  margin-bottom: 24px;
}
.page:not(.page-post-list) .bzb-sns-btn {
  display: none;
}

.section {
  position: relative;
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
}
.section > .container {
  position: relative;
  z-index: 2;
}
.section h2.title {
  text-align: center;
  color: #333;
  font-size: 42px;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 40px;
}
.section .content-title {
  margin: 0 0 34px;
}
@media (max-width: 991px) {
  .section .content-title {
    margin: 0 0 22px;
  }
}
.section .content-title h2, .section .content-title h3 {
  color: #454953;
  font-size: 48px;
  font-weight: 350;
  line-height: 1.4;
  margin: 0 0 17px;
  text-align: center;
}
@media (max-width: 991px) {
  .section .content-title h2, .section .content-title h3 {
    font-size: 26px;
    margin: 0 0 24px;
  }
}
@media (max-width: 374px) {
  .section .content-title h2, .section .content-title h3 {
    font-size: 22px;
  }
}
.section .content-title h2 > span, .section .content-title h3 > span {
  display: block;
  color: #175286;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0 0 8px;
}
@media (max-width: 991px) {
  .section .content-title h2 > span, .section .content-title h3 > span {
    font-size: 10px;
    margin: 0 0 2px;
  }
}
.section .content-title h3 {
  font-size: 36px;
  letter-spacing: 1.8px;
  text-align: left;
  margin: 0 0 21px;
}
@media (max-width: 991px) {
  .section .content-title h3 {
    font-size: 24px;
    letter-spacing: 1.2px;
    margin: 0 0 32px;
  }
}
@media (max-width: 374px) {
  .section .content-title h3 {
    font-size: 20px;
  }
}
.section .content-title h3 > span {
  letter-spacing: 0;
}
.section .content-title p {
  margin: 0 0 24px;
}
@media (max-width: 991px) {
  .section .content-title p {
    font-size: 14px;
  }
}
.section .content-title p:last-child {
  margin: 0;
}
.section .content-title.large {
  margin: 0 0 53px;
}
@media (max-width: 991px) {
  .section .content-title.large {
    margin: 0 0 32.2px;
  }
}

section.title {
  padding: 32px 0 38px;
  background: #175286;
}
@media (max-width: 991px) {
  section.title {
    padding: 17px 0 18px;
  }
}
section.title h1 {
  color: #FFF;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.4;
}
@media (max-width: 991px) {
  section.title h1 {
    font-size: 20px;
  }
}
section.breadcrumbs {
  margin: 0 0 80px;
}
@media (max-width: 991px) {
  section.breadcrumbs {
    margin: 0 0 39px;
  }
}
section [class*=icon-service] {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 32px;
  display: inline-block;
  margin-right: 14px;
}
@media (max-width: 991px) {
  section [class*=icon-service] {
    height: 24px;
    margin-right: 12px;
  }
}
section .icon-service01 {
  background-image: url("../../images/top/service_01.svg");
  width: 24px;
}
@media (max-width: 991px) {
  section .icon-service01 {
    width: 18px;
  }
}
section .icon-service02 {
  background-image: url("../../images/top/service_02.svg");
  width: 33px;
}
@media (max-width: 991px) {
  section .icon-service02 {
    width: 24px;
  }
}
section .icon-service03 {
  background-image: url("../../images/top/service_03.svg");
  width: 25px;
}
@media (max-width: 991px) {
  section .icon-service03 {
    width: 18.5px;
  }
}
section .icon-service04 {
  background-image: url("../../images/top/service_04.svg");
  width: 34px;
}
@media (max-width: 991px) {
  section .icon-service04 {
    width: 26px;
  }
}
section .icon-service05 {
  background-image: url("../../images/top/service_05.svg");
  width: 36px;
  height: 28px;
}
@media (max-width: 991px) {
  section .icon-service05 {
    width: 20px;
    height: 16px;
  }
}
section .icon-service06 {
  background-image: url("../../images/top/service_06.svg");
  width: 28px;
}
@media (max-width: 991px) {
  section .icon-service06 {
    width: 21px;
  }
}
section .icon-service07 {
  background-image: url("../../images/top/service_07.svg");
  width: 24px;
}
@media (max-width: 991px) {
  section .icon-service07 {
    width: 18px;
  }
}
section [class*=icon-item] {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 32px;
  display: inline-block;
  margin-right: 0;
}
section .icon-item01 {
  background-image: url("../../images/icon/icon-1.png");
  width: 32px;
  height: 32px;
}
section .icon-item02 {
  background-image: url("../../images/icon/icon-2.png");
  width: 32px;
  height: 32px;
}
section [class*=icon-solution] {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 60px;
  height: 60px;
  display: inline-block;
  margin-right: 24px;
  position: relative;
  top: 1px;
}
@media (max-width: 991px) {
  section [class*=icon-solution] {
    width: 40px;
    height: 40px;
    margin-right: 20px;
    top: 1px;
  }
}
section .icon-solution01 {
  background-image: url("../../images/icon/icon-solution01.png");
}
section .icon-solution02 {
  background-image: url("../../images/icon/icon-solution02.png");
}
section .icon-solution03 {
  background-image: url("../../images/icon/icon-solution03.png");
}
section .icon-solution04 {
  background-image: url("../../images/icon/icon-solution04.png");
}
section .icon-solution05 {
  background-image: url("../../images/icon/icon-solution05.png");
}
section .icon-solution06 {
  background-image: url("../../images/icon/icon-solution06.png");
}
section .icon-solution07 {
  background-image: url("../../images/icon/icon-solution07.png");
}
section .icon-solution08 {
  background-image: url("../../images/icon/icon-solution08.png");
}
section .icon-solution09 {
  background-image: url("../../images/icon/icon-solution09.png");
}
section .icon-solution10 {
  background-image: url("../../images/icon/icon-solution10.png");
}
section .txt-blue {
  color: #175286;
}

.wrapper-video {
  position: relative;
  z-index: 99;
  overflow: hidden;
  height: auto;
  margin: auto auto 12px;
  padding-bottom: 56%;
  transition: all 0.3s 0s ease;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.09);
}
@media (max-width: 991px) {
  .wrapper-video {
    margin: auto auto 3px;
  }
}
.wrapper-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.list-news {
  list-style: outside none none;
}
.list-news > li {
  position: relative;
  margin: 0 0 30px;
}
@media (max-width: 767px) {
  .list-news > li {
    margin: 0 0 19px;
  }
}
.list-news > li > a {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0 24px;
  color: #454953;
  background-image: none;
}
@media (max-width: 991px) {
  .list-news > li > a {
    gap: 11px;
  }
}
.list-news > li > a:hover .news-img img {
  opacity: 0.8;
}
.list-news > li > a:hover .art-ttl {
  color: #175286;
}
.list-news .news-img {
  overflow: hidden;
  width: 180px;
  aspect-ratio: 180/120;
  border-radius: 4px;
  background: #BBB;
  overflow: hidden;
}
@media (max-width: 991px) {
  .list-news .news-img {
    width: 170px;
    aspect-ratio: 170/114;
  }
}
.list-news .news-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.list-news .col-right {
  width: calc(100% - 204px);
  margin-top: -7px;
}
@media (max-width: 991px) {
  .list-news .col-right {
    width: calc(100% - 181px);
  }
}
@media (max-width: 767px) {
  .list-news .col-right {
    overflow: hidden;
  }
}
.list-news .art-ttl {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  display: block;
  margin: 0 0 6px;
}
@media (max-width: 767px) {
  .list-news .art-ttl {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 65px;
  }
}
.list-news .cat {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  margin: 0 0 13px;
}
@media (max-width: 991px) {
  .list-news .cat {
    gap: 4px;
    margin: 0 0 5px;
  }
}
.list-news .cat > span {
  font-size: 10px;
  font-weight: 700;
  padding: 1px 10px;
  background: #175286;
  color: #fff;
  border-radius: 2px;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .list-news .cat > span {
    line-height: 17px;
  }
}
.list-news .date {
  color: #939393;
  font-size: 12px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .list-news .date {
    font-size: 10px;
  }
}

.list-service {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px 24px;
}
@media (max-width: 991px) {
  .list-service {
    gap: 12px;
  }
}
.list-service > .item {
  position: relative;
  width: calc((100% - 48px) / 3);
}
@media (max-width: 991px) {
  .list-service > .item {
    width: calc((100% - 24px) / 2);
  }
}
@media (max-width: 550px) {
  .list-service > .item {
    width: 100%;
  }
}
.list-service > .item:nth-child(n+4) {
  width: calc((100% - 72px) / 4);
}
@media (max-width: 991px) {
  .list-service > .item:nth-child(n+4) {
    width: calc((100% - 24px) / 2);
  }
}
@media (max-width: 550px) {
  .list-service > .item:nth-child(n+4) {
    width: 100%;
  }
}
.list-service > .item:nth-child(n+4) .image {
  min-height: 45px;
  margin: 0 0 5px;
}
@media (max-width: 550px) {
  .list-service > .item:nth-child(1) {
    order: 1;
  }
}
@media (max-width: 550px) {
  .list-service > .item:nth-child(2) {
    order: 3;
  }
}
@media (max-width: 550px) {
  .list-service > .item:nth-child(3) {
    order: 2;
  }
}
@media (max-width: 550px) {
  .list-service > .item:nth-child(4) {
    order: 4;
  }
}
@media (max-width: 550px) {
  .list-service > .item:nth-child(5) {
    order: 5;
  }
}
@media (max-width: 550px) {
  .list-service > .item:nth-child(6) {
    order: 6;
  }
}
@media (max-width: 550px) {
  .list-service > .item:nth-child(7) {
    order: 7;
  }
}
.list-service > .item > a {
  border-radius: 12px;
  background: #FFF;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.05);
  position: relative;
  padding: 30px 10px 22px 10px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #454953;
}
@media (max-width: 767px) {
  .list-service > .item > a {
    flex-direction: row;
    justify-content: space-around;
    padding: 20px 10px 19px;
  }
}
.list-service > .item > a:hover {
  opacity: 0.8;
}
.list-service > .item > a > p:not(.image) {
  position: relative;
}
@media (max-width: 767px) {
  .list-service > .item > a > p:not(.image) {
    text-align: center;
    width: 100%;
    padding: 0 50px;
  }
}
.list-service > .item > a > p:not(.image)::after {
  content: "";
  width: 6px;
  height: 10px;
  display: inline-block;
  margin-left: 16px;
  mask-image: url("../../images/icon/arrow-right-610.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  transform-origin: center;
  background-color: #175286;
}
@media (max-width: 767px) {
  .list-service > .item > a > p:not(.image)::after {
    position: absolute;
    right: 23px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.list-service > .item > a.external > p:not(.image)::after {
  mask-image: url("../../images/icon/icon-external.svg");
  width: 12px;
  height: 12px;
}
@media (max-width: 767px) {
  .list-service > .item > a.external > p:not(.image)::after {
    right: 20px;
  }
}
.list-service .image {
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 63px;
}
@media (max-width: 767px) {
  .list-service .image {
    min-height: 40px;
    margin: 0;
    position: absolute;
    content: "";
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.list-service .image > i {
  object-fit: contain;
  margin: 0;
}
.list-service .image > i.icon-service01 {
  width: 48px;
  height: 63px;
}
@media (max-width: 767px) {
  .list-service .image > i.icon-service01 {
    width: 30.5px;
    height: 40px;
  }
}
.list-service .image > i.icon-service02 {
  width: 48px;
  height: 48px;
}
@media (max-width: 767px) {
  .list-service .image > i.icon-service02 {
    width: 31px;
    height: 30px;
  }
}
.list-service .image > i.icon-service03 {
  width: 48px;
  height: 63px;
}
@media (max-width: 767px) {
  .list-service .image > i.icon-service03 {
    width: 30.5px;
    height: 40px;
  }
}
.list-service .image > i.icon-service04 {
  width: 42px;
  height: 39px;
}
@media (max-width: 767px) {
  .list-service .image > i.icon-service04 {
    width: 30px;
    height: 28px;
  }
}
.list-service .image > i.icon-service05 {
  width: 42px;
  height: 33px;
}
@media (max-width: 767px) {
  .list-service .image > i.icon-service05 {
    width: 28px;
    height: 22px;
  }
}
.list-service .image > i.icon-service06 {
  width: 34px;
  height: 39px;
}
@media (max-width: 767px) {
  .list-service .image > i.icon-service06 {
    width: 26px;
    height: 30px;
  }
}
.list-service .image > i.icon-service07 {
  width: 32px;
  height: 41px;
}
@media (max-width: 767px) {
  .list-service .image > i.icon-service07 {
    width: 20px;
    height: 26px;
  }
}

.list-faq {
  max-width: 1198px;
  margin: 0 auto 0;
}
@media (max-width: 767px) {
  .list-faq {
    margin: 0 auto 0;
  }
}
.list-faq > h2 {
  font-size: 32px;
  color: #454953;
  font-weight: 700;
  margin: 0 0 12px;
}
.list-faq dl {
  margin: 0 0 5px;
  padding: 15px 39px 16px 22px;
  border-radius: 8px;
  border: 1px solid #F0F7FA;
  background: #FFF;
}
@media (max-width: 767px) {
  .list-faq dl {
    margin: 0 0 4px;
    padding: 4px 19px 4px 9px;
  }
}
.list-faq dl.active .plus-icon::after {
  content: none;
}
.list-faq dl:last-child {
  margin: 0;
}
.list-faq .icon-q, .list-faq .icon-a {
  font-size: 24px;
  font-weight: 500;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  margin-right: 10px;
  color: #175286;
  font-family: "Roboto", sans-serif;
  border-radius: 80px;
  background: transparent;
  border: 1px solid transparent;
}
@media (max-width: 767px) {
  .list-faq .icon-q, .list-faq .icon-a {
    position: relative;
    top: -2px;
  }
}
.list-faq .icon-a {
  border-color: transparent;
  background: transparent;
  color: #2A77A9;
  float: left;
}
.list-faq dt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 9px 0 9.4px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .list-faq dt {
    font-size: 14px;
    padding: 15px 0 15px;
    align-items: flex-start;
  }
}
.list-faq dt .dt-ct {
  width: calc(100% - 58px);
  padding-right: 36px;
}
@media (max-width: 767px) {
  .list-faq dt .dt-ct {
    padding-right: 18px;
  }
}
.list-faq dt .plus-icon {
  width: 16px;
  height: 16px;
  position: relative;
  top: 4px;
}
@media (max-width: 767px) {
  .list-faq dt .plus-icon {
    top: 8px;
    align-self: flex-start;
  }
}
.list-faq dt .plus-icon::before, .list-faq dt .plus-icon::after {
  content: "";
  position: absolute;
  transition: all 0.3s;
}
.list-faq dt .plus-icon::before {
  width: 100%;
  height: 2px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #175286;
}
.list-faq dt .plus-icon::after {
  height: 16px;
  width: 2px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #175286;
}
.list-faq dd {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  padding: 4px 0px 33px 0px;
  display: none;
  cursor: pointer;
}
@media (max-width: 767px) {
  .list-faq dd {
    font-size: 14px;
    padding: 0px 0px 30px 0px;
  }
}
.list-faq dd .dd-ct {
  width: calc(100% - 110px);
  max-width: 100%;
  display: inline-block;
}
@media (max-width: 991px) {
  .list-faq dd .dd-ct {
    width: calc(100% - 75px);
  }
}

.list-case {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 24px;
}
.list-case .item {
  position: relative;
  width: calc((100% - 48px) / 3);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 4px 20px 0px rgba(0, 41, 94, 0.05);
  color: #454953;
  overflow: hidden;
}
@media (max-width: 991px) {
  .list-case .item {
    width: calc((100% - 24px) / 2);
  }
}
@media (max-width: 767px) {
  .list-case .item {
    width: 100%;
  }
}
.list-case .item:hover .photo {
  opacity: 0.8;
}
.list-case .item:hover .more {
  opacity: 0.8;
}
.list-case .photo {
  display: flex;
  transition: all 0.3s ease-in-out;
}
.list-case .photo > figure {
  flex: 1;
  position: relative;
  aspect-ratio: 192/256;
}
@media (max-width: 991px) {
  .list-case .photo > figure {
    aspect-ratio: 175.5/234;
  }
}
.list-case .photo > figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list-case .photo figcaption {
  font-size: 12px;
  color: #fff;
  font-weight: 500;
  border-radius: 0px 6px 0px 0px;
  background: rgba(23, 82, 134, 0.5);
  backdrop-filter: blur(2px);
  padding: 6px 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 78px;
  max-width: 100%;
  text-align: center;
  display: block;
  text-transform: uppercase;
  line-height: 17px;
}
@media (max-width: 991px) {
  .list-case .photo figcaption {
    font-size: 10px;
    width: 68px;
    padding: 3px 8px;
  }
}
.list-case .content-case {
  padding: 17px 10px 18px;
}
@media (max-width: 767px) {
  .list-case .content-case {
    padding: 10px 10px 14px;
  }
}
.list-case .content-case h3.title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  margin: 0 0 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0;
  border: 0 none;
  color: #454953;
}
@media (max-width: 767px) {
  .list-case .content-case h3.title {
    font-size: 18px;
    padding: 0;
  }
}
@media (max-width: 374px) {
  .list-case .content-case h3.title {
    font-size: 16px;
  }
}
.list-case table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 16.8px;
}
@media (max-width: 767px) {
  .list-case table {
    margin: 0 0 9px;
  }
}
.list-case table tr {
  border-top: 1px solid #EBEBEB;
}
.list-case table tr:last-child {
  border-bottom: 1px solid #EBEBEB;
}
.list-case table th, .list-case table td {
  padding: 5px 10px 6px;
  font-size: 14px;
  font-weight: 500;
  vertical-align: top;
}
@media (max-width: 767px) {
  .list-case table th, .list-case table td {
    font-size: 12px;
  }
}
.list-case table th {
  color: #175286;
  white-space: nowrap;
  width: 76px;
}
@media (max-width: 767px) {
  .list-case table th {
    width: 55px;
  }
}
.list-case table td {
  line-height: 1.8;
}
@media (min-width: 992px) {
  .list-case table td {
    padding: 5px 14px 6px;
  }
}
.list-case .more {
  text-align: right;
  padding-right: 10px;
  font-size: 14px;
  color: #175286;
  font-weight: 500;
  position: relative;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .list-case .more {
    font-size: 12px;
    padding-right: 0;
  }
}
.list-case > .slick-arrow {
  width: 32px;
  height: 82px;
  border-radius: 4px;
  background-color: rgba(23, 82, 134, 0.5);
  background-repeat: no-repeat;
  background-size: 12px auto;
  background-position: center center;
  backdrop-filter: blur(1.7239583731px);
  z-index: 3;
}
.list-case > .slick-arrow::before {
  content: none;
}
.list-case > .slick-arrow.slick-prev {
  background-image: url("../../images/icon/arrow-prev.svg");
  left: 6px;
}
.list-case > .slick-arrow.slick-next {
  background-image: url("../../images/icon/arrow-next.svg");
  right: 6px;
}
.list-case > .slick-arrow:focus, .list-case > .slick-arrow:hover {
  background-color: rgba(23, 82, 134, 0.5);
  background-repeat: no-repeat;
  background-size: 12px auto;
  background-position: center center;
}
.list-case > .slick-arrow:focus.slick-prev, .list-case > .slick-arrow:hover.slick-prev {
  background-image: url("../../images/icon/arrow-prev.svg");
}
.list-case > .slick-arrow:focus.slick-next, .list-case > .slick-arrow:hover.slick-next {
  background-image: url("../../images/icon/arrow-next.svg");
}

.list-ytb {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 24px;
  margin: 0 0 31px;
}
@media (max-width: 991px) {
  .list-ytb {
    gap: 22px 9px;
  }
}
.list-ytb > .item {
  position: relative;
  width: calc((100% - 72px) / 4);
}
@media (max-width: 991px) {
  .list-ytb > .item {
    width: calc((100% - 9px) / 2);
  }
}
@media (max-width: 374px) {
  .list-ytb > .item {
    width: 100%;
  }
}
.list-ytb > .item .wrapper-video {
  border-radius: 6px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .list-ytb > .item .wrapper-video {
    border-radius: 3.66px;
  }
}
.list-ytb h3 {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 991px) {
  .list-ytb h3 {
    font-size: 14px;
  }
}

.list-content {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 24px;
}
@media (max-width: 991px) {
  .list-content {
    gap: 20px;
  }
}
.list-content > a {
  position: relative;
  width: calc((100% - 48px) / 3);
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 4px 20px 0px rgba(0, 41, 94, 0.05), 0px 4px 20px 0px rgba(0, 41, 94, 0.05);
  overflow: hidden;
  padding: 31px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #454953;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}
@media (max-width: 991px) {
  .list-content > a {
    width: 100%;
    max-width: 351px;
    margin: 0 auto;
    font-size: 16px;
  }
}
@media (max-width: 550px) {
  .list-content > a {
    max-width: 100%;
  }
}
.list-content > a::before {
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.list-content > a.message {
  padding: 0 10px;
}
.list-content > a.message::before {
  background-image: url("../../images/top/content-01.png");
  width: 90px;
  height: 112px;
  position: relative;
  display: inline-block;
  margin-right: -26px;
  left: -53px;
}
@media (max-width: 991px) {
  .list-content > a.message::before {
    width: 67px;
    height: 78px;
    margin-right: 32px;
    left: -16px;
    top: 4px;
  }
}
@media (max-width: 374px) {
  .list-content > a.message::before {
    margin-right: 15px;
  }
}
@media (max-width: 991px) {
  .list-content > a.blog {
    padding: 27px 10px 28px;
  }
}
.list-content > a.blog::before {
  background-image: url("../../images/top/content-02.png");
  width: 184px;
  height: 24px;
  display: inline-block;
  margin-right: 20px;
}
@media (max-width: 374px) {
  .list-content > a.blog::before {
    margin-right: 15px;
    width: 150px;
    height: 20px;
  }
}
@media (max-width: 991px) {
  .list-content > a.youtube {
    padding: 21px 10px 24px;
  }
}
.list-content > a.youtube::before {
  background-image: url("../../images/top/content-03.png");
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-right: 20px;
}
@media (max-width: 991px) {
  .list-content > a.youtube::before {
    margin-right: 31px;
  }
}
@media (max-width: 374px) {
  .list-content > a.youtube::before {
    margin-right: 15px;
  }
}
.list-content > a.book::before {
  background-image: url("../../images/top/content-04.png");
  width: 41px;
  height: 38px;
  display: inline-block;
  margin-right: 20px;
}
@media (max-width: 374px) {
  .list-content > a.book::before {
    margin-right: 15px;
  }
}

.btn-more {
  text-align: center;
  margin: 60px 0 0;
}
@media (max-width: 991px) {
  .btn-more {
    margin: 30px 0px 0;
  }
}
.btn-more > a {
  display: block;
  color: #454953;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1.6px;
  text-align: center;
  position: relative;
  padding: 9px 30px 8px;
  border-radius: 6px;
  border: 1px solid rgba(46, 134, 185, 0.3);
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0px 4px 20px 0px rgba(0, 41, 94, 0.05);
  backdrop-filter: blur(5px);
  max-width: 384px;
  margin: 0 auto;
  overflow: hidden;
}
@media (max-width: 767px) {
  .btn-more > a {
    max-width: 351px;
    padding: 5px 30px 6.2px;
  }
}
@media (max-width: 374px) {
  .btn-more > a {
    font-size: 14px;
  }
}
.btn-more > a::before, .btn-more > a::after {
  content: "";
  position: absolute;
}
.btn-more > a::before {
  top: -100px;
  left: -100px;
  width: 50px;
  height: 50px;
  background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgb(255, 255, 255) 100%, rgba(255, 255, 255, 0) 0%);
  animation-name: shiny;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
.btn-more > a::after {
  width: 6px;
  height: 10px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  mask-image: url("../../images/icon/arrow-right-610.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  transform-origin: center;
  background-color: #175286;
}
.btn-more > a:hover {
  opacity: 0.8;
}
.btn-more.external > a::after {
  mask-image: url("../../images/icon/icon-external.svg");
  width: 12px;
  height: 12px;
}

.more {
  font-size: 14px;
  font-weight: 500;
  color: #175286;
}
@media (max-width: 767px) {
  .more {
    font-size: 12px;
  }
}
.more::after {
  content: "";
  width: 6px;
  height: 10px;
  mask-image: url("../../images/icon/arrow-right-610.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  display: inline-block;
  margin-left: 20px;
  background-color: #175286;
}
@media (max-width: 767px) {
  .more::after {
    margin-left: 15px;
    width: 5px;
    height: 8px;
    mask-image: url("../../images/icon/arrow-right-58.svg");
  }
}

.key-viewsual {
  background-color: transparent;
  padding: 52px 0 87px;
  color: #fff;
  overflow: hidden;
}
@media (max-width: 991px) {
  .key-viewsual {
    padding: 30px 0 113px;
  }
}
.key-viewsual .movie-wrapper {
  position: absolute;
  content: "";
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .key-viewsual .movie-wrapper {
    top: -80px;
    height: calc(100% + 80px);
  }
}
.key-viewsual .movie-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../images/top/bg-movie.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.key-viewsual .movie-wrapper > video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .key-viewsual .movie-wrapper > video {
    object-fit: none;
  }
}
.key-viewsual .container {
  position: relative;
  z-index: 2;
}
.key-viewsual h1 {
  font-size: 48px;
  font-weight: 350;
  letter-spacing: 5.76px;
  margin: 0 0 12px;
  line-height: normal;
}
@media (max-width: 991px) {
  .key-viewsual h1 {
    font-size: 28px;
    letter-spacing: 3.36px;
    margin: 0 0 7px;
    line-height: 1.4;
  }
}
.key-viewsual h1 span {
  font-size: 24px;
  letter-spacing: 2.88px;
  display: block;
  margin: 0 0 1px;
  padding-left: 5px;
}
@media (max-width: 991px) {
  .key-viewsual h1 span {
    font-size: 16px;
    letter-spacing: 1.92px;
    line-height: 1.8;
  }
}
.key-viewsual .content {
  padding-left: 5px;
}
@media (max-width: 550px) {
  .key-viewsual .content {
    width: 308px;
    padding-left: 0;
    max-width: 100%;
  }
}
.key-viewsual .content sup {
  font-size: 10px;
}
@media (max-width: 550px) {
  .key-viewsual .content sup {
    font-size: 8px;
  }
}
.key-viewsual p {
  font-size: 18px;
  font-weight: 350;
  margin: 0 0 12px;
}
@media (max-width: 991px) {
  .key-viewsual p {
    font-size: 11px;
    line-height: 1.6;
  }
}
.key-viewsual p:last-child {
  margin: 0;
}
.key-viewsual p.img {
  margin: 30px 0 0px;
}
@media (max-width: 991px) {
  .key-viewsual p.img {
    margin: 10px 0 0px;
  }
}
.key-viewsual p.img > img {
  height: 68px;
  object-fit: contain;
}
@media (max-width: 991px) {
  .key-viewsual p.img > img {
    height: 40px;
  }
}
.key-viewsual p.note {
  font-size: 10px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .key-viewsual p.note {
    font-size: 8px;
  }
}
.key-viewsual .viewsual-more {
  margin: 43px 0 54px;
}
@media (max-width: 991px) {
  .key-viewsual .viewsual-more {
    margin: 34px 0 17px;
  }
}
.key-viewsual .viewsual-more > a {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1.6px;
  min-width: 390px;
  color: #FFF;
  border-radius: 6px;
  border: 1px solid #FFF;
  background: rgba(23, 82, 134, 0.2);
  backdrop-filter: blur(5px);
  position: relative;
  padding: 9px 46px;
  margin-right: 18px;
  text-align: center;
}
@media (max-width: 991px) {
  .key-viewsual .viewsual-more > a {
    min-width: auto;
  }
}
@media (max-width: 767px) {
  .key-viewsual .viewsual-more > a {
    width: 100%;
    display: block;
    padding: 8px 25px 7.2px;
    margin: 0 0 12px;
    font-size: 14px;
    letter-spacing: 1.4px;
    max-width: 351px;
  }
}
.key-viewsual .viewsual-more > a::after {
  content: "";
  width: 6px;
  height: 10px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  mask-image: url("../../images/icon/arrow-right-610.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  transform-origin: center;
  background-color: #fff;
}
@media (max-width: 991px) {
  .key-viewsual .viewsual-more > a::after {
    width: 5px;
    height: 8px;
    mask-image: url("../../images/icon/arrow-right-58.svg");
  }
}
.key-viewsual .viewsual-more > a:last-child {
  margin-right: 0;
}
.key-viewsual .viewsual-more > a:hover {
  opacity: 0.8;
}

.sec-info {
  background: #175286;
  padding: 150px 0 60px;
}
@media (max-width: 991px) {
  .sec-info {
    padding: 50px 0 60px;
  }
}
.sec-info .list-info {
  display: flex;
  flex-wrap: wrap;
  padding: 22px 30px 23px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0px 4px 20px 0px rgba(0, 41, 94, 0.05);
  backdrop-filter: blur(12px);
  margin-top: -230px;
  margin-bottom: 51px;
}
@media (max-width: 991px) {
  .sec-info .list-info {
    padding: 0px 20px;
    margin-top: -146px;
    margin-bottom: 21px;
    border-radius: 18px;
  }
}
.sec-info .list-info > .item {
  position: relative;
  width: 33.3333333333%;
  padding: 10px 20px;
  text-align: center;
}
@media (max-width: 991px) {
  .sec-info .list-info > .item {
    width: 100%;
    border-bottom: 1px solid #BBB;
    padding: 13px 0 15px;
    font-size: 10px;
  }
}
.sec-info .list-info > .item::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: #BBB;
}
@media (max-width: 991px) {
  .sec-info .list-info > .item::after {
    content: none;
  }
}
@media (max-width: 991px) {
  .sec-info .list-info > .item:last-child {
    border-bottom: 0 none;
    padding-bottom: 16px;
  }
}
.sec-info .list-info > .item:last-child::after {
  content: none;
}
.sec-info .list-info h2 {
  color: #175286;
  font-size: 24px;
  font-weight: 350;
  line-height: 1.4;
  margin: 0 0 4px;
}
@media (max-width: 991px) {
  .sec-info .list-info h2 {
    font-size: 18px;
    margin: 0 0 8px;
  }
}
.sec-info .list-info p, .sec-info .list-info .info-content {
  color: #333;
}
@media (max-width: 991px) {
  .sec-info .list-info p, .sec-info .list-info .info-content {
    font-size: 10px;
  }
}
.sec-info h3 {
  text-align: center;
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 1px;
  margin: 0 0 32px;
}
@media (max-width: 991px) {
  .sec-info h3 {
    font-size: 18px;
    letter-spacing: 0.9px;
    margin: 0 0 20px;
  }
}
@media (max-width: 374px) {
  .sec-info h3 {
    font-size: 16px;
  }
}
.sec-info .content-link {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px 24px;
}
.sec-info .content-link > a {
  display: block;
  position: relative;
  width: calc((100% - 24px) / 2);
  border-radius: 12px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 4px 20px 0px rgba(0, 41, 94, 0.05);
  backdrop-filter: blur(2px);
  font-size: 24px;
  color: #175286;
  font-weight: 350;
  text-align: center;
  padding: 9px 42px 12px;
}
@media (max-width: 991px) {
  .sec-info .content-link > a {
    width: 100%;
    font-size: 16px;
    padding: 5px 34px 6px;
    border-radius: 8px;
    max-width: 351px;
    margin: 0 auto;
  }
}
.sec-info .content-link > a::after {
  content: "";
  width: 22px;
  height: 12px;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  mask-image: url("../../images/icon/arrow-down-1222.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  transform-origin: center;
  background-color: #175286;
}
@media (max-width: 991px) {
  .sec-info .content-link > a::after {
    width: 14px;
    height: 8px;
    right: 20px;
  }
}
.sec-info .content-link > a:hover {
  opacity: 0.8;
}

.sec-case .list-problem {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 24px 24px;
}
@media (max-width: 991px) {
  .sec-case .list-problem {
    gap: 11px 11px;
  }
}
.sec-case .list-problem > li {
  position: relative;
  width: calc((100% - 48px) / 3);
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  border-radius: 12px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
  text-align: center;
  padding: 14px 10px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .sec-case .list-problem > li {
    width: calc((100% - 11px) / 2);
    font-size: 11px;
    padding: 12px 2px 11.2px;
  }
}
@media (max-width: 374px) {
  .sec-case .list-problem > li {
    font-size: 9px;
  }
}
.sec-case .list-solution {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 24px 24px;
}
@media (max-width: 991px) {
  .sec-case .list-solution {
    gap: 12px;
  }
}
.sec-case .list-solution > li {
  position: relative;
  width: calc((100% - 24px) / 2);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 4px 20px 0px rgba(0, 41, 94, 0.05);
  backdrop-filter: blur(5px);
  padding: 33px 32px 27px;
}
@media (max-width: 767px) {
  .sec-case .list-solution > li {
    width: 100%;
    padding: 19px 20px 12px;
  }
}
.sec-case .list-solution h4 {
  color: #175286;
  font-size: 24px;
  font-weight: 350;
  margin: 0 0 16px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .sec-case .list-solution h4 {
    font-size: 20px;
    margin: 0 0 17px;
  }
}
@media (max-width: 374px) {
  .sec-case .list-solution h4 {
    font-size: 18px;
  }
}
.sec-case .list-solution p {
  font-size: 14px;
}
.sec-case .list-solution .txt-blue {
  display: block;
  font-weight: 500;
}
.sec-case .box-archive {
  margin: 40px 0 0;
  border-radius: 12px;
  border: 1px solid #F0F7FA;
  background: #FFF;
  padding: 28px 80px 32px;
}
@media (max-width: 991px) {
  .sec-case .box-archive {
    margin: 30px 0 0;
    padding: 22px 20px 29px;
  }
}
.sec-case .box-archive h4 {
  font-size: 24px;
  color: #175286;
  font-weight: 400;
  line-height: 1.6;
  margin: 0 0 21px;
}
@media (max-width: 991px) {
  .sec-case .box-archive h4 {
    font-size: 20px;
    margin: 0 0 31px;
  }
}
@media (max-width: 374px) {
  .sec-case .box-archive h4 {
    font-size: 18px;
  }
}
.sec-case .box-archive .group-content {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 50px;
}
@media (max-width: 767px) {
  .sec-case .box-archive .group-content {
    gap: 12px;
  }
}
.sec-case .box-archive .group-content > figure {
  width: 319px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .sec-case .box-archive .group-content > figure {
    width: 100%;
    text-align: center;
  }
}
.sec-case .box-archive .group-content > figure > img {
  width: 319px;
  object-fit: contain;
}
@media (max-width: 767px) {
  .sec-case .box-archive .group-content > figure > img {
    width: 210px;
  }
}
.sec-case .box-archive .group-content > figure figcaption {
  font-size: 16px;
  color: #454953;
  font-weight: 400;
  white-space: nowrap;
  margin: 10px 0 0;
}
@media (max-width: 767px) {
  .sec-case .box-archive .group-content > figure figcaption {
    font-size: 12px;
    margin: 20px 0 0;
  }
}
.sec-case .box-archive .group-content .content-graph {
  position: relative;
  width: calc(100% - 369px);
  font-size: 14px;
  margin: 3px 0 0 0;
}
@media (max-width: 767px) {
  .sec-case .box-archive .group-content .content-graph {
    width: 100%;
  }
}
.sec-case .box-archive .group-content .content-graph .box-graph {
  border-radius: 8px;
  background: #F7F7F7;
  padding: 10px 20px 13px;
  margin: 22px 0 0;
  font-size: 16px;
}
@media (max-width: 767px) {
  .sec-case .box-archive .group-content .content-graph .box-graph {
    font-size: 14px;
    padding: 13px 10px 10px;
    margin: 20px 0 0;
  }
}
.sec-case .box-archive .group-content .content-graph h5 {
  color: #175286;
  font-weight: 400;
  margin: 0;
}
.sec-case#case-01 .list-problem > li:first-child {
  width: 100%;
}
@media (max-width: 991px) {
  .sec-case#case-01 .list-problem > li:first-child {
    font-size: 12px;
    padding: 10px 8px;
  }
}
.sec-case#case-01 .list-solution p {
  font-size: 16px;
}
@media (max-width: 767px) {
  .sec-case#case-01 .list-solution p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .sec-case#case-01 .list-solution > li:nth-child(2) h4 {
    margin-bottom: 13px;
  }
}
@media (max-width: 991px) {
  .sec-case#case-01 .works {
    margin-bottom: 19px;
  }
}
@media (max-width: 767px) {
  .sec-case#case-02 .list-solution > li:first-child h4 {
    margin-bottom: 13px;
  }
}
@media (max-width: 991px) {
  .sec-case#case-02 .works {
    padding: 34px 0 37px;
  }
}
@media (min-width: 992px) {
  .sec-case#case-02 .content-case {
    padding-bottom: 18.2px;
  }
}

.use {
  padding: 116px 0 0;
}
@media (max-width: 991px) {
  .use {
    padding: 57px 0 0;
  }
}
.use .content-title {
  text-align: center;
}
@media (max-width: 991px) {
  .use .content-title {
    text-align: left;
  }
}
.use .content-image {
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
  padding: 0 24px;
  margin-bottom: 60px;
}
@media (max-width: 1224px) {
  .use .content-image {
    padding: 0 12px;
  }
}
@media (max-width: 991px) {
  .use .content-image {
    padding: 0 6px;
    margin-bottom: 30.2px;
  }
}
.use .content-image img {
  width: 100%;
  border-radius: 24px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
@media (max-width: 991px) {
  .use .content-image img {
    border-radius: 18px;
    aspect-ratio: 363/140;
    object-fit: cover;
  }
}

.works .content-title h3, .problem .content-title h3 {
  color: #fff;
  letter-spacing: 0;
}
.works .content-title h3 > span, .problem .content-title h3 > span {
  color: #fff;
  line-height: 1.8;
}
@media (max-width: 991px) {
  .works .content-title h3 > span, .problem .content-title h3 > span {
    margin: 0 0 1px;
  }
}

.problem {
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
  padding: 0 60px;
}
@media (max-width: 991px) {
  .problem {
    padding: 0 12px;
  }
}
.problem .box-problem {
  border-radius: 20px;
  background: #175286;
  padding: 53px 60px 60px;
  color: #fff;
}
@media (max-width: 991px) {
  .problem .box-problem {
    padding: 25px 20px 29px;
    border-radius: 18px;
  }
}
@media (max-width: 991px) {
  .problem .content-title > h3 {
    font-size: 20px;
    margin: 0 0 15px;
  }
}
@media (max-width: 374px) {
  .problem .content-title > h3 {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .problem .content-title > h3 > span {
    margin: 0 0 4px;
  }
}

.works {
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
  background: #175286;
  color: #fff;
  padding: 53px 120px 60px;
}
@media (max-width: 1224px) {
  .works {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (max-width: 991px) {
  .works {
    padding: 34px 0 40px;
  }
}
.works .box-work {
  max-width: 1200px;
  margin: 0 auto;
}
.works .content-title {
  margin: 0 0 50px;
}
@media (max-width: 991px) {
  .works .content-title {
    margin: 0 0 23px;
    padding: 0 12px;
  }
}
@media (max-width: 991px) {
  .works .content-title h3 {
    font-size: 28px;
    margin: 0;
  }
}
@media (max-width: 991px) {
  .works .list-case .item {
    margin: 0 6px;
  }
}
@media (max-width: 374px) {
  .works .btn-more {
    margin-left: 12px;
    margin-right: 12px;
  }
}
.works .btn-more > a {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.2);
}
.works .btn-more > a::after {
  background: #fff;
}

.solution {
  padding: 117px 0 120px;
}
@media (max-width: 991px) {
  .solution {
    padding: 57px 0 61.5px;
  }
}
.solution .content-title {
  margin: 0 0 30px;
}
.solution .content-title h3 > span {
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .solution .content-title h3 > span {
    margin: 0 0 5px;
  }
}

.content-cta {
  text-align: center;
}
.content-cta h3 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 0 15px;
  color: #175286;
}
@media (max-width: 991px) {
  .content-cta h3 {
    font-size: 24px;
    margin: 0 0 18px;
  }
}
@media (max-width: 374px) {
  .content-cta h3 {
    font-size: 20px;
  }
}
.content-cta h4 {
  font-size: 20px;
  font-weight: 350;
  margin: 0 0 38px;
  color: #454953;
}
@media (max-width: 991px) {
  .content-cta h4 {
    font-size: 14px;
    margin: 0 -10px 24px;
    line-height: 1.5;
  }
}
.content-cta ul {
  list-style: outside none none;
  margin: 0 0 20px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 24px 23px;
}
@media (max-width: 767px) {
  .content-cta ul {
    gap: 10px;
    margin: 0 0 21px;
  }
}
.content-cta ul > li {
  position: relative;
  width: calc((100% - 23px) / 2);
}
@media (max-width: 767px) {
  .content-cta ul > li {
    width: 100%;
    max-width: 311px;
    margin: 0 auto;
  }
}
.content-cta ul > li > a {
  display: block;
  font-size: 16px;
  color: #FFF;
  font-weight: 700;
  position: relative;
  padding: 9px 26px 9px;
  border-radius: 6px;
  border: 1px solid #175286;
  background: #175286;
  box-shadow: 0px 4px 20px 0px rgba(0, 41, 94, 0.05);
}
@media (max-width: 767px) {
  .content-cta ul > li > a {
    font-weight: 500;
    padding: 5px 26px 6px;
    letter-spacing: 1.6px;
  }
}
.content-cta ul > li > a::after {
  content: "";
  width: 6px;
  height: 10px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  mask-image: url("../../images/icon/arrow-right-610.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  transform-origin: center;
  background-color: #fff;
}
.content-cta ul > li > a:hover {
  opacity: 0.8;
}
.content-cta ul > li:last-child > a {
  color: #fff;
  background: #3CB153;
  border-color: #3CB153;
}
.content-cta ul > li:last-child > a::after {
  background-color: #fff;
}
.content-cta ul > li:last-child > a:hover {
  opacity: 0.8;
}
.content-cta .box-info {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: #FBFBFB;
  padding: 10px 40px 16px;
  margin: 0 12px;
}
@media (max-width: 991px) {
  .content-cta .box-info {
    margin: 0;
    padding: 12px 30px 13px;
  }
}
@media (max-width: 374px) {
  .content-cta .box-info {
    padding: 12px 10px 13px;
  }
}
.content-cta .box-info p {
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  margin: 0 0 16px;
}
@media (max-width: 991px) {
  .content-cta .box-info p {
    font-size: 16px;
    margin: 0 0 13px;
  }
}
@media (max-width: 374px) {
  .content-cta .box-info p {
    font-size: 14px;
    margin: 0 0 6px;
  }
}
.content-cta .box-info p.number {
  font-size: 42px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  position: relative;
  line-height: 30px;
  margin: 0 0 7px;
}
@media (max-width: 991px) {
  .content-cta .box-info p.number {
    font-size: 30px;
    margin: 0 0 5px;
  }
}
@media (max-width: 374px) {
  .content-cta .box-info p.number {
    font-size: 22px;
  }
}
.content-cta .box-info p.number > a {
  color: #175286;
  display: block;
}
.content-cta .box-info p.number > a::before {
  content: "";
  width: 24px;
  height: 24px;
  mask-image: url("../../images/icon/icon-phone.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  display: inline-block;
  margin-right: 17px;
  background-color: #175286;
  position: relative;
  top: -2px;
  left: 6px;
}
@media (max-width: 374px) {
  .content-cta .box-info p.number > a::before {
    width: 16px;
    height: 16px;
  }
}
.content-cta .box-info p.time {
  font-size: 14px;
}
.content-cta .box-info p:last-child {
  margin: 0;
}
.content-cta .box-cta {
  margin: 0;
}
@media (max-width: 1199px) {
  .content-cta .box-cta {
    margin: 0;
  }
}
.content-cta .box-cta > *:not(.title):not(.box-info) {
  padding: 0 12px;
}
@media (max-width: 991px) {
  .content-cta .box-cta > *:not(.title):not(.box-info) {
    padding: 0;
  }
}

.sec-common {
  background-image: url("../../images/bg-cta.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: #fff;
  padding: 60px 0;
}
@media (max-width: 991px) {
  .sec-common {
    padding: 20px 0;
    background-image: url("../../images/bg-cta-sp.jpg");
  }
}
.sec-common .container {
  max-width: 100%;
  margin: 0px 24px;
  border-radius: 24px;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  padding: 14px 84px 29px 96px;
}
@media (min-width: 1200px) and (max-width: 1366px) {
  .sec-common .container {
    padding: 24px 34px 19px 46px;
  }
}
@media (max-width: 1224px) {
  .sec-common .container {
    margin: 0px 12px;
  }
}
@media (max-width: 991px) {
  .sec-common .container {
    padding: 22px 20px 24px;
    margin: 0px 12px;
    border-radius: 18px;
  }
}
.sec-common .group-common {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px 12px;
  color: #454953;
  max-width: 1212px;
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .sec-common .group-common {
    flex-direction: column-reverse;
    gap: 31px;
  }
}
.sec-common .group-common > div {
  position: relative;
  width: calc(100% - 624px);
}
@media (max-width: 1199px) {
  .sec-common .group-common > div {
    width: 100%;
  }
}
.sec-common .group-common > div.content-cta {
  width: 612px;
}
@media (max-width: 1199px) {
  .sec-common .group-common > div.content-cta {
    width: 100%;
  }
}
.sec-common .box-left {
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.78);
  padding: 17px 40px 24px 20px;
  width: 342px;
  max-width: 100%;
  position: absolute;
  content: "";
  top: 46px;
  left: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  .sec-common .box-left {
    top: 0;
    width: 215px;
    padding: 11px 15px 0px 20px;
  }
}
.sec-common .box-left p {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 4px;
}
@media (max-width: 767px) {
  .sec-common .box-left p {
    font-size: 12px;
    margin: 0 0 6px;
  }
}
.sec-common .box-left p:first-child {
  font-size: 22px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .sec-common .box-left p:first-child {
    font-size: 16px;
  }
}
.sec-common .map-img {
  text-align: right;
  position: relative;
  z-index: 2;
  left: 0px;
  top: 6px;
}
@media (min-width: 1200px) and (max-width: 1366px) {
  .sec-common .map-img {
    left: 75px;
  }
}
@media (max-width: 991px) {
  .sec-common .map-img {
    left: auto;
    right: -10px;
    top: 25px;
  }
}
@media (max-width: 374px) {
  .sec-common .map-img {
    right: -15px;
    top: 55px;
  }
}
.sec-common .map-img img {
  height: 549px;
  object-fit: contain;
}
@media (max-width: 991px) {
  .sec-common .map-img img {
    height: 321px;
  }
}
@media (max-width: 374px) {
  .sec-common .map-img img {
    height: 232px;
  }
}
.sec-common .note {
  list-style: outside none none;
  margin: 12px 0 0;
  padding: 0;
}
@media (max-width: 991px) {
  .sec-common .note {
    margin: 80px 0 0;
  }
}
@media (max-width: 767px) {
  .sec-common .note {
    margin: 46px 0 0;
  }
}
.sec-common .note li {
  font-size: 10px;
  font-weight: 400;
  color: #454953;
}
@media (max-width: 991px) {
  .sec-common .note li {
    font-size: 9px;
  }
}

.sec-reason {
  background-image: url("../../images/top/bg-reason.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
  background-color: #175286;
  color: #fff;
  padding: 116px 0 120px;
}
@media (max-width: 991px) {
  .sec-reason {
    padding: 57px 0 60px;
  }
}
.sec-reason .content-title {
  text-align: center;
}
@media (max-width: 991px) {
  .sec-reason .content-title {
    text-align: left;
  }
}
.sec-reason .content-title h2 {
  color: #fff;
}
@media (max-width: 991px) {
  .sec-reason .content-title h2 {
    font-size: 24px;
    margin: 0 0 26px;
  }
}
.sec-reason .content-title h2 > span {
  color: #fff;
}
@media (max-width: 991px) {
  .sec-reason .content-title h2 > span {
    font-size: 10px;
  }
}
.sec-reason .content-title p {
  margin: 0 0 17px;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 991px) {
  .sec-reason .content-title p {
    font-size: 14px;
    margin: 0 0 8px;
  }
}
.sec-reason .list-reason {
  margin-top: 73px;
}
@media (max-width: 991px) {
  .sec-reason .list-reason {
    margin-top: 44px;
  }
}
.sec-reason .list-reason .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px 126px;
  margin: 0 0 80px;
}
@media (max-width: 1199px) {
  .sec-reason .list-reason .item {
    gap: 24px 40px;
  }
}
@media (max-width: 991px) {
  .sec-reason .list-reason .item {
    margin: 0 0 43px;
  }
}
.sec-reason .list-reason .item:nth-child(2n) {
  flex-direction: row-reverse;
}
@media (max-width: 991px) {
  .sec-reason .list-reason .item:nth-child(2n) {
    flex-direction: column-reverse;
  }
}
@media (max-width: 991px) {
  .sec-reason .list-reason .item {
    flex-direction: column-reverse;
  }
}
@media (max-width: 991px) {
  .sec-reason .list-reason .item:last-child {
    margin: 0 0 51px;
  }
}
.sec-reason .list-reason .image {
  width: 690px;
  border-radius: 24px;
  background: #BBB;
  box-shadow: 0px 4px 20px 0px rgba(0, 41, 94, 0.1);
  overflow: hidden;
}
@media (max-width: 1199px) {
  .sec-reason .list-reason .image {
    width: 590px;
  }
}
@media (max-width: 991px) {
  .sec-reason .list-reason .image {
    width: 100%;
    border-radius: 18px;
    margin: 0 0 32px;
  }
}
.sec-reason .list-reason .image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sec-reason .list-reason .content-reason {
  width: calc(100% - 816px);
}
@media (max-width: 1199px) {
  .sec-reason .list-reason .content-reason {
    width: calc(100% - 630px);
  }
}
@media (max-width: 991px) {
  .sec-reason .list-reason .content-reason {
    width: 100%;
  }
}
.sec-reason .list-reason .content-reason p {
  margin: 0 0 17px;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 991px) {
  .sec-reason .list-reason .content-reason p {
    font-size: 14px;
    margin: 0 0 8px;
  }
}
.sec-reason .list-reason .content-reason p:last-child {
  margin: 0;
}
@media (max-width: 991px) {
  .sec-reason .list-reason .content-reason p.image {
    width: 100%;
    border-radius: 18px;
    margin: 0 0 32px;
  }
}
.sec-reason .list-reason .content-reason .number {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 10px;
  color: #fff;
}
@media (max-width: 991px) {
  .sec-reason .list-reason .content-reason .number {
    margin: 0;
  }
}
.sec-reason .list-reason .content-reason h3 {
  font-size: 36px;
  font-weight: 300;
  line-height: 1.4;
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .sec-reason .list-reason .content-reason h3 {
    font-size: 24px;
    margin: 0 0 25px;
  }
}
.sec-reason .list-reason .content-reason .image-child {
  width: 100%;
  max-width: 384px;
  margin: 31px 0 0 0;
  transform: translateY(-5px);
}
@media (max-width: 991px) {
  .sec-reason .list-reason .content-reason .image-child {
    margin: 21px 0 4px;
  }
}
.sec-reason .list-reason .content-reason .image-child > img {
  border-radius: 12px;
  overflow: hidden;
  filter: drop-shadow(0px 4px 20px rgba(0, 41, 94, 0.05));
  backdrop-filter: blur(5px);
}
.sec-reason .message {
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
  padding-left: 24px;
  padding-right: 24px;
}
@media (max-width: 1224px) {
  .sec-reason .message {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.sec-reason .message .box-message {
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0px 4px 20px 0px rgba(0, 41, 94, 0.1);
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .sec-reason .message .box-message {
    border-radius: 18px;
    flex-wrap: wrap;
    gap: 40px 0;
    background-color: #fff;
    background-image: url("../../images/bg-message.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 45px 0 52px;
    aspect-ratio: 351/183;
  }
}
@media (max-width: 374px) {
  .sec-reason .message .box-message {
    padding: 35px 0;
  }
}
.sec-reason .message .box-message > * {
  flex: 1;
}
@media (max-width: 767px) {
  .sec-reason .message .box-message > figure {
    display: none;
  }
}
.sec-reason .message .box-message > figure img {
  height: 180px;
  width: auto;
  object-fit: cover;
}
.sec-reason .message .box-message > figure:last-child {
  text-align: right;
}
.sec-reason .message .box-message > figure:last-child img {
  position: relative;
}
.sec-reason .message .box-message > figure:first-child img {
  object-position: right;
}
.sec-reason .message .box-message > figure:last-child img {
  object-position: left;
}
.sec-reason .message h2 {
  color: #175286;
  font-size: 36px;
  font-weight: 350;
  line-height: 1.4;
  letter-spacing: 1.8px;
  text-align: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sec-reason .message h2 {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .sec-reason .message h2 {
    font-size: 24px;
    letter-spacing: 1.2px;
  }
}
@media (max-width: 374px) {
  .sec-reason .message h2 {
    font-size: 20px;
  }
}
.sec-reason .message h2 i {
  font-size: 28px;
  font-style: normal;
  letter-spacing: 1.4px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sec-reason .message h2 i {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .sec-reason .message h2 i {
    font-size: 20px;
    letter-spacing: 1px;
  }
}
@media (max-width: 374px) {
  .sec-reason .message h2 i {
    font-size: 18px;
  }
}
.sec-reason .message h2 > span {
  font-size: 14px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  display: block;
  margin: 0 0 4px;
  letter-spacing: 0;
}
@media (max-width: 991px) {
  .sec-reason .message h2 > span {
    font-size: 10px;
    margin: 0 0 5px;
  }
}

.sec-service {
  padding: 116px 0 119px;
  background: #175286;
  color: #fff;
}
@media (max-width: 991px) {
  .sec-service {
    padding: 58px 0 60px;
  }
}
.sec-service .content-title {
  margin: 0 0 34px;
}
@media (max-width: 991px) {
  .sec-service .content-title {
    margin: 0 0 20.5px;
  }
}
.sec-service .content-title h3 {
  color: #fff;
}
@media (max-width: 991px) {
  .sec-service .content-title h3 {
    margin: 0 0 25px;
  }
}
.sec-service .content-title h3 > span {
  color: #fff;
  margin: 0 0 11px;
}
@media (max-width: 991px) {
  .sec-service .content-title h3 > span {
    margin: 0 0 4px;
  }
}
.sec-service .btn-more {
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .sec-service .btn-more {
    margin: 41px 0 0;
  }
}
.sec-service .btn-more > a {
  border: 1px solid rgba(255, 255, 255, 0.9);
  color: #fff;
}
.sec-service .btn-more > a::after {
  background-color: #fff;
}

.sec-voice {
  background: #EEF3F9;
  padding: 116px 0 120px;
}
@media (max-width: 991px) {
  .sec-voice {
    padding: 57px 0 60px;
  }
}
.sec-voice .content-title {
  margin: 0 0 47px;
}
@media (max-width: 991px) {
  .sec-voice .content-title {
    margin: 0 0 31px;
  }
}
.sec-voice .content-title > h3 {
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .sec-voice .content-title > h3 {
    margin: 0 0 25px;
  }
}
.sec-voice .content-title > h3 > span {
  margin: 0 0 14px;
}
@media (max-width: 991px) {
  .sec-voice .content-title > h3 > span {
    margin: 0 0 4px;
  }
}
.sec-voice .list-voice {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 23px;
}
@media (max-width: 991px) {
  .sec-voice .list-voice {
    margin: 0 -12px;
  }
}
.sec-voice .list-voice .item {
  position: relative;
  width: calc((100% - 46px) / 3);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 4px 20px 0px rgba(0, 41, 94, 0.05);
  overflow: hidden;
  color: #454953;
}
@media (max-width: 991px) {
  .sec-voice .list-voice .item {
    width: 100%;
    margin: 0 6px;
  }
}
.sec-voice .list-voice .item:hover .image {
  opacity: 0.8;
}
.sec-voice .list-voice .item:hover h3 {
  color: #175286;
}
.sec-voice .list-voice .item:hover .more {
  opacity: 0.5;
}
.sec-voice .image {
  transition: all 0.3s;
  aspect-ratio: 768/576;
  background: #bbb;
}
@media (max-width: 991px) {
  .sec-voice .image {
    aspect-ratio: 303/227.25;
  }
}
.sec-voice .image > img {
  width: 100%;
}
.sec-voice .content-voice {
  padding: 15px 20px 16px;
}
@media (max-width: 991px) {
  .sec-voice .content-voice {
    padding: 9px 10px 10px;
  }
}
.sec-voice .content-voice h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  margin: 0 0 10px;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .sec-voice .content-voice h3 {
    font-size: 16px;
    margin: 0 0 3px;
  }
}
.sec-voice .content-voice .more {
  text-align: right;
  transition: all 0.3s;
  padding: 0 10px;
}
@media (max-width: 767px) {
  .sec-voice .content-voice .more {
    padding: 0;
  }
}
.sec-voice .btn-more {
  margin: 55px 0 0;
}
@media (max-width: 767px) {
  .sec-voice .btn-more {
    margin: 35px 0 0;
  }
}

.sec-media {
  background: #F2F6FC;
  padding: 76px 0 80px;
}
@media (max-width: 991px) {
  .sec-media {
    padding: 57px 0 61px;
  }
}
.sec-media .content-title {
  margin: 0 0 48px;
}
@media (max-width: 991px) {
  .sec-media .content-title {
    margin: 0 0 34px;
  }
}
.sec-media .content-title > h3 > span {
  margin: 0 0 14px;
}
@media (max-width: 991px) {
  .sec-media .content-title > h3 > span {
    margin: 0 0 4px;
  }
}
.sec-media .content-media {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 24px;
}
.sec-media .content-left {
  width: 486px;
  position: relative;
}
@media (max-width: 767px) {
  .sec-media .content-left {
    width: 100%;
  }
}
.sec-media .content-left .wrapper-video {
  margin: 0;
  height: 100%;
}
.sec-media .content-right {
  position: relative;
  width: calc(100% - 510px);
  border-radius: 12px;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 64px 10px;
  gap: 24px 60px;
}
@media (max-width: 1199px) {
  .sec-media .content-right {
    gap: 24px 10px;
  }
}
@media (max-width: 1024px) {
  .sec-media .content-right {
    justify-content: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .sec-media .content-right {
    flex-direction: column;
    width: 100%;
    padding: 11px 20px;
    gap: 14px;
  }
}
.sec-media .content-right > .item {
  position: relative;
}
@media (max-width: 550px) {
  .sec-media .content-right > .item {
    width: 100%;
  }
}
.sec-media .content-right h3 {
  color: #175286;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  margin: 0 0 0px;
}
@media (max-width: 767px) {
  .sec-media .content-right h3 {
    font-size: 14px;
  }
}
.sec-media .content-right ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sec-media .content-right ul > li {
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  .sec-media .content-right ul > li {
    font-size: 14px;
  }
}

.sec-flow {
  padding: 116px 0 120px;
  background: #EEF3F9;
}
@media (max-width: 991px) {
  .sec-flow {
    padding: 57px 0 60px;
  }
}
@media (max-width: 991px) {
  .sec-flow .content-title > h3 {
    margin: 0 0 26px;
  }
}
.sec-flow .content-title > h3 > span {
  margin: 0 0 13px;
}
@media (max-width: 991px) {
  .sec-flow .content-title > h3 > span {
    margin: 0 0 3px;
  }
}
.sec-flow .title-flow {
  color: #175286;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 23px;
}
@media (max-width: 991px) {
  .sec-flow .title-flow {
    font-size: 18px;
    margin: 0 0 15px;
  }
}
.sec-flow .list-flow {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 20px;
}
@media (max-width: 991px) {
  .sec-flow .list-flow {
    gap: 18px;
  }
}
.sec-flow .list-flow .item {
  position: relative;
  width: calc((100% - 80px) / 5);
  border-radius: 12px;
  border: 1px solid #F0F7FA;
  background: #FFF;
  backdrop-filter: blur(5px);
  padding: 22px 10px 51px;
}
@media (max-width: 991px) {
  .sec-flow .list-flow .item {
    width: 100%;
    padding: 12px 20px 12px;
  }
}
.sec-flow .list-flow .item::after {
  content: "";
  width: 10px;
  height: 30px;
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  mask-image: url("../../images/icon/arrow-triangle.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  transform-origin: center;
  background-color: #175286;
}
@media (max-width: 991px) {
  .sec-flow .list-flow .item::after {
    right: auto;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    top: auto;
    bottom: -25px;
  }
}
.sec-flow .list-flow .item:last-child::after {
  content: none;
}
.sec-flow .list-flow p {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.28px;
  padding: 0 20px;
}
@media (max-width: 991px) {
  .sec-flow .list-flow p {
    padding: 0;
    clear: both;
  }
}
.sec-flow .list-flow p.numb {
  color: #175286;
  font-family: "Roboto", sans-serif;
  margin: 0 0 21px;
  letter-spacing: 0;
  padding: 0;
}
@media (max-width: 991px) {
  .sec-flow .list-flow p.numb {
    float: left;
    width: 30px;
    margin: 0;
    line-height: 24px;
  }
}
.sec-flow .list-flow h3 {
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 12px;
  letter-spacing: -1px;
  color: #175286;
  padding: 0 20px;
}
@media (max-width: 991px) {
  .sec-flow .list-flow h3 {
    font-size: 16px;
    letter-spacing: -0.8px;
    float: left;
    width: calc(100% - 30px);
    padding: 0;
    margin: 0 0 7px;
    line-height: normal;
  }
}
.sec-flow .btn-more {
  margin: 55px 0 0;
}
@media (max-width: 991px) {
  .sec-flow .btn-more {
    margin: 38px 0 0;
  }
}

.sec-faq {
  padding: 116px 0 121px;
}
@media (max-width: 991px) {
  .sec-faq {
    padding: 57px 0 60px;
  }
}
.sec-faq .content-title {
  margin: 0 0 43px;
}
@media (max-width: 991px) {
  .sec-faq .content-title {
    margin: 0 0 32px;
  }
}
.sec-faq .content-title > h3 > span {
  margin: 0 0 12px;
}
@media (max-width: 991px) {
  .sec-faq .content-title > h3 > span {
    margin: 0 0 1px;
  }
}
.sec-faq .btn-more {
  margin: 55px 0 0;
}
@media (max-width: 991px) {
  .sec-faq .btn-more {
    margin: 39px 0 0;
  }
}

.sec-manual {
  padding: 116px 0 80px;
  background: #EEF3F9;
}
@media (max-width: 991px) {
  .sec-manual {
    padding: 57px 0 60px;
  }
}
.sec-manual .content-title {
  margin: 0 0 48px;
}
@media (max-width: 991px) {
  .sec-manual .content-title {
    margin: 0 0 33px;
  }
}
@media (max-width: 991px) {
  .sec-manual .content-title > h3 {
    margin: 0 0;
  }
}
.sec-manual .content-title > h3 > span {
  margin: 0 0 14px;
}
@media (max-width: 991px) {
  .sec-manual .content-title > h3 > span {
    margin: 0 0 4px;
  }
}
.sec-manual .list-manual {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 24px;
}
@media (max-width: 991px) {
  .sec-manual .list-manual {
    margin: 0 -12px;
  }
}
.sec-manual .list-manual .item {
  position: relative;
  width: calc((100% - 72px) / 4);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 4px 20px 0px rgba(0, 41, 94, 0.05);
  overflow: hidden;
  color: #454953;
}
@media (max-width: 991px) {
  .sec-manual .list-manual .item {
    width: 100%;
    margin: 0 6px;
  }
}
.sec-manual .list-manual .item:hover {
  color: #454953;
}
.sec-manual .list-manual .item:hover .news-img {
  opacity: 0.8;
}
.sec-manual .list-manual .item:hover .art-ttl {
  color: #175286;
}
.sec-manual .list-manual .item:hover .more {
  opacity: 0.5;
}
.sec-manual .list-manual .news-img {
  transition: all 0.3s ease-in-out;
  aspect-ratio: 282/188;
  background: #bbb;
}
@media (max-width: 991px) {
  .sec-manual .list-manual .news-img {
    aspect-ratio: 302.27/202;
  }
}
.sec-manual .list-manual .news-img > img {
  width: 100%;
}
.sec-manual .list-manual .col-right {
  padding: 16px 10px 17px;
}
@media (max-width: 991px) {
  .sec-manual .list-manual .col-right {
    padding: 9px 10px 13px;
  }
}
.sec-manual .list-manual .col-right .cat {
  border-radius: 2px;
  background: #175286;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  padding: 1px 10px;
  color: #fff;
  display: inline-block;
  margin: 0 0 6px;
}
.sec-manual .list-manual .col-right .art-ttl {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  margin: 0 0 8px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .sec-manual .list-manual .col-right .art-ttl {
    margin: 0 0 2px;
  }
}
.sec-manual .list-manual .col-right .date {
  color: #555;
  font-size: 12px;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .sec-manual .list-manual .col-right .date {
    margin: 0 0 7px;
  }
}
.sec-manual .list-manual .col-right .more {
  transition: all 0.3s ease-in-out;
  text-align: right;
  padding-right: 10px;
}
@media (max-width: 991px) {
  .sec-manual .list-manual .col-right .more {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .sec-manual .list-manual .col-right .more::after {
    width: 6px;
    height: 10px;
    mask-image: url("../../images/icon/arrow-right-610.svg");
    margin-left: 20px;
  }
}
@media (max-width: 991px) {
  .sec-manual .btn-more {
    margin: 41px 0px 0;
  }
}
@media (max-width: 374px) {
  .sec-manual .btn-more {
    margin: 41px 12px 0;
  }
}

.sec-ytb {
  padding: 56px 0 60px;
}
@media (max-width: 991px) {
  .sec-ytb {
    padding: 58px 0 61px;
  }
}
.sec-ytb .content-title {
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .sec-ytb .content-title {
    margin: 0 0 31px;
  }
}
@media (max-width: 991px) {
  .sec-ytb .content-title > h3 {
    margin: 0;
  }
}
.sec-ytb .content-title > h3 > span {
  margin: 0 0 12px;
}
@media (max-width: 991px) {
  .sec-ytb .content-title > h3 > span {
    margin: 0 0 4px;
  }
}
.sec-ytb .btn-more {
  margin: 31px 0 0;
}

.sec-sdgs {
  padding: 116px 0 131px;
  background-image: url("../../images/top/bg-sdgs.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
}
@media (max-width: 991px) {
  .sec-sdgs {
    padding: 56px 0 60px;
    background-image: url("../../images/top/bg-sdgs-sp.jpg");
  }
}
.sec-sdgs .content-title {
  text-align: center;
  color: #2A77A9;
  margin: 0 0 53px;
}
@media (max-width: 991px) {
  .sec-sdgs .content-title {
    text-align: left;
    margin: 0 0 33px;
  }
}
.sec-sdgs .content-title > h3 {
  text-align: center;
  color: #2A77A9;
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .sec-sdgs .content-title > h3 {
    font-size: 26px;
    margin: 0 0 22px;
    letter-spacing: 0;
  }
}
@media (max-width: 374px) {
  .sec-sdgs .content-title > h3 {
    font-size: 24px;
  }
}
.sec-sdgs .content-title > h3 > span {
  color: #2A77A9;
  margin: 0 0 14px;
}
@media (max-width: 991px) {
  .sec-sdgs .content-title > h3 > span {
    font-size: 10px;
    margin: 0 0 3px;
  }
}
.sec-sdgs .content-title p {
  margin: 0 0 17px;
}
@media (max-width: 991px) {
  .sec-sdgs .content-title p {
    margin: 0 0 8px;
  }
}
.sec-sdgs .content-title p:last-child {
  margin: 0;
}
.sec-sdgs .list-efforts {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 24px;
  margin: 0 auto 48px;
  max-width: 996px;
}
@media (max-width: 991px) {
  .sec-sdgs .list-efforts {
    gap: 20px;
    margin: 0 auto 52px;
    max-width: 100%;
  }
}
.sec-sdgs .list-efforts > .item {
  position: relative;
  width: calc((100% - 24px) / 2);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  padding: 30px 31px 21px;
}
@media (max-width: 991px) {
  .sec-sdgs .list-efforts > .item {
    width: 100%;
    padding: 22px 22px;
  }
}
.sec-sdgs .list-efforts > .item > .image {
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .sec-sdgs .list-efforts > .item > .image {
    margin: 0 0 14px;
  }
}
@media (max-width: 991px) {
  .sec-sdgs .list-efforts > .item:last-child {
    padding: 22px 22px 18px;
  }
}
.sec-sdgs .list-efforts > .item:last-child > .image {
  text-align: center;
  margin: 0 0 31px;
}
@media (max-width: 991px) {
  .sec-sdgs .list-efforts > .item:last-child > .image {
    margin: 0 0 20px;
  }
}
.sec-sdgs .list-efforts > .item:last-child > .image > img {
  width: 363px;
  object-fit: contain;
}
@media (max-width: 991px) {
  .sec-sdgs .list-efforts > .item:last-child > .image > img {
    width: 264.333px;
  }
}
.sec-sdgs .list-efforts > .item:last-child .col-bottom p:last-child {
  padding-left: 58px;
}
@media (max-width: 991px) {
  .sec-sdgs .list-efforts > .item:last-child .col-bottom p:last-child {
    padding-left: 13px;
    line-height: 1.2;
  }
}
@media (max-width: 991px) {
  .sec-sdgs .list-efforts > .item:last-child .col-bottom > .image {
    margin-top: 1px;
  }
}
.sec-sdgs .list-efforts .col-bottom {
  display: flex;
  align-items: center;
  margin: 0 -11px;
}
@media (max-width: 991px) {
  .sec-sdgs .list-efforts .col-bottom {
    margin: 0;
    align-items: flex-start;
  }
}
.sec-sdgs .list-efforts .col-bottom > .image {
  width: 60px;
}
@media (max-width: 991px) {
  .sec-sdgs .list-efforts .col-bottom > .image {
    width: 50.5px;
  }
}
.sec-sdgs .list-efforts .col-bottom > p:last-child {
  text-align: center;
  font-weight: 500;
  line-height: 25px;
  padding-left: 16px;
}
@media (max-width: 991px) {
  .sec-sdgs .list-efforts .col-bottom > p:last-child {
    font-size: 12px;
    width: calc(100% - 50.5px);
  }
}
.sec-sdgs .list-efforts .col-bottom > p:last-child i {
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
}
@media (max-width: 991px) {
  .sec-sdgs .list-efforts .col-bottom > p:last-child i {
    font-size: 13px;
  }
}
.sec-sdgs .list-efforts .col-bottom > p:last-child i.fz-22 {
  font-size: 22px;
}
@media (max-width: 991px) {
  .sec-sdgs .list-efforts .col-bottom > p:last-child i.fz-22 {
    font-size: 16px;
  }
}
.sec-sdgs .list-efforts .col-bottom > p:last-child i.fz-20 {
  font-size: 20px;
}
@media (max-width: 991px) {
  .sec-sdgs .list-efforts .col-bottom > p:last-child i.fz-20 {
    font-size: 14px;
  }
}
.sec-sdgs .list-efforts .col-bottom > p:last-child .numb {
  font-size: 30px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 991px) {
  .sec-sdgs .list-efforts .col-bottom > p:last-child .numb {
    font-size: 22px;
  }
}
.sec-sdgs .list-efforts .col-bottom > p:last-child .has-margin {
  display: block;
  margin: 0px 0 0;
}
.sec-sdgs .list-sdgs > h4 {
  color: #175286;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  margin: 0 0 22px;
  text-align: center;
}
@media (max-width: 991px) {
  .sec-sdgs .list-sdgs > h4 {
    font-size: 18px;
    margin: 0 0 22px;
  }
}
.sec-sdgs .list-sdgs .list-logo {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 24px;
}
@media (max-width: 991px) {
  .sec-sdgs .list-sdgs .list-logo {
    gap: 12px 11px;
  }
}
.sec-sdgs .list-sdgs .list-logo > p {
  display: block;
  position: relative;
  width: calc((100% - 120px) / 6);
}
@media (max-width: 991px) {
  .sec-sdgs .list-sdgs .list-logo > p {
    width: calc((100% - 55px) / 6);
  }
}
@media (max-width: 550px) {
  .sec-sdgs .list-sdgs .list-logo > p {
    width: calc((100% - 11px) / 2);
  }
}
.sec-sdgs .list-sdgs .list-logo > p > img {
  height: 60px;
  object-fit: contain;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 550px) {
  .sec-sdgs .list-sdgs .list-logo > p > img {
    height: 58px;
    object-fit: cover;
    border-radius: 3px;
  }
}

.sec-content {
  padding: 56px 0 60px;
  background: #F2F6FC;
}
@media (max-width: 991px) {
  .sec-content {
    padding: 56px 0 61px;
  }
}
.sec-content .content-title {
  margin: 0 0 51px;
}
@media (max-width: 991px) {
  .sec-content .content-title {
    margin: 0 0 33px;
  }
}
.sec-content .content-title > h3 > span {
  margin: 0 0 12px;
}
@media (max-width: 991px) {
  .sec-content .content-title > h3 > span {
    margin: 0 0 4px;
  }
}

.home .content-area {
  margin: 0;
}

#secondary {
  margin-top: 40px;
  margin-bottom: 59px;
}
@media (min-width: 992px) {
  #secondary {
    width: 308px;
    margin-left: -308px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
#secondary .side-widget {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  #secondary .side-widget {
    margin-bottom: 22px;
  }
}
#secondary .side-widget ul {
  margin: 0;
}
#secondary .widget_search {
  margin-bottom: 41px;
}
@media (max-width: 991px) {
  #secondary .widget_search {
    margin-bottom: 21px;
  }
}
#secondary .widget_search h3.widget-title {
  display: none;
}
#secondary h3 {
  margin-bottom: 20px;
  padding: 0px 0px 5px;
  border-bottom: 1px solid rgba(23, 82, 134, 0.3);
  background: transparent;
  font-size: 18px;
  font-weight: 350;
  line-height: 1.6;
  position: relative;
  color: #175286;
}
@media (max-width: 767px) {
  #secondary h3 {
    padding: 0px 0px 2px;
    margin-bottom: 24px;
  }
}
#secondary h3:before {
  content: "";
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  position: absolute;
  right: 0;
  left: auto;
  bottom: 4px;
}
@media (max-width: 767px) {
  #secondary h3:before {
    right: 8px;
    bottom: 3px;
  }
}
#secondary .widget_xeory_postviews,
#secondary .widget_xeory_recentviews, #secondary .recommend-posts {
  margin-bottom: 0;
}
#secondary .widget_xeory_postviews .xeory-subloop,
#secondary .widget_xeory_recentviews .xeory-subloop, #secondary .recommend-posts .xeory-subloop {
  margin: 0;
}
#secondary .widget_xeory_postviews ul li,
#secondary .widget_xeory_recentviews ul li, #secondary .recommend-posts ul li {
  margin-bottom: 12px;
  padding: 0;
}
@media (max-width: 991px) {
  #secondary .widget_xeory_postviews ul li,
  #secondary .widget_xeory_recentviews ul li, #secondary .recommend-posts ul li {
    margin-bottom: 24px;
  }
}
#secondary .widget_xeory_postviews ul li > a,
#secondary .widget_xeory_recentviews ul li > a, #secondary .recommend-posts ul li > a {
  color: #454953;
}
#secondary .widget_xeory_postviews ul li > a:hover .xeory-subloop-image,
#secondary .widget_xeory_recentviews ul li > a:hover .xeory-subloop-image, #secondary .recommend-posts ul li > a:hover .xeory-subloop-image {
  opacity: 0.8;
}
#secondary .widget_xeory_postviews ul li > a:hover h4.xeory-subloop-title,
#secondary .widget_xeory_recentviews ul li > a:hover h4.xeory-subloop-title, #secondary .recommend-posts ul li > a:hover h4.xeory-subloop-title {
  text-decoration: underline;
  color: #175286;
}
#secondary .widget_xeory_postviews ul li > a:hover h4.xeory-subloop-title a,
#secondary .widget_xeory_recentviews ul li > a:hover h4.xeory-subloop-title a, #secondary .recommend-posts ul li > a:hover h4.xeory-subloop-title a {
  background-image: none;
  transition: all 0.3s;
}
#secondary .widget_xeory_postviews ul li > a:hover h4.xeory-subloop-title a:hover,
#secondary .widget_xeory_recentviews ul li > a:hover h4.xeory-subloop-title a:hover, #secondary .recommend-posts ul li > a:hover h4.xeory-subloop-title a:hover {
  text-decoration: underline;
  color: #175286;
}
#secondary .widget_xeory_postviews ul li .xeory-subloop-image,
#secondary .widget_xeory_recentviews ul li .xeory-subloop-image, #secondary .recommend-posts ul li .xeory-subloop-image {
  width: 120px;
  margin: 0 14px 0 0;
  transition: all ease-in-out 0.3s;
  aspect-ratio: 120/80;
  background-color: #bebebe;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 991px) {
  #secondary .widget_xeory_postviews ul li .xeory-subloop-image,
  #secondary .widget_xeory_recentviews ul li .xeory-subloop-image, #secondary .recommend-posts ul li .xeory-subloop-image {
    margin: 0 11px 0 0;
    width: 138px;
    aspect-ratio: 138/92;
  }
}
#secondary .widget_xeory_postviews ul li .xeory-subloop-image:hover,
#secondary .widget_xeory_recentviews ul li .xeory-subloop-image:hover, #secondary .recommend-posts ul li .xeory-subloop-image:hover {
  opacity: 0.8;
}
#secondary .widget_xeory_postviews ul li .xeory-subloop-image > a > img,
#secondary .widget_xeory_recentviews ul li .xeory-subloop-image > a > img, #secondary .recommend-posts ul li .xeory-subloop-image > a > img {
  aspect-ratio: 120/80;
}
@media (max-width: 991px) {
  #secondary .widget_xeory_postviews ul li .xeory-subloop-image > a > img,
  #secondary .widget_xeory_recentviews ul li .xeory-subloop-image > a > img, #secondary .recommend-posts ul li .xeory-subloop-image > a > img {
    aspect-ratio: 138/92;
  }
}
#secondary .widget_xeory_postviews ul li .xeory-subloop-content,
#secondary .widget_xeory_recentviews ul li .xeory-subloop-content, #secondary .recommend-posts ul li .xeory-subloop-content {
  width: calc(100% - 149px);
  float: left;
  margin-top: 5px;
}
@media (max-width: 991px) {
  #secondary .widget_xeory_postviews ul li .xeory-subloop-content,
  #secondary .widget_xeory_recentviews ul li .xeory-subloop-content, #secondary .recommend-posts ul li .xeory-subloop-content {
    margin-top: 10px;
  }
}
#secondary .widget_xeory_postviews ul li .xeory-subloop-content h4,
#secondary .widget_xeory_recentviews ul li .xeory-subloop-content h4, #secondary .recommend-posts ul li .xeory-subloop-content h4 {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  transition: all ease-in-out 0.3s;
  margin: 0 0 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 66px;
}
@media (max-width: 991px) {
  #secondary .widget_xeory_postviews ul li .xeory-subloop-content h4,
  #secondary .widget_xeory_recentviews ul li .xeory-subloop-content h4, #secondary .recommend-posts ul li .xeory-subloop-content h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
  }
}
#secondary .widget_xeory_postviews ul li .xeory-subloop-content h4 a,
#secondary .widget_xeory_recentviews ul li .xeory-subloop-content h4 a, #secondary .recommend-posts ul li .xeory-subloop-content h4 a {
  color: #454953;
  background-image: none;
  transition: all 0.3s;
}
#secondary .widget_xeory_postviews ul li .xeory-subloop-content h4 a:hover,
#secondary .widget_xeory_recentviews ul li .xeory-subloop-content h4 a:hover, #secondary .recommend-posts ul li .xeory-subloop-content h4 a:hover {
  text-decoration: underline;
  color: #175286;
}
#secondary .widget_xeory_postviews ul li .xeory-subloop-content .xeory-subloop-meta,
#secondary .widget_xeory_recentviews ul li .xeory-subloop-content .xeory-subloop-meta, #secondary .recommend-posts ul li .xeory-subloop-content .xeory-subloop-meta {
  display: flex;
  margin: 0;
  flex-wrap: wrap;
}
#secondary .widget_xeory_postviews ul li .xeory-subloop-content .xeory-subloop-meta li,
#secondary .widget_xeory_recentviews ul li .xeory-subloop-content .xeory-subloop-meta li, #secondary .recommend-posts ul li .xeory-subloop-content .xeory-subloop-meta li {
  font-weight: 400;
  font-size: 10px;
  line-height: 1.8;
  color: #888;
  margin: 0;
}
#secondary .widget_xeory_postviews ul li .xeory-subloop-content .xeory-subloop-meta li.date,
#secondary .widget_xeory_recentviews ul li .xeory-subloop-content .xeory-subloop-meta li.date, #secondary .recommend-posts ul li .xeory-subloop-content .xeory-subloop-meta li.date {
  margin-right: 12px;
  position: relative;
}
#secondary .widget_xeory_postviews ul li .xeory-subloop-content .xeory-subloop-meta li.tag,
#secondary .widget_xeory_recentviews ul li .xeory-subloop-content .xeory-subloop-meta li.tag, #secondary .recommend-posts ul li .xeory-subloop-content .xeory-subloop-meta li.tag {
  display: none;
}
#secondary .widget_xeory_postviews ul li .xeory-subloop-content .xeory-subloop-meta li.cat,
#secondary .widget_xeory_recentviews ul li .xeory-subloop-content .xeory-subloop-meta li.cat, #secondary .recommend-posts ul li .xeory-subloop-content .xeory-subloop-meta li.cat {
  color: #080135;
}
#secondary .widget_xeory_postviews ul li:last-child,
#secondary .widget_xeory_recentviews ul li:last-child, #secondary .recommend-posts ul li:last-child {
  margin-bottom: 0;
}
#secondary .widget_xeory_recentviews .widget-content ul li .xeory-subloop-image > a, #secondary .recommend-posts .widget-content ul li .xeory-subloop-image > a {
  display: block;
  background-image: none;
  background-color: #bebebe;
  aspect-ratio: 100/72;
}
@media (max-width: 991px) {
  #secondary .widget_xeory_recentviews .widget-content ul li .xeory-subloop-image > a, #secondary .recommend-posts .widget-content ul li .xeory-subloop-image > a {
    aspect-ratio: 138/92;
  }
}
#secondary .widget_xeory_recentviews .widget-content ul li .xeory-subloop-image > a > img, #secondary .recommend-posts .widget-content ul li .xeory-subloop-image > a > img {
  aspect-ratio: 100/72;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  #secondary .widget_xeory_recentviews .widget-content ul li .xeory-subloop-image > a > img, #secondary .recommend-posts .widget-content ul li .xeory-subloop-image > a > img {
    aspect-ratio: 138/92;
  }
}
#secondary .popular-posts .xeory-subloop-item {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 0 12px;
}
@media (max-width: 991px) {
  #secondary .popular-posts .xeory-subloop-item {
    margin: 0 0 24px;
  }
}
#secondary .popular-posts .xeory-subloop-item a {
  display: inline;
  color: #454953;
}
#secondary .popular-posts .xeory-subloop-item a:hover img {
  opacity: 0.8;
}
#secondary .popular-posts .xeory-subloop-item:last-child {
  margin: 0;
}
#secondary .popular-posts .xeory-subloop-image {
  width: 120px;
  margin: 0 14px 0 0;
  position: relative;
}
@media (max-width: 991px) {
  #secondary .popular-posts .xeory-subloop-image {
    width: 138px;
    margin: 0 11px 0 0;
  }
}
#secondary .popular-posts .xeory-subloop-image > a {
  display: block;
  background-image: none;
  background-color: #bebebe;
  aspect-ratio: 120/80;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 991px) {
  #secondary .popular-posts .xeory-subloop-image > a {
    aspect-ratio: 138/92;
  }
}
#secondary .popular-posts .xeory-subloop-image > a img {
  aspect-ratio: 240/160;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  #secondary .popular-posts .xeory-subloop-image > a img {
    aspect-ratio: 138/92;
  }
}
#secondary .popular-posts .meta {
  list-style: outside none none;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 16px;
  margin: 9px 0 0;
}
#secondary .popular-posts .meta > li {
  font-size: 12px;
  font-weight: 400;
  color: #939393;
}
#secondary .popular-posts .wpp-thumbnail {
  margin: 0 !important;
  float: none;
}
#secondary .popular-posts .xeory-subloop-content {
  width: calc(100% - 134px);
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  color: #000;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  margin-top: 5px;
}
@media (max-width: 767px) {
  #secondary .popular-posts .xeory-subloop-content {
    width: calc(100% - 149px);
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
  }
}
#secondary .popular-posts .xeory-subloop-title > a {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
  margin: 0;
  background-image: none;
  transition: all 0.3s;
  color: #454953;
}
@media (max-width: 767px) {
  #secondary .popular-posts .xeory-subloop-title > a {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 65px;
  }
}
#secondary .popular-posts .xeory-subloop-title > a:hover {
  text-decoration: underline;
  color: #175286;
}
#secondary #menu-category-menu > li {
  margin: 0 0 2px;
}
#secondary #menu-category-menu > li > a {
  display: block;
  background: #EEF3F9;
  padding: 11px 20px 10px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
  position: relative;
  cursor: pointer;
  color: #175286;
}
@media (max-width: 767px) {
  #secondary #menu-category-menu > li > a {
    padding: 11px 18px 10.2px;
  }
}
#secondary #menu-category-menu > li.menu-item-has-children > a::after {
  content: "";
  width: 6px;
  height: 10px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  mask-image: url("../../images/icon/arrow-right-610.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  transform-origin: center;
  background-color: #175286;
}
#secondary #menu-category-menu > li.nav-open {
  margin: 0;
}
#secondary #menu-category-menu > li.nav-open > a::after {
  transform: translateY(-50%) rotate(90deg);
  transition: all 0.3s;
}
#secondary #menu-category-menu .sub-menu {
  margin: 0;
  background: #fff;
}
#secondary #menu-category-menu .sub-menu li {
  padding: 18px 18px 12px 36px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 767px) {
  #secondary #menu-category-menu .sub-menu li {
    padding: 15px 18px 13px 28px;
  }
}
#secondary #menu-category-menu .sub-menu a {
  color: #383838;
  font-size: 13px;
  line-height: 1.6;
  display: block;
  position: relative;
  background-image: none;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  #secondary #menu-category-menu .sub-menu a {
    margin-left: 20px;
  }
}
#secondary #menu-category-menu .sub-menu a:hover {
  color: #175286;
}

@media (min-width: 992px) {
  .single section.breadcrumbs {
    margin: 0 0 79px;
  }
}
.single .site-main {
  padding-right: 408px;
}
@media (max-width: 991px) {
  .single .site-main {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .single .site-main article {
    margin: 0 0 30px;
  }
}
.single .site-main article .entry-content {
  padding: 0;
}
.single article {
  padding: 0;
  border-bottom: 0;
  border: 0 none;
  background: transparent;
  overflow: visible;
}
.single article .bzb-sns-area {
  display: block;
  margin-bottom: 24px;
  padding: 0;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .single article .bzb-sns-area {
    margin-bottom: 33px;
  }
}
@media screen and (max-width: 550px) {
  .single article .bzb-sns-area > ul.bzb-sns-btn {
    margin-bottom: 0px;
    text-align: left;
  }
}
.single article .entry-header {
  float: none;
}
.single article .content-cta {
  background-image: url("../../images/cta/bg-cta-single.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 24px 24px 25px;
  border-radius: 12px;
  overflow: hidden;
  margin: 34px 0 40px;
}
@media (max-width: 991px) {
  .single article .content-cta {
    border-radius: 8px;
    padding: 12px 10px 11px;
  }
}
.single article .content-cta .box-cta {
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(2.5px);
  padding: 20px 78px 30px;
  margin: 0;
}
@media (max-width: 991px) {
  .single article .content-cta .box-cta {
    padding: 24px 10px 29px;
    border-radius: 6px;
  }
}
.single article .content-cta .box-cta > *:not(.title):not(.box-info) {
  padding: 0;
}
.single article .content-cta h3 {
  font-size: 28px;
  color: #fff;
  margin: 0 0 6px;
}
@media (max-width: 991px) {
  .single article .content-cta h3 {
    font-size: 24px;
    margin: 0 0 18px;
  }
}
@media (max-width: 374px) {
  .single article .content-cta h3 {
    font-size: 20px;
  }
}
.single article .content-cta h4 {
  color: #fff;
  font-size: 16px;
  margin: 0 0 23px;
}
@media (max-width: 991px) {
  .single article .content-cta h4 {
    font-size: 14px;
    margin: 0 -10px 24px;
    line-height: 1.5;
    padding: 0;
  }
}
.single article .content-cta .list-btn {
  padding: 0;
  margin: 0 0 30px;
}
@media (max-width: 767px) {
  .single article .content-cta .list-btn {
    gap: 10px;
    margin: 0 0 18px;
  }
}
.single article .content-cta .list-btn > li > a {
  font-weight: 400;
  letter-spacing: 1.6px;
  padding: 9px 26px 8.6px;
}
@media (max-width: 767px) {
  .single article .content-cta .list-btn > li > a {
    font-weight: 500;
    padding: 6px 26px 5.2px;
    letter-spacing: 1.6px;
  }
}
.single article .content-cta .box-info {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: transparent;
  color: #fff;
  padding: 11px 40px 15px;
  margin: 0;
}
@media (max-width: 991px) {
  .single article .content-cta .box-info {
    margin: 0;
    padding: 12px 30px 13px;
  }
}
@media (max-width: 374px) {
  .single article .content-cta .box-info {
    padding: 12px 10px 13px;
  }
}
.single article .content-cta .box-info p:first-child {
  margin: 0 0 15px;
}
.single article .content-cta .box-info p.number > a {
  color: #fff;
}
.single article .content-cta .box-info p.number > a::before {
  background: #fff;
}
.single .entry-header .entry-meta {
  height: auto;
  margin: 0;
  list-style: none;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 550px) {
  .single .entry-header .entry-meta {
    display: block;
  }
}
.single .entry-header .entry-meta:before {
  content: none;
}
.single .entry-header .entry-meta li {
  font-size: 13px;
  line-height: 1.6;
  color: #454953;
  font-weight: 400;
}
@media (max-width: 991px) {
  .single .entry-header .entry-meta li {
    font-size: 12px;
    display: inline-block;
  }
}
.single .entry-header .entry-meta .cat {
  margin-right: 14px;
  color: #fff;
}
@media (max-width: 991px) {
  .single .entry-header .entry-meta .cat {
    margin: 0 0 6px;
    display: block;
  }
}
.single .entry-header .entry-meta .cat a {
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 10px 3px;
  background-color: #175286;
  background-image: none;
  border-radius: 2px;
  margin-right: 10px;
  line-height: normal;
}
@media (max-width: 991px) {
  .single .entry-header .entry-meta .cat a {
    margin-right: 4px;
    padding: 2px 10px 1.8px;
  }
}
.single .entry-header .entry-meta .cat a:hover {
  opacity: 0.8;
}
.single .entry-header .entry-meta .cat a:last-child {
  margin-right: 0;
}
.single .entry-header h1 {
  margin: 15px 0 17px;
  font-size: 36px;
  line-height: 1.4;
  font-weight: 400;
  color: #454953;
}
@media screen and (max-width: 767px) {
  .single .entry-header h1 {
    margin: 7px 0 8px;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: -0.78px;
  }
}
.single .entry-content {
  padding: 0;
  clear: both;
  overflow: visible;
  margin: 0 0 33px;
}
.single .entry-content .entry-thumbnail {
  margin: 0 0 20px 0;
  overflow: hidden;
  float: none;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .single .entry-content .entry-thumbnail {
    margin: 0 0 21px;
  }
}
.single .entry-content .entry-thumbnail > a {
  display: block;
}
.single .entry-content .entry-thumbnail img {
  width: 100%;
  aspect-ratio: 792/529;
  object-fit: cover;
}
@media (max-width: 767px) {
  .single .entry-content .entry-thumbnail img {
    aspect-ratio: 351/234;
  }
}
.single .entry-content .bzb-sns-area .bzb-sns-btn {
  padding-left: 0;
}
.single .entry-content .bzb-sns-area .bzb-sns-btn li {
  font-size: 12px;
}
@media (max-width: 991px) {
  .single .bzb-sns-area {
    text-align: left;
  }
}
.single .bzb-sns-area .bzb-sns-btn {
  padding-left: 0;
  margin-bottom: 0;
}
.single .bzb-sns-area .bzb-sns-btn li {
  font-size: 12px;
  margin-bottom: 0;
  padding: 0 4px;
  line-height: 1;
  margin-left: 0;
  text-indent: 0;
}
.single .bzb-sns-area .bzb-sns-btn li.bzb-facebook {
  max-width: 100px !important;
}
.single .bzb-sns-area .bzb-sns-btn li.bzb-facebook .fb_iframe_widget {
  left: -18px;
}
.single .bzb-sns-area .bzb-sns-btn li.bzb-facebook .fb_iframe_widget iframe {
  width: 120px !important;
}
.single .bzb-sns-area .bzb-sns-btn li.bzb-pocket {
  max-width: 95px !important;
}
.single .bzb-sns-area .bzb-sns-btn li::before {
  content: none;
}
.single .entry-footer {
  border-width: 0;
  padding: 0;
}
.single .entry-footer .bzb-sns-area {
  margin: 0 0 18px;
  padding: 0px;
  text-align: center;
}
@media (max-width: 767px) {
  .single .entry-footer .bzb-sns-area {
    margin: 0 0 28px;
    padding: 0px;
    text-align: left;
  }
}
.single .entry-footer .post-footer-list {
  margin: 0 0 43px;
  padding: 0;
}
@media (max-width: 767px) {
  .single .entry-footer .post-footer-list {
    margin: 0 0 4px;
  }
}
.single .entry-footer .post-footer-list li {
  padding-bottom: 12px;
}
.single .entry-footer .post-footer-list li:before {
  content: none;
}
.single .entry-footer .post-footer-list li > b {
  display: none;
}
.single .entry-footer .post-footer-list li > a {
  color: #fff;
  font-weight: 700;
  font-size: 10px;
  line-height: normal;
  padding: 2.5px 10px;
  background-color: #175286;
  border-radius: 2px;
  margin-right: 7px;
}
@media (max-width: 767px) {
  .single .entry-footer .post-footer-list li > a {
    padding: 2px 10px;
    margin-right: 4px;
  }
}
.single .entry-footer .post-footer-list li > a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.single .entry-footer .post-footer-list li.tag > a {
  color: #175286;
  font-size: 12px;
  font-weight: 400;
  padding: 0 10.5px;
  background-color: transparent;
  margin: 0;
}
@media (max-width: 767px) {
  .single .entry-footer .post-footer-list li.tag > a {
    padding: 0 12px;
  }
}
.single .entry-footer .post-footer-list li.tag > a:first-child {
  padding-left: 0;
}
.single .entry-footer .post-footer-list li.tag > a:last-child {
  padding-right: 0;
}
.single .entry-footer .post-footer-list li.tag > a:hover {
  text-decoration: underline;
}
.single .underpost-widget h3 {
  margin: 0 0 32px;
  padding: 0 0 6px;
  background: transparent;
  position: relative;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.6;
  color: #175286;
  border-bottom: 1px solid #B5C8DB;
}
@media screen and (max-width: 991px) {
  .single .underpost-widget h3 {
    margin: 0 0px 24px;
    padding: 0px 0px 1px;
    font-size: 18px;
  }
}
.single .underpost-widget h3 > span {
  display: inline-block;
  padding-left: 5px;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  top: 3px;
}
.single .widget_xeory_related_posts {
  padding: 0;
  border: 0 none;
  background: transparent;
}
.single .widget_xeory_related_posts .xeory-subloop {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .single .widget_xeory_related_posts .xeory-subloop {
    flex-direction: column;
  }
}
.single .widget_xeory_related_posts .xeory-subloop > .xeory-subloop-item {
  width: calc((100% - 48px) / 3);
  padding: 0;
  margin-right: 24px;
}
@media screen and (max-width: 767px) {
  .single .widget_xeory_related_posts .xeory-subloop > .xeory-subloop-item {
    width: 100%;
    margin: 0 0 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
.single .widget_xeory_related_posts .xeory-subloop > .xeory-subloop-item > * {
  float: none;
  width: 100%;
  margin: 0;
}
.single .widget_xeory_related_posts .xeory-subloop > .xeory-subloop-item .xeory-subloop-image {
  overflow: hidden;
  aspect-ratio: 248/166;
  background: #d9d9d9;
}
@media screen and (max-width: 767px) {
  .single .widget_xeory_related_posts .xeory-subloop > .xeory-subloop-item .xeory-subloop-image {
    width: 138px;
    margin: 0 11px 0 0;
    float: left;
    aspect-ratio: 138/92;
    border-radius: 4px;
  }
}
.single .widget_xeory_related_posts .xeory-subloop > .xeory-subloop-item .xeory-subloop-image img.wp-post-image {
  width: 100%;
}
.single .widget_xeory_related_posts .xeory-subloop > .xeory-subloop-item .xeory-subloop-image a:hover {
  opacity: 0.8;
}
.single .widget_xeory_related_posts .xeory-subloop > .xeory-subloop-item .xeory-subloop-image > a {
  display: block;
  background-image: none;
  aspect-ratio: 248/166;
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .single .widget_xeory_related_posts .xeory-subloop > .xeory-subloop-item .xeory-subloop-image > a {
    aspect-ratio: 138/92;
  }
}
.single .widget_xeory_related_posts .xeory-subloop > .xeory-subloop-item .xeory-subloop-image > a > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single .widget_xeory_related_posts .xeory-subloop > .xeory-subloop-item .xeory-subloop-content {
  padding: 10px 0 22px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.8;
  color: #454953;
}
@media screen and (max-width: 767px) {
  .single .widget_xeory_related_posts .xeory-subloop > .xeory-subloop-item .xeory-subloop-content {
    width: calc(100% - 149px);
    float: left;
    padding: 0;
    position: relative;
    top: 0;
  }
}
.single .widget_xeory_related_posts .xeory-subloop > .xeory-subloop-item:last-child {
  margin: 0;
}
.single .widget_xeory_related_posts .xeory-subloop.list-case .item {
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 4px 20px 0px rgba(0, 41, 94, 0.05);
}
.single .widget_xeory_related_posts .xeory-subloop-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .single .widget_xeory_related_posts .xeory-subloop-title {
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 66px;
  }
}
.single .widget_xeory_related_posts .xeory-subloop-title a {
  color: #454953;
}
.single .widget_xeory_related_posts .xeory-subloop-title a:hover {
  color: #175286;
}
.single .widget_xeory_related_posts .xeory-subloop-meta {
  display: none;
}
.single .widget_social_widget {
  border-bottom: 0;
}
.single .widget_social_widget h3:before {
  content: "\f087";
}
.single .widget_social_widget .xeory-social-twitter {
  padding: 0 0 20px;
}
@media screen and (max-width: 991px) {
  .single .widget_social_widget .xeory-social-twitter {
    margin-bottom: 16px;
  }
}
.single .widget_social_widget .xeory-social-twitter iframe {
  border: 1px solid #f3f3f3 !important;
}
.single .widget_social_widget .xeory-social-twitter iframe .timeline-Widget div {
  border-bottom: 1px solid #eeeeee !important;
}
.single .widget_social_widget .xeory-social-btns ul li a {
  border-radius: 5px;
}
@media screen and (max-width: 340px) {
  .single .widget_social_widget .xeory-social-btns ul li a {
    padding: 10px;
  }
}
.single .widget_social_widget .xeory-social-facebook {
  padding: 0 8px 32px;
  width: 100%;
}
.single .post-author {
  padding: 0;
  border: 0 none;
  background: transparent;
  margin: 0 0 32px;
}
@media screen and (max-width: 767px) {
  .single .post-author {
    margin: 0 0 30px;
  }
}
.single .post-author .post-author-inner {
  padding: 23px 24px 17px;
  border-radius: 12px;
  border: 1px solid #D9D9D9;
  background: #FFF;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
@media screen and (max-width: 767px) {
  .single .post-author .post-author-inner {
    border-radius: 4px;
    display: block;
    padding: 29px 23px 26px 24px;
  }
}
.single .post-author .post-author-inner .post-author-img {
  width: 88px;
  height: 88px;
  margin-right: 18px;
}
@media (max-width: 767px) {
  .single .post-author .post-author-inner .post-author-img {
    width: 80px;
    height: 80px;
    float: left;
    margin: 0 19px 0 0;
  }
}
.single .post-author .post-author-inner .post-author-img .inner {
  width: 88px;
  height: 88px;
  overflow: hidden;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}
@media (max-width: 767px) {
  .single .post-author .post-author-inner .post-author-img .inner {
    width: 80px;
    height: 80px;
  }
}
.single .post-author .post-author-inner .post-author-img .inner img {
  height: 100%;
  max-width: initial;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.single .post-author .post-author-inner .post-author-meta {
  font-size: 16px;
  margin: 0;
  width: calc(100% - 106px);
}
@media (max-width: 767px) {
  .single .post-author .post-author-inner .post-author-meta {
    width: 100%;
    margin-left: 98px;
    margin-top: 11px;
  }
}
.single .post-author .post-author-inner .author {
  color: #175286;
}
.single .post-author .author-name {
  line-height: 1.6;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 7px;
  text-align: left;
}
@media (max-width: 767px) {
  .single .post-author .author-name {
    margin-bottom: 33px;
    font-weight: 700;
    width: calc(100% - 100px);
  }
}
.single .post-author .author-name span {
  font-size: 13px;
  font-weight: 500;
  margin-right: 8px;
  position: relative;
  color: #454953;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .single .post-author .author-name span {
    margin: 0 12px 4px 0;
    font-size: 12px;
    font-weight: 700;
  }
}
.single .post-author .author-name span:last-child {
  color: #454953;
  padding-left: 10px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .single .post-author .author-name span:last-child {
    font-size: 12px;
    padding-left: 0;
    display: block;
    margin: 7px 0 0 0;
    text-indent: -9px;
  }
}
.single .post-author .author-name span > a {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
  color: #175286;
  position: relative;
}
.single .post-author .author-name span > a:hover {
  text-decoration: underline;
}
@media (min-width: 551px) {
  .single .post-author .author-name br {
    display: none;
  }
}
.single .post-author .author-des {
  font-size: 12px;
  font-weight: 500;
  margin: 0;
}
@media (max-width: 767px) {
  .single .post-author .author-des {
    margin: 0 0 0 -99px;
    width: 100%;
    text-align: left;
    font-size: 13px;
    line-height: 1.6;
    font-weight: 400;
  }
}
.single .author-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  margin: 0 0 31px;
  padding: 0 9px 0 0;
  gap: 0 5px;
}
@media (max-width: 767px) {
  .single .author-top {
    margin: 0 0 25px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.single .author-top .author-inner {
  display: flex;
  flex-wrap: wrap;
  background-color: transparent;
  align-items: center;
}
.single .author-top .author-img {
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
}
@media (max-width: 767px) {
  .single .author-top .author-img {
    width: 48px;
    height: 48px;
  }
}
.single .author-top .author-img > img {
  max-width: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.single .author-top .author-mini {
  width: calc(100% - 64px);
  padding-left: 13px;
  position: relative;
  top: 2px;
}
@media (max-width: 767px) {
  .single .author-top .author-mini {
    width: calc(100% - 48px);
    padding-left: 6px;
    top: 0;
  }
}
.single .author-top .author-name {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .single .author-top .author-name {
    font-size: 14px;
    margin-bottom: 3px;
  }
}
.single .author-top .author-name > span {
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
  margin-right: 10px;
  position: relative;
  color: #fff;
  border: 1px solid #175286;
  background: #175286;
  display: inline-block;
  vertical-align: middle;
  padding: 1px 9px 2px;
  border-radius: 2px;
  top: -1px;
}
@media (max-width: 767px) {
  .single .author-top .author-name > span {
    padding: 1px 9px;
  }
}
.single .author-top .author-des {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  max-width: 180px;
}
@media (max-width: 767px) {
  .single .author-top .author-des {
    font-size: 10px;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .single .author-top .author-des br {
    display: none;
  }
}
.single .author-top .txt {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #454953;
}
@media (max-width: 767px) {
  .single .author-top .txt {
    margin: 0 0 20px;
  }
}
.single #xeory_related_posts-2, .single #xeory_related_posts-4 {
  display: none;
}
.single #xeory_related_posts-3 {
  display: block;
}

.page:not(.page-post-list) article {
  padding: 0;
  border: 0 none;
  background: transparent;
}
.page:not(.page-post-list) .entry-thumbnail {
  margin: 0;
}

.page-contact section.breadcrumbs, .page-confirm section.breadcrumbs {
  margin: 0 0 60px;
}
@media (max-width: 991px) {
  .page-contact section.breadcrumbs, .page-confirm section.breadcrumbs {
    margin: 0 0 39px;
  }
}
.page-contact .contact-form, .page-confirm .contact-form {
  padding: 12px 0 36px;
}
@media (max-width: 991px) {
  .page-contact .contact-form, .page-confirm .contact-form {
    padding: 0px 0 60px;
  }
}
.page-contact .form-content, .page-confirm .form-content {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 24px 80px;
}
@media (max-width: 991px) {
  .page-contact .form-content, .page-confirm .form-content {
    gap: 23px;
  }
}
.page-contact .form-intro, .page-contact .form-main, .page-confirm .form-intro, .page-confirm .form-main {
  position: relative;
}
.page-contact .form-intro, .page-confirm .form-intro {
  width: calc(100% - 612px);
  text-align: center;
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0px 4px 20px 0px rgba(0, 41, 94, 0.05);
  padding: 47px 50px 60px;
  margin: 8px 0 0;
}
@media (max-width: 991px) {
  .page-contact .form-intro, .page-confirm .form-intro {
    width: 100%;
    border-radius: 12px;
    padding: 13px 10px 18px;
    margin: 0;
  }
}
.page-contact .form-intro h2, .page-confirm .form-intro h2 {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 -38px 12px -20px;
  color: #175286;
}
@media (max-width: 991px) {
  .page-contact .form-intro h2, .page-confirm .form-intro h2 {
    font-size: 20px;
    margin: 0 -20px 8px;
  }
}
@media (max-width: 374px) {
  .page-contact .form-intro h2, .page-confirm .form-intro h2 {
    font-size: 16px;
    margin-left: 0;
    margin-right: 0;
  }
}
.page-contact .form-intro p, .page-confirm .form-intro p {
  margin: 0 0 8px;
}
@media (max-width: 991px) {
  .page-contact .form-intro p, .page-confirm .form-intro p {
    font-size: 12px;
    margin: 0 0 4px;
  }
}
@media (max-width: 374px) {
  .page-contact .form-intro p, .page-confirm .form-intro p {
    font-size: 10px;
  }
}
.page-contact .form-intro .list-intro, .page-confirm .form-intro .list-intro {
  list-style: outside none none;
  margin: 32px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 15px 15px;
}
@media (max-width: 991px) {
  .page-contact .form-intro .list-intro, .page-confirm .form-intro .list-intro {
    gap: 3.5px;
    margin: 15px 0 0;
  }
}
.page-contact .form-intro .list-intro > li, .page-confirm .form-intro .list-intro > li {
  position: relative;
  width: calc((100% - 15px) / 2);
  padding: 18px 10px 17.4px;
  border-radius: 12px;
  background: rgba(238, 243, 249, 0.3);
  backdrop-filter: blur(12px);
  color: #175286;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .page-contact .form-intro .list-intro > li, .page-confirm .form-intro .list-intro > li {
    width: calc((100% - 7px) / 3);
    font-size: 10px;
    padding: 10px 4px 11px;
  }
}
@media (max-width: 374px) {
  .page-contact .form-intro .list-intro > li, .page-confirm .form-intro .list-intro > li {
    font-size: 8px;
  }
}
.page-contact .form-intro .list-intro > li:first-child, .page-confirm .form-intro .list-intro > li:first-child {
  width: 100%;
  padding: 10px 10px 9.6px;
}
@media (max-width: 991px) {
  .page-contact .form-intro .list-intro > li:first-child, .page-confirm .form-intro .list-intro > li:first-child {
    width: calc((100% - 7px) / 3);
    padding: 10px 4px 11px;
  }
}
.page-contact .form-main, .page-confirm .form-main {
  width: 532px;
}
@media (max-width: 991px) {
  .page-contact .form-main, .page-confirm .form-main {
    width: 100%;
  }
}
.page-contact .form-main .mw_wp_form_confirm .form-wrap .row-right > div.postal, .page-confirm .form-main .mw_wp_form_confirm .form-wrap .row-right > div.postal {
  padding-left: 18px;
}
.page-contact .form-main .mw_wp_form_confirm .form-wrap .row-right > div.postal::before, .page-confirm .form-main .mw_wp_form_confirm .form-wrap .row-right > div.postal::before {
  left: 0;
}
.page-contact .form-main .mw_wp_form_confirm .form-wrap .btn-backBtn, .page-confirm .form-main .mw_wp_form_confirm .form-wrap .btn-backBtn {
  margin: 0 0 10px;
}
.page-contact .form-main .wpcf7-not-valid-tip, .page-confirm .form-main .wpcf7-not-valid-tip {
  font-size: 93%;
  color: #B70000;
  display: block;
}
.page-contact .form-main form > p, .page-confirm .form-main form > p {
  font-weight: 500;
  letter-spacing: 0.8px;
  margin: 0 0 15px;
}
.page-contact .form-main form .required, .page-confirm .form-main form .required {
  color: #C63434;
}
.page-contact .form-wrap .required, .page-confirm .form-wrap .required {
  margin-left: 5px;
}
.page-contact .form-wrap .form-row, .page-confirm .form-wrap .form-row {
  margin: 0 0 18px;
}
.page-contact .form-wrap .row-left, .page-confirm .form-wrap .row-left {
  font-weight: 500;
  letter-spacing: 0.8px;
  display: block;
  margin: 0 0 6px;
  color: #175286;
  line-height: normal;
}
.page-contact .form-wrap .row-right > div, .page-confirm .form-wrap .row-right > div {
  margin: 0 0 10px;
}
.page-contact .form-wrap .row-right > div:last-child, .page-confirm .form-wrap .row-right > div:last-child {
  margin: 0;
}
.page-contact .form-wrap .row-right > div.postal input, .page-contact .form-wrap .row-right > div.city input, .page-confirm .form-wrap .row-right > div.postal input, .page-confirm .form-wrap .row-right > div.city input {
  max-width: 295px;
}
@media (max-width: 991px) {
  .page-contact .form-wrap .row-right > div.postal input, .page-contact .form-wrap .row-right > div.city input, .page-confirm .form-wrap .row-right > div.postal input, .page-confirm .form-wrap .row-right > div.city input {
    max-width: 100%;
  }
}
.page-contact .form-wrap .row-right > div.postal, .page-confirm .form-wrap .row-right > div.postal {
  position: relative;
}
.page-contact .form-wrap .row-right > div.postal::before, .page-confirm .form-wrap .row-right > div.postal::before {
  content: "〒";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.7px;
  z-index: 2;
}
.page-contact .form-wrap .row-right > div.postal input, .page-confirm .form-wrap .row-right > div.postal input {
  padding-left: 34px;
}
.page-contact .form-wrap .row-right.horizontal-align, .page-confirm .form-wrap .row-right.horizontal-align {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 40px;
}
.page-contact .form-wrap .row-right.horizontal-align .mwform-radio-field, .page-confirm .form-wrap .row-right.horizontal-align .mwform-radio-field {
  margin: 0;
}
.page-contact .form-wrap .row-right .wpcf7-form-control-wrap[data-name=your-option] .wpcf7-radio, .page-confirm .form-wrap .row-right .wpcf7-form-control-wrap[data-name=your-option] .wpcf7-radio {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 40px;
}
.page-contact .form-wrap .row-right .wpcf7-form-control-wrap[data-name=your-option] .wpcf7-radio > span, .page-confirm .form-wrap .row-right .wpcf7-form-control-wrap[data-name=your-option] .wpcf7-radio > span {
  margin: 0;
}
.page-contact .form-wrap input, .page-contact .form-wrap textarea, .page-confirm .form-wrap input, .page-confirm .form-wrap textarea {
  border-radius: 3px;
  border: 1px solid #ADC3D7;
  background: #FFF;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.7px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
}
.page-contact .form-wrap input::-webkit-input-placeholder, .page-contact .form-wrap textarea::-webkit-input-placeholder, .page-confirm .form-wrap input::-webkit-input-placeholder, .page-confirm .form-wrap textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(23, 82, 134, 0.3);
}
.page-contact .form-wrap input::-moz-placeholder, .page-contact .form-wrap textarea::-moz-placeholder, .page-confirm .form-wrap input::-moz-placeholder, .page-confirm .form-wrap textarea::-moz-placeholder { /* Firefox 19+ */
  color: rgba(23, 82, 134, 0.3);
}
.page-contact .form-wrap input:-ms-input-placeholder, .page-contact .form-wrap textarea:-ms-input-placeholder, .page-confirm .form-wrap input:-ms-input-placeholder, .page-confirm .form-wrap textarea:-ms-input-placeholder { /* IE 10+ */
  color: rgba(23, 82, 134, 0.3);
}
.page-contact .form-wrap input:-moz-placeholder, .page-contact .form-wrap textarea:-moz-placeholder, .page-confirm .form-wrap input:-moz-placeholder, .page-confirm .form-wrap textarea:-moz-placeholder { /* Firefox 18- */
  color: rgba(23, 82, 134, 0.3);
}
.page-contact .form-wrap input::-webkit-input-selection, .page-contact .form-wrap textarea::-webkit-input-selection, .page-confirm .form-wrap input::-webkit-input-selection, .page-confirm .form-wrap textarea::-webkit-input-selection { /* Chrome/Opera/Safari */
  color: rgba(23, 82, 134, 0.3);
}
.page-contact .form-wrap input::-moz-selection, .page-contact .form-wrap textarea::-moz-selection, .page-confirm .form-wrap input::-moz-selection, .page-confirm .form-wrap textarea::-moz-selection { /* Firefox 19+ */
  color: rgba(23, 82, 134, 0.3);
}
.page-contact .form-wrap input:-ms-input-selection, .page-contact .form-wrap textarea:-ms-input-selection, .page-confirm .form-wrap input:-ms-input-selection, .page-confirm .form-wrap textarea:-ms-input-selection { /* IE 10+ */
  color: rgba(23, 82, 134, 0.3);
}
.page-contact .form-wrap input:-moz-selection, .page-contact .form-wrap textarea:-moz-selection, .page-confirm .form-wrap input:-moz-selection, .page-confirm .form-wrap textarea:-moz-selection { /* Firefox 18- */
  color: rgba(23, 82, 134, 0.3);
}
.page-contact .form-wrap textarea, .page-confirm .form-wrap textarea {
  min-height: 110px;
  line-height: normal;
  padding: 10px;
  display: block;
  padding: 4px 10px;
}
.page-contact .form-wrap .mwform-radio-field, .page-contact .form-wrap .wpcf7-radio > span, .page-confirm .form-wrap .mwform-radio-field, .page-confirm .form-wrap .wpcf7-radio > span {
  margin: 0 0 10px;
  display: block;
}
.page-contact .form-wrap .mwform-radio-field input[type=radio], .page-contact .form-wrap .wpcf7-radio > span input[type=radio], .page-confirm .form-wrap .mwform-radio-field input[type=radio], .page-confirm .form-wrap .wpcf7-radio > span input[type=radio] {
  width: auto;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  height: auto;
  padding: 0;
  margin: 0;
}
.page-contact .form-wrap .mwform-radio-field input[type=radio]:checked + .mwform-radio-field-text::before, .page-contact .form-wrap .mwform-radio-field input[type=radio]:checked + .wpcf7-list-item-label::before, .page-contact .form-wrap .wpcf7-radio > span input[type=radio]:checked + .mwform-radio-field-text::before, .page-contact .form-wrap .wpcf7-radio > span input[type=radio]:checked + .wpcf7-list-item-label::before, .page-confirm .form-wrap .mwform-radio-field input[type=radio]:checked + .mwform-radio-field-text::before, .page-confirm .form-wrap .mwform-radio-field input[type=radio]:checked + .wpcf7-list-item-label::before, .page-confirm .form-wrap .wpcf7-radio > span input[type=radio]:checked + .mwform-radio-field-text::before, .page-confirm .form-wrap .wpcf7-radio > span input[type=radio]:checked + .wpcf7-list-item-label::before {
  opacity: 1;
}
.page-contact .form-wrap .mwform-radio-field .mwform-radio-field-text, .page-contact .form-wrap .mwform-radio-field .wpcf7-list-item-label, .page-contact .form-wrap .wpcf7-radio > span .mwform-radio-field-text, .page-contact .form-wrap .wpcf7-radio > span .wpcf7-list-item-label, .page-confirm .form-wrap .mwform-radio-field .mwform-radio-field-text, .page-confirm .form-wrap .mwform-radio-field .wpcf7-list-item-label, .page-confirm .form-wrap .wpcf7-radio > span .mwform-radio-field-text, .page-confirm .form-wrap .wpcf7-radio > span .wpcf7-list-item-label {
  font-weight: 500;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.7px;
  margin-left: 0;
  padding-left: 30px;
  position: relative;
  cursor: pointer;
  display: block;
}
.page-contact .form-wrap .mwform-radio-field .mwform-radio-field-text::before, .page-contact .form-wrap .mwform-radio-field .mwform-radio-field-text::after, .page-contact .form-wrap .mwform-radio-field .wpcf7-list-item-label::before, .page-contact .form-wrap .mwform-radio-field .wpcf7-list-item-label::after, .page-contact .form-wrap .wpcf7-radio > span .mwform-radio-field-text::before, .page-contact .form-wrap .wpcf7-radio > span .mwform-radio-field-text::after, .page-contact .form-wrap .wpcf7-radio > span .wpcf7-list-item-label::before, .page-contact .form-wrap .wpcf7-radio > span .wpcf7-list-item-label::after, .page-confirm .form-wrap .mwform-radio-field .mwform-radio-field-text::before, .page-confirm .form-wrap .mwform-radio-field .mwform-radio-field-text::after, .page-confirm .form-wrap .mwform-radio-field .wpcf7-list-item-label::before, .page-confirm .form-wrap .mwform-radio-field .wpcf7-list-item-label::after, .page-confirm .form-wrap .wpcf7-radio > span .mwform-radio-field-text::before, .page-confirm .form-wrap .wpcf7-radio > span .mwform-radio-field-text::after, .page-confirm .form-wrap .wpcf7-radio > span .wpcf7-list-item-label::before, .page-confirm .form-wrap .wpcf7-radio > span .wpcf7-list-item-label::after {
  position: absolute;
  content: "";
  display: block;
}
.page-contact .form-wrap .mwform-radio-field .mwform-radio-field-text::before, .page-contact .form-wrap .mwform-radio-field .wpcf7-list-item-label::before, .page-contact .form-wrap .wpcf7-radio > span .mwform-radio-field-text::before, .page-contact .form-wrap .wpcf7-radio > span .wpcf7-list-item-label::before, .page-confirm .form-wrap .mwform-radio-field .mwform-radio-field-text::before, .page-confirm .form-wrap .mwform-radio-field .wpcf7-list-item-label::before, .page-confirm .form-wrap .wpcf7-radio > span .mwform-radio-field-text::before, .page-confirm .form-wrap .wpcf7-radio > span .wpcf7-list-item-label::before {
  top: 2px;
  left: 6px;
  width: 8px;
  height: 14px;
  border-right: 2px solid #175286;
  border-bottom: 2px solid #175286;
  transform: rotate(45deg);
  opacity: 0;
  z-index: 1;
}
.page-contact .form-wrap .mwform-radio-field .mwform-radio-field-text::after, .page-contact .form-wrap .mwform-radio-field .wpcf7-list-item-label::after, .page-contact .form-wrap .wpcf7-radio > span .mwform-radio-field-text::after, .page-contact .form-wrap .wpcf7-radio > span .wpcf7-list-item-label::after, .page-confirm .form-wrap .mwform-radio-field .mwform-radio-field-text::after, .page-confirm .form-wrap .mwform-radio-field .wpcf7-list-item-label::after, .page-confirm .form-wrap .wpcf7-radio > span .mwform-radio-field-text::after, .page-confirm .form-wrap .wpcf7-radio > span .wpcf7-list-item-label::after {
  left: 0;
  top: 1px;
  margin: 0px 0 0;
  width: 20px;
  height: 20px;
  border: 1px solid #ADC3D7;
  border-radius: 3px;
  background: #fff;
}
.page-contact .form-wrap .mwform-radio-field + .horizontal-item, .page-contact .form-wrap .wpcf7-radio > span + .horizontal-item, .page-confirm .form-wrap .mwform-radio-field + .horizontal-item, .page-confirm .form-wrap .wpcf7-radio > span + .horizontal-item {
  margin-left: 0;
}
.page-contact .form-wrap .mwform-radio-field + .horizontal-item:last-child, .page-contact .form-wrap .wpcf7-radio > span + .horizontal-item:last-child, .page-confirm .form-wrap .mwform-radio-field + .horizontal-item:last-child, .page-confirm .form-wrap .wpcf7-radio > span + .horizontal-item:last-child {
  margin: 0;
}
.page-contact .form-wrap .submit-btn, .page-confirm .form-wrap .submit-btn {
  margin: 24px 0 0;
}
@media (max-width: 991px) {
  .page-contact .form-wrap .submit-btn, .page-confirm .form-wrap .submit-btn {
    margin: 25px 0 0;
  }
}
.page-contact .form-wrap .submit-btn .input-wrapper, .page-confirm .form-wrap .submit-btn .input-wrapper {
  position: relative;
}
.page-contact .form-wrap .submit-btn .input-wrapper::after, .page-confirm .form-wrap .submit-btn .input-wrapper::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 10px;
  mask-image: url("../../images/icon/arrow-right-610.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
}
@media (max-width: 991px) {
  .page-contact .form-wrap .submit-btn .input-wrapper::after, .page-confirm .form-wrap .submit-btn .input-wrapper::after {
    mask-image: url("../../images/icon/arrow-right-58.svg");
    width: 5px;
    height: 8px;
  }
}
.page-contact .form-wrap .submit-btn .input-wrapper .wpcf7-spinner, .page-confirm .form-wrap .submit-btn .input-wrapper .wpcf7-spinner {
  position: absolute;
  content: "";
}
.page-contact .form-wrap .submit-btn input[type=submit], .page-confirm .form-wrap .submit-btn input[type=submit] {
  border-radius: 6px;
  background: #175286;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  padding: 0 40px;
  border-color: #175286;
  transition: all 0.3s;
  box-shadow: 0px 4px 20px 0px rgba(0, 41, 94, 0.05);
  backdrop-filter: blur(5px);
  letter-spacing: 0;
}
@media (max-width: 991px) {
  .page-contact .form-wrap .submit-btn input[type=submit], .page-confirm .form-wrap .submit-btn input[type=submit] {
    font-weight: 500;
    letter-spacing: 1.6px;
    height: 42px;
    line-height: 42px;
  }
}
.page-contact .form-wrap .submit-btn input[type=submit]:hover, .page-contact .form-wrap .submit-btn input[type=submit]:focus, .page-confirm .form-wrap .submit-btn input[type=submit]:hover, .page-confirm .form-wrap .submit-btn input[type=submit]:focus {
  opacity: 0.8;
}

.post-type-archive-faq section.breadcrumbs {
  margin: 0 0 80px;
}
@media (max-width: 991px) {
  .post-type-archive-faq section.breadcrumbs {
    margin: 0 0 39px;
  }
}
.post-type-archive-faq .site-main {
  padding-right: 0;
}
.post-type-archive-faq .site-content {
  padding-bottom: 16px;
}
@media (max-width: 991px) {
  .post-type-archive-faq .site-content {
    padding-bottom: 59px;
  }
}
.post-type-archive-faq .list-cat {
  list-style: outside none none;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin: 0 0 25px;
}
@media (max-width: 991px) {
  .post-type-archive-faq .list-cat {
    gap: 10px;
    margin: 0 0 0px;
  }
}
.post-type-archive-faq .list-cat > li {
  position: relative;
  width: calc((100% - 48px) / 3);
}
@media (max-width: 991px) {
  .post-type-archive-faq .list-cat > li {
    width: calc((100% - 24px) / 2);
  }
}
@media (max-width: 550px) {
  .post-type-archive-faq .list-cat > li {
    width: 100%;
  }
}
.post-type-archive-faq .list-cat > li > a {
  display: block;
  color: #454953;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  padding: 8px 38px 7.2px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: -2px -2px 4px 0px rgba(255, 255, 255, 0.3), 4px 4px 20px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 991px) {
  .post-type-archive-faq .list-cat > li > a {
    font-size: 14px;
    padding: 8px 38px 8.8px;
  }
}
.post-type-archive-faq .list-cat > li > a::after {
  position: absolute;
  content: "";
  width: 14px;
  height: 8px;
  mask-image: url("../../images/icon/arrow-down-814.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #1C1B1F;
}
@media (max-width: 991px) {
  .post-type-archive-faq .list-cat > li > a::after {
    right: 21px;
  }
}
.post-type-archive-faq .faq-item {
  padding: 40px 0 0;
}
@media (max-width: 991px) {
  .post-type-archive-faq .faq-item {
    padding: 32px 0 0;
  }
}
.post-type-archive-faq .faq-item h2 {
  font-size: 36px;
  font-weight: 350;
  margin: 0 0 17px;
  line-height: normal;
  color: #175286;
}
@media (max-width: 991px) {
  .post-type-archive-faq .faq-item h2 {
    font-size: 24px;
    margin: 0 0 20px;
  }
}
.page-service .list-solution, .page-template-temp-service .list-solution {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 24px;
  margin: 24px 0 0;
}
@media (max-width: 991px) {
  .page-service .list-solution, .page-template-temp-service .list-solution {
    margin: 20px 0 0;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .page-service .list-solution, .page-template-temp-service .list-solution {
    gap: 10px;
  }
}
.page-service .list-solution > .item, .page-template-temp-service .list-solution > .item {
  position: relative;
  width: calc((100% - 24px) / 2);
  padding: 29px 30px 25px;
  border-radius: 12px;
  border: 1px solid #F0F7FA;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
}
@media (max-width: 991px) {
  .page-service .list-solution > .item, .page-template-temp-service .list-solution > .item {
    padding: 20px 8px 24px 10px;
  }
}
@media (max-width: 767px) {
  .page-service .list-solution > .item, .page-template-temp-service .list-solution > .item {
    width: 100%;
  }
}
.page-service .list-solution h4, .page-template-temp-service .list-solution h4 {
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 20px;
  line-height: normal;
  color: #175286;
  display: flex;
  align-items: center;
  gap: 0 10px;
}
@media (max-width: 991px) {
  .page-service .list-solution h4, .page-template-temp-service .list-solution h4 {
    align-items: flex-start;
    margin: 0 0 13px;
  }
}
@media (max-width: 374px) {
  .page-service .list-solution h4, .page-template-temp-service .list-solution h4 {
    font-size: 14px;
  }
}
.page-service .list-solution ul, .page-template-temp-service .list-solution ul {
  list-style: outside none none;
  margin: 0px 0 0;
  padding: 0;
}
.page-service .list-solution ul li, .page-template-temp-service .list-solution ul li {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  display: flex;
  margin: 0 0 14px;
}
@media (max-width: 991px) {
  .page-service .list-solution ul li, .page-template-temp-service .list-solution ul li {
    margin: 0 0 10px;
  }
}
@media (max-width: 374px) {
  .page-service .list-solution ul li, .page-template-temp-service .list-solution ul li {
    font-size: 13px;
  }
}
.page-service .list-solution ul li::before, .page-template-temp-service .list-solution ul li::before {
  content: "";
  display: inline-block;
  margin-right: 9px;
  width: 8px;
  height: 8px;
  background: #175286;
  border-radius: 3px;
  position: relative;
  top: 8px;
}
@media (max-width: 991px) {
  .page-service .list-solution ul li::before, .page-template-temp-service .list-solution ul li::before {
    top: 6px;
  }
}
.page-service .list-solution ul li:last-child, .page-template-temp-service .list-solution ul li:last-child {
  margin: 0;
}

.page-service section.breadcrumbs {
  margin: 0 0 56px;
}
@media (max-width: 991px) {
  .page-service section.breadcrumbs {
    margin: 0 0 24px;
  }
}
.page-service .content-area {
  margin: 0;
}
.page-service .content-service {
  padding: 8px 0 0;
}
.page-service .content-intro {
  text-align: center;
  margin: 0 0 73px;
}
@media (max-width: 991px) {
  .page-service .content-intro {
    text-align: left;
    margin: 0 0 53px;
    font-size: 14px;
  }
}
.page-service .content-intro h2 {
  font-size: 36px;
  font-weight: 350;
  line-height: 1.4;
  margin: 0 0 41px;
  color: #175286;
}
@media (max-width: 1024px) {
  .page-service .content-intro h2 {
    font-size: 28px;
  }
}
@media (max-width: 991px) {
  .page-service .content-intro h2 {
    font-size: 24px;
    margin: 0 0 24px;
  }
}
@media (max-width: 374px) {
  .page-service .content-intro h2 {
    font-size: 20px;
  }
}
.page-service .tag {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  display: flex;
}
.page-service .tag > li {
  background: #175286;
  color: #fff;
  padding: 1px 10px;
  margin-right: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .page-service .tag > li {
    padding: 2px 10px;
    font-size: 10px;
    border-radius: 2px;
  }
}
.page-service .tag > li.corporations {
  background: #175286;
}
.page-service .tag > li.home-use {
  background: #2A77A9;
}
.page-service .tag > li:last-child {
  margin: 0;
}
.page-service .list-link {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
  padding: 0 24px;
}
@media (max-width: 991px) {
  .page-service .list-link {
    gap: 10px;
    padding: 0 12px;
  }
}
.page-service .list-link > .item {
  position: relative;
  width: calc((100% - 48px) / 3);
  margin: 0 12px 24px;
}
@media (max-width: 991px) {
  .page-service .list-link > .item {
    width: calc((100% - 24px) / 2);
    margin: 0;
  }
}
@media (max-width: 550px) {
  .page-service .list-link > .item {
    width: 100%;
  }
}
.page-service .list-link > .item:first-child, .page-service .list-link > .item:nth-child(4) {
  margin-left: 0;
}
.page-service .list-link > .item:nth-child(3), .page-service .list-link > .item:last-child {
  margin-right: 0;
}
.page-service .list-link > .item:nth-child(n+4) {
  width: calc((100% - 72px) / 4);
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .page-service .list-link > .item:nth-child(n+4) {
    width: calc((100% - 24px) / 2);
  }
}
@media (max-width: 550px) {
  .page-service .list-link > .item:nth-child(n+4) {
    width: 100%;
  }
}
.page-service .list-link > .item > a {
  background: #FFF;
  border-radius: 12px;
  box-shadow: -2px -2px 4px 0px rgba(255, 255, 255, 0.3), 4px 4px 20px 0px rgba(0, 0, 0, 0.05);
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 26px 10px;
  position: relative;
  color: #454953;
}
@media (max-width: 991px) {
  .page-service .list-link > .item > a {
    padding: 22px 10px 21.2px;
  }
}
.page-service .list-link > .item > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 15px;
  height: 8px;
  mask-image: url("../../images/icon/arrow-down-814.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  background-color: #175286;
}
.page-service .list-link > .item > a > p {
  display: flex;
  align-items: center;
}
.page-service .list-link .tag {
  position: absolute;
  top: 5px;
  left: 5px;
}
.page-service .list-link .tag > li {
  font-size: 10px;
  padding: 2px 10px 1.5px;
}
@media (max-width: 991px) {
  .page-service .list-link .tag > li {
    font-size: 8px;
    padding: 1px 10px;
    border-radius: 4px;
  }
}
.page-service .list-link .icon-service05 {
  width: 28px;
  height: 22px;
}
@media (max-width: 991px) {
  .page-service .list-link .icon-service05 {
    width: 20px;
    height: 16px;
  }
}
.page-service .service-item {
  padding: 80px 0;
}
@media (max-width: 991px) {
  .page-service .service-item {
    padding: 41px 0 40px;
    font-size: 14px;
  }
}
.page-service .service-item .container > h3 {
  font-size: 36px;
  font-weight: 400;
  margin: 0 0 21px;
  line-height: normal;
}
@media (max-width: 991px) {
  .page-service .service-item .container > h3 {
    font-size: 24px;
    margin: 0 0 15px;
  }
}
.page-service .service-item .container > h4 {
  font-size: 24px;
  font-weight: 400;
  margin: 51px 0 30px;
  line-height: normal;
  color: #175286;
}
@media (max-width: 991px) {
  .page-service .service-item .container > h4 {
    font-size: 18px;
    margin: 33px 0 23px;
  }
}
.page-service .service-item .container > .image {
  margin: 32px 0 20px;
  border-radius: 24px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .page-service .service-item .container > .image {
    border-radius: 12px;
    margin: 21px 0 20px;
  }
}
.page-service .service-item .container > .image img {
  width: 100%;
  height: 100%;
}
.page-service .service-item .tag {
  margin: 0 0 2px;
}
@media (max-width: 991px) {
  .page-service .service-item .tag {
    margin: 0 0 9px;
  }
}
.page-service .service-item .button {
  margin: 30px 0 0;
}
.page-service .service-item .button > a {
  font-size: 14px;
  display: inline-block;
  font-weight: 700;
  padding: 20px 32px;
  position: relative;
  background: #BBB;
  color: #333;
}
.page-service .service-item .button > a::before {
  content: "";
  width: 4px;
  height: 8px;
  mask-image: url("../../images/icon/arrow-right-84.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  display: inline-block;
  margin-right: 12px;
  background-color: #333;
}
.page-service .service-item:nth-child(2n) {
  background: #EEF3F9;
}
.page-service .service-item:first-child .list-solution > .item {
  padding: 29px 30px 13px;
}
@media (max-width: 991px) {
  .page-service .service-item:first-child .list-solution > .item {
    padding: 21px 8px 13px 9px;
  }
}
.page-service .service-item:first-child .list-solution ul li {
  margin: 0 0 10px;
}
@media (min-width: 992px) {
  .page-service .service-item:last-child {
    padding: 80px 0 79px;
  }
}
@media (max-width: 991px) {
  .page-service .service-item .list-case {
    margin: 0 -12px;
  }
}
@media (max-width: 991px) {
  .page-service .service-item .list-case .item {
    margin: 0 6px;
  }
}
@media (max-width: 374px) {
  .page-service .service-item > .btn-more {
    margin-left: 12px;
    margin-right: 12px;
  }
}
.page-service .site-main .btn-more {
  margin-top: 41px;
}
@media (max-width: 991px) {
  .page-service .site-main .btn-more {
    margin-top: 30px;
  }
}

.page-template-temp-service section.breadcrumbs {
  margin: 0 0 66px;
}
@media (max-width: 991px) {
  .page-template-temp-service section.breadcrumbs {
    margin: 0 0 32px;
  }
}
.page-template-temp-service .content-area {
  margin-bottom: 0;
}
.page-template-temp-service section:not(.sec-reason):not(.sec-common) h2 {
  font-size: 36px;
  font-weight: 400;
  text-align: left;
  white-space: pre-line;
  color: #175286;
  line-height: 1.4;
}
@media (max-width: 991px) {
  .page-template-temp-service section:not(.sec-reason):not(.sec-common) h2 {
    font-size: 24px;
  }
}
@media (max-width: 374px) {
  .page-template-temp-service section:not(.sec-reason):not(.sec-common) h2 {
    font-size: 19px;
  }
}
.page-template-temp-service section:not(.sec-reason):not(.sec-common) .description {
  white-space: pre-line;
  margin: 0;
}
@media (max-width: 991px) {
  .page-template-temp-service section:not(.sec-reason):not(.sec-common) .description {
    font-size: 14px;
  }
}
.page-template-temp-service section:not(.sec-reason):not(.sec-common) .note {
  font-size: 12px;
  font-weight: 300;
  color: #333;
  white-space: pre-line;
  margin-top: 6px;
}
@media (max-width: 991px) {
  .page-template-temp-service section:not(.sec-reason):not(.sec-common) .note {
    font-size: 10px;
    margin-top: 6px;
  }
}
.page-template-temp-service .service-intro.section {
  padding: 0px 0 32px;
  text-align: center;
}
@media (max-width: 991px) {
  .page-template-temp-service .service-intro.section {
    text-align: left;
    padding: 0px 0 7px;
  }
}
.page-template-temp-service .service-intro.section .content-title {
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .page-template-temp-service .service-intro.section .content-title {
    margin: 0 0 24px;
  }
}
.page-template-temp-service .service-intro.section .content-title h2 {
  text-align: center;
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .page-template-temp-service .service-intro.section .content-title h2 {
    text-align: left;
    letter-spacing: -0.78px;
    margin: 0 0 27px;
  }
}
.page-template-temp-service .sec-solution {
  padding: 0 0 60px;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-solution {
    padding: 0 0 32px;
  }
}
.page-template-temp-service .sec-solution::after {
  content: "";
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  height: calc(100% - 80px);
  background: #175286;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-solution::after {
    top: 79px;
    height: calc(100% - 79px);
  }
}
.page-template-temp-service .sec-solution .image {
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
  padding: 0 24px;
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-solution .image {
    padding: 0 12px;
    margin-bottom: 19px;
  }
}
.page-template-temp-service .sec-solution .image img {
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-solution .image img {
    border-radius: 12px;
  }
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-solution .list-solution {
    margin: 20px 0 0;
  }
}
.page-template-temp-service .sec-solution .list-solution h4 {
  margin: 0 0 19px;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-solution .list-solution h4 {
    margin: 0 0 13px;
  }
}
.page-template-temp-service .sec-solution .list-solution > .item {
  padding: 28px 30px 13px;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-solution .list-solution > .item {
    padding: 20px 8px 14px 10px;
  }
}
.page-template-temp-service .sec-solution .list-solution ul li {
  line-height: 1.4;
  margin: 0 0 10px;
}
.page-template-temp-service .sec-solution .list-solution ul li::before {
  top: 8px;
}
.page-template-temp-service .service-detail.section, .page-template-temp-service .mold-detail.section {
  padding: 67px 0 80px;
  background: #EEF3F9;
}
@media (max-width: 991px) {
  .page-template-temp-service .service-detail.section, .page-template-temp-service .mold-detail.section {
    padding: 32px 0 40px;
  }
}
.page-template-temp-service .service-detail.section .content-title h2, .page-template-temp-service .mold-detail.section .content-title h2 {
  margin: 0 0 19px;
}
@media (max-width: 991px) {
  .page-template-temp-service .service-detail.section .content-title h2, .page-template-temp-service .mold-detail.section .content-title h2 {
    margin: 0 0 14px;
  }
}
.page-template-temp-service .service-detail.section .content-title > div, .page-template-temp-service .mold-detail.section .content-title > div {
  white-space: pre-line;
}
@media (max-width: 991px) {
  .page-template-temp-service .service-detail.section .content-title > div, .page-template-temp-service .mold-detail.section .content-title > div {
    font-size: 14px;
  }
}
.page-template-temp-service .service-detail.section .list-detail, .page-template-temp-service .mold-detail.section .list-detail {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 24px;
}
@media (max-width: 767px) {
  .page-template-temp-service .service-detail.section .list-detail, .page-template-temp-service .mold-detail.section .list-detail {
    gap: 10px;
  }
}
.page-template-temp-service .service-detail.section .list-detail .item, .page-template-temp-service .mold-detail.section .list-detail .item {
  width: calc((100% - 48px) / 3);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 4px 20px 0px rgba(0, 41, 94, 0.05);
}
@media (max-width: 767px) {
  .page-template-temp-service .service-detail.section .list-detail .item, .page-template-temp-service .mold-detail.section .list-detail .item {
    width: 100%;
  }
}
.page-template-temp-service .service-detail.section .list-detail .image > img, .page-template-temp-service .mold-detail.section .list-detail .image > img {
  width: 100%;
}
.page-template-temp-service .service-detail.section .list-detail .col-right, .page-template-temp-service .mold-detail.section .list-detail .col-right {
  padding: 16px 30px 23px;
  font-size: 14px;
}
@media (max-width: 991px) {
  .page-template-temp-service .service-detail.section .list-detail .col-right, .page-template-temp-service .mold-detail.section .list-detail .col-right {
    padding: 10px 10px 22px;
  }
}
.page-template-temp-service .service-detail.section .list-detail h3, .page-template-temp-service .mold-detail.section .list-detail h3 {
  font-size: 24px;
  font-weight: 350;
  line-height: 1.8;
  margin: 0 0 0px;
  color: #175286;
}
@media (max-width: 991px) {
  .page-template-temp-service .service-detail.section .list-detail h3, .page-template-temp-service .mold-detail.section .list-detail h3 {
    font-size: 18px;
  }
}
.page-template-temp-service .service-detail.section .note, .page-template-temp-service .mold-detail.section .note {
  font-size: 12px;
  color: #454953;
  font-weight: 300;
  margin: 5px 0 0;
}
.page-template-temp-service .service-detail.section .btn-more, .page-template-temp-service .mold-detail.section .btn-more {
  margin: 40px 0 0;
}
@media (max-width: 991px) {
  .page-template-temp-service .service-detail.section .btn-more, .page-template-temp-service .mold-detail.section .btn-more {
    margin: 30px 0 0;
  }
}
.page-template-temp-service .service-detail.section .btn-more > a, .page-template-temp-service .mold-detail.section .btn-more > a {
  max-width: 588px;
}
@media (max-width: 991px) {
  .page-template-temp-service .service-detail.section .btn-more > a, .page-template-temp-service .mold-detail.section .btn-more > a {
    font-size: 14px;
    padding: 8px 30px 7.2px;
  }
}
@media (max-width: 374px) {
  .page-template-temp-service .service-detail.section .btn-more > a, .page-template-temp-service .mold-detail.section .btn-more > a {
    font-size: 10px;
  }
}
.page-template-temp-service .service-detail.section .btn-more > a::after, .page-template-temp-service .mold-detail.section .btn-more > a::after {
  mask-image: url("../../images/icon/arrow-right-910.svg");
  width: 9px;
  height: 10px;
  right: 30px;
}
@media (max-width: 991px) {
  .page-template-temp-service .service-detail.section .btn-more > a::after, .page-template-temp-service .mold-detail.section .btn-more > a::after {
    mask-image: url("../../images/icon/arrow-right-58.svg");
    width: 5px;
    height: 8px;
    right: 20px;
  }
}
.page-template-temp-service .sec-case.section {
  padding: 65px 0 80px;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-case.section {
    padding: 34px 0 40px;
  }
}
.page-template-temp-service .sec-case.section .content-title h2 {
  margin: 0 0 20px;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-case.section .content-title h2 {
    margin: 0 0 14px;
  }
}
.page-template-temp-service .sec-case.section .content-title .description {
  margin: 0 0 32.5px;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-case.section .content-title .description {
    margin: 0 0 20px;
  }
}
.page-template-temp-service .sec-case.section .photos {
  border-radius: 24px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-case.section .photos {
    border-radius: 12px;
  }
}
.page-template-temp-service .sec-case.section .list-case {
  margin: 24px 0 0;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-case.section .list-case {
    margin: 40px -12px 0;
  }
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-case.section .list-case .item {
    margin: 0 6px;
  }
}
.page-template-temp-service .sec-flow.section {
  padding: 66px 0 80px;
  background: #EEF3F9;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-flow.section {
    padding: 33px 0 40px;
  }
}
.page-template-temp-service .sec-flow.section .content-title {
  margin: 0 0 44px;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-flow.section .content-title {
    margin: 0 0 33px;
  }
}
.page-template-temp-service .sec-flow.section .content-title h2 {
  margin: 0;
}
.page-template-temp-service .sec-flow.section .list-item {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.page-template-temp-service .sec-flow.section .list-item > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-radius: 12px;
  border: 1px solid #F0F7FA;
  background: #FFF;
  backdrop-filter: blur(5px);
  padding: 10px 37px 9px 50px;
  margin: 0 0 32px;
  position: relative;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-flow.section .list-item > li {
    padding: 10px 20px 10.7px;
    display: block;
    margin: 0 0 18px;
  }
}
.page-template-temp-service .sec-flow.section .list-item > li::after {
  content: "";
  position: absolute;
  bottom: -28px;
  left: 162px;
  transform: translateY(-50%);
  width: 60px;
  height: 12px;
  mask-image: url("../../images/icon/arrow-down-triangle.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  background-color: #175286;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-flow.section .list-item > li::after {
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 10px;
    mask-image: url("../../images/icon/arrow-down-triangle-1030.svg");
    bottom: -15px;
  }
}
.page-template-temp-service .sec-flow.section .list-item > li:last-child {
  margin: 0;
}
.page-template-temp-service .sec-flow.section .list-item > li:last-child::after {
  content: none;
}
.page-template-temp-service .sec-flow.section .list-item .number {
  width: 60px;
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  font-weight: 400;
  color: #175286;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .page-template-temp-service .sec-flow.section .list-item .number {
    float: left;
    width: 30px;
    padding: 0;
    font-size: 14px;
    line-height: 27px;
  }
}
@media (max-width: 374px) {
  .page-template-temp-service .sec-flow.section .list-item .number {
    line-height: 32px;
  }
}
.page-template-temp-service .sec-flow.section .list-item .title {
  width: 240px;
  font-size: 20px;
  font-weight: 400;
  color: #175286;
}
@media (max-width: 767px) {
  .page-template-temp-service .sec-flow.section .list-item .title {
    float: left;
    width: calc(100% - 30px);
    font-size: 16px;
    letter-spacing: -0.8px;
    margin: 0 0 5px;
  }
}
.page-template-temp-service .sec-flow.section .list-item .content-flow-item {
  width: calc(100% - 300px);
  padding-left: 40px;
  font-size: 14px;
  letter-spacing: 0.28px;
}
@media (max-width: 767px) {
  .page-template-temp-service .sec-flow.section .list-item .content-flow-item {
    clear: both;
    width: 100%;
    padding: 0;
  }
}
.page-template-temp-service .sec-fee.section {
  padding: 65px 0 105px;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-fee.section {
    padding: 32px 0 20px;
  }
}
.page-template-temp-service .sec-fee.section .content-title {
  margin: 0 0 48px;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-fee.section .content-title {
    margin: 0 0 32px;
  }
}
.page-template-temp-service .sec-fee.section .content-title h2 {
  margin: 0 0 22px;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-fee.section .content-title h2 {
    margin: 0 0 14px;
  }
}
.page-template-temp-service .sec-fee.section .content-fee {
  margin: 0 0 20px;
}
.page-template-temp-service .sec-fee.section .content-fee > h3 {
  color: #175286;
  font-size: 24px;
  font-weight: 350;
  line-height: 1.4;
  margin: 0 0 0px;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-fee.section .content-fee > h3 {
    font-size: 16px;
  }
}
.page-template-temp-service .sec-fee.section .list-fee {
  margin: 40px 0 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 13px 24px;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-fee.section .list-fee {
    margin: 32px 0 18px;
    gap: 15px;
  }
}
.page-template-temp-service .sec-fee.section .list-fee .item {
  position: relative;
  width: calc((100% - 24px) / 2);
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-fee.section .list-fee .item {
    width: 100%;
  }
}
.page-template-temp-service .sec-fee.section .list-fee .box-item {
  border-radius: 12px;
  border: 1px solid #F0F7FA;
  background: #FFF;
  backdrop-filter: blur(5px);
  padding: 6px 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-fee.section .list-fee .box-item {
    padding: 3px 12px 4px;
    border-radius: 8px;
  }
}
.page-template-temp-service .sec-fee.section .list-fee h3 {
  position: relative;
  width: 50%;
  padding-right: 12px;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 0;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-fee.section .list-fee h3 {
    font-size: 16px;
    padding-right: 10px;
    width: 54%;
  }
}
@media (max-width: 374px) {
  .page-template-temp-service .sec-fee.section .list-fee h3 {
    font-size: 14px;
  }
}
.page-template-temp-service .sec-fee.section .list-fee h3::after {
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  background: rgba(23, 82, 134, 0.3);
  width: 1px;
  height: 16px;
}
.page-template-temp-service .sec-fee.section .list-fee .value {
  font-size: 24px;
  position: relative;
  width: 50%;
  padding-left: 12px;
  letter-spacing: 0.48px;
  text-align: right;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-fee.section .list-fee .value {
    font-size: 18px;
    letter-spacing: 0.36px;
    padding-left: 10px;
    width: 46%;
  }
}
@media (max-width: 374px) {
  .page-template-temp-service .sec-fee.section .list-fee .value {
    font-size: 14px;
  }
}
.page-template-temp-service .sec-fee.section .list-fee .value i {
  font-style: normal;
  letter-spacing: 0.28px;
  font-size: 14px;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-fee.section .list-fee .value i {
    font-size: 12px;
    letter-spacing: 0.24px;
  }
}
.page-template-temp-service .sec-fee.section .list-fee .value i:last-child {
  margin-left: 5px;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-fee.section .list-fee .value i:last-child {
    margin-left: 1px;
  }
}
.page-template-temp-service .sec-fee.section .list-fee .value i:last-child span {
  font-size: 24px;
  letter-spacing: 0.48px;
}
@media (max-width: 374px) {
  .page-template-temp-service .sec-fee.section .list-fee .value i:last-child span {
    font-size: 14px;
  }
}
.page-template-temp-service .sec-fee.section .list-fee sup {
  font-size: 10px;
}
.page-template-temp-service .sec-fee.section .list-fee .note {
  margin-top: 18px;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-fee.section .list-fee .note {
    margin-top: 4px;
  }
}
.page-template-temp-service .sec-faq.section {
  background: #EEF3F9;
  padding: 67px 0 79px;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-faq.section {
    padding: 34px 0 39px;
  }
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-faq.section .content-title {
    margin: 0 0 19px;
  }
}
.page-template-temp-service .sec-faq.section .content-title h2 {
  margin: 0 0 43px;
  letter-spacing: 1.8px;
}
@media (max-width: 991px) {
  .page-template-temp-service .sec-faq.section .content-title h2 {
    margin: 0 0 0;
  }
}
@media (max-width: 991px) {
  .page-template-temp-service .style-1 .service-intro.section {
    padding: 0px 0 10px;
  }
}
.page-template-temp-service .style-1 .service-intro.section .content-title h2 {
  margin: 0 0 40px;
}
@media (max-width: 991px) {
  .page-template-temp-service .style-1 .service-intro.section .content-title h2 {
    margin: 0 0 25px;
    letter-spacing: -0.48px;
  }
}
.page-template-temp-service .style-1 .service-intro.section .content-title .description {
  white-space: normal;
}
.page-template-temp-service .style-1 .service-intro.section .content-title .description p {
  letter-spacing: -0.48px;
  margin: 0 0 18px;
}
@media (max-width: 991px) {
  .page-template-temp-service .style-1 .service-intro.section .content-title .description p {
    margin: 0 0 6px;
    letter-spacing: 0;
  }
}
.page-template-temp-service .style-1 .service-intro.section .content-title .description p:last-child {
  margin: 0;
}
.page-template-temp-service .style-1 .service-intro.section .content-title .description p > span {
  display: block;
}
@media (max-width: 991px) {
  .page-template-temp-service .style-1 .service-intro.section .content-title .description p > span {
    margin-top: 10px;
  }
}
.page-template-temp-service .style-1 .sec-solution .list-solution h4 {
  margin: 0 0 21px;
}
@media (max-width: 991px) {
  .page-template-temp-service .style-1 .sec-solution .list-solution h4 {
    margin: 0 0 13px;
  }
}
@media (min-width: 992px) {
  .page-template-temp-service .style-1 .sec-solution .list-solution > .item {
    padding: 28px 30px 12px;
  }
}
.page-template-temp-service .style-1 .sec-solution .list-solution ul li {
  margin: 0 0 13px;
}
@media (max-width: 991px) {
  .page-template-temp-service .style-1 .sec-solution .list-solution ul li {
    margin: 0 0 10px;
  }
}
@media (min-width: 992px) {
  .page-template-temp-service .style-1 .service-detail .content-title {
    margin: 0 0 29px;
  }
}
.page-template-temp-service .style-1 .service-detail .list-detail h3 {
  line-height: 1.4;
  margin: 0 0 5px;
}
.page-template-temp-service .style-1 .service-detail .list-detail .col-right {
  padding: 13px 10px 22.5px;
}
@media (min-width: 992px) {
  .page-template-temp-service .style-1 .service-detail .list-detail .col-right {
    padding: 21px 30px 25px;
  }
}

.tax-case-category section.breadcrumbs, .post-type-archive-case section.breadcrumbs, .tax-case_type section.breadcrumbs {
  margin: 0 0 80px;
}
@media (max-width: 991px) {
  .tax-case-category section.breadcrumbs, .post-type-archive-case section.breadcrumbs, .tax-case_type section.breadcrumbs {
    margin: 0 0 40px;
  }
}
.tax-case-category .site-main, .post-type-archive-case .site-main, .tax-case_type .site-main {
  padding-right: 0;
}
.tax-case-category .content-area, .post-type-archive-case .content-area, .tax-case_type .content-area {
  margin: 0 0 34px;
}
@media (max-width: 991px) {
  .tax-case-category .content-area, .post-type-archive-case .content-area, .tax-case_type .content-area {
    margin: 0 0 40px;
  }
}
.tax-case-category .no-post, .post-type-archive-case .no-post, .tax-case_type .no-post {
  text-align: center;
  margin: 40px 0;
  width: 100%;
}
.tax-case-category .list-cat, .post-type-archive-case .list-cat, .tax-case_type .list-cat {
  list-style: outside none none;
  margin: 0 0 40px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
}
@media (max-width: 550px) {
  .tax-case-category .list-cat, .post-type-archive-case .list-cat, .tax-case_type .list-cat {
    gap: 10px 4px;
    margin: 0 0 40px;
    justify-content: flex-start;
  }
}
.tax-case-category .list-cat > li, .post-type-archive-case .list-cat > li, .tax-case_type .list-cat > li {
  position: relative;
  width: calc((100% - 70px) / 8);
}
@media (max-width: 1199px) {
  .tax-case-category .list-cat > li, .post-type-archive-case .list-cat > li, .tax-case_type .list-cat > li {
    width: calc((100% - 50px) / 6);
  }
}
@media (max-width: 991px) {
  .tax-case-category .list-cat > li, .post-type-archive-case .list-cat > li, .tax-case_type .list-cat > li {
    width: calc((100% - 30px) / 4);
  }
}
@media (max-width: 550px) {
  .tax-case-category .list-cat > li, .post-type-archive-case .list-cat > li, .tax-case_type .list-cat > li {
    width: calc((100% - 8px) / 3);
  }
}
.tax-case-category .list-cat > li > a, .post-type-archive-case .list-cat > li > a, .tax-case_type .list-cat > li > a {
  display: block;
  height: 100%;
  color: #175286;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #175286;
  background-color: #fff;
  padding: 1px 10px;
  min-width: 141px;
}
@media (max-width: 991px) {
  .tax-case-category .list-cat > li > a, .post-type-archive-case .list-cat > li > a, .tax-case_type .list-cat > li > a {
    font-size: 14px;
    border-radius: 2px;
    line-height: 18px;
    min-height: 22px;
    min-width: auto;
  }
}
@media (max-width: 550px) {
  .tax-case-category .list-cat > li > a, .post-type-archive-case .list-cat > li > a, .tax-case_type .list-cat > li > a {
    min-width: auto;
  }
}
.tax-case-category .list-cat > li > a:hover, .post-type-archive-case .list-cat > li > a:hover, .tax-case_type .list-cat > li > a:hover {
  color: #fff;
  background-color: #175286;
}
.tax-case-category .list-cat > li.active > a, .post-type-archive-case .list-cat > li.active > a, .tax-case_type .list-cat > li.active > a {
  color: #fff;
  background-color: #175286;
}
@media (max-width: 991px) {
  .tax-case-category .list-case, .post-type-archive-case .list-case, .tax-case_type .list-case {
    gap: 20px;
  }
}
.tax-case-category .list-case .photo figcaption, .post-type-archive-case .list-case .photo figcaption, .tax-case_type .list-case .photo figcaption {
  background: rgba(23, 82, 134, 0.5);
}
@media (max-width: 991px) {
  .tax-case-category .list-case .photo figcaption, .post-type-archive-case .list-case .photo figcaption, .tax-case_type .list-case .photo figcaption {
    width: 79px;
    font-size: 12px;
  }
}
@media (max-width: 991px) {
  .tax-case-category .list-case .content-case, .post-type-archive-case .list-case .content-case, .tax-case_type .list-case .content-case {
    padding: 12px 20px 14px;
  }
}
@media (max-width: 991px) {
  .tax-case-category .list-case .content-case h3.title, .post-type-archive-case .list-case .content-case h3.title, .tax-case_type .list-case .content-case h3.title {
    margin: 0 0 8px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 991px) {
  .tax-case-category .list-case table th, .tax-case-category .list-case table td, .post-type-archive-case .list-case table th, .post-type-archive-case .list-case table td, .tax-case_type .list-case table th, .tax-case_type .list-case table td {
    padding: 5px 10px 4.5px;
  }
}

.single-case section.breadcrumbs {
  margin: 0 0 66px;
}
@media (max-width: 991px) {
  .single-case section.breadcrumbs {
    margin: 0 0 32px;
  }
}
.single-case .site-content .site-main {
  padding-right: 0;
}
.single-case .site-main > article {
  max-width: 996px;
  margin: 0 auto;
}
.single-case .site-main > article .entry-content {
  padding: 0 0 36px;
}
@media (max-width: 991px) {
  .single-case .site-main > article .entry-content {
    padding: 0 0 20px;
  }
}
.single-case .content-area {
  margin-bottom: 0;
}
.single-case .entry-header {
  margin: 0 0 14px;
}
@media (max-width: 991px) {
  .single-case .entry-header {
    margin: 0 0 16px;
  }
}
.single-case .entry-header h1 {
  font-size: 36px;
  font-weight: 350;
  line-height: 1.4;
  color: #175286;
  margin: 0 0 19.5px;
}
@media (max-width: 991px) {
  .single-case .entry-header h1 {
    font-size: 24px;
    letter-spacing: -0.48px;
    margin: 0 0 12px;
  }
}
.single-case .entry-header .entry-meta {
  justify-content: flex-end;
}
.single-case .entry-header .entry-meta .cat {
  width: 100%;
}
.single-case .entry-header .entry-meta .cat {
  margin: 0 0 23px;
}
@media (max-width: 991px) {
  .single-case .entry-header .entry-meta .cat {
    margin: 0 0 16px;
  }
}
.single-case .entry-header .entry-meta .cat > a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  padding: 1px 9px;
  border-radius: 4px;
  border: 1px solid #175286;
  margin-right: 10px;
  background: #175286;
  line-height: 18px;
  min-height: 22px;
}
@media (max-width: 991px) {
  .single-case .entry-header .entry-meta .cat > a {
    font-size: 10px;
    border-radius: 2px;
    min-height: 19px;
    line-height: 15px;
    padding: 1px 9.2px;
  }
}
.single-case .entry-header .entry-meta .date, .single-case .entry-header .entry-meta .modified {
  color: #454953;
  font-size: 16px;
  font-weight: 400;
  text-align: right;
  margin: 0 0 0;
  line-height: normal;
}
@media (max-width: 991px) {
  .single-case .entry-header .entry-meta .date, .single-case .entry-header .entry-meta .modified {
    display: block;
    font-size: 12px;
  }
}
.single-case .post-case {
  margin: 0 0 51px;
}
@media (max-width: 991px) {
  .single-case .post-case {
    margin: 0 0 33px;
  }
}
.single-case .post-case .photo {
  display: flex;
  margin: 0 0 40px;
  border-radius: 24px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .single-case .post-case .photo {
    margin: 0 0 20px;
    border-radius: 12px;
  }
}
.single-case .post-case .photo > figure {
  position: relative;
  aspect-ratio: 498/664;
}
@media (max-width: 991px) {
  .single-case .post-case .photo > figure {
    aspect-ratio: 175.66/234;
  }
}
.single-case .post-case .photo > figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-case .post-case figcaption {
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  border-radius: 9.96px;
  background: rgba(23, 82, 134, 0.5);
  backdrop-filter: blur(5.1875px);
  padding: 5px 8px 3.6px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 140px;
  max-width: 100%;
  text-align: center;
  display: block;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .single-case .post-case figcaption {
    font-size: 10px;
    width: 50px;
    border-radius: 2px;
    padding: 0px 5px;
    line-height: 17px;
    bottom: 5px;
    left: 5px;
  }
}
.single-case .post-case .content-case {
  border-radius: 12px;
  background: #FFF;
  padding: 21px 30px 28px;
}
@media (max-width: 991px) {
  .single-case .post-case .content-case {
    padding: 13px 20px 19px;
  }
}
.single-case .post-case .content-case h3 {
  font-size: 24px;
  font-weight: 350;
  line-height: 1.4;
  color: #175286;
  margin: 0 0 12px;
}
@media (max-width: 991px) {
  .single-case .post-case .content-case h3 {
    font-size: 18px;
    margin: 0 0 10px;
    font-weight: 500;
  }
}
.single-case .post-case .case-group {
  display: block;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  -webkit-column-gap: 24px;
  column-gap: 24px;
}
@media (max-width: 991px) {
  .single-case .post-case .case-group {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
}
.single-case .post-case .case-group dl {
  display: flex;
  border-top: 1px solid #EBEBEB;
  margin-bottom: 0;
  -webkit-margin-before: 0;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.single-case .post-case .case-group dl dt, .single-case .post-case .case-group dl dd {
  font-size: 16px;
  font-weight: 500;
  padding: 5px 10px;
}
@media (max-width: 991px) {
  .single-case .post-case .case-group dl dt, .single-case .post-case .case-group dl dd {
    font-size: 12px;
    padding: 5px 10px 4.5px;
  }
}
.single-case .post-case .case-group dl dt {
  color: #175286;
  width: 120px;
}
@media (max-width: 991px) {
  .single-case .post-case .case-group dl dt {
    width: 69px;
  }
}
.single-case .post-case .case-group dl dd {
  width: calc(100% - 120px);
}
@media (max-width: 991px) {
  .single-case .post-case .case-group dl dd {
    width: calc(100% - 69px);
  }
}
.single-case .post-case .case-group dl:nth-child(3), .single-case .post-case .case-group dl:last-child {
  border-bottom: 1px solid #EBEBEB;
}
@media (max-width: 991px) {
  .single-case .post-case .case-group dl:nth-child(3) {
    border-bottom: 0 none;
  }
}
@media (max-width: 991px) {
  .single-case .entry-content {
    font-size: 14px;
    margin: 0 0 20px;
  }
}
.single-case .entry-content h2 {
  margin: 42px 0 14px;
  padding: 0;
  border: 0 none;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  color: #175286;
  letter-spacing: 0;
}
@media (max-width: 991px) {
  .single-case .entry-content h2 {
    font-size: 18px;
    margin: 24px 0 10px;
  }
}
.single-case .entry-content h2:first-child {
  margin-top: 0;
}
@media (max-width: 991px) {
  .single-case .entry-content p {
    margin: 0 0 11px;
  }
}
.single-case .entry-content ol {
  padding: 0 0 0 23px;
}
@media (max-width: 991px) {
  .single-case .entry-content ol {
    padding: 0 0 0 21px;
  }
}
.single-case .entry-content ol > li {
  margin: 0 0 12px;
  line-height: 1.8;
}
@media (max-width: 991px) {
  .single-case .entry-content ol > li {
    margin: 0 0 11px;
  }
}
.single-case .entry-content ol > li:last-child {
  margin: 0;
}
.single-case .entry-content ul > li {
  margin: 0 0 12px;
  padding-left: 20px;
  line-height: 1.8;
}
.single-case .entry-content ul > li::before {
  margin-right: 5px;
}
.single-case .entry-content ul > li:last-child {
  margin: 0;
}
.single-case .entry-content .youtube-video-wrap {
  margin: 22px 0 0 0;
}
@media (max-width: 550px) {
  .single-case .entry-content .youtube-video-wrap {
    margin: 19px 0 0 0;
    padding-top: 0 !important;
  }
}
.single-case .entry-content .youtube-video-wrap iframe {
  aspect-ratio: 249/140;
  object-fit: cover;
  max-height: 560px;
}
@media (max-width: 550px) {
  .single-case .entry-content .youtube-video-wrap iframe {
    aspect-ratio: 351/197;
    max-height: 197px;
  }
}
.single-case #underpost-widget {
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
  padding: 50px 0 60px;
  background: #EEF3F9;
}
@media (max-width: 991px) {
  .single-case #underpost-widget {
    padding: 32px 0 39px;
  }
}
.single-case #underpost-widget h3.widget-title {
  padding: 0;
  border: 0 none;
  margin: 0 0 28px;
}
@media (max-width: 991px) {
  .single-case #underpost-widget h3.widget-title {
    font-size: 18px;
    margin: 0 0 22px;
  }
}
@media (max-width: 991px) {
  .single-case #underpost-widget .xeory-subloop.list-case {
    display: block;
    margin: 0 -12px;
  }
}
.single-case #underpost-widget .xeory-subloop.list-case .content-case {
  padding: 17px 10px 19px;
}
@media (max-width: 991px) {
  .single-case #underpost-widget .xeory-subloop.list-case .content-case {
    padding: 12px 10px 14px;
  }
}
@media (max-width: 991px) {
  .single-case #underpost-widget .xeory-subloop.list-case .content-case h3.title {
    margin: 0 0 8px;
  }
}
@media (max-width: 991px) {
  .single-case #underpost-widget .xeory-subloop.list-case .item {
    margin: 0 6px;
  }
}
@media (max-width: 991px) {
  .single-case #underpost-widget .xeory-subloop.list-case table th, .single-case #underpost-widget .xeory-subloop.list-case table td {
    padding: 5px 10px;
  }
}
.single-case .sec-relatedServices {
  padding: 52px 0 120px;
}
@media (max-width: 991px) {
  .single-case .sec-relatedServices {
    padding: 34px 0 42px;
  }
}
.single-case .sec-relatedServices h3 {
  color: #175286;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .single-case .sec-relatedServices h3 {
    font-size: 18px;
    letter-spacing: 0.9px;
    margin: 0 0 23px;
  }
}
.single-case .sec-relatedServices [class*=icon-service] {
  margin: 0 auto 16px;
  display: block;
  width: 48px;
  height: 48px;
}
@media (max-width: 991px) {
  .single-case .sec-relatedServices [class*=icon-service] {
    width: 24px;
    height: 24px;
    margin: 0 16px 0 0;
  }
}
.single-case .sec-relatedServices .icon-service01 {
  width: 48px;
  height: 63px;
}
@media (max-width: 991px) {
  .single-case .sec-relatedServices .icon-service01 {
    width: 24px;
    height: 24px;
    margin: 0 16px 0 0;
  }
}
@media (max-width: 991px) {
  .single-case .sec-relatedServices .list-service {
    gap: 10px;
  }
}
@media (max-width: 991px) {
  .single-case .sec-relatedServices .list-service > .item:first-child {
    order: 1;
  }
}
@media (max-width: 991px) {
  .single-case .sec-relatedServices .list-service > .item:nth-child(2) {
    order: 2;
  }
}
@media (max-width: 991px) {
  .single-case .sec-relatedServices .list-service > .item:nth-child(3) {
    order: 3;
  }
}
.single-case .sec-relatedServices .list-service > .item > a {
  position: relative;
  padding: 30px 10px 23px 10px;
}
@media (min-width: 992px) {
  .single-case .sec-relatedServices .list-service > .item > a {
    display: block;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .single-case .sec-relatedServices .list-service > .item > a {
    justify-content: flex-start;
    padding: 22px 42px 21.2px 30px;
    border-radius: 8px;
  }
}
.single-case .sec-relatedServices .list-service > .item > a::after {
  content: "";
  mask-image: url("../../images/icon/arrow-right-610.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  transform-origin: center;
  background-color: #175286;
  display: inline-block;
  width: 6px;
  height: 10px;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 991px) {
  .single-case .sec-relatedServices .list-service > .item > a::after {
    opacity: 1;
    visibility: visible;
  }
}
.single-case .sec-relatedServices .list-service > .item > a.external::after {
  mask-image: url("../../images/icon/icon-external.svg");
  width: 12px;
  height: 12px;
}
.single-case .sec-relatedServices .list-service > .item > a > p {
  vertical-align: middle;
}
@media (max-width: 991px) {
  .single-case .sec-relatedServices .list-service > .item > a > p {
    text-align: left;
    padding: 0 5px 0 0;
  }
}
.single-case .sec-relatedServices .list-service > .item > a > p::after {
  width: 12px;
  height: 14px;
}
@media (max-width: 991px) {
  .single-case .sec-relatedServices .list-service > .item > a > p::after {
    opacity: 0;
    visibility: hidden;
  }
}
.single-case #xeory_related_posts-2 {
  display: block;
}
.single-case #xeory_related_posts-3, .single-case #xeory_related_posts-4 {
  display: none;
}

.post-type-archive-voice section.breadcrumbs, .tax-voice-category section.breadcrumbs {
  margin: 0 0 80px;
}
@media (max-width: 991px) {
  .post-type-archive-voice section.breadcrumbs, .tax-voice-category section.breadcrumbs {
    margin: 0 0 40px;
  }
}
.post-type-archive-voice .site-main, .tax-voice-category .site-main {
  padding-right: 0;
}
.post-type-archive-voice .site-content, .tax-voice-category .site-content {
  padding-bottom: 0;
}
.post-type-archive-voice .no-post, .tax-voice-category .no-post {
  text-align: center;
  margin: 40px 0;
  width: 100%;
}
.post-type-archive-voice .sec-voice-archive, .tax-voice-category .sec-voice-archive {
  padding: 0 0 11px;
}
@media (max-width: 991px) {
  .post-type-archive-voice .sec-voice-archive, .tax-voice-category .sec-voice-archive {
    padding: 0 0 40px;
  }
}
.post-type-archive-voice .list-cat, .tax-voice-category .list-cat {
  list-style: outside none none;
  margin: 0 0 40px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px 10px;
}
@media (max-width: 550px) {
  .post-type-archive-voice .list-cat, .tax-voice-category .list-cat {
    gap: 10px 4px;
    margin: 0 0 39px;
  }
}
.post-type-archive-voice .list-cat > li, .tax-voice-category .list-cat > li {
  position: relative;
  flex: 1;
}
@media (max-width: 550px) {
  .post-type-archive-voice .list-cat > li, .tax-voice-category .list-cat > li {
    flex: auto;
    width: calc((100% - 8px) / 3);
  }
}
.post-type-archive-voice .list-cat > li > a, .tax-voice-category .list-cat > li > a {
  display: block;
  height: 100%;
  color: #175286;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #175286;
  background-color: #fff;
  padding: 1px 10px;
  min-height: 28px;
}
@media (max-width: 991px) {
  .post-type-archive-voice .list-cat > li > a, .tax-voice-category .list-cat > li > a {
    font-size: 14px;
    border-radius: 2px;
    line-height: 18px;
    min-height: 22px;
  }
}
.post-type-archive-voice .list-cat > li > a:hover, .tax-voice-category .list-cat > li > a:hover {
  color: #fff;
  background-color: #175286;
}
.post-type-archive-voice .list-cat > li.active > a, .tax-voice-category .list-cat > li.active > a {
  color: #fff;
  background-color: #175286;
}
.post-type-archive-voice .list-voice, .tax-voice-category .list-voice {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 24px;
}
@media (max-width: 991px) {
  .post-type-archive-voice .list-voice, .tax-voice-category .list-voice {
    gap: 20px;
  }
}
.post-type-archive-voice .list-voice .item, .tax-voice-category .list-voice .item {
  display: block;
  width: calc((100% - 48px) / 3);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 4px 20px 0px rgba(0, 41, 94, 0.05);
  color: #454953;
  overflow: hidden;
}
@media (max-width: 991px) {
  .post-type-archive-voice .list-voice .item, .tax-voice-category .list-voice .item {
    width: 100%;
  }
}
.post-type-archive-voice .list-voice .item:hover .news-img, .tax-voice-category .list-voice .item:hover .news-img {
  opacity: 0.8;
}
.post-type-archive-voice .list-voice .item:hover .art-ttl, .tax-voice-category .list-voice .item:hover .art-ttl {
  color: #175286;
}
.post-type-archive-voice .list-voice .item:hover .more, .tax-voice-category .list-voice .item:hover .more {
  opacity: 0.5;
}
.post-type-archive-voice .list-voice .item > .news-img, .tax-voice-category .list-voice .item > .news-img {
  margin: 0;
  padding: 0;
  transition: all 0.3s ease;
  aspect-ratio: 384/288;
  background: #BBB;
}
@media (max-width: 991px) {
  .post-type-archive-voice .list-voice .item > .news-img, .tax-voice-category .list-voice .item > .news-img {
    aspect-ratio: 351.16/263.25;
  }
}
.post-type-archive-voice .list-voice .item > .news-img img, .tax-voice-category .list-voice .item > .news-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-type-archive-voice .list-voice .item .col-right, .tax-voice-category .list-voice .item .col-right {
  padding: 16px 20px 17px;
}
@media (max-width: 991px) {
  .post-type-archive-voice .list-voice .item .col-right, .tax-voice-category .list-voice .item .col-right {
    padding: 10px 10px 9px;
  }
}
.post-type-archive-voice .list-voice .item .col-right .art-ttl, .tax-voice-category .list-voice .item .col-right .art-ttl {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 9px;
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .post-type-archive-voice .list-voice .item .col-right .art-ttl, .tax-voice-category .list-voice .item .col-right .art-ttl {
    font-size: 16px;
    margin-bottom: 3px;
  }
}
.post-type-archive-voice .list-voice .item .col-right .more, .tax-voice-category .list-voice .item .col-right .more {
  text-align: right;
  transition: all 0.3s ease;
  padding: 0 10px;
}
@media (max-width: 991px) {
  .post-type-archive-voice .list-voice .item .col-right .more, .tax-voice-category .list-voice .item .col-right .more {
    padding: 0;
  }
}

.single-voice .site-content .site-main {
  padding-right: 0;
}
.single-voice .site-main {
  max-width: 792px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .single-voice .site-main > article {
    margin: 0 0 19px;
  }
}
.single-voice .site-main > article .entry-content {
  padding: 0;
  margin: 0 0 37px;
}
@media (max-width: 991px) {
  .single-voice .site-main > article .entry-content {
    margin: 0 0 19px;
  }
}
.single-voice .content-area {
  margin-bottom: 63px;
}
@media (max-width: 991px) {
  .single-voice .content-area {
    margin-bottom: 51px;
  }
}
.single-voice .entry-header h1 {
  margin: 16px 0 20px;
}
@media (max-width: 991px) {
  .single-voice .entry-header h1 {
    letter-spacing: -0.48px;
    margin: 7px 0 13px;
  }
}
@media (min-width: 992px) {
  .single-voice .entry-header .entry-meta > li {
    font-size: 13px;
  }
}
.single-voice .entry-header .entry-meta > li.cat > a {
  font-size: 10px;
  font-weight: 700;
  padding: 2px 10px 3px;
}
@media (max-width: 991px) {
  .single-voice .entry-header .entry-meta > li.cat > a {
    font-weight: 400;
    padding: 2px 10px;
  }
}
.single-voice .entry-content .entry-thumbnail {
  border-radius: 12px;
  overflow: hidden;
  margin: 0 0 20px;
  aspect-ratio: 792/529;
  background: #D9D9D9;
}
@media (max-width: 991px) {
  .single-voice .entry-content .entry-thumbnail {
    aspect-ratio: 351.16/263.25;
    margin: 0 0 19px;
  }
}
.single-voice .entry-content .entry-thumbnail img {
  aspect-ratio: 792/529;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .single-voice .entry-content .entry-thumbnail img {
    aspect-ratio: 351.16/263.25;
  }
}
.single-voice .entry-content .bzb-sns-area {
  text-align: left;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .single-voice .entry-content .bzb-sns-area {
    margin-bottom: 42px;
  }
}
.single-voice .entry-content > h2 {
  letter-spacing: -0.56px;
  margin: 55px 0 16px;
}
@media (max-width: 991px) {
  .single-voice .entry-content > h2 {
    letter-spacing: -0.44px;
    padding: 2px 16px;
    margin: 33px 0 22px;
  }
}
.single-voice .entry-content > h2:nth-of-type(1) {
  margin: 0 0 33px;
}
@media (max-width: 991px) {
  .single-voice .entry-content > h2:nth-of-type(1) {
    margin: 0 0 30px;
  }
}
.single-voice .entry-content > h3 {
  margin-top: 22px;
}
@media (max-width: 991px) {
  .single-voice .entry-content > h3 {
    margin: 0 0 17.5px;
  }
}
@media (max-width: 991px) {
  .single-voice .entry-content ul {
    margin: 0 0 12.5px;
  }
}
.single-voice .entry-content .images-center {
  margin: 24px 0 15px;
}
@media (max-width: 991px) {
  .single-voice .entry-content .images-center {
    font-size: 14px;
    margin: 16px 0 15px;
  }
}
.single-voice .entry-content .images-center img {
  margin: 0 0 11px;
}
@media (max-width: 991px) {
  .single-voice .entry-content .images-center img {
    aspect-ratio: 351/257;
    object-fit: cover;
    margin: 0 0 3px;
  }
}
.single-voice .entry-footer .bzb-sns-area {
  text-align: left;
  margin: 0 0 28px;
}
@media (max-width: 991px) {
  .single-voice .entry-footer .bzb-sns-area {
    margin: 0 0 40px;
  }
}
.single-voice .entry-footer .post-footer-list {
  margin: 0 0 38px;
}
@media (max-width: 991px) {
  .single-voice .entry-footer .post-footer-list {
    margin: 0 0 17px;
  }
}
.single-voice .entry-footer .post-footer-list > li > b {
  display: none;
}
@media (max-width: 991px) {
  .single-voice .entry-footer .post-footer-list > li > a {
    font-size: 12px;
    font-weight: 400;
    padding: 4px 10px 5px;
  }
}
.single-voice .entry-footer .post-footer-list > li.cat > a {
  padding: 4px 10px 4.8px;
}
@media (max-width: 991px) {
  .single-voice .entry-footer .post-footer-list > li.cat > a {
    padding: 2px 10px;
  }
}
.single-voice .col-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  margin: 25px 0 0px;
}
@media (max-width: 991px) {
  .single-voice .col-2 {
    gap: 16px 11px;
    margin: 24px 0 16px;
  }
}
.single-voice .col-2 figure {
  position: relative;
  width: calc((100% - 24px) / 2);
  color: #454953;
  margin: 0;
}
@media (max-width: 991px) {
  .single-voice .col-2 figure {
    width: calc((100% - 11px) / 2);
    font-size: 14px;
  }
}
.single-voice .col-2 figure img {
  border-radius: 6px;
  width: 100%;
  height: auto;
  overflow: hidden;
  aspect-ratio: 384/257;
  object-fit: cover;
  margin: 0px 0 12px;
}
@media (max-width: 991px) {
  .single-voice .col-2 figure img {
    aspect-ratio: 170/124;
    margin: 0px 0 3px;
  }
}
.single-voice .col-2 figure > br {
  display: none;
}
.single-voice .col-2 + .col-2 {
  margin-top: 16px;
}
@media (max-width: 991px) {
  .single-voice .underpost-widget h3 {
    font-size: 18px;
    font-weight: 400;
    padding: 0 0 1px;
    margin: 0 0 24px;
  }
}
.single-voice #xeory_related_posts-2, .single-voice #xeory_related_posts-3 {
  display: none;
}
.single-voice #xeory_related_posts-4 {
  display: block;
}
@media (max-width: 991px) {
  .single-voice .widget_xeory_related_posts .xeory-subloop {
    flex-direction: row;
    gap: 14px 11px;
  }
}
@media (max-width: 991px) {
  .single-voice .widget_xeory_related_posts .xeory-subloop > .xeory-subloop-item {
    width: calc((100% - 11px) / 2);
    margin: 0;
    display: block;
  }
}
@media (max-width: 991px) {
  .single-voice .widget_xeory_related_posts .xeory-subloop > .xeory-subloop-item .xeory-subloop-image {
    width: 100%;
    aspect-ratio: 170/124;
    border-radius: 4px;
    overflow: hidden;
    margin: 0;
  }
}
@media (max-width: 991px) {
  .single-voice .widget_xeory_related_posts .xeory-subloop > .xeory-subloop-item .xeory-subloop-image > a {
    aspect-ratio: 170/124;
  }
}
@media (max-width: 991px) {
  .single-voice .widget_xeory_related_posts .xeory-subloop > .xeory-subloop-item .xeory-subloop-image img.wp-post-image {
    aspect-ratio: 170/124;
  }
}
@media (max-width: 991px) {
  .single-voice .widget_xeory_related_posts .xeory-subloop > .xeory-subloop-item .xeory-subloop-content {
    width: 100%;
    top: 0;
    padding: 6px 0 0;
  }
}
@media (max-width: 991px) {
  .single-voice .widget_xeory_related_posts .xeory-subloop-title {
    font-weight: 400;
    line-height: 1.4;
  }
}

.page-template-temp-one-column section.breadcrumbs {
  margin: 0 0 60px;
}
@media (max-width: 991px) {
  .page-template-temp-one-column section.breadcrumbs {
    margin: 0 0 32px;
  }
}
.page-template-temp-one-column .content-area {
  margin-bottom: 51px;
}
.page-template-temp-one-column .site-main {
  max-width: 792px;
  margin: 13px auto 0;
}
.page-template-temp-one-column .site-main article .entry-content {
  padding: 0;
}
.page-template-temp-one-column .entry-content p {
  margin: 0 0 8px;
}
@media (min-width: 992px) {
  .page-template-temp-one-column .entry-content p {
    margin: 0 0 24px;
  }
}
.page-template-temp-one-column .entry-content p span:last-child {
  display: block;
}
@media (max-width: 991px) {
  .page-template-temp-one-column .entry-content p span:last-child {
    margin-top: 6px;
  }
}
.page-template-temp-one-column .entry-content h3 {
  margin-bottom: 23px;
}
@media (max-width: 991px) {
  .page-template-temp-one-column .entry-content h3 {
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .page-template-temp-one-column .entry-content h3:first-of-type {
    margin-top: 23px;
  }
}
@media (min-width: 992px) {
  .page-template-temp-one-column .entry-content h3:nth-of-type(3) {
    margin-top: 46px;
  }
}

.page-flow .content-area {
  margin: 0 0 1px;
}
.page-flow .tag {
  list-style: outside none none;
  margin: 0 0 3px;
  padding: 0;
  display: flex;
}
@media (max-width: 991px) {
  .page-flow .tag {
    margin: 0 0 5px;
  }
}
.page-flow .tag > li {
  background: #175286;
  color: #fff;
  padding: 1px 10px;
  margin-right: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .page-flow .tag > li {
    font-size: 12px;
    border-radius: 2px;
    padding: 1px 8px;
    line-height: 17px;
  }
}
.page-flow .tag > li:last-child {
  margin: 0;
}
.page-flow .tag > li.corporations {
  background: #175286;
}
.page-flow .tag > li.home-use {
  background: #2A77A9;
}
.page-flow .list-link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}
@media (max-width: 991px) {
  .page-flow .list-link {
    gap: 10px;
  }
}
.page-flow .list-link > .item {
  position: relative;
  width: calc((100% - 24px) / 2);
  max-width: 448px;
}
@media (max-width: 991px) {
  .page-flow .list-link > .item {
    width: calc((100% - 24px) / 2);
  }
}
@media (max-width: 550px) {
  .page-flow .list-link > .item {
    width: 100%;
  }
}
.page-flow .list-link > .item > a {
  background: #FFF;
  border-radius: 12px;
  box-shadow: -2px -2px 4px 0px rgba(255, 255, 255, 0.3), 4px 4px 20px 0px rgba(0, 0, 0, 0.05);
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 26px 10px;
  position: relative;
  color: #454953;
}
@media (max-width: 991px) {
  .page-flow .list-link > .item > a {
    padding: 22px 10px 21.2px;
  }
}
.page-flow .list-link > .item > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 15px;
  height: 8px;
  mask-image: url("../../images/icon/arrow-down-814.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  background-color: #175286;
}
.page-flow .list-link > .item > a > p {
  display: flex;
  align-items: center;
}
.page-flow .list-link .tag {
  position: absolute;
  top: 5px;
  left: 5px;
}
@media (max-width: 991px) {
  .page-flow .list-link .tag {
    top: 6px;
  }
}
.page-flow .list-link .tag > li {
  font-size: 10px;
  padding: 2px 10px 1.5px;
}
@media (max-width: 991px) {
  .page-flow .list-link .tag > li {
    font-size: 8px;
    padding: 1px 10px;
    line-height: 12px;
    border-radius: 4px;
  }
}
.page-flow .list-link .icon-service05 {
  width: 28px;
  height: 22px;
}
.page-flow .service-item {
  padding: 80px 0 81px;
}
@media (max-width: 991px) {
  .page-flow .service-item {
    padding: 41px 0 40px;
  }
}
.page-flow .service-item:nth-child(2n) {
  background: #EEF3F9;
}
.page-flow .service-item h3 {
  font-size: 36px;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 18px;
}
@media (max-width: 991px) {
  .page-flow .service-item h3 {
    font-size: 24px;
    margin: 0 0 4px;
    line-height: 1.8;
  }
}
.page-flow .service-item .info {
  margin: 0 0 27px;
}
@media (max-width: 991px) {
  .page-flow .service-item .info {
    margin: 0 0 18px;
  }
}
.page-flow .service-item .info > p {
  font-size: 21px;
  font-weight: 500;
  letter-spacing: 1.05px;
  line-height: 1.4;
  padding: 2px 18px;
  border-radius: 4px;
  border: 1px solid #175286;
  display: inline-block;
  color: #175286;
  margin: 0 0 9px;
}
@media (max-width: 991px) {
  .page-flow .service-item .info > p {
    font-size: 14px;
    letter-spacing: 0.7px;
    padding: 4px 10px 4.8px;
  }
}
@media (max-width: 374px) {
  .page-flow .service-item .info > p {
    font-size: 12px;
  }
}
.page-flow .service-item .info > p.note {
  display: block;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.6px;
  color: #454953;
  padding: 0;
  border: 0 none;
}
@media (max-width: 374px) {
  .page-flow .service-item .info > p.note {
    font-size: 10px;
  }
}
.page-flow .service-item .info > p:last-child {
  margin: 0;
}
.page-flow .service-item .content-flow {
  margin: 0 0 24px;
}
@media (max-width: 991px) {
  .page-flow .service-item .content-flow {
    font-size: 14px;
    margin: 0 0 16px;
  }
}
.page-flow .service-item h4 {
  color: #175286;
  font-size: 24px;
  font-weight: 350;
  line-height: 1.4;
  letter-spacing: 1.2px;
  margin: 0 0 32px;
}
@media (max-width: 991px) {
  .page-flow .service-item h4 {
    font-size: 18px;
    letter-spacing: 0;
    margin: 0 0 18px;
  }
}
@media (max-width: 991px) {
  .page-flow .service-item:last-child {
    padding-bottom: 59px;
  }
}
.page-flow .list-flow {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.page-flow .list-flow > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-radius: 12px;
  border: 1px solid #F0F7FA;
  background: #FFF;
  backdrop-filter: blur(5px);
  padding: 10px 37px 9px 50px;
  margin: 0 0 32px;
  position: relative;
}
@media (max-width: 991px) {
  .page-flow .list-flow > li {
    padding: 10px 16px 10.5px 20px;
    margin: 0 0 18px;
  }
}
.page-flow .list-flow > li::after {
  content: "";
  position: absolute;
  bottom: -28px;
  left: 162px;
  transform: translateY(-50%);
  width: 60px;
  height: 12px;
  mask-image: url("../../images/icon/arrow-down-triangle.svg");
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transition: all 0.3s;
  background-color: #175286;
}
@media (max-width: 991px) {
  .page-flow .list-flow > li::after {
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 10px;
    mask-image: url("../../images/icon/arrow-down-triangle-1030.svg");
    bottom: -14px;
  }
}
.page-flow .list-flow > li:last-child {
  margin: 0;
}
.page-flow .list-flow > li:last-child::after {
  content: none;
}
.page-flow .list-flow .number {
  width: 60px;
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  font-weight: 400;
  color: #175286;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .page-flow .list-flow .number {
    float: left;
    width: 30px;
    padding: 0;
    font-size: 14px;
    line-height: 27px;
  }
}
.page-flow .list-flow .title {
  width: 240px;
  font-size: 20px;
  font-weight: 400;
  color: #175286;
}
@media (max-width: 767px) {
  .page-flow .list-flow .title {
    float: left;
    width: calc(100% - 30px);
    font-size: 16px;
    letter-spacing: -0.8px;
    margin: 0 0 5px;
  }
}
.page-flow .list-flow .content-flow-item {
  width: calc(100% - 300px);
  padding-left: 40px;
  font-size: 14px;
  letter-spacing: 0.28px;
}
@media (max-width: 767px) {
  .page-flow .list-flow .content-flow-item {
    width: 100%;
    padding: 0;
  }
}
.page-flow .site-main .btn-more {
  margin: 39px 0 0;
}
@media (max-width: 767px) {
  .page-flow .site-main .btn-more {
    margin: 30px 0 0;
  }
}

@media (max-width: 991px) {
  .tax-blog-category .list-news > li, .post-type-archive-blog .list-news > li {
    margin: 0 0 19px;
  }
}
.tax-blog-category .list-news > li > a, .post-type-archive-blog .list-news > li > a {
  align-items: center;
}
.tax-blog-category .list-news .col-right, .post-type-archive-blog .list-news .col-right {
  margin-top: 0;
}
@media (max-width: 991px) {
  .tax-blog-category .list-news .col-right, .post-type-archive-blog .list-news .col-right {
    margin-top: -5px;
  }
}
@media (max-width: 767px) {
  .tax-blog-category .list-news .art-ttl, .post-type-archive-blog .list-news .art-ttl {
    display: block;
    max-height: none;
    margin: 0 0 10px;
  }
}
@media (min-width: 992px) {
  .tax-blog-category .pagination, .post-type-archive-blog .pagination {
    margin: 51px 0 0;
  }
}

:root {
  --bw: 375;
}

@media screen and (min-width: 768px) {
  :root {
    --bw: 1400 ;
  }
}
.page-template-temp-company, .page-template-temp-company-message, .page-template-temp-company-sdgs, .page-template-temp-company-access, .page-template-temp-company-history, .page-template-temp-recruit, .page-template-temp-feature, .page-template-temp-about, .page-template-temp-sitemap {
  font-size: max(8px, min(16 / var(--bw) * 100vw, 16px));
}
.page-template-temp-company section.breadcrumbs, .page-template-temp-company-message section.breadcrumbs, .page-template-temp-company-sdgs section.breadcrumbs, .page-template-temp-company-access section.breadcrumbs, .page-template-temp-company-history section.breadcrumbs, .page-template-temp-recruit section.breadcrumbs, .page-template-temp-feature section.breadcrumbs, .page-template-temp-about section.breadcrumbs, .page-template-temp-sitemap section.breadcrumbs {
  margin: 0 0 10px;
}
.page-template-temp-company h2.common, .page-template-temp-company-message h2.common, .page-template-temp-company-sdgs h2.common, .page-template-temp-company-access h2.common, .page-template-temp-company-history h2.common, .page-template-temp-recruit h2.common, .page-template-temp-feature h2.common, .page-template-temp-about h2.common, .page-template-temp-sitemap h2.common {
  margin: 0 0 1em;
  text-align: center;
  font-size: 1.5em;
  font-weight: 700;
}
.page-template-temp-company h2.common span.en, .page-template-temp-company-message h2.common span.en, .page-template-temp-company-sdgs h2.common span.en, .page-template-temp-company-access h2.common span.en, .page-template-temp-company-history h2.common span.en, .page-template-temp-recruit h2.common span.en, .page-template-temp-feature h2.common span.en, .page-template-temp-about h2.common span.en, .page-template-temp-sitemap h2.common span.en {
  font-family: "PT Sans", sans-serif;
}
.page-template-temp-company h2.common span.ja, .page-template-temp-company-message h2.common span.ja, .page-template-temp-company-sdgs h2.common span.ja, .page-template-temp-company-access h2.common span.ja, .page-template-temp-company-history h2.common span.ja, .page-template-temp-recruit h2.common span.ja, .page-template-temp-feature h2.common span.ja, .page-template-temp-about h2.common span.ja, .page-template-temp-sitemap h2.common span.ja {
  display: block;
  font-size: 0.6875em;
  font-weight: bold;
}
.page-template-temp-company .content-area > article, .page-template-temp-company-message .content-area > article, .page-template-temp-company-sdgs .content-area > article, .page-template-temp-company-access .content-area > article, .page-template-temp-company-history .content-area > article, .page-template-temp-recruit .content-area > article, .page-template-temp-feature .content-area > article, .page-template-temp-about .content-area > article, .page-template-temp-sitemap .content-area > article {
  position: relative;
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
  color: rgb(26, 26, 26);
  line-height: 1.6;
  padding: 0 0 40px;
}
.page-template-temp-company .content-area > article .container, .page-template-temp-company-message .content-area > article .container, .page-template-temp-company-sdgs .content-area > article .container, .page-template-temp-company-access .content-area > article .container, .page-template-temp-company-history .content-area > article .container, .page-template-temp-recruit .content-area > article .container, .page-template-temp-feature .content-area > article .container, .page-template-temp-about .content-area > article .container, .page-template-temp-sitemap .content-area > article .container {
  margin-left: auto;
  margin-right: auto;
}
.page-template-temp-company .eyecatch, .page-template-temp-company-message .eyecatch, .page-template-temp-company-sdgs .eyecatch, .page-template-temp-company-access .eyecatch, .page-template-temp-company-history .eyecatch, .page-template-temp-recruit .eyecatch, .page-template-temp-feature .eyecatch, .page-template-temp-about .eyecatch, .page-template-temp-sitemap .eyecatch {
  padding: 3em 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
.page-template-temp-company .eyecatch .container, .page-template-temp-company-message .eyecatch .container, .page-template-temp-company-sdgs .eyecatch .container, .page-template-temp-company-access .eyecatch .container, .page-template-temp-company-history .eyecatch .container, .page-template-temp-recruit .eyecatch .container, .page-template-temp-feature .eyecatch .container, .page-template-temp-about .eyecatch .container, .page-template-temp-sitemap .eyecatch .container {
  margin: 0 auto;
}
.page-template-temp-company .eyecatch h1, .page-template-temp-company-message .eyecatch h1, .page-template-temp-company-sdgs .eyecatch h1, .page-template-temp-company-access .eyecatch h1, .page-template-temp-company-history .eyecatch h1, .page-template-temp-recruit .eyecatch h1, .page-template-temp-feature .eyecatch h1, .page-template-temp-about .eyecatch h1, .page-template-temp-sitemap .eyecatch h1 {
  margin: 0;
  font-size: 1.5em;
}
.page-template-temp-company .eyecatch h1 > span, .page-template-temp-company-message .eyecatch h1 > span, .page-template-temp-company-sdgs .eyecatch h1 > span, .page-template-temp-company-access .eyecatch h1 > span, .page-template-temp-company-history .eyecatch h1 > span, .page-template-temp-recruit .eyecatch h1 > span, .page-template-temp-feature .eyecatch h1 > span, .page-template-temp-about .eyecatch h1 > span, .page-template-temp-sitemap .eyecatch h1 > span {
  display: inline-block;
  padding: 0.2em 0.4em;
  line-height: 1;
  background-color: #fff;
}
.page-template-temp-company .eyecatch p, .page-template-temp-company-message .eyecatch p, .page-template-temp-company-sdgs .eyecatch p, .page-template-temp-company-access .eyecatch p, .page-template-temp-company-history .eyecatch p, .page-template-temp-recruit .eyecatch p, .page-template-temp-feature .eyecatch p, .page-template-temp-about .eyecatch p, .page-template-temp-sitemap .eyecatch p {
  margin: 1em 0 0;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .page-template-temp-company .eyecatch p, .page-template-temp-company-message .eyecatch p, .page-template-temp-company-sdgs .eyecatch p, .page-template-temp-company-access .eyecatch p, .page-template-temp-company-history .eyecatch p, .page-template-temp-recruit .eyecatch p, .page-template-temp-feature .eyecatch p, .page-template-temp-about .eyecatch p, .page-template-temp-sitemap .eyecatch p {
    margin: 0px 5%;
  }
}
.page-template-temp-company .eyecatch p span, .page-template-temp-company-message .eyecatch p span, .page-template-temp-company-sdgs .eyecatch p span, .page-template-temp-company-access .eyecatch p span, .page-template-temp-company-history .eyecatch p span, .page-template-temp-recruit .eyecatch p span, .page-template-temp-feature .eyecatch p span, .page-template-temp-about .eyecatch p span, .page-template-temp-sitemap .eyecatch p span {
  display: inline-block;
  padding: 0.3em 0.4em;
  font-weight: bold;
  line-height: 1;
  background-color: #fff;
}
@media (max-width: 767px) {
  .page-template-temp-company .eyecatch p span, .page-template-temp-company-message .eyecatch p span, .page-template-temp-company-sdgs .eyecatch p span, .page-template-temp-company-access .eyecatch p span, .page-template-temp-company-history .eyecatch p span, .page-template-temp-recruit .eyecatch p span, .page-template-temp-feature .eyecatch p span, .page-template-temp-about .eyecatch p span, .page-template-temp-sitemap .eyecatch p span {
    line-height: 1.4;
  }
}
.page-template-temp-company .eyecatch .en, .page-template-temp-company-message .eyecatch .en, .page-template-temp-company-sdgs .eyecatch .en, .page-template-temp-company-access .eyecatch .en, .page-template-temp-company-history .eyecatch .en, .page-template-temp-recruit .eyecatch .en, .page-template-temp-feature .eyecatch .en, .page-template-temp-about .eyecatch .en, .page-template-temp-sitemap .eyecatch .en {
  margin-top: -5px;
}
.page-template-temp-company .eyecatch .en span, .page-template-temp-company-message .eyecatch .en span, .page-template-temp-company-sdgs .eyecatch .en span, .page-template-temp-company-access .eyecatch .en span, .page-template-temp-company-history .eyecatch .en span, .page-template-temp-recruit .eyecatch .en span, .page-template-temp-feature .eyecatch .en span, .page-template-temp-about .eyecatch .en span, .page-template-temp-sitemap .eyecatch .en span {
  display: inline-block;
  padding: 0.3em 0.4em;
  font-weight: bold;
  font-family: "PT Sans", sans-serif;
  line-height: 1;
  letter-spacing: 0.025em;
  background-color: #fff;
}
.page-template-temp-company .w720, .page-template-temp-company-message .w720, .page-template-temp-company-sdgs .w720, .page-template-temp-company-access .w720, .page-template-temp-company-history .w720, .page-template-temp-recruit .w720, .page-template-temp-feature .w720, .page-template-temp-about .w720, .page-template-temp-sitemap .w720 {
  max-width: 720px;
}
.page-template-temp-company .w640, .page-template-temp-company-message .w640, .page-template-temp-company-sdgs .w640, .page-template-temp-company-access .w640, .page-template-temp-company-history .w640, .page-template-temp-recruit .w640, .page-template-temp-feature .w640, .page-template-temp-about .w640, .page-template-temp-sitemap .w640 {
  max-width: 640px;
}
.page-template-temp-company .w960, .page-template-temp-company-message .w960, .page-template-temp-company-sdgs .w960, .page-template-temp-company-access .w960, .page-template-temp-company-history .w960, .page-template-temp-recruit .w960, .page-template-temp-feature .w960, .page-template-temp-about .w960, .page-template-temp-sitemap .w960 {
  max-width: 960px;
}
.page-template-temp-company .w480, .page-template-temp-company .w640, .page-template-temp-company .w720, .page-template-temp-company .w840, .page-template-temp-company .w960, .page-template-temp-company .w1080, .page-template-temp-company .w1140, .page-template-temp-company .w1280, .page-template-temp-company-message .w480, .page-template-temp-company-message .w640, .page-template-temp-company-message .w720, .page-template-temp-company-message .w840, .page-template-temp-company-message .w960, .page-template-temp-company-message .w1080, .page-template-temp-company-message .w1140, .page-template-temp-company-message .w1280, .page-template-temp-company-sdgs .w480, .page-template-temp-company-sdgs .w640, .page-template-temp-company-sdgs .w720, .page-template-temp-company-sdgs .w840, .page-template-temp-company-sdgs .w960, .page-template-temp-company-sdgs .w1080, .page-template-temp-company-sdgs .w1140, .page-template-temp-company-sdgs .w1280, .page-template-temp-company-access .w480, .page-template-temp-company-access .w640, .page-template-temp-company-access .w720, .page-template-temp-company-access .w840, .page-template-temp-company-access .w960, .page-template-temp-company-access .w1080, .page-template-temp-company-access .w1140, .page-template-temp-company-access .w1280, .page-template-temp-company-history .w480, .page-template-temp-company-history .w640, .page-template-temp-company-history .w720, .page-template-temp-company-history .w840, .page-template-temp-company-history .w960, .page-template-temp-company-history .w1080, .page-template-temp-company-history .w1140, .page-template-temp-company-history .w1280, .page-template-temp-recruit .w480, .page-template-temp-recruit .w640, .page-template-temp-recruit .w720, .page-template-temp-recruit .w840, .page-template-temp-recruit .w960, .page-template-temp-recruit .w1080, .page-template-temp-recruit .w1140, .page-template-temp-recruit .w1280, .page-template-temp-feature .w480, .page-template-temp-feature .w640, .page-template-temp-feature .w720, .page-template-temp-feature .w840, .page-template-temp-feature .w960, .page-template-temp-feature .w1080, .page-template-temp-feature .w1140, .page-template-temp-feature .w1280, .page-template-temp-about .w480, .page-template-temp-about .w640, .page-template-temp-about .w720, .page-template-temp-about .w840, .page-template-temp-about .w960, .page-template-temp-about .w1080, .page-template-temp-about .w1140, .page-template-temp-about .w1280, .page-template-temp-sitemap .w480, .page-template-temp-sitemap .w640, .page-template-temp-sitemap .w720, .page-template-temp-sitemap .w840, .page-template-temp-sitemap .w960, .page-template-temp-sitemap .w1080, .page-template-temp-sitemap .w1140, .page-template-temp-sitemap .w1280 {
  margin: 0px auto;
  width: 92%;
}

.page-template-temp-company .eyecatch {
  background-image: url("../../images/company/eyecatch-company.webp");
}
.page-template-temp-company .corporation {
  padding: 2em 0;
}
.page-template-temp-company .corporation table {
  width: 100%;
  font-size: 0.875em;
}
.page-template-temp-company .corporation table tr {
  border-bottom: 1px solid #ccc;
}
@media (max-width: 767px) {
  .page-template-temp-company .corporation table tr {
    display: block;
    margin: 0 0 1em;
    padding-bottom: 10px;
  }
}
.page-template-temp-company .corporation table tr th {
  padding: 1em;
  width: 30%;
  font-weight: normal;
  vertical-align: top;
}
@media (max-width: 767px) {
  .page-template-temp-company .corporation table tr th {
    display: block;
    padding: 0 0 0.5em;
    width: 100%;
    font-weight: bold;
    text-align: left;
  }
}
.page-template-temp-company .corporation table tr td {
  padding: 1em;
  width: 70%;
}
@media (max-width: 767px) {
  .page-template-temp-company .corporation table tr td {
    display: block;
    padding: 0;
    width: 100%;
  }
}
.page-template-temp-company .corporation table tr td span {
  display: inline-block;
}
.page-template-temp-company .corporation table tr td a {
  float: right;
  text-decoration: none;
  color: rgb(4, 4, 4);
}
.page-template-temp-company .corporation table tr td a i {
  padding-right: 0.2em;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.page-template-temp-company .corporation table tr td a i::before {
  mask-image: url("../../images/icon/circle-chevron-right.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center center;
  width: 15px;
  height: 15px;
  display: inline-block;
  content: "";
  background-color: #040404;
}
.page-template-temp-company .corporation table tr td a:hover {
  color: #175286;
}
.page-template-temp-company .corporation table tr td a:hover i::before {
  background-color: #175286;
}

.page-template-temp-company-message .eyecatch {
  background-image: url("../../images/company/eyecatch-message.jpeg");
}
@media (max-width: 991px) {
  .page-template-temp-company-message .message {
    padding: 0 0 40px;
  }
}
.page-template-temp-company-message .message .container {
  margin: 0px auto;
  padding: 2em 0px;
  width: 92%;
  max-width: 960px;
}
.page-template-temp-company-message .message .block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-template-temp-company-message .message .photo {
  width: 30%;
}
@media (max-width: 991px) {
  .page-template-temp-company-message .message .photo {
    margin: 0px 20%;
    width: 60%;
  }
}
.page-template-temp-company-message .message .photo img {
  display: block;
  width: 100%;
}
.page-template-temp-company-message .message .photo img.sign {
  margin: 0.5em 0px 0px;
  width: 120px;
}
.page-template-temp-company-message .message .about {
  width: 65%;
}
@media (max-width: 991px) {
  .page-template-temp-company-message .message .about {
    width: 100%;
  }
}
.page-template-temp-company-message .message .about h3 {
  font-size: 1.25em;
  font-weight: 700;
  margin: 20px 0;
}
.page-template-temp-company-message .message .about h3 span {
  display: block;
  font-size: 0.875em;
}
.page-template-temp-company-message .message .about p {
  font-size: 0.875em;
  margin: 10px 0;
}

.page-template-temp-company-sdgs .eyecatch {
  background-image: url("../../images/company/eyecatch-sdg.webp");
}
.page-template-temp-company-sdgs .body-sdgs {
  padding: 2em 0px;
}
.page-template-temp-company-sdgs .body-sdgs .container {
  margin: 0px auto;
  width: 92%;
  max-width: 640px;
}
.page-template-temp-company-sdgs .body-sdgs p {
  margin: 10px 0;
}
.page-template-temp-company-sdgs .body-sdgs figure {
  margin: 1em 0px;
}
.page-template-temp-company-sdgs .body-sdgs figure img {
  display: block;
  margin: 2em 0px;
  width: 100%;
}

.page-template-temp-company-access .content-area {
  margin-bottom: 0;
}
.page-template-temp-company-access .content-area > article {
  padding: 0;
}
.page-template-temp-company-access .eyecatch {
  background-image: url("../../images/company/eyecatch-access.jpeg");
}
.page-template-temp-company-access .location .container {
  margin: 0px auto;
  width: 92%;
  max-width: 640px;
  padding: 2em 0px;
}
.page-template-temp-company-access .location p {
  margin: 10px 0;
}
.page-template-temp-company-access .access {
  margin: 0 0 64px;
}
@media (max-width: 991px) {
  .page-template-temp-company-access .access {
    margin: 0 0 40px;
  }
}
.page-template-temp-company-access .access .container {
  margin: 0px auto;
  width: 92%;
  max-width: 720px;
}
.page-template-temp-company-access .access table {
  width: auto !important;
}
.page-template-temp-company-access .access table tr {
  vertical-align: top;
}
.page-template-temp-company-access .access table tr th, .page-template-temp-company-access .access table tr td {
  padding: 1em;
}
@media (max-width: 991px) {
  .page-template-temp-company-access .access table tr th, .page-template-temp-company-access .access table tr td {
    display: block;
    padding: 0px 0px 1em;
  }
}
.page-template-temp-company-access .access table tr th {
  text-align: left;
  font-weight: 500;
}
@media (max-width: 991px) {
  .page-template-temp-company-access .access table tr th {
    padding: 0px 0px 0.5em;
  }
}
.page-template-temp-company-access .access table tr ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.page-template-temp-company-history .eyecatch {
  background-image: url("../../images/company/eyecatch-history.jpeg");
}
.page-template-temp-company-history .w720 {
  margin: 0px auto;
  width: 92%;
}
.page-template-temp-company-history .history .container {
  padding: 2em 0px;
}
.page-template-temp-company-history .history table {
  width: 100%;
  font-size: 0.875em;
  border-collapse: collapse;
}
.page-template-temp-company-history .history table th, .page-template-temp-company-history .history table td {
  padding: 1em 0px;
  vertical-align: top;
  border-top: 1px solid rgb(204, 204, 204);
  border-bottom: 1px solid rgb(204, 204, 204);
}
.page-template-temp-company-history .history table th {
  width: 20%;
  text-align: left;
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .page-template-temp-company-history .history table th {
    width: 90px;
  }
}
.page-template-temp-company-history .history table td {
  width: 80%;
  vertical-align: top;
}
@media (max-width: 991px) {
  .page-template-temp-company-history .history table td {
    width: calc(100% - 90px);
  }
}

.page-template-temp-recruit .eyecatch {
  background-image: url("../../images/recruit/eyecatch-recruit.jpeg");
}
.page-template-temp-recruit .charm .container {
  overflow: auto;
  padding: 2em 0px;
  text-align: center;
  max-width: 100%;
}
.page-template-temp-recruit .charm .row {
  display: flex;
  flex-wrap: wrap;
}
.page-template-temp-recruit .charm .row .column {
  margin: 0px;
  width: 25%;
}
@media (max-width: 991px) {
  .page-template-temp-recruit .charm .row .column {
    width: 50%;
  }
}
.page-template-temp-recruit .charm .row .column h3 {
  font-size: 1.25em;
  font-weight: 700;
  margin: -30px 0px 0px;
  text-align: center;
}
@media (max-width: 991px) {
  .page-template-temp-recruit .charm .row .column h3 {
    margin: -20px 0px 0px;
    font-size: 0.875em;
  }
}
.page-template-temp-recruit .charm .row .column h3 span {
  display: inline-block;
  padding: 0.2em 0.4em;
  color: rgb(255, 255, 255);
  background-color: rgb(16, 35, 77);
}
.page-template-temp-recruit .charm .row .column p {
  margin: 1em 10%;
  font-size: 0.875em;
  text-align: left;
}
.page-template-temp-recruit .charm figure {
  margin: 0px;
}
.page-template-temp-recruit .charm figure img {
  width: 100%;
}
@media (max-width: 991px) {
  .page-template-temp-recruit .charm figure img {
    height: 150px;
    object-fit: cover;
  }
}
.page-template-temp-recruit .wanted {
  position: relative;
}
.page-template-temp-recruit .wanted::before, .page-template-temp-recruit .wanted::after {
  position: absolute;
  content: "";
  display: block;
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
  background-size: 200px;
}
@media (max-width: 991px) {
  .page-template-temp-recruit .wanted::before, .page-template-temp-recruit .wanted::after {
    width: 100px;
    height: 100px;
    background-size: 100px;
  }
}
.page-template-temp-recruit .wanted::before {
  top: 0px;
  left: 0px;
  background-image: url("../../images/recruit/wanted-bg-l.png");
  background-position: left top;
}
.page-template-temp-recruit .wanted::after {
  bottom: 0px;
  right: 0px;
  background-image: url("../../images/recruit/wanted-bg-r.png");
  background-position: right bottom;
}
.page-template-temp-recruit .wanted .container {
  overflow: auto;
  text-align: center;
}
.page-template-temp-recruit .wanted .row {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .page-template-temp-recruit .wanted .row {
    padding: 0 0 60px;
  }
}
.page-template-temp-recruit .wanted .row .column {
  margin: 0px 2% 1em;
  width: 46%;
}
.page-template-temp-recruit .wanted .row .column p {
  margin: 1em 10%;
  font-size: 0.875em;
  text-align: left;
}
@media (max-width: 991px) {
  .page-template-temp-recruit .wanted .row .column p {
    margin: 0px;
  }
}
.page-template-temp-recruit .wanted figure {
  margin: 0px;
  text-align: center;
}
.page-template-temp-recruit .wanted figure img {
  width: auto;
  height: 130px;
}
@media (max-width: 991px) {
  .page-template-temp-recruit .wanted figure img {
    height: 60px;
  }
}
.page-template-temp-recruit .message {
  background-image: url("../../images/recruit/profile.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 991px) {
  .page-template-temp-recruit .message {
    background-image: none;
  }
}
.page-template-temp-recruit .message .w960 {
  max-width: 960px;
}
.page-template-temp-recruit .message .container {
  overflow: auto;
  text-align: center;
}
.page-template-temp-recruit .message .content {
  width: 60%;
  text-align: left;
}
@media (max-width: 991px) {
  .page-template-temp-recruit .message .content {
    width: auto;
  }
}
.page-template-temp-recruit .message .content p {
  margin: 10px 0;
}
.page-template-temp-recruit .member .container {
  overflow: auto;
  text-align: center;
}
.page-template-temp-recruit .member .block {
  clear: both;
}
@media (max-width: 991px) {
  .page-template-temp-recruit .member .block {
    margin: 0px 0px 2em;
  }
}
.page-template-temp-recruit .member .block figure {
  float: left;
  margin: 0px 5% 2em 0px;
  width: 30%;
}
.page-template-temp-recruit .member .block figure img {
  width: 100%;
}
.page-template-temp-recruit .member .block h3 {
  text-align: left;
  font-size: 1.25em;
  font-weight: 700;
  margin: 20px 0;
}
@media (max-width: 991px) {
  .page-template-temp-recruit .member .block h3 {
    font-size: 1em;
  }
}
.page-template-temp-recruit .member .block p {
  text-align: left;
}
@media (max-width: 991px) {
  .page-template-temp-recruit .member .block p {
    font-size: 0.875em;
  }
}
.page-template-temp-recruit .member .block.right figure {
  float: right;
  margin: -5em 0px 0px 5%;
}
@media (max-width: 991px) {
  .page-template-temp-recruit .member .block.right figure {
    margin: 0px 0px 0px 5%;
  }
}

.page-template-temp-feature .eyecatch {
  background-image: url("../../images/company/eyecatch-feature.webp");
}
.page-template-temp-feature .features .container {
  margin: 0px auto;
  padding: 2em 0px;
  width: 92%;
  max-width: 960px;
}
.page-template-temp-feature .features .desc {
  margin: 0px 0px 4em;
  font-weight: bold;
}
.page-template-temp-feature .features .block {
  margin: 0px auto 2em;
  width: 80%;
}
@media (max-width: 991px) {
  .page-template-temp-feature .features .block {
    width: 100%;
  }
}
.page-template-temp-feature .features .block h2 {
  position: relative;
  margin: 0px 0px 0.5em;
  padding: 0px 0px 0px 1em;
  font-size: 1.25em;
  border-left: 2px solid rgb(4, 4, 4);
  font-weight: 700;
}
.page-template-temp-feature .features .block p {
  margin: 0.5em 0px;
}

.page-template-temp-about .about .container {
  font-size: 0.875em;
  padding: 2em 0;
}
.page-template-temp-about .about h1 {
  font-size: 1.5em;
  text-align: center;
}
.page-template-temp-about .about p {
  margin: 10px 0;
}
.page-template-temp-about .about h2 {
  margin: 2em 0px 1em;
  font-size: 1.25em;
}
.page-template-temp-about .about ul {
  margin: 10px 0;
  padding-left: 32px;
}

.page-template-temp-sitemap .sitemap .container {
  overflow: auto;
  padding: 2em 0;
}
.page-template-temp-sitemap .sitemap nav {
  float: left;
  margin: 0px 40px 0px 0px;
  width: 280px;
  display: block;
}
@media (max-width: 991px) {
  .page-template-temp-sitemap .sitemap nav {
    margin: 0px;
    width: 100%;
  }
}
.page-template-temp-sitemap .sitemap nav ul {
  padding: 0px;
  list-style-type: none;
  margin: 20px 0;
}
.page-template-temp-sitemap .sitemap nav ul li {
  padding: 0px 0px 3px;
}
.page-template-temp-sitemap .sitemap nav ul li a {
  display: block;
  font-size: 0.75em;
  text-decoration: none;
  color: rgb(4, 4, 4);
}
.page-template-temp-sitemap h1 {
  font-family: "PT Sans", sans-serif;
  text-align: center;
}

.page-template-temp-company-message-manga section.breadcrumbs {
  margin: 0 0 71px;
}
@media (max-width: 991px) {
  .page-template-temp-company-message-manga section.breadcrumbs {
    margin: 0 0 31px;
  }
}
.page-template-temp-company-message-manga .content-area {
  margin-bottom: 67px;
}
@media (max-width: 991px) {
  .page-template-temp-company-message-manga .content-area {
    margin-bottom: 13px;
  }
}
.page-template-temp-company-message-manga .sec-message > .container {
  display: flex;
  flex-wrap: wrap;
  gap: 25px 100px;
  margin: 0;
}
.page-template-temp-company-message-manga .sec-message > .container > aside {
  width: 308px;
}
@media (max-width: 991px) {
  .page-template-temp-company-message-manga .sec-message > .container > aside {
    width: 100%;
  }
}
.page-template-temp-company-message-manga .sec-message > .container > main {
  width: calc(100% - 408px);
}
@media (max-width: 991px) {
  .page-template-temp-company-message-manga .sec-message > .container > main {
    width: 100%;
  }
}
.page-template-temp-company-message-manga .sec-message h1 {
  font-size: 24px;
  color: #175286;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 30px;
}
@media (max-width: 991px) {
  .page-template-temp-company-message-manga .sec-message h1 {
    letter-spacing: -0.48px;
    margin: 0 0 13px;
  }
}
.page-template-temp-company-message-manga .sec-message .wp-editor {
  border-radius: 24px;
  background: #FFF;
  padding: 0 96px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .page-template-temp-company-message-manga .sec-message .wp-editor {
    padding: 0;
    border-radius: 8px;
  }
}
.page-template-temp-company-message-manga .sec-message ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.page-template-temp-company-message-manga .sec-message ul > li {
  margin: 0 0 18px;
}
@media (max-width: 991px) {
  .page-template-temp-company-message-manga .sec-message ul > li {
    margin: 0 0 22px;
  }
}
.page-template-temp-company-message-manga .sec-message ul > li > a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 14px;
}
@media (max-width: 991px) {
  .page-template-temp-company-message-manga .sec-message ul > li > a {
    gap: 0 11px;
  }
}
.page-template-temp-company-message-manga .sec-message ul > li > a:hover figure {
  opacity: 0.8;
}
.page-template-temp-company-message-manga .sec-message ul > li > a:hover .ttl {
  color: #175286;
}
.page-template-temp-company-message-manga .sec-message ul > li figure {
  width: 120px;
  aspect-ratio: 120/80;
  border-radius: 4px;
  border: 1px solid #F0F7FA;
  background: #EEF3F9;
  position: relative;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .page-template-temp-company-message-manga .sec-message ul > li figure {
    aspect-ratio: 170/113;
    width: 170px;
  }
}
.page-template-temp-company-message-manga .sec-message ul > li figure > img {
  aspect-ratio: 53/80;
  position: relative;
  z-index: 2;
  width: 53px;
  height: 80px;
  object-fit: cover;
  object-position: top;
}
@media (max-width: 991px) {
  .page-template-temp-company-message-manga .sec-message ul > li figure > img {
    aspect-ratio: 75.56/113.33;
    width: 75px;
    height: 113px;
  }
}
.page-template-temp-company-message-manga .sec-message ul > li figure > img.blur-img {
  width: 120px;
  height: 80px;
  aspect-ratio: 120/80;
  position: absolute;
  left: 0;
  top: 0;
  filter: blur(2px);
  z-index: 1;
  display: block;
  object-fit: cover;
}
@media (max-width: 991px) {
  .page-template-temp-company-message-manga .sec-message ul > li figure > img.blur-img {
    width: 170px;
    height: 113px;
    aspect-ratio: 170/113;
    filter: blur(2.8px);
  }
}
.page-template-temp-company-message-manga .sec-message ul > li .ttl {
  color: #000;
  font-size: 16px;
  font-weight: 350;
  line-height: 1.5;
  transition: all 0.3s ease-in-out;
  width: calc(100% - 134px);
  margin-top: -7px;
}
@media (max-width: 991px) {
  .page-template-temp-company-message-manga .sec-message ul > li .ttl {
    width: calc(100% - 181px);
    font-size: 14px;
    margin-top: 0px;
  }
}
.page-template-temp-company-message-manga .sec-message h3 {
  font-size: 18px;
  font-weight: 350;
  line-height: 1.6;
  color: #175286;
  padding: 0 0 7px;
  margin: 0 0 20px;
  border-bottom: 1px solid rgba(23, 82, 134, 0.3);
}
@media (max-width: 991px) {
  .page-template-temp-company-message-manga .sec-message h3 {
    padding: 0 0 3px;
    margin: 0 0 22px;
  }
}
.page-template-temp-company-message-manga .sec-message .story-navigation {
  display: flex;
  justify-content: space-between;
  margin: 21px 0 0px;
}
@media (max-width: 991px) {
  .page-template-temp-company-message-manga .sec-message .story-navigation {
    margin: 14px 0 0;
  }
}
.page-template-temp-company-message-manga .sec-message .story-navigation > a {
  font-size: 16px;
  font-weight: 400;
  color: #175286;
}
@media (max-width: 991px) {
  .page-template-temp-company-message-manga .sec-message .story-navigation > a {
    font-size: 12px;
  }
}
.page-template-temp-company-message-manga .sec-message .story-navigation > a.next-btn {
  margin-left: auto;
}
.page-template-temp-company-message-manga .sec-message .story-navigation > a.prev-btn {
  margin-right: auto;
}