@charset "UTF-8";
/*
Theme Name: kompas

*/
html {
  scroll-behavior: smooth;
}

body div,
body span,
body applet,
body object,
body iframe,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body blockquote,
body pre,
body a,
body abbr,
body acronym,
body address,
body big,
body cite,
body code,
body del,
body dfn,
body em,
body img,
body ins,
body kbd,
body q,
body s,
body samp,
body small,
body strike,
body strong,
body sub,
body sup,
body tt,
body var,
body b,
body u,
body i,
body center,
body dl,
body dt,
body dd,
body ol,
body ul,
body li,
body fieldset,
body form,
body label,
body legend,
body table,
body caption,
body tbody,
body tfoot,
body thead,
body tr,
body th,
body td,
body article,
body aside,
body canvas,
body details,
body embed,
body figure,
body figcaption,
body footer,
body header,
body hgroup,
body menu,
body nav,
body output,
body ruby,
body section,
body summary,
body time,
body mark,
body audio,
body video,
body input,
body textarea,
body select {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  color: #000;
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
}
@media screen and (max-width: 959px) {
  body input,
  body textarea,
  body select .uk-checkbox,
  body .uk-input,
  body .uk-radio,
  body .uk-select,
  body .uk-textarea {
    font-size: 1.1428571429rem;
  }
}

body {
  width: 100%;
  overflow-x: hidden;
}

main {
  overflow: hidden;
}

.font_small {
  font-size: 0.875rem !important;
}

img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

p {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-size: 20px;
  font-style: normal;
}
@media screen and (max-width: 1199px) {
  p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1199px) {
  p {
    font-size: 14px;
  }
}

.tb-none {
  display: block;
}
@media screen and (max-width: 959px) {
  .tb-none {
    display: none;
  }
}

.sp-none {
  display: block;
}
@media screen and (max-width: 639px) {
  .sp-none {
    display: none;
  }
}

.tb-block {
  display: block;
}
@media screen and (max-width: 639px) {
  .tb-block {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .tb-block {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .tb-block {
    display: none;
  }
}

.tb-block {
  display: none;
}
@media screen and (max-width: 959px) {
  .tb-block {
    display: block;
  }
}

.pc-none {
  display: none;
}
@media screen and (max-width: 639px) {
  .pc-none {
    display: block;
  }
}

.text_align_right {
  text-align: right;
}

.section_inner {
  max-width: 1980px;
  margin: auto;
}
@media screen and (max-width: 959px) {
  .section_inner {
    padding: 0 !important;
  }
}

.section_inner_1200 {
  max-width: 1280px;
  margin: auto;
}
@media screen and (max-width: 959px) {
  .section_inner_1200 {
    padding: 0 1rem !important;
  }
}

.section_inner_960 {
  max-width: 960px;
  margin: auto;
}
@media screen and (max-width: 959px) {
  .section_inner_960 {
    padding: 0 1rem !important;
  }
}

.section_inner_768 {
  max-width: 768px;
  margin: auto;
}
.section_inner_640 {
  max-width: 640px;
  margin: auto;
}
@media screen and (max-width: 959px) {
  .section_inner_640 {
    padding: 0 1rem !important;
  }
}

.section_inner_520 {
  max-width: 520px;
  margin: auto;
}
@media screen and (max-width: 959px) {
  .section_inner_520 {
    padding: 0 1rem !important;
  }
}

.section_inner_480 {
  max-width: 480px;
  margin: auto;
}
@media screen and (max-width: 959px) {
  .section_inner_480 {
    padding: 0 1rem !important;
  }
}

.section_inner_360 {
  max-width: 360px;
  margin: auto;
}
@media screen and (max-width: 959px) {
  .section_inner_360 {
    padding: 0 1rem !important;
  }
}

.height_0_5rem {
  height: 0.5rem;
  width: 100%;
}

.height_1rem {
  height: 1rem;
  width: 100%;
}

.height_2rem {
  height: 2rem;
  width: 100%;
}

.height_3rem {
  height: 3rem;
  width: 100%;
}

.height_4rem {
  height: 4rem;
  width: 100%;
}

.height_5rem {
  height: 5rem;
  width: 100%;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.header_bar {
  transition-duration: 1s;
}

header {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 10000;
  width: 100%;
}
@media screen and (max-width: 639px) {
  header {
    top: 0px;
  }
}
header .header_inner {
  display: flex;
  justify-content: space-between;
  padding-top: 0.5rem;
  max-width: 1200px;
  margin: auto;
}
@media screen and (max-width: 959px) {
  header .header_inner {
    padding-top: 12px;
  }
}
header .header_inner .logo {
  width: 200px;
  height: auto;
  margin-left: 30px;
}
@media screen and (max-width: 639px) {
  header .header_inner .logo {
    width: 100px;
  }
}
header .header_inner .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
header .header_inner .logo a {
  font-size: 25px;
  text-decoration: none;
}
@media screen and (max-width: 959px) {
  header .header_inner .logo a {
    font-size: 20px;
  }
}
header .header_inner .nav_list {
  width: 767px;
  align-content: center;
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list {
    position: absolute;
    top: 0;
    right: -100%;
    width: 70%;
    transition: 1s;
    z-index: 1000001;
    background: #93252D;
  }
  header .header_inner .nav_list ul {
    display: block !important;
    background: #93252D;
    height: 100vh;
    padding: 3rem 0.5rem 3rem 2rem;
    position: relative;
    z-index: 1000;
  }
  header .header_inner .nav_list ul li {
    position: relative;
    margin-bottom: 2rem;
    color: #000000;
    font-size: 22px;
  }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
  header .header_inner .nav_list ul li {
    color: #fff;
  }
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list ul li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
header .header_inner .nav_list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
header .header_inner .nav_list ul li {
  position: relative;
  list-style: none;
  padding: 0.1rem 0.5rem;
  color: #000;
  font-size: 20px;
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list ul li {
    font-size: 20px;
    color: #fff;
  }
}
header .header_inner .nav_list ul li a {
  font-size: 0.875rem;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
header .header_inner .nav_list ul .contact_nav_btn {
  background: #DEC60A;
  border-radius: 5px;
}
header .header_inner .nav_list ul .contact_nav_btn a {
  color: #fff;
}
header .header_inner .nav_list ul li:last-child {
  background: #fff;
  border-radius: 10px;
  padding: 1px 20px 0;
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list ul li:last-child {
    background: none;
  }
}
@media screen and (max-width: 959px) {
  header .header_inner .nav_list.active {
    right: 0%;
  }
}
header .hum_btn {
  display: none;
}
@media screen and (max-width: 959px) {
  header .hum_btn {
    display: block;
    position: absolute;
    top: 13px;
    right: 12px;
    z-index: 100000000;
    width: 30px;
    height: 30px;
  }
}
header .hum_btn .hum_line {
  background: #000000;
  margin: 6px auto;
  width: 30px;
  height: 2px;
}

.main_title {
  position: relative;
  width: 100%;
  margin: auto;
  border: solid 3px #fff;
  aspect-ratio: 369/487;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.main_title h2, .main_title h3, .main_title h4 {
  text-align: center;
  font-weight: normal;
  color: #fff;
}
.main_title h2 {
  font-size: 2.25rem;
}
@media screen and (max-width: 639px) {
  .main_title h2 {
    font-size: 1.8rem;
  }
}
.main_title p {
  color: #fff;
}
.main_title a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.main_btn {
  position: relative;
  max-width: 340px;
  width: 100%;
  margin: auto;
  border: #000 solid 1px;
  text-align: center;
  padding: 1rem 1rem 1rem 0;
}
@media screen and (max-width: 639px) {
  .main_btn {
    max-width: 270px;
    padding: 0.5rem 0.5rem 0.5rem 0;
  }
}
.main_btn a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.main_btn p {
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 639px) {
  .main_btn p {
    font-size: 0.875rem;
  }
}
.main_btn p::before {
  position: absolute;
  content: "";
  top: 5px;
  right: -70px;
  width: 45px;
  height: 45px;
  background-image: url(img/btn_arrow.png);
  background-repeat: no-repeat;
  background-size: 80%;
  z-index: 9;
}

.top_kv, .consulting_kv {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1920/1180;
}
.top_kv img, .consulting_kv img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.top_kv {
  position: relative;
  aspect-ratio: 1920/1180;
}
@media screen and (max-width: 639px) {
  .top_kv {
    aspect-ratio: 1/1;
  }
}
.top_kv .top_kv_mv_contents {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: auto;
}
.top_kv .top_kv_mv_contents video {
  width: 100%;
  height: 100%;
}
.top_kv .top_kv_mv_contents .top_kv_se {
  opacity: 0;
  transition: opacity 1s ease;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: bottom;
  padding-bottom: 20px;
  z-index: 2;
}
@media screen and (max-width: 959px) {
  .top_kv .top_kv_mv_contents .top_kv_se {
    margin-top: 0px;
  }
}
@media screen and (max-width: 639px) {
  .top_kv .top_kv_mv_contents .top_kv_se {
    margin-top: -130px;
    bottom: -231px;
    background: url(img/top_kv_bg.jpg);
    background-size: cover;
  }
}
.top_kv .top_kv_mv_contents .top_kv_se .kv_btn_box {
  margin: auto;
  width: 100%;
  max-width: 720px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1350px) {
  .top_kv .top_kv_mv_contents .top_kv_se .kv_btn_box {
    max-width: 582px;
  }
}
@media screen and (max-width: 639px) {
  .top_kv .top_kv_mv_contents .top_kv_se .kv_btn_box {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.top_kv .top_kv_mv_contents .top_kv_se .kv_btn_box .kv_btn {
  width: 322px;
  aspect-ratio: 322/138;
  background: #93252D;
  border-radius: 10px;
  align-content: center;
  text-align: center;
  color: #fff;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 30px;
  box-shadow: 5px 5px 10px #484848;
}
@media screen and (max-width: 1350px) {
  .top_kv .top_kv_mv_contents .top_kv_se .kv_btn_box .kv_btn {
    width: 250px;
    font-size: 25px;
    aspect-ratio: 322/100;
  }
}
@media screen and (max-width: 639px) {
  .top_kv .top_kv_mv_contents .top_kv_se .kv_btn_box .kv_btn {
    margin-bottom: 30px;
    font-size: 22px;
    margin: 20px;
  }
}
.top_kv .top_kv_mv_contents .top_kv_se .kv_text_box {
  z-index: 2;
  margin: 40px auto 0;
  width: 100%;
  max-width: 800px;
}
@media screen and (max-width: 1199px) {
  .top_kv .top_kv_mv_contents .top_kv_se .kv_text_box {
    padding: 0 25px;
  }
}
@media screen and (max-width: 959px) {
  .top_kv .top_kv_mv_contents .top_kv_se .kv_text_box {
    margin: 20px auto 0;
  }
}
.top_kv .top_kv_mv_contents .top_kv_se .kv_text_box p {
  font-size: 40px;
  text-align: center;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 100;
  font-style: normal;
  margin: auto;
  max-width: 800px;
}
@media screen and (max-width: 1199px) {
  .top_kv .top_kv_mv_contents .top_kv_se .kv_text_box p {
    font-size: 32px;
    margin: auto;
    max-width: 639px;
  }
}
@media screen and (max-width: 959px) {
  .top_kv .top_kv_mv_contents .top_kv_se .kv_text_box p {
    font-size: 25px;
  }
}
@media screen and (max-width: 639px) {
  .top_kv .top_kv_mv_contents .top_kv_se .kv_text_box p {
    font-size: 20px;
  }
}

.top_se1, .single_list {
  padding: 20px 0;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .top_se1, .single_list {
    padding: 20px 25px;
  }
}
.top_se1::before, .single_list::before {
  content: "";
  width: 100%;
  max-width: 1220px;
  height: auto;
  aspect-ratio: 1/1;
  background: url(img/back_kompas_logo.webp);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 15%;
  right: -17%;
  z-index: 1;
}
.top_se1 .inner, .single_list .inner {
  position: relative;
  z-index: 2;
  width: 1200px;
  max-width: 100%;
  margin: auto;
}
.top_se1 .inner p, .single_list .inner p {
  font-size: 20px;
}
@media screen and (max-width: 959px) {
  .top_se1 .inner p, .single_list .inner p {
    font-size: 16px;
  }
}
.top_se1 .post_box, .single_list .post_box {
  position: relative;
  z-index: 2;
  margin: 150px auto 200px;
}
.top_se1 .post_box .inner, .single_list .post_box .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.top_se1 .post_box .inner .co, .single_list .post_box .inner .co {
  width: 48%;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 15px;
  padding: 20px 0;
}
@media screen and (max-width: 639px) {
  .top_se1 .post_box .inner .co, .single_list .post_box .inner .co {
    width: 100%;
    margin-top: 30px;
  }
}
.top_se1 .post_box .inner .co .co_title, .single_list .post_box .inner .co .co_title {
  opacity: 0;
  width: 249px;
  height: auto;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .top_se1 .post_box .inner .co .co_title, .single_list .post_box .inner .co .co_title {
    width: 200px;
  }
}
.top_se1 .post_box .inner .co .co_title img, .single_list .post_box .inner .co .co_title img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.top_se1 .post_box .inner .co .co_title.active, .single_list .post_box .inner .co .co_title.active {
  position: relative;
  overflow: hidden;
}
.top_se1 .post_box .inner .co .co_title.active::before, .single_list .post_box .inner .co .co_title.active::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 110%;
  background: #fff;
  overflow: hidden;
  transform: translateX(0);
  animation: boxblind-4 2s forwards alternate;
}
.top_se1 .post_box .inner .co ul, .single_list .post_box .inner .co ul {
  max-width: 530%;
  width: 89%;
  margin: 30px auto 0;
}
.top_se1 .post_box .inner .co ul li, .single_list .post_box .inner .co ul li {
  list-style: none;
  border-top: #3E3E3E 1px solid;
  padding: 5px 24px 5px 0;
  height: 100px;
  position: relative;
  overflow: hidden;
}
.top_se1 .post_box .inner .co ul li::before, .single_list .post_box .inner .co ul li::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(img/〉.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.top_se1 .post_box .inner .co ul li p, .single_list .post_box .inner .co ul li p {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 2行で切る */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}
@media screen and (max-width: 959px) {
  .top_se1 .post_box .inner .co ul li p, .single_list .post_box .inner .co ul li p {
    font-size: 16px;
    max-height: 70px;
    line-height: 29px;
    overflow: hidden;
  }
}
.top_se1 .post_box .inner .co ul li a, .single_list .post_box .inner .co ul li a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.top_se1 .post_box .inner .co ul li:last-child, .single_list .post_box .inner .co ul li:last-child {
  border-bottom: #3E3E3E 1px solid;
}
.top_se1 .post_box .inner .co #pagination-info, .top_se1 .post_box .inner .co #pagination-column, .single_list .post_box .inner .co #pagination-info, .single_list .post_box .inner .co #pagination-column {
  text-align: center;
  margin-top: 20px;
}
.top_se1 .post_box .inner .co .more_link, .single_list .post_box .inner .co .more_link {
  text-align: end;
  padding: 0 30px;
}
.top_se1 .greeting_box, .single_list .greeting_box {
  max-width: 1200px;
  width: 100%;
  margin: auto;
  display: block;
  margin-bottom: 150px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1199px) {
  .top_se1 .greeting_box, .single_list .greeting_box {
    padding: 0 25px;
  }
}
@media screen and (max-width: 959px) {
  .top_se1 .greeting_box, .single_list .greeting_box {
    padding: 0;
  }
}
.top_se1 .greeting_box h2, .single_list .greeting_box h2 {
  width: 249px;
  height: auto;
  margin-bottom: 30px;
}
@media screen and (max-width: 1199px) {
  .top_se1 .greeting_box h2, .single_list .greeting_box h2 {
    width: 200px;
  }
}
.top_se1 .greeting_box h2 img, .single_list .greeting_box h2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.top_se1 .greeting_box .image_co, .single_list .greeting_box .image_co {
  float: left;
  width: 460px;
  height: auto;
  aspect-ratio: 460/536;
  margin-right: 20px;
}
@media screen and (max-width: 1199px) {
  .top_se1 .greeting_box .image_co, .single_list .greeting_box .image_co {
    width: 358px;
  }
}
@media screen and (max-width: 639px) {
  .top_se1 .greeting_box .image_co, .single_list .greeting_box .image_co {
    float: none;
    margin: auto;
    width: 90%;
    max-width: 360px;
  }
}
.top_se1 .greeting_box .image_co .img_box, .single_list .greeting_box .image_co .img_box {
  width: 450px;
  height: auto;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1199px) {
  .top_se1 .greeting_box .image_co .img_box, .single_list .greeting_box .image_co .img_box {
    width: 360px;
  }
}
@media screen and (max-width: 639px) {
  .top_se1 .greeting_box .image_co .img_box, .single_list .greeting_box .image_co .img_box {
    width: 90%;
    max-width: 360px;
    height: auto;
    margin: auto;
  }
  .top_se1 .greeting_box .image_co .img_box img, .single_list .greeting_box .image_co .img_box img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.top_se1 .greeting_box .image_co .name_box, .single_list .greeting_box .image_co .name_box {
  font-size: 25px;
  text-align: center;
}
.top_se1 .greeting_box p, .single_list .greeting_box p {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-size: 20px;
  font-style: normal;
}
@media screen and (max-width: 1199px) {
  .top_se1 .greeting_box p, .single_list .greeting_box p {
    font-size: 18px;
  }
}
@media screen and (max-width: 639px) {
  .top_se1 .greeting_box p, .single_list .greeting_box p {
    font-size: 16px;
  }
}

@media screen and (max-width: 639px) {
  .top_se1 {
    padding-top: 320px;
  }
}

.top_se2 {
  width: 100%;
  max-width: 1200px;
  margin: 150px auto;
}
@media screen and (max-width: 1199px) {
  .top_se2 {
    padding: 20px 25px;
  }
}
.top_se2 .inner {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.top_se2 .inner .co1 {
  width: 46.83334%;
  padding-right: 5%;
}
@media screen and (max-width: 639px) {
  .top_se2 .inner .co1 {
    padding-right: 0%;
  }
}
.top_se2 .inner .co1 table {
  border-collapse: collapse;
  width: 100%;
}
@media screen and (max-width: 639px) {
  .top_se2 .inner .co1 table {
    margin-bottom: 30px;
  }
}
.top_se2 .inner .co1 th, .top_se2 .inner .co1 td {
  font-size: 16px;
  text-align: left;
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px #000 solid;
}
@media screen and (max-width: 639px) {
  .top_se2 .inner .co1 th, .top_se2 .inner .co1 td {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .top_se2 .inner .co1 th {
    width: 110px;
  }
}
.top_se2 .inner .co1 td {
  padding-left: 30px;
}
.top_se2 .inner .co2 {
  width: 53.16666%;
}
.top_se2 .inner .co2 iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 638/359;
}
@media screen and (max-width: 959px) {
  .top_se2 .inner .co1, .top_se2 .inner .co2 {
    width: 100%;
  }
}

.top_se3 {
  margin-bottom: 200px;
}
@media screen and (max-width: 1199px) {
  .top_se3 {
    padding: 20px 25px;
  }
}
.top_se3 > p {
  margin: auto;
  max-width: 1000px;
  font-size: 20px;
  margin-top: 30px;
  font-weight: 500;
}
@media screen and (max-width: 1199px) {
  .top_se3 > p {
    font-size: 20px;
  }
}
@media screen and (max-width: 639px) {
  .top_se3 > p {
    font-size: 18px;
  }
}
.top_se3 .inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 60px auto 0;
}
.top_se3 .inner .co1 {
  width: 100%;
}
@media screen and (max-width: 959px) {
  .top_se3 .inner .co1 {
    padding: 25px;
  }
}
@media screen and (max-width: 639px) {
  .top_se3 .inner .co1 {
    padding: 25px 0;
  }
}
.top_se3 .inner .co1 table {
  width: 100%;
}
@media screen and (max-width: 639px) {
  .top_se3 .inner .co1 table tr {
    display: flex;
    flex-direction: column;
  }
  .top_se3 .inner .co1 table tr th {
    padding-top: 20px;
  }
}
.top_se3 .inner .co1 table th p, .top_se3 .inner .co1 table td p {
  text-align: left;
  color: #3E3E3E;
  font-size: 22px;
  vertical-align: top;
}
@media screen and (max-width: 639px) {
  .top_se3 .inner .co1 table th p, .top_se3 .inner .co1 table td p {
    font-size: 18px;
  }
}
.top_se3 .inner .co1 table th {
  width: 208px;
  vertical-align: top;
}
.top_se3 .inner .co1 table th span {
  font-size: 22px;
  vertical-align: top;
  color: #FF0000;
}
@media screen and (max-width: 639px) {
  .top_se3 .inner .co1 table th span {
    font-size: 18px;
  }
}
.top_se3 .inner .co1 table td {
  padding-left: 70px;
}
@media screen and (max-width: 639px) {
  .top_se3 .inner .co1 table td {
    padding-left: 0;
    margin-bottom: 20px;
  }
}
.top_se3 .inner .co1 table td input, .top_se3 .inner .co1 table td textarea {
  width: 100%;
  max-width: 500px;
}
.top_se3 .inner .co1 table td textarea {
  margin-top: 10px;
}
.top_se3 .inner .co2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 0;
  padding-right: 0;
}
@media screen and (max-width: 959px) {
  .top_se3 .inner .co2 {
    width: 100%;
    margin: auto;
  }
}
@media screen and (max-width: 639px) {
  .top_se3 .inner .co2 {
    padding: 0 0 20px;
  }
}
.top_se3 .inner .co2 > p {
  font-size: 18px;
}
@media screen and (max-width: 639px) {
  .top_se3 .inner .co2 > p {
    font-size: 16px;
  }
}
.top_se3 .inner .co2 > p span {
  font-size: 18px;
  color: #FF0000;
}
@media screen and (max-width: 639px) {
  .top_se3 .inner .co2 > p span {
    font-size: 16px;
  }
}
.top_se3 .inner .co2 .contact_btn_box {
  position: relative;
}
.top_se3 .inner .co2 .contact_btn_box p {
  text-align: center;
  padding-top: 40px;
}
.top_se3 .inner .co2 .contact_btn_box p:last-child {
  text-align: center;
}
.top_se3 .inner .co2 .contact_btn_box .wpcf7-spinner {
  position: absolute;
  z-index: -100;
}
.top_se3 .inner .co2 .contact_btn_box input[type=submit] {
  font-size: 35px;
  color: #fff;
  align-content: center;
  background-color: #93252D;
  margin: auto;
  border-radius: 27px;
  width: 100%;
  max-width: 387px;
  aspect-ratio: 387/53;
  text-align: center;
  border: none;
  margin: auto;
}
@media screen and (max-width: 639px) {
  .top_se3 .inner .co2 .contact_btn_box input[type=submit] {
    font-size: 22px;
  }
}
.top_se3 .inner .co2 input[type=submit]:hover {
  opacity: 0.9;
}
@media screen and (max-width: 959px) {
  .top_se3 .inner .co1, .top_se3 .inner .co2 {
    width: 100%;
  }
}
.top_se3 .contact_policy {
  max-width: 1000px;
  margin: auto;
  border: #000 1px solid;
  padding: 30px 70px;
  position: relative;
}
.top_se3 .contact_policy > h3 {
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: -15px;
  left: 30px;
  background: #fff;
  display: inline-block;
  z-index: 2;
  font-size: 20px;
}
@media screen and (max-width: 639px) {
  .top_se3 .contact_policy {
    padding: 30px 25px;
  }
}
.top_se3 .contact_policy ul li {
  list-style: decimal;
  font-size: 16px;
}
.top_se3 .contact_policy ul li p {
  font-size: 16px;
}

.top_se2, .top_se3, .consulting_se1, .consulting_se2, .consulting_se2, .ai_se1, .ai_se2 {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  margin-bottom: 20px;
}
.top_se2 h2, .top_se2 h3, .top_se3 h2, .top_se3 h3, .consulting_se1 h2, .consulting_se1 h3, .consulting_se2 h2, .consulting_se2 h3, .consulting_se2 h2, .consulting_se2 h3, .ai_se1 h2, .ai_se1 h3, .ai_se2 h2, .ai_se2 h3 {
  width: 249px;
  height: auto;
}
@media screen and (max-width: 1199px) {
  .top_se2 h2, .top_se2 h3, .top_se3 h2, .top_se3 h3, .consulting_se1 h2, .consulting_se1 h3, .consulting_se2 h2, .consulting_se2 h3, .consulting_se2 h2, .consulting_se2 h3, .ai_se1 h2, .ai_se1 h3, .ai_se2 h2, .ai_se2 h3 {
    width: 200px;
  }
}
.top_se2 h2 img, .top_se2 h3 img, .top_se3 h2 img, .top_se3 h3 img, .consulting_se1 h2 img, .consulting_se1 h3 img, .consulting_se2 h2 img, .consulting_se2 h3 img, .consulting_se2 h2 img, .consulting_se2 h3 img, .ai_se1 h2 img, .ai_se1 h3 img, .ai_se2 h2 img, .ai_se2 h3 img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.greeting_box, .top_se2, .top_se3, .consulting_se1, .consulting_se2, .ai_se1, .ai_se2, .greeting_box {
  margin-bottom: 150px;
}

.co_title.active {
  position: relative;
  overflow: hidden;
  opacity: 1 !important;
}
.co_title.active::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 110%;
  background: #fff;
  overflow: hidden;
  transform: translateX(0);
  animation: boxblind-4 2s steps(4) forwards alternate;
}

@keyframes boxblind-4 {
  0% {
    transform: translateX(0%);
  }
  25% {
    transform: translateX(25%);
  }
  50% {
    transform: translateX(50%);
  }
  75% {
    transform: translateX(75%);
  }
  100% {
    transform: translateX(100%);
  }
}
.page-template-page-consulting {
  background: #CDEEF6;
}

.consulting_kv {
  position: relative;
  overflow: visible;
  background-image: url(img/ToB.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  aspect-ratio: 1920/700;
}
@media screen and (max-width: 639px) {
  .consulting_kv {
    aspect-ratio: 1920/1658;
  }
}

.consulting_kv_text {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1199px) {
  .consulting_kv_text {
    bottom: -30%;
  }
}
@media screen and (max-width: 959px) {
  .consulting_kv_text {
    bottom: -90%;
  }
}
@media screen and (max-width: 639px) {
  .consulting_kv_text {
    margin-top: -100px;
  }
}
.consulting_kv_text h2 {
  font-size: 40px;
  text-align: center;
  margin: 0 auto 60px;
}
@media screen and (max-width: 1199px) {
  .consulting_kv_text h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 959px) {
  .consulting_kv_text h2 {
    font-size: 25px;
  }
}
@media screen and (max-width: 639px) {
  .consulting_kv_text h2 {
    font-size: 27px;
  }
}
.consulting_kv_text p {
  font-size: 20px;
  text-align: center;
  line-height: 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .consulting_kv_text p {
    font-size: 16px;
    line-height: 21px;
  }
}

.consulting_se1 {
  margin-top: 100px;
}
@media screen and (max-width: 959px) {
  .consulting_se1 {
    padding: 0 25px;
  }
}
.consulting_se1 h3 {
  width: 100%;
  font-size: 25px;
  padding: 30px 0;
}
@media screen and (max-width: 959px) {
  .consulting_se1 h3 {
    font-size: 22px;
  }
}
.consulting_se1 p {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-size: 20px;
  font-style: normal;
  line-height: 40px;
}
@media screen and (max-width: 959px) {
  .consulting_se1 p {
    font-size: 18px;
    line-height: 32px;
  }
}
@media screen and (max-width: 639px) {
  .consulting_se1 p {
    font-size: 16px;
    line-height: 28px;
  }
}
.consulting_se1 p b {
  font-size: 25px;
  color: #3E3E3E;
  font-weight: 700;
}
@media screen and (max-width: 959px) {
  .consulting_se1 p b {
    font-size: 22px;
  }
}

.consulting_se1 {
  position: relative;
}
.consulting_se1 .inner > p {
  font-size: 18px;
  line-height: 1.8;
}
.consulting_se1 > p {
  font-size: 18px;
  line-height: 1.8;
}
.consulting_se1::before {
  content: "";
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  background: url(img/back_kompas_logo.webp);
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -30%;
  z-index: 1;
}
@media screen and (max-width: 1199px) {
  .consulting_se1 {
    margin-top: 160px;
    padding: 0 25px;
  }
}
@media screen and (max-width: 959px) {
  .consulting_se1 {
    margin-top: 150px;
    padding: 0 25px;
  }
}
@media screen and (max-width: 639px) {
  .consulting_se1 {
    margin-top: 100px;
  }
}
.consulting_se1 .case_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  z-index: 3;
  margin-top: 30px;
  margin-bottom: 150px;
}
.consulting_se1 .case_box .co1 {
  width: 387px;
  max-height: 855px;
  overflow: scroll;
}
@media screen and (max-width: 959px) {
  .consulting_se1 .case_box .co1 {
    overflow-y: visible;
    overflow-x: scroll;
    margin-bottom: 10px;
  }
}
.consulting_se1 .case_box .co1 ul {
  padding: 10px;
}
@media screen and (max-width: 959px) {
  .consulting_se1 .case_box .co1 ul {
    width: 100%;
    max-height: 130px;
    display: -webkit-box;
    padding: 10px 20px;
  }
}
.consulting_se1 .case_box .co1 ul .case_list {
  position: relative;
  list-style: none;
  width: 351px;
  height: 120px;
  border: #93252D solid 1px;
  border-radius: 10px;
  padding: 10px;
  background: #fff;
  margin: auto;
  margin-bottom: 20px;
}
@media screen and (max-width: 959px) {
  .consulting_se1 .case_box .co1 ul .case_list {
    width: 246px;
    height: 106px;
  }
}
@media screen and (max-width: 959px) {
  .consulting_se1 .case_box .co1 ul .case_list {
    width: 246px;
    height: 106px;
    margin: 0;
    margin-right: 20px;
    margin-bottom: 0px;
  }
}
.consulting_se1 .case_box .co1 ul .case_list h3 {
  font-size: 22px;
  padding: 0;
}
@media screen and (max-width: 959px) {
  .consulting_se1 .case_box .co1 ul .case_list h3 {
    font-size: 20px;
  }
}
.consulting_se1 .case_box .co1 ul .case_list p {
  font-size: 18px;
  line-height: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 2行で切る */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 959px) {
  .consulting_se1 .case_box .co1 ul .case_list p {
    font-size: 16px;
  }
}
.consulting_se1 .case_box .co1 ul .case_list a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.consulting_se1 .case_box .co2 {
  width: calc(100% - 387px - 10px);
  max-height: 855px;
  overflow: scroll;
  padding: 20px;
}
.consulting_se1 .case_box .co2 .case_list_title {
  background: #93252D;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.consulting_se1 .case_box .co2 .case_list_title h3 {
  font-size: 22px;
  color: #fff;
  padding: 0;
  margin-bottom: 0px;
}
@media screen and (max-width: 639px) {
  .consulting_se1 .case_box .co2 .case_list_title h3 {
    font-size: 20px;
  }
}
.consulting_se1 .case_box .co2 .case_list_title p {
  font-size: 18px;
  color: #fff;
  margin-bottom: 0;
}
@media screen and (max-width: 639px) {
  .consulting_se1 .case_box .co2 .case_list_title p {
    font-size: 16px;
  }
}
@media screen and (max-width: 959px) {
  .consulting_se1 .case_box .co2 {
    width: calc(100% - 280px - 10px);
  }
}
.consulting_se1 .case_box .co2 h4 {
  font-size: 22px;
  color: #93252D;
  margin-bottom: 5px;
}
@media screen and (max-width: 639px) {
  .consulting_se1 .case_box .co2 h4 {
    font-size: 20px;
  }
}
.consulting_se1 .case_box .co2 .case_list_text {
  font-size: 18px;
  color: #3E3E3E;
  margin-bottom: 30px;
}
@media screen and (max-width: 639px) {
  .consulting_se1 .case_box .co2 .case_list_text {
    font-size: 16px;
  }
}
.consulting_se1 .case_box .co1, .consulting_se1 .case_box .co2 {
  background: #fff;
}
@media screen and (max-width: 959px) {
  .consulting_se1 .case_box .co1, .consulting_se1 .case_box .co2 {
    width: 100%;
  }
}

.consulting_se2 h2 {
  margin-bottom: 40px;
}

.contact_link_box .contact_link {
  background: #93252D;
  max-width: 387px;
  width: 80%;
  margin: 80px auto 40px;
  aspect-ratio: 387/73;
  align-content: center;
  color: #fff;
  font-size: 35px;
  border-radius: 27px;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .contact_link_box .contact_link {
    max-width: 320px;
    font-size: 28px;
  }
}
@media screen and (max-width: 639px) {
  .contact_link_box .contact_link {
    font-size: 22px;
  }
}
.contact_link_box .contact_link a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.contact_link_box p {
  font-size: 22px;
  text-align: center;
}

.consulting_se1 .co_title, .consulting_se2 .co_title {
  opacity: 0;
}
.consulting_se1 .co_title.active::before, .consulting_se2 .co_title.active::before {
  background: #CDEEF6;
}

.page-template-page-ai {
  background: #FDE7DA;
}

.ai_kv, .single_kv {
  position: relative;
}

.ai_kv_text {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 639px) {
  .ai_kv_text {
    margin-top: -100px;
  }
}
.ai_kv_text h2 {
  font-size: 40px;
  text-align: center;
  margin: 0 auto 60px;
}
@media screen and (max-width: 1199px) {
  .ai_kv_text h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 959px) {
  .ai_kv_text h2 {
    font-size: 25px;
  }
}
@media screen and (max-width: 639px) {
  .ai_kv_text h2 {
    font-size: 27px;
  }
}
.ai_kv_text p {
  font-size: 20px;
  text-align: center;
  line-height: 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .ai_kv_text p {
    font-size: 16px;
    line-height: 21px;
  }
}

.ai_kv {
  background-image: url(img/ToC.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  aspect-ratio: 1920/700;
}
@media screen and (max-width: 639px) {
  .ai_kv {
    aspect-ratio: 1920/1658;
  }
}

.ai_se1 {
  margin-top: 140px;
}
@media screen and (max-width: 959px) {
  .ai_se1 {
    padding: 0 25px;
    margin-top: 240px !important;
  }
}
.ai_se1 .inner, .ai_se1 .inner2 {
  background-color: #fff;
}
.ai_se1 .inner, .ai_se1 .inner2, .ai_se1 .inner3 {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-top: 30px;
  margin-bottom: 200px;
}
.ai_se1 .inner {
  display: flex;
  flex-wrap: wrap;
  padding: 60px 20px 20px;
}
.ai_se1 .inner .co1 {
  width: 50%;
  padding: 0 30px;
}
@media screen and (max-width: 639px) {
  .ai_se1 .inner .co1 {
    padding: 0;
  }
}
.ai_se1 .inner .co1 h3 {
  font-size: 30px;
  color: #F40215;
  text-align: center;
  padding-top: 0;
  padding-bottom: 25px;
}
.ai_se1 .inner .co1 p {
  color: #3E3E3E;
  margin-bottom: 18px;
}
@media screen and (max-width: 639px) {
  .ai_se1 .inner .co1 p {
    font-size: 16px;
  }
}
.ai_se1 .inner .co2 {
  width: 50%;
}
.ai_se1 .inner .co2 .co_video {
  width: 100%;
  height: auto;
  max-width: 490px;
  aspect-ratio: 490/281;
  margin: 50px auto 0;
}
.ai_se1 .inner .co2 .co_video iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 639px) {
  .ai_se1 .inner .co1, .ai_se1 .inner .co2 {
    width: 100%;
  }
}
.ai_se1 .inner2 {
  padding: 50px 61px;
}
@media screen and (max-width: 639px) {
  .ai_se1 .inner2 {
    padding: 50px 30px;
  }
}
.ai_se1 .inner2 p {
  font-size: 22px;
  padding-left: 30px;
  text-indent: -30px;
  margin-bottom: 10px;
  line-height: 1.3;
  color: #3E3E3E;
}
@media screen and (max-width: 959px) {
  .ai_se1 .inner2 p {
    font-size: 18px;
  }
}
@media screen and (max-width: 639px) {
  .ai_se1 .inner2 p {
    font-size: 16px;
  }
}
.ai_se1 .inner3 p {
  font-size: 22px;
  color: #3E3E3E;
  line-height: 1.3;
}
@media screen and (max-width: 1199px) {
  .ai_se1 .inner3 p {
    font-size: 22px;
  }
}
@media screen and (max-width: 639px) {
  .ai_se1 .inner3 p {
    font-size: 16px;
  }
}
.ai_se1 h3 {
  width: 100%;
  font-size: 25px;
  padding: 30px 0;
}
.ai_se1 p {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-size: 20px;
  font-style: normal;
  line-height: 40px;
}
@media screen and (max-width: 959px) {
  .ai_se1 p {
    font-size: 16px;
    line-height: 32px;
  }
}
@media screen and (max-width: 639px) {
  .ai_se1 p {
    font-size: 14px;
    line-height: 28px;
  }
}
.ai_se1 p b {
  font-size: 25px;
  color: #3E3E3E;
  font-weight: 700;
}

.ai_se1 {
  position: relative;
}
.ai_se1::before {
  content: "";
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  background: url(img/back_kompas_logo.webp);
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -30%;
  z-index: 1;
}
@media screen and (max-width: 1199px) {
  .ai_se1 {
    margin-top: 160px;
    padding: 0 25px;
  }
}
@media screen and (max-width: 959px) {
  .ai_se1 {
    margin-top: 120px;
    padding: 0 25px;
  }
}
@media screen and (max-width: 639px) {
  .ai_se1 {
    margin-top: 50px;
  }
}

@media screen and (max-width: 959px) {
  .ai_se2 {
    padding: 0 25px;
  }
}
.ai_se2 .ai_step_title_box {
  width: 100%;
  text-align: center;
  position: relative;
}
.ai_se2 .ai_step_title_box::before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #3E3E3E;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0;
}
@media screen and (max-width: 1199px) {
  .ai_se2 .ai_step_title_box::before {
    width: calc(100% - 50px);
  }
}
.ai_se2 .ai_step_title_box .ai_step_title {
  display: inline-block;
  padding: 0 10px;
  background: #FDE7DA;
  position: relative;
  z-index: 1;
}
.ai_se2 .ai_step_title_box .ai_step_title h3 {
  font-size: 25px;
  color: #3E3E3E;
  font-weight: 700;
  width: -moz-fit-content;
  width: fit-content;
}
.ai_se2 .step_arrow {
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-top: 20px;
}
@media screen and (max-width: 1199px) {
  .ai_se2 .step_arrow {
    padding: 0 25px;
  }
}
.ai_se2 .step_arrow img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.ai_se2 .step_arrow_sp {
  display: none;
}
@media screen and (max-width: 639px) {
  .ai_se2 .step_arrow_sp {
    display: block;
    padding: 40px 0;
  }
}
.ai_se2 .step_arrow_sp .step_arrow_list {
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: auto;
  padding: 20px 30px;
  background: #3E3E3E;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
          clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
  font-size: 20px;
}

.ai_se1 .co_title, .ai_se2 .co_title {
  opacity: 0;
}
.ai_se1 .co_title.active::before, .ai_se2 .co_title.active::before {
  background: #FDE7DA;
}

.single-format-standard {
  background: #F8EEE3;
}

.single_kv {
  aspect-ratio: 1920/758;
  background-image: url(img/ToD.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
@media screen and (max-width: 639px) {
  .single_kv {
    aspect-ratio: 1920/1658;
  }
}

@media screen and (max-width: 1199px) {
  .single_list {
    padding: 20px 25px;
  }
}
@media screen and (max-width: 639px) {
  .single_list {
    margin-top: -120px;
    padding-top: 0;
    padding: 20px 0;
  }
}
.single_list .post_box {
  margin-top: 0;
}
@media screen and (max-width: 1199px) {
  .single_list .post_box {
    padding: 0 25px;
  }
}
.single_list .post_box .inner .co ul li h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 2行で切る */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}
@media screen and (max-width: 959px) {
  .single_list .post_box .inner .co ul li h3 {
    font-size: 16px;
    max-height: 70px;
    line-height: 29px;
    overflow: hidden;
  }
}
@media screen and (max-width: 959px) {
  .single_list .post_box .co_title {
    width: 180px !important;
  }
}
@media screen and (max-width: 639px) {
  .single_list .post_box {
    margin-top: 0;
  }
  .single_list .post_box .inner {
    padding: 0;
  }
  .single_list .post_box .inner .co_title {
    width: 180px !important;
  }
  .single_list .post_box .inner p {
    font-size: 16px;
  }
  .single_list .post_box .inner p span {
    font-size: 16px;
  }
}

.post_area, .post-detail-inner {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  background: rgba(255, 255, 255, 0.8);
  min-height: 40vh;
  padding: 30px 60px;
  margin-bottom: 300px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 639px) {
  .post_area, .post-detail-inner {
    padding: 30px 20px;
  }
}
.post_area .single-post-header, .post-detail-inner .single-post-header {
  margin-bottom: 40px;
}
.post_area .single-post-header .post-categories img, .post-detail-inner .single-post-header .post-categories img {
  width: auto;
  height: 25.29px;
}
.post_area .single-post-header .single-post-title, .post-detail-inner .single-post-header .single-post-title {
  font-size: 30px;
  border-bottom: #707070 solid 2px;
  display: inline-block;
}
@media screen and (max-width: 1199px) {
  .post_area .single-post-header .single-post-title, .post-detail-inner .single-post-header .single-post-title {
    font-size: 25px;
  }
}
@media screen and (max-width: 639px) {
  .post_area .single-post-header .single-post-title, .post-detail-inner .single-post-header .single-post-title {
    font-size: 22px;
  }
}
.post_area .single-post-header .post-date, .post-detail-inner .single-post-header .post-date {
  font-size: 17px;
}
.post_area .single-post-content p, .post-detail-inner .single-post-content p {
  font-size: 20px;
  margin-bottom: 20px;
}
.post_area .single-post-content .wp-block-image, .post-detail-inner .single-post-content .wp-block-image {
  margin: 40px auto;
}

.single-post .post_box .co_title {
  opacity: 0;
}
.single-post .post_box .co_title.active::before {
  background: url(img/post_bg.jpg) !important;
  background-size: cover;
}

footer {
  min-height: 247px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: space-between;
  background: #3E3E3E;
  padding: 20px 0;
  overflow: hidden;
}
footer .footer_inner {
  width: 100%;
  max-width: 1200px;
  margin: 1rem auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
footer .footer_inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: -160px;
  z-index: 2;
  width: 287px;
  height: auto;
  aspect-ratio: 1/1;
  background: url(img/kompas_logo2.webp);
  background-size: contain;
}
@media screen and (max-width: 959px) {
  footer .footer_inner::before {
    top: 57px;
  }
}
@media screen and (max-width: 639px) {
  footer .footer_inner::before {
    top: 145px;
    left: -18px;
    z-index: 2;
    width: 134px;
  }
}
footer .footer_inner .footer_menu {
  max-width: 1050px;
  width: 90%;
  margin-left: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media screen and (max-width: 639px) {
  footer .footer_inner .footer_menu {
    flex-wrap: wrap;
    width: 100%;
  }
}
footer .footer_inner .footer_menu .co1 {
  width: 250px;
  max-width: 30%;
}
@media screen and (max-width: 639px) {
  footer .footer_inner .footer_menu .co1 {
    max-width: 100%;
  }
}
footer .footer_inner .footer_menu .co1 .logo {
  width: 250px;
  height: 63px;
}
@media screen and (max-width: 639px) {
  footer .footer_inner .footer_menu .co1 .logo {
    margin: 2rem auto;
  }
}
footer .footer_inner .footer_menu .co2 {
  width: calc(100% - 250px);
}
footer .footer_inner .footer_menu .co2 ul {
  display: flex;
  justify-content: space-between;
  max-width: 460px;
  width: 100%;
  margin-left: auto;
  padding-top: 20px;
}
@media screen and (max-width: 959px) {
  footer .footer_inner .footer_menu .co2 ul {
    max-width: 360px;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 639px) {
  footer .footer_inner .footer_menu .co2 ul {
    justify-content: left;
    flex-direction: column;
    max-width: 700px;
  }
}
footer .footer_inner .footer_menu .co2 ul li {
  position: relative;
  list-style: none;
  color: #fff;
  font-weight: 300;
  border-right: 1px #fff solid;
  padding-right: 10px;
  text-align: center;
}
@media screen and (max-width: 959px) {
  footer .footer_inner .footer_menu .co2 ul li {
    width: 50%;
    max-width: 180px;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 639px) {
  footer .footer_inner .footer_menu .co2 ul li {
    margin-bottom: 1rem;
    width: 100%;
    border-right: none;
    text-align: left;
    padding-left: 40px;
    margin: 10px auto;
  }
}
footer .footer_inner .footer_menu .co2 ul li a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 959px) {
  footer .footer_inner .footer_menu .co2 ul li:nth-child(2) {
    border-right: none;
  }
}
footer .footer_inner .footer_menu .co2 ul li:last-child {
  border-right: none;
}
@media screen and (max-width: 639px) {
  footer .footer_inner .footer_menu .co2, footer .footer_inner .footer_menu .co1 {
    width: 100%;
  }
}
footer .copyright {
  font-size: 0.875rem;
  text-align: center;
  color: #fff;
}

.indx_se {
  padding: 100px 0;
}
@media screen and (max-width: 639px) {
  .indx_se {
    padding: 0 25px;
  }
}
.indx_se h2 {
  text-align: center;
  font-size: 35px;
}
@media screen and (max-width: 639px) {
  .indx_se h2 {
    font-size: 22px;
  }
}
.indx_se .inner {
  width: 100%;
  max-width: 1200px;
  margin: auto;
}
.indx_se .inner .co1,
.indx_se .inner .co2 {
  width: 100%;
  max-width: 700px;
  margin: auto;
}
@media screen and (max-width: 639px) {
  .indx_se .inner .co2 .contact_btn_box {
    flex-wrap: wrap;
    flex-direction: column;
  }
}
.indx_se .inner .co2 .contact_btn_box p {
  text-align: center;
}
@media screen and (max-width: 639px) {
  .indx_se .inner .co2 .contact_btn_box p {
    font-size: 16px;
  }
}
.indx_se .inner .co2 .contact_btn_box input[type=submit],
.indx_se .inner .co2 .contact_btn_box input[type=button] {
  color: #fff;
  font-size: 28px;
  align-content: center;
  margin: auto;
  border-radius: 27px;
  width: 100%;
  max-width: 387px;
  aspect-ratio: 387/53;
  text-align: center;
  border: none;
}
@media screen and (max-width: 639px) {
  .indx_se .inner .co2 .contact_btn_box input[type=submit],
  .indx_se .inner .co2 .contact_btn_box input[type=button] {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .indx_se .inner table tr {
    display: flex;
    flex-wrap: wrap;
  }
}
.indx_se .inner table tr th, .indx_se .inner table tr td {
  vertical-align: top;
  text-align: left;
  font-size: 20px;
}
@media screen and (max-width: 639px) {
  .indx_se .inner table tr th, .indx_se .inner table tr td {
    width: 100%;
  }
}
.indx_se .inner table tr th p, .indx_se .inner table tr td p {
  font-size: 20px;
}
@media screen and (max-width: 639px) {
  .indx_se .inner table tr th p, .indx_se .inner table tr td p {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .indx_se .inner table tr td {
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 639px) {
  .indx_se .contact_btn_box {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .indx_se .contact_btn {
    margin: 20px auto 0;
  }
}/*# sourceMappingURL=style.css.map */